From 1fc3fe586a17f5ddf6717f58d1fb1e5a0a9c48f7 Mon Sep 17 00:00:00 2001 From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com> Date: 星期五, 08 三月 2024 14:19:44 +0800 Subject: [PATCH] qxtj --- src/views/system/tijian/index.vue | 436 +++++++++++++++++++++++++----------------------------- 1 files changed, 203 insertions(+), 233 deletions(-) diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue index 6ddedf0..35574b2 100644 --- a/src/views/system/tijian/index.vue +++ b/src/views/system/tijian/index.vue @@ -1,237 +1,199 @@ <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" - 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" :rules="[ - { - required: true, validator: (rule, value, callback) => { - if (!form.cusName) { - callback('') - } else if (form.cusName) { - callback() - } + <el-row :gutter="20"> + <el-col :span="17"> + <div class="grid-content bg-purple"> + <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition" + label-width="106px" v-show="top"> - }, trigger: 'blur' - }]"> - <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="[ - { - required: true, validator: (rule, value, callback) => { - if (!form.cusSex && showHidden.has_sex === 'Y') { - callback('') - } else if (showHidden.has_sex === 'N') { - callback() - } else if (form.cusSex && showHidden.has_sex === 'Y') { - callback() - } + <el-form-item label="鍖垮悕" prop="isNow"> + <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> - }, trigger: 'blur' - }]" 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="cusName" :rules="[ + { + required: true, validator: (rule, value, callback) => { + if (!form.cusName) { + callback('') + } else if (form.cusName) { + callback() + } - <el-col :span="9"> - <el-form-item label="璇佷欢鍙�" prop="cusIdcard" :rules="[ - { - required: true, validator: (rule, value, callback) => { - if (!form.cusIdcard && showHidden.has_idcard === 'Y') { - callback('') - } else if (showHidden.has_idcard === 'N') { - callback() - } else if (form.cusIdcard && showHidden.has_idcard === 'Y') { - callback() - } + }, trigger: 'blur' + }]"> + <el-input v-model="form.cusName" placeholder="璇疯緭鍏ュ鍚�" :disabled="isDisabled" /> + </el-form-item> - }, trigger: 'blur' - }]" style="display: flex"> - <span slot="label" style="display:inline-block;border-bottom: 2px solid blue;" @click="handleQuery"> - 璇佷欢鍙� - </span> - <el-input :disabled="isDisabled" v-model="form.cusIdcard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" @input="inputChange" /> - <!-- <i style=" + <el-form-item label="璇佷欢绫诲瀷" prop="idType"> + <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-form-item label="姘戞棌" prop="cusNational"> + <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-form-item label="鎬у埆" prop="cusSex" :rules="[ + { + required: true, validator: (rule, value, callback) => { + if (!form.cusSex && showHidden.has_sex === 'Y') { + callback('') + } else if (showHidden.has_sex === 'N') { + callback() + } else if (form.cusSex && showHidden.has_sex === 'Y') { + callback() + } + + }, trigger: 'blur' + }]"> + <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-form-item label="璇佷欢鍙�" prop="cusIdcard" :rules="[ + { + required: true, validator: (rule, value, callback) => { + if (!form.cusIdcard && showHidden.has_idcard === 'Y') { + callback('') + } else if (showHidden.has_idcard === 'N') { + callback() + } else if (form.cusIdcard && showHidden.has_idcard === 'Y') { + callback() + } + + }, trigger: 'blur' + }]"> + <span slot="label" style="display:inline-block;border-bottom: 2px solid blue;" @click="handleQuery"> + 璇佷欢鍙� + </span> + <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="[ - { - required: true, validator: (rule, value, callback) => { - if (!form.cusPhone && showHidden.is_phone === 'Y') { - callback('') - } else if (showHidden.is_phone === 'N') { - callback() - } else if (form.cusPhone && showHidden.is_phone === 'Y') { - callback() - } + </el-form-item> - }, trigger: 'blur' - }]" 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="4"> - <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="璇疯緭鍏ユ埛鍙e湴鍧�" :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="7"> - <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="7"> - <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-col :span="7"> - <el-form-item label="鏂囧寲绋嬪害" prop="wenHua" style="display: flex"> - <el-input style="width: 100%" :disabled="isDisabled" v-model="form.wenHua" placeholder="璇疯緭鍏ユ枃鍖栫▼搴�" /> - </el-form-item> - </el-col> - <el-col :span="7"> - <el-button v-show="lishi" type="primary" @click="cope" size="mini">涓�閿鍒�</el-button> - <el-button type="primary" @click="inputChanges" v-show="lishi" size="mini" - :disabled="confirm">鍘嗗彶浣撴璁板綍</el-button> - </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-form-item label="濠氬Щ" prop="cusMarryStatus"> + <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-form-item label="鐢佃瘽" prop="cusPhone" :rules="[ + { + required: true, validator: (rule, value, callback) => { + if (!form.cusPhone && showHidden.is_phone === 'Y') { + callback('') + } else if (showHidden.is_phone === 'N') { + callback() + } else if (form.cusPhone && showHidden.is_phone === 'Y') { + callback() + } + + }, trigger: 'blur' + }]"> + <el-input v-model="form.cusPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" :disabled="isDisabled" /> + </el-form-item> + + <el-form-item label="鍑虹敓鏃ユ湡" prop="cusBrithday"> + <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-form-item label="鑱屼笟" prop="career"> + <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-form-item label="閭" prop="cusEmail"> + <el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" :disabled="isDisabled" /> + </el-form-item> + + <el-form-item label="骞撮緞 " prop="age"> + <el-input v-model="form.age" :disabled="isDisabled" style="width: 30%" /> + <el-select :disabled="isDisabled" v-model="form.ageUnit" style="width: 21%"> + <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 prop="ageUnit"> + + </el-form-item> --> + </el-form> + <el-form ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="106px" + v-show="top"> + <el-row :gutter="21"> + <el-col :span="19"> + <el-form-item label="鎴峰彛鍦板潃" prop="addr"> + <el-input v-model="form.addr" placeholder="璇疯緭鍏ユ埛鍙e湴鍧�" :disabled="isDisabled" /> + </el-form-item> + </el-col> + </el-row> + </el-form> + + <el-form ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="106px" + v-show="top"> + <el-row :gutter="21"> + <el-col :span="19"> + <el-form-item label="鐜颁綇鍧�" prop="cusAddr"> + <el-input v-model="form.cusAddr" 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="106px" v-show="top"> + <el-form-item label="浠嬬粛浜�" prop="cusIntroduce"> + <el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="璇疯緭鍏ヤ粙缁嶄汉" /> + </el-form-item> + + <el-form-item label="宸ヤ綔鍗曚綅" prop="company"> + <el-input :disabled="isDisabled" v-model="form.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" /> + </el-form-item> + + <el-form-item label="鏂囧寲绋嬪害" prop="wenHua"> + <el-input :disabled="isDisabled" v-model="form.wenHua" placeholder="璇疯緭鍏ユ枃鍖栫▼搴�" /> + </el-form-item> + </el-form> + + <el-row v-show="top"> + <el-col :span="19"> + <div style="float: right;margin-bottom: 10px;"> + <el-button v-show="lishi" type="primary" @click="cope" size="mini">涓�閿鍒�</el-button> + <el-button type="primary" @click="inputChanges" v-show="lishi" size="mini" + :disabled="confirm">鍘嗗彶浣撴璁板綍</el-button> <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> + </div> </el-col> </el-row> - </el-form> - </div> - <div v-show="top"> + </div> + </el-col> + <el-col :span="7" v-show="top"> <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> @@ -252,13 +214,15 @@ <el-button type="primary" plain size="mini" @click="setImage()">鎷嶇収</el-button><br /> </div> </div> - </div> - </div> + + </el-col> + </el-row> <el-dialog title="閫夋嫨濂楅" :visible.sync="taocan" width="50%" height="700px"> <el-tabs type="border-card" style="height: 560px; margin: 0 10px; width: 100%"> <el-tab-pane label="濂楅"> - <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="auto"> + <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch" + label-width="auto"> <el-form-item label="濂楅鍚嶇О" prop="pacName"> <el-input v-model="queryParam.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" clearable @keyup.enter.native="handle" /> </el-form-item> @@ -283,7 +247,7 @@ v-hasPermi="['system:package:Seach']">濂楅璇︽儏 </el-button> </template> - </el-table-column> --> +</el-table-column> --> </el-table> </div> <!-- <el-button @@ -331,9 +295,9 @@ <el-button type="primary" @click="submit">纭� 瀹�</el-button> </span> </el-dialog> - - <el-row type="flex" class="row-bg" justify="space-around" v-if="tcShow"> - <el-col> +<!-- --> + <el-row v-if="tcShow"> + <el-col :span="15"> <div class="grid-content bg-purple"> <!-- <el-table :data="fData" border height="220px" style="width: 100%; "> <el-table-column prop="proName" label="缁勫悎椤圭洰" align="center" width="200px"> @@ -377,9 +341,10 @@ </div> --> <template> - <el-form :model="form" :inline="true" label-width="75px" style="margin-left: 7px"> + + <el-form :model="form" :inline="true" label-width="75px" style="margin-left: 20px;"> <el-form-item label="浣撴绫诲瀷"> - <el-select style="width: 100px" v-model="form.tjType" placeholder="璇烽�夋嫨浣撴绫诲瀷"> + <el-select style="width:140px" v-model="form.tjType" placeholder="璇烽�夋嫨浣撴绫诲瀷"> <el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label" :value="dict.value"></el-option> </el-select> @@ -388,7 +353,7 @@ <!-- <div class="tab1"> --> <!-- <el-form :inline="true" class="tab1"> --> <el-form-item label="搴旀敹閲戦"> - <el-input placeholder="搴旀敹閲戦" v-model="TotalPrice1" disabled style="width: 126px"></el-input> + <el-input placeholder="搴旀敹閲戦" v-model="TotalPrice1" disabled style="width: 140px"></el-input> </el-form-item> <el-form-item label="浼樻儬"> <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> --> @@ -398,10 +363,11 @@ <el-form-item label="瀹炴敹閲戦"> <el-input placeholder="瀹炴敹閲戦" v-model="TotalPrice" style="width: 126px"></el-input> </el-form-item> + <br/> <!-- 140828199805050012 --> <el-form-item label="棰嗗彇鏂瑰紡"> <!-- <el-input style="width: 100%;" v-model="form.getType" placeholder="璇烽�夋嫨棰嗗彇鏂瑰紡" /> --> - <el-select v-model="getType" style="width: 94%" @change="getmailType"> + <el-select v-model="getType" style="width: 140px" @change="getmailType"> <el-option v-for="dict in dict.type.report_get_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option> </el-select> @@ -413,7 +379,8 @@ </el-select> <!-- <el-input v-model="form.category" placeholder="璇疯緭鍏ヤ綋妫�绫诲埆" /> --> </el-form-item> - <el-form-item> + + <el-form-item style="margin-left:245px ;"> <el-button type="primary" @click="Package" size="mini">閫夋嫨濂楅</el-button> <el-button type="primary" @click="submitPrice" :disabled="confirm" v-if="showHidden.has_charge == 'N'" size="mini">绛惧埌鐧昏</el-button> @@ -459,15 +426,15 @@ <el-collapse-item :name="index"> <template slot="title"> {{ - item.pacName + - ":" + - item.parentName + - " (搴旀敹閲戦:" + - item.ordPrice + - "鍏� / 瀹炴敹閲戦:" + - item.nowPrice + - "鍏�)" - }} + item.pacName + + ":" + + item.parentName + + " (搴旀敹閲戦:" + + item.ordPrice + + "鍏� / 瀹炴敹閲戦:" + + item.nowPrice + + "鍏�)" + }} </template> <el-table :data="item.list" border style="width: 100%" height="270"> <el-table-column prop="proName" label="椤圭洰" width="180"> @@ -2168,9 +2135,13 @@ </script> -<style > +<style> .el-form-item__error { display: none; +} + +.el-col-19 { + width: 80.166667%; } .el-table__header-wrapper .el-checkbox { @@ -2310,4 +2281,3 @@ margin-bottom: 25px; } </style> - -- Gitblit v1.8.0