From e4e9a44b2e2ba516aa307d8edf91b430cce7e1d6 Mon Sep 17 00:00:00 2001
From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com>
Date: 星期三, 01 十一月 2023 18:07:04 +0800
Subject: [PATCH] qxtj
---
src/views/system/tijian/index.vue | 268 +++++++++++++++++++++++++++++++----------------------
1 files changed, 156 insertions(+), 112 deletions(-)
diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue
index fef5401..b4a4c12 100644
--- a/src/views/system/tijian/index.vue
+++ b/src/views/system/tijian/index.vue
@@ -1,134 +1,173 @@
<template>
<div class="app-container">
- <div style="display: flex;">
- <div style="width:76%;">
- <el-form :inline="true" ref="form" :model="form" :rules="rules"
- :label-position="labelPosition" class="demo-form-inline" label-width="auto" v-show="top">
- <el-row type="flex">
- <el-col :span="6">
- <el-form-item label="鏄惁鍖垮悕" prop="isNow">
- <el-select style="width: 11rem" v-model="isNow" placeholder="鏄惁鍖垮悕" @change="freezing(isNow)">
+ <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="6">
- <el-form-item label="濮撳悕" prop="cusName">
- <el-input v-model="form.cusName" placeholder="璇疯緭鍏ュ鍚�" :disabled="isDisabled" style="width: 13rem" />
+ <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="6">
- <el-form-item label="璇佷欢绫诲瀷" prop="idType">
- <el-select :disabled="isDisabled" style="width: 13rem" v-model="form.idType" placeholder="璇烽�夋嫨璇佷欢绫诲瀷">
+ <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-col :span="6">
- <el-form-item label="璇佷欢鍙�" prop="cusIdcard" :rules="showHidden.has_idcard === 'Y' ? rules.cusIdcard : []"
- :required="showHidden.has_idcard === 'Y'">
- <el-input :disabled="isDisabled" style="width: 16rem" v-model="form.cusIdcard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�"
- @input="inputChange" />
- <i style="font-size: 1rem; margin-left: 3px" class="el-icon-search" @click="handleQuery"></i>
- </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="6">
- <el-form-item label="骞撮緞" prop="age">
- <el-input style="width: 5rem" v-model="form.age" :disabled="isDisabled" />
- </el-form-item>
- <el-form-item prop="ageUnit">
- <el-select :disabled="isDisabled" style="width: 5rem" 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-col>
- <el-col :span="6">
- <el-form-item label="鎬у埆" prop="cusSex" :rules="showHidden.has_sex === 'Y' ? rules.cusSex : []"
- :required="showHidden.has_sex === 'Y'">
- <el-select :disabled="isDisabled" style="width: 13rem" 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-col :span="6">
- <el-form-item label="鍑虹敓鏃ユ湡" prop="cusBrithday">
- <el-date-picker :disabled="isDisabled" style="width: 13.4rem" clearable v-model="form.cusBrithday"
- type="date" value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鍑虹敓鏃ユ湡">
- </el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <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: 16rem" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="鎴峰彛鍦板潃" prop="addr">
- <el-input v-model="form.addr" placeholder="璇疯緭鍏ユ埛鍙ｅ湴鍧�" :disabled="isDisabled" style="width: 31.5rem" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鐜颁綇鍧�" prop="cusAddr">
- <el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" :disabled="isDisabled" style="width: 36.5rem" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="6">
- <el-form-item label="鑱屼笟" prop="career">
- <el-select filterable :disabled="isDisabled" v-model="form.career" placeholder="璇疯緭鍏ヨ亴涓�"
- style="width: 11rem">
- <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="6">
- <el-form-item label="姘戞棌" prop="cusNational">
- <el-select filterable :disabled="isDisabled" v-model="form.cusNational" placeholder="璇烽�夋嫨姘戞棌"
- style="width: 13rem">
+ <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="6">
- <el-form-item label="濠氬Щ" prop="cusMarryStatus">
- <el-select :disabled="isDisabled" style="width: 11rem" v-model="form.cusMarryStatus" placeholder="濠氬Щ鐘跺喌">
+ <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-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-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="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-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="company">
- <el-input :disabled="isDisabled" v-model="form.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" style="width: 18rem" />
+ <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">
<el-row>
- <el-col :span="6">
- <el-form-item label="浠嬬粛浜�" prop="cusIntroduce">
- <el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="璇疯緭鍏ヤ粙缁嶄汉" style="width: 11rem" />
+ <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">
+ <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-col :span="6">
- <el-form-item label="閭" prop="cusEmail">
- <el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" :disabled="isDisabled" style="width: 13rem" />
+ </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="12">
- <el-form-item style="margin-left: 24rem">
- <el-button :disabled="isDisabled" style="margin-left: 5rem" type="primary" size="mini"
- @click="submitForm">鐧昏</el-button>
+ <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>
@@ -136,17 +175,17 @@
</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">
+ <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>
<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" />
+ 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>
@@ -610,7 +649,7 @@
currentDate: "",
currentTime: "",
formIn: {
- tjPro:"浣撴璐�"
+ tjPro: "浣撴璐�"
},
selectionList: [],
OrderId: "",
@@ -646,7 +685,7 @@
activeName: "1",
// 閬僵灞�
loading: false,
- labelPosition: "right",
+ labelPosition: "left",
imageUrl: "",
isDisabled: false,
size: "",
@@ -1517,7 +1556,7 @@
}
this.pacName = item.pacName;
});
-
+
const r = /^\+?[0-9][0-9]*$/; //姝ｆ暣鏁帮紙鍙互0鎵撳ご锛�
let TotalPrice = this.TotalPrice1 * (this.discount / 10);
if (r.test(TotalPrice)) {
@@ -1527,7 +1566,7 @@
this.TotalPrice =
TotalPrice
}
-
+
this.list1 = false;
this.list3 = true;
@@ -1627,7 +1666,7 @@
if (response.data) {
this.feeitems = response.data;
this.loading = false;
- }else{
+ } else {
this.feeitems = []
this.loading = false;
}
@@ -1895,10 +1934,6 @@
display: block;
}
-.el-col-8 {
- width: 330px;
-}
-
.tab4 {
width: 100%;
display: flex;
@@ -1974,6 +2009,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