From d9ed0ceaba6145c1e7d6a3e8e1bd4f01463f44fe Mon Sep 17 00:00:00 2001
From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com>
Date: 星期四, 02 十一月 2023 15:48:16 +0800
Subject: [PATCH] qxtj
---
src/views/system/tijian/index.vue | 388 +++++++++++++++++++++++++++++-------------------------
1 files changed, 208 insertions(+), 180 deletions(-)
diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue
index ed25297..5718530 100644
--- a/src/views/system/tijian/index.vue
+++ b/src/views/system/tijian/index.vue
@@ -1,182 +1,202 @@
<template>
<div class="app-container">
- <el-row class="container" v-show="top">
- <el-col style="width: 1050px">
- <div style="width: 1200px">
- <el-form style="margin: 4px 8px; width: 1200px" :inline="true" ref="form" :model="form" :rules="rules"
- :label-position="labelPosition" class="demo-form-inline" label-width="80px">
- <el-form-item label="鏄惁鍖垮悕" prop="isNow">
- <el-select style="width: 130px" v-model="isNow" placeholder="鏄惁鍖垮悕" @change="freezing(isNow)">
- <el-option v-for="dict in dictType" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="濮撳悕" prop="cusName">
- <el-input v-model="form.cusName" placeholder="璇疯緭鍏ュ鍚�" :disabled="isDisabled" style="width: 160px" />
- </el-form-item>
- <el-form-item label="璇佷欢绫诲瀷" prop="idType">
- <el-select :disabled="isDisabled" style="width: 160px" v-model="form.idType" placeholder="璇烽�夋嫨璇佷欢绫诲瀷">
- <el-option v-for="dict in dict.type.dict_user_cardtype" :key="dict.value" :label="dict.label"
- :value="dict.value"></el-option>
- </el-select>
- </el-form-item>
+ <div style="display: flex">
+ <div style="width: 76%">
+ <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
+ label-width="106px" v-show="top">
+ <el-row>
+ <el-col :span="5">
+ <el-form-item label="鍖垮悕" prop="isNow" style="display: flex;">
+ <el-select v-model="isNow" placeholder="鏄惁鍖垮悕" @change="freezing(isNow)">
+ <el-option v-for="dict in dictType" :key="dict.value" :label="dict.label"
+ :value="dict.value"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="濮撳悕" prop="cusName" style="display: flex;">
+ <el-input v-model="form.cusName" placeholder="璇疯緭鍏ュ鍚�" :disabled="isDisabled" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="9">
+ <el-form-item label="璇佷欢绫诲瀷" prop="idType" style="display: flex;">
+ <el-select :disabled="isDisabled" v-model="form.idType" placeholder="璇烽�夋嫨璇佷欢绫诲瀷">
+ <el-option v-for="dict in dict.type.dict_user_cardtype" :key="dict.value" :label="dict.label"
+ :value="dict.value"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
+ label-width="106px" v-show="top">
+ <el-row>
+ <el-col :span="5">
+ <el-form-item label="姘戞棌" prop="cusNational" style="display: flex;">
+ <el-select filterable :disabled="isDisabled" v-model="form.cusNational" placeholder="璇烽�夋嫨姘戞棌">
+ <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label"
+ :value="dict.value"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="鎬у埆" prop="cusSex" :rules="showHidden.has_sex === 'Y' ? rules.cusSex : []"
+ :required="showHidden.has_sex === 'Y'" style="display: flex;">
+ <el-select :disabled="isDisabled" v-model="form.cusSex" placeholder="鎬у埆">
+ <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
+ :value="parseInt(dict.value)"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
- <el-form-item label="璇佷欢鍙�" prop="cusIdcard" :rules="showHidden.has_idcard === 'Y' ? rules.cusIdcard : []"
- :required="showHidden.has_idcard === 'Y'">
- <el-input :disabled="isDisabled" style="width: 186px" v-model="form.cusIdcard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�"
- @input="inputChange" />
- <i style="font-size: 17px; margin-left: 3px" class="el-icon-search" @click="handleQuery"></i>
- </el-form-item>
- <br />
- <el-form-item label="骞撮緞" prop="age">
- <el-input style="width: 60px" v-model="form.age" :disabled="isDisabled" />
- </el-form-item>
- <el-form-item prop="ageUnit">
- <el-select :disabled="isDisabled" style="width: 60px" v-model="form.ageUnit">
- <el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label"
- :value="dict.value"></el-option>
- </el-select> </el-form-item>
- <el-form-item label="鎬у埆" prop="cusSex" :rules="showHidden.has_sex === 'Y' ? rules.cusSex : []"
- :required="showHidden.has_sex === 'Y'">
- <el-select :disabled="isDisabled" style="width: 160px" v-model="form.cusSex" placeholder="鎬у埆">
- <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
- :value="parseInt(dict.value)"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="鍑虹敓鏃ユ湡" prop="cusBrithday">
- <el-date-picker :disabled="isDisabled" style="width: 160px" clearable v-model="form.cusBrithday" type="date"
- value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鍑虹敓鏃ユ湡">
- </el-date-picker>
- </el-form-item>
- <el-form-item label="鑱旂郴鐢佃瘽" prop="cusPhone" :rules="showHidden.is_phone === 'Y' ? rules.cusPhone : []"
- :required="showHidden.is_phone === 'Y'">
- <el-input v-model="form.cusPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" :disabled="isDisabled" style="width: 186px" />
- </el-form-item>
- <el-form-item label="鎴峰彛鍦板潃" prop="addr">
- <el-input v-model="form.addr" placeholder="璇疯緭鍏ユ埛鍙ｅ湴鍧�" :disabled="isDisabled" style="width: 380px" />
- </el-form-item>
- <el-form-item label="鐜颁綇鍧�" prop="cusAddr">
- <el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" :disabled="isDisabled" style="width: 440px" />
- </el-form-item><br />
- <el-form-item label="鑱屼笟" prop="career">
- <el-select filterable :disabled="isDisabled" v-model="form.career" placeholder="璇疯緭鍏ヨ亴涓�" style="width: 130px">
- <el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label"
- :value="dict.value"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="姘戞棌" prop="cusNational">
- <el-select filterable :disabled="isDisabled" v-model="form.cusNational" placeholder="璇烽�夋嫨姘戞棌"
- style="width: 160px">
- <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label"
- :value="dict.value"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="濠氬Щ" prop="cusMarryStatus">
- <el-select :disabled="isDisabled" style="width: 130px" v-model="form.cusMarryStatus" placeholder="濠氬Щ鐘跺喌">
- <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label"
- :value="dict.value"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="宸ヤ綔鍗曚綅" prop="company">
- <el-input :disabled="isDisabled" v-model="form.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" style="width: 220px" />
- </el-form-item><br />
+ <el-col :span="9">
+ <el-form-item label="璇佷欢鍙�" prop="cusIdcard" :rules="showHidden.has_idcard === 'Y' ? rules.cusIdcard : []"
+ :required="showHidden.has_idcard === 'Y'" style="display: flex;">
+ <el-input :disabled="isDisabled" v-model="form.cusIdcard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" @input="inputChange" />
+ <i style="
+ font-size: 1rem;
+ position: absolute;
+ right: -20px;
+ top: 10px;
+ cursor: pointer;
+ " class="el-icon-search" @click="handleQuery"></i>
+ </el-form-item>
+ </el-col>
- <!-- <el-form-item label="閭斂缂栫爜" prop="cusPostcode">
- <el-input
- v-model="form.cusPostcode"
- placeholder="璇疯緭鍏ラ偖鏀跨紪鐮�"
- />
- </el-form-item> -->
+ </el-row>
+ </el-form>
+ <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
+ label-width="106px" v-show="top">
+ <el-row>
- <el-form-item label="浠嬬粛浜�" prop="cusIntroduce">
- <el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="璇疯緭鍏ヤ粙缁嶄汉" style="width: 130px" />
- </el-form-item>
- <el-form-item label="閭" prop="cusEmail">
- <el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" :disabled="isDisabled" style="width: 160px" />
- </el-form-item>
- <!-- <el-form-item label="绱㈠紩鍗″彿" prop="indexCard">
- <el-input v-model="form.indexCard" placeholder="璇疯緭鍏ョ储寮曞崱鍙�" />
- </el-form-item> -->
- <!-- <el-form-item label="姘戞棌" prop="cusNational">
- <el-select
- filterable
- :disabled="isDisabled"
- v-model="form.cusNational"
- placeholder="璇烽�夋嫨姘戞棌"
- style="width: 200px"
- >
- <el-option
- v-for="dict in dict.type.dict_user_national"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- >
- <span style="float: left">{{ dict.label }}</span>
- <span style="float: right; color: #8492a6; font-size: 13px">{{ dict.value }}</span>
- </el-option>
- </el-select>
- </el-form-item> -->
+ <el-col :span="5">
+ <el-form-item label="濠氬Щ" prop="cusMarryStatus" style="display: flex;">
+ <el-select :disabled="isDisabled" v-model="form.cusMarryStatus" placeholder="濠氬Щ鐘跺喌">
+ <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label"
+ :value="dict.value"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="鐢佃瘽" prop="cusPhone" :rules="showHidden.is_phone === 'Y' ? rules.cusPhone : []"
+ :required="showHidden.is_phone === 'Y'" style="display: flex;">
+ <el-input v-model="form.cusPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" :disabled="isDisabled" />
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="9">
+ <el-form-item label="鍑虹敓鏃ユ湡" prop="cusBrithday" style="display: flex;">
+ <el-date-picker :disabled="isDisabled" clearable v-model="form.cusBrithday" type="date"
+ value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鍑虹敓鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ </el-col>
- <!-- <el-form-item label="鏄惁VIP" prop="cusIsvip">
- <el-select style="width: 200px" v-model="form.cusIsvip" placeholder="鏄惁VIP">
- <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
- :value="dict.value"></el-option>
- </el-select>
- </el-form-item> -->
- <!-- <el-form-item label="鍥㈤槦/涓汉" prop="tjType">
- <el-radio-group v-model="form.tjType">
- <el-radio label="鍥㈤槦" v-if="form.tjType == '鍥㈤槦'"></el-radio>
- <el-radio label="涓汉" v-if="form.tjType == null"></el-radio>
- </el-radio-group>
- </el-form-item> -->
- <el-form-item style="margin-left: 260px">
- <el-button :disabled="isDisabled" style="margin-left: 50px" type="primary" size="mini"
- @click="submitForm">鐧昏</el-button>
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" @queryTable="getList">閲嶇疆</el-button>
- <!-- v-if="tcShows" -->
- <!-- <el-button type="primary" icon="el-icon-search" @click="handleQuery" size="mini">鏌ヨ</el-button> -->
- </el-form-item>
- </el-form>
+ </el-row>
+ </el-form>
+ <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
+ label-width="106px" v-show="top">
+ <el-row>
+ <el-col :span="5">
+ <el-form-item label="鑱屼笟" prop="career" style="display: flex;">
+ <el-select filterable :disabled="isDisabled" v-model="form.career" placeholder="璇疯緭鍏ヨ亴涓�">
+ <el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label"
+ :value="dict.value"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="7">
+ <el-form-item label="閭" prop="cusEmail" style="display: flex;">
+ <el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" :disabled="isDisabled" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="骞撮緞 " prop="age" style="display: flex;" label-width="150px
+ ">
+ <el-input v-model="form.age" :disabled="isDisabled" style="padding-left: 10%;"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="3">
+ <el-form-item prop="ageUnit">
+ <el-select :disabled="isDisabled" v-model="form.ageUnit" style="width: 94%">
+ <el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label"
+ :value="dict.value"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px" :label-position="labelPosition" v-show="top">
+ <el-row>
+ <el-col :span="20">
+ <el-form-item label="鎴峰彛鍦板潃" prop="addr">
+ <el-input v-model="form.addr" placeholder="璇疯緭鍏ユ埛鍙ｅ湴鍧�" :disabled="isDisabled" style="width: 103%;" />
+ </el-form-item>
+
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px" :label-position="labelPosition" v-show="top">
+ <el-row>
+ <el-col :span="20">
+ <el-form-item label="鐜颁綇鍧�" prop="cusAddr">
+ <el-input v-model="form.cusAddr" style="width: 103%;" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" :disabled="isDisabled" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="98px"
+ v-show="top">
+ <el-row>
+ <el-col :span="10">
+ <el-form-item label="浠嬬粛浜�" prop="cusIntroduce" style="display: flex;">
+ <el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="璇疯緭鍏ヤ粙缁嶄汉" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="11">
+ <el-form-item label="宸ヤ綔鍗曚綅" prop="company" style="display: flex;">
+ <el-input style="width: 100%;" :disabled="isDisabled" v-model="form.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="80px"
+ v-show="top">
+ <el-row>
+ <el-col :span="24">
+ <el-form-item>
+ <el-button :disabled="isDisabled" type="primary" size="mini" @click="submitForm">鐧昏</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" @queryTable="getList">閲嶇疆</el-button>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </div>
+ <div class="content" v-show="showHidden.mall_hasPhoto == 'Y'">
+ <div v-show="hide" style="border: 1px dashed #dcdfe6; width: 180px; height: 180px;margin-left: 5%;">
+ <img v-if="imageUrl" :src="imageUrl" class="avatar" />
</div>
- </el-col>
- <el-col :span="4" style="1px solid black;mar-right:60px" v-show="showHidden.mall_hasPhoto == 'Y'">
- <div class="content">
- <!-- <el-upload
- v-show="hide"
- class="avatar-uploader"
- action="https://jsonplaceholder.typicode.com/posts/"
- :show-file-list="false"
- :on-success="handleAvatarSuccess"
- :before-upload="beforeAvatarUpload"
- > -->
- <div v-show="hide" style="border: 1px dashed #dcdfe6; width: 180px; height: 180px">
- <img v-if="imageUrl" :src="imageUrl" class="avatar" />
- </div>
- <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
- <!-- </el-upload> -->
- <div v-if="imgSrc" class="img_bg_camera">
- <img style="
- width: 200px;
- height: 200px;
- margin-left: -20px;
- margin-top: 90px;
- padding-top: 1px;
- " :src="imgSrc" alt="" class="tx_img" />
- </div>
- <video v-show="hides" id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay
- style="margin-top: 1px"></video>
- <canvas style="display: none" id="canvasCamera" :width="videoWidth" :height="videoHeight"></canvas>
- <div class="camera_outer" style="margin-top: 10px">
- <el-button type="primary" plain size="mini" @click="getCompetence()">鎵撳紑鎽勫儚澶�</el-button>
- <!-- <el-button type="primary" plain size="mini" @click="stopNavigator()"
- >鍏抽棴鎽勫儚澶�</el-button
- > -->
- <el-button type="primary" plain size="mini" @click="setImage()">鎷嶇収</el-button><br />
- </div>
- <!-- <el-button type="text" @click="beat = true">鐐瑰嚮鎷嶇収</el-button> -->
+ <div v-if="imgSrc" class="img_bg_camera">
+ <img style="
+ width: 200px;
+ height: 200px;
+ margin-left: -20px;
+ margin-top: 90px;
+ padding-top: 1px;
+ " :src="imgSrc" alt="" class="tx_img" />
</div>
- </el-col>
- </el-row>
+ <video v-show="hides" id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay
+ style="margin-top: 1px"></video>
+ <canvas style="display: none" id="canvasCamera" :width="videoWidth" :height="videoHeight"></canvas>
+ <div class="camera_outer" style="margin-top: 10px">
+ <el-button type="primary" plain size="mini" @click="getCompetence()">鎵撳紑鎽勫儚澶�</el-button>
+ <el-button type="primary" plain size="mini" @click="setImage()">鎷嶇収</el-button><br />
+ </div>
+ </div>
+ </div>
+
<el-dialog title="閫夋嫨濂楅" :visible.sync="taocan" width="42%" height="700px">
<el-tabs type="border-card" style="height: 560px; margin:0 10px; width: 100%">
@@ -334,8 +354,7 @@
</el-form>
</template>
- <div style="text-align: center; margin-bottom: 10px; margin-right: 800px">
-
+ <div style="text-align: center; margin-bottom: 10px; ">
宸查�夐」鐩垪琛�
</div>
<div style="
@@ -629,7 +648,7 @@
currentDate: "",
currentTime: "",
formIn: {
- tjPro:"浣撴璐�"
+ tjPro: "浣撴璐�"
},
selectionList: [],
OrderId: "",
@@ -665,7 +684,7 @@
activeName: "1",
// 閬僵灞�
loading: false,
- labelPosition: "right",
+ labelPosition: "left",
imageUrl: "",
isDisabled: false,
size: "",
@@ -1536,7 +1555,7 @@
}
this.pacName = item.pacName;
});
-
+
const r = /^\+?[0-9][0-9]*$/; //姝ｆ暣鏁帮紙鍙互0鎵撳ご锛�
let TotalPrice = this.TotalPrice1 * (this.discount / 10);
if (r.test(TotalPrice)) {
@@ -1546,7 +1565,7 @@
this.TotalPrice =
TotalPrice
}
-
+
this.list1 = false;
this.list3 = true;
@@ -1645,6 +1664,10 @@
getfindTj(data).then((response) => {
if (response.data) {
this.feeitems = response.data;
+ this.loading = false;
+ } else {
+ this.feeitems = []
+ this.loading = false;
}
})
});
@@ -1910,10 +1933,6 @@
display: block;
}
-.el-col-8 {
- width: 330px;
-}
-
.tab4 {
width: 100%;
display: flex;
@@ -1989,6 +2008,15 @@
height: 300px;
}
+.el-input--suffix .el-input__inner {
+ padding-right: 15px;
+}
+
+.el-date-editor.el-input,
+.el-date-editor.el-input__inner {
+ width: 95.9%;
+}
+
/* .el-dialog {
width: 1000px;
min-height: 500px;
--
Gitblit v1.8.0