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/tijianall/index.vue | 833 ++++++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 673 insertions(+), 160 deletions(-) diff --git a/src/views/system/tijianall/index.vue b/src/views/system/tijianall/index.vue index 9a4104d..d41219a 100644 --- a/src/views/system/tijianall/index.vue +++ b/src/views/system/tijianall/index.vue @@ -1,135 +1,446 @@ <template> <div class="app-container"> - <div style="width: 1050px"> - <el-form style="margin: 4px 8px" :inline="true" ref="form" :model="form" :rules="rules" - :label-position="labelPosition" class="demo-form-inline" label-width="78px"> - <el-form-item label="濮撳悕" prop="cusName"> - <el-input v-model="form.cusName" placeholder="璇疯緭鍏ュ鍚�" style="width: 160px" /> - </el-form-item> - <el-form-item label="璇佷欢绫诲瀷" prop="idType"> - <el-select 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> - <el-form-item label="璇佷欢鍙�" prop="cusIdcard"> - <el-input 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> - <el-form-item label="骞撮緞" prop="age"> - <el-input style="width: 55px" v-model="form.age" /> - </el-form-item> - <el-form-item prop="ageUnit"> - <el-select style="width: 60px" v-model="form.ageUnit" @change="formchang"> - <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"> - <el-select style="width: 160px" v-model="form.cusSex" placeholder="璇烽�夋嫨鎬у埆" @change="formchang"> - <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-row> + <el-col :span="18"> + <div> + <el-form + style="margin: 4px 8px" + :inline="true" + ref="form" + :model="form" + :rules="rules" + :label-position="labelPosition" + class="demo-form-inline" + label-width="84px" + > + <el-row> + <el-col :span="5"> + <el-form-item + style="display: flex" + label="濮撳悕" + prop="cusName" + :rules="[ + { + required: true, + validator: (rule, value, callback) => { + if (!form.cusName) { + callback(''); + } else if (form.cusName) { + callback(); + } + }, + trigger: 'blur', + }, + ]" + > + <el-input v-model="form.cusName" placeholder="璇疯緭鍏ュ鍚�" /> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item + label="璇佷欢绫诲瀷" + prop="idType" + style="display: flex" + > + <el-select 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="7"> + <el-form-item + style="display: flex" + label="璇佷欢鍙�" + prop="cusIdcard" + :rules="[ + { + required: true, + validator: (rule, value, callback) => { + if (!form.cusIdcard) { + callback(''); + } else if (form.cusIdcard) { + callback(); + } + }, + trigger: 'blur', + }, + ]" + > + <span + slot="label" + style="display: inline-block; border-bottom: 2px solid blue" + @click="handleQuery" + > + 璇佷欢鍙� + </span> + <el-input + 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> + </el-col> + </el-row> + <el-row> + <el-col :span="5"> + <el-form-item + label="姘戞棌" + prop="cusNational" + style="display: flex" + > + <el-select + filterable + 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="cusSex" style="display: flex"> + <el-select + v-model="form.cusSex" + placeholder="璇烽�夋嫨鎬у埆" + @change="formchang" + > + <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="5"> + <el-form-item label="骞撮緞" prop="age" style="display: flex"> + <el-input v-model="form.age" /> + </el-form-item> + </el-col> + <el-col :span="2"> + <el-form-item prop="ageUnit"> + <el-select + v-model="form.ageUnit" + @change="formchang" + style="width: 80%" + > + <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> - <!-- <input name="ReadBlockBtn" type="button" size="5px" @click="readblock" value="璇诲崱" /> --> - <!-- <el-form-item label="鍑虹敓鏃ユ湡" prop="cusBrithday"> + <!-- <input name="ReadBlockBtn" type="button" size="5px" @click="readblock" value="璇诲崱" /> --> + <!-- <el-form-item label="鍑虹敓鏃ユ湡" prop="cusBrithday"> <el-date-picker style="width: 200px" 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"> - <el-input v-model="form.cusPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" style="width: 160px" /> - </el-form-item> - <el-form-item label="姘戞棌" prop="cusNational"> - <el-select filterable v-model="form.cusNational" placeholder="璇烽�夋嫨姘戞棌" style="width: 130px"> - <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="cusEmail"> - <el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" style="width: 200px" /> - </el-form-item> - <el-form-item label="濠氬Щ" prop="cusMarryStatus"> - <el-select style="width: 160px" 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="cusAddr"> - <el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" style="width: 440px" /> - </el-form-item> - <!-- <el-form-item label="鎴峰彛鍦板潃" prop="cusAddr"> + + <el-row> + <el-col :span="5"> + <el-form-item + label="濠氬Щ" + prop="cusMarryStatus" + style="display: flex" + > + <el-select + 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="6"> + <el-form-item + label="浣撴绫诲埆" + prop="category" + style="display: flex" + > + <el-select + v-model="form.category" + placeholder="璇烽�夋嫨浣撴绫诲埆" + > + <el-option + v-for="dict in dict.type.dict_tjtype" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + <!-- <el-input v-model="form.category" placeholder="璇疯緭鍏ヤ綋妫�绫诲埆" /> --> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item + style="display: flex" + label="鑱旂郴鐢佃瘽" + prop="cusPhone" + :rules="[ + { + required: true, + validator: (rule, value, callback) => { + if (!form.cusPhone) { + callback(''); + } else if (form.cusPhone) { + callback(); + } + }, + trigger: 'blur', + }, + ]" + > + <el-input + v-model="form.cusPhone" + placeholder="璇疯緭鍏ヨ仈绯荤數璇�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="5"> + <el-form-item + label="浣撴绫诲瀷" + prop="tjType" + style="display: flex" + > + <el-select v-model="form.tjType" placeholder="璇烽�夋嫨浣撴绫诲瀷"> + <el-option + v-for="dict in dict.type.dict_team" + :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="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="璇疯緭鍏ラ偖绠�" /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="5"> + <el-form-item + label="鐜颁綇鍧�" + prop="cusAddr" + style="display: flex" + > + <el-input + v-model="form.cusAddr" + placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" + /> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item + label="宸ヤ綔鍗曚綅" + prop="company" + style="display: flex" + > + <el-input + v-model="form.company" + placeholder="璇疯緭鍏ュ伐浣滃崟浣�" + /> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="鍗″彿" prop="indexCard"> + <el-input v-model="form.indexCard" placeholder="璇疯緭鍏ュ崱鍙�" /> + </el-form-item> + </el-col> + </el-row> + <!-- <el-form-item label="鎴峰彛鍦板潃" prop="cusAddr"> <el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ユ埛鍙e湴鍧�" /> </el-form-item> --> - <!-- <el-form-item label="閭斂缂栫爜" prop="cusPostcode"> + <!-- <el-form-item label="閭斂缂栫爜" prop="cusPostcode"> <el-input v-model="form.cusPostcode" placeholder="璇疯緭鍏ラ偖鏀跨紪鐮�" /> </el-form-item> --> - <!-- <el-form-item label="绱㈠紩鍗″彿" prop="indexCard"> + <!-- <el-form-item label="绱㈠紩鍗″彿" prop="indexCard"> <el-input v-model="form.indexCard" placeholder="璇疯緭鍏ョ储寮曞崱鍙�" /> </el-form-item> --> - <el-form-item label="浣撴绫诲埆" prop="category"> - <el-select style="width: 140px" v-model="form.category" placeholder="璇烽�夋嫨浣撴绫诲埆"> - <el-option v-for="dict in dict.type.dict_tjtype" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - <!-- <el-input v-model="form.category" placeholder="璇疯緭鍏ヤ綋妫�绫诲埆" /> --> - </el-form-item> - <el-form-item label="閮ㄩ棬" prop="department"> - <el-input v-model="form.department" placeholder="璇疯緭鍏ラ儴闂�" style="width: 160px" /> - </el-form-item> - <el-form-item label="宸ヤ綔鍗曚綅" prop="company"> - <el-input v-model="form.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" style="width: 440px" /> - </el-form-item> - <el-form-item label="鑱屼笟" prop="career"> - <el-select filterable :disabled="isDisabled" v-model="form.career" placeholder="璇疯緭鍏ヨ亴涓�" style="width: 140px"> - <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="reservationTime"> - <el-date-picker v-model="form.reservationTime" type="date" value-format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" - :picker-options="setDisabled" style="width: 160px"> - </el-date-picker> - </el-form-item> - <el-form-item label="鏃堕棿" prop="timeRegion"> - <el-select style="width: 160px" v-model="form.timeRegion" placeholder="璇烽�夋嫨棰勭害鏃堕棿"> - <el-option v-for="dict in dict.type.tj_time_region" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鍗″彿" prop="indexCard"> - <el-input v-model="form.indexCard" placeholder="璇疯緭鍏ュ崱鍙�" style="width: 190px" /> - </el-form-item> - <el-button style="margin-left: 155px" type="primary" @click="Package" size="mini">閫夋嫨濂楅</el-button> - </el-form> - </div> - <el-dialog title="閫夋嫨濂楅" :visible.sync="taocan" width="42%" height="700px"> - <el-tabs type="border-card" style="height: 538px; margin: 0 10px; width: 100%"> + <el-row> + <el-col :span="5"> + <el-form-item + label="閮ㄩ棬" + prop="department" + style="display: flex" + > + <el-input + v-model="form.department" + placeholder="璇疯緭鍏ラ儴闂�" + /> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item + label="鏃堕棿" + prop="timeRegion" + style="display: flex" + > + <el-select + v-model="form.timeRegion" + placeholder="璇烽�夋嫨棰勭害鏃堕棿" + > + <el-option + v-for="dict in dict.type.tj_time_region" + :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="reservationTime"> + <el-date-picker + v-model="form.reservationTime" + type="date" + value-format="yyyy-MM-dd" + placeholder="閫夋嫨鏃ユ湡" + :picker-options="setDisabled" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + </el-form> + </div> + </el-col> + </el-row> + + <el-dialog + title="閫夋嫨濂楅" + :visible.sync="taocan" + width="42%" + height="700px" + > + <el-tabs + type="border-card" + style="height: 538px; margin: 0 10px; width: 100%" + > <el-tab-pane label="濂楅"> - <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch" - @submit.native.prevent label-width="auto"> + <el-form + :model="queryParam" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + @submit.native.prevent + label-width="auto" + > <el-form-item label="濂楅鍚嶇О" prop="pacName"> - <el-input v-model="queryParam.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" clearable @keyup.enter.native="handle" /> + <el-input + v-model="queryParam.pacName" + placeholder="璇疯緭鍏ュ椁愬悕绉�" + clearable + @keyup.enter.native="handle" + /> </el-form-item> <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">鏌ヨ</el-button> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handle" + >鏌ヨ</el-button + > <!-- <el-button type="primary" size="mini" @click="submit">纭</el-button> --> </el-form-item> </el-form> <div class="tab9"> <div class="grid-content bg-purple" style="width: 100%"> - <el-table v-loading="loading" element-loading-text="姝e湪鍔犺浇涓�..." element-loading-spinner="el-icon-loading" - border :data="newpacName" @select="handleSelectionChange" height="430" ref="tb" style="width: 1000px"> + <el-table + v-loading="loading" + element-loading-text="姝e湪鍔犺浇涓�..." + element-loading-spinner="el-icon-loading" + border + :data="newpacName" + @select="handleSelectionChange" + height="430" + ref="tb" + style="width: 1000px" + > <template slot="empty">鏁版嵁姝e湪鍔犺浇涓�</template> - <el-table-column type="selection" width="40px" align="center" label="閫夋嫨" /> - <el-table-column label="濂楅鍚嶇О" align="center" prop="pacName" width="120px" /> - <el-table-column label="濂楅鏄庣粏" align="center" prop="allProName" :show-overflow-tooltip="true" /> + <el-table-column + type="selection" + width="40px" + align="center" + label="閫夋嫨" + /> + <el-table-column + label="濂楅鍚嶇О" + align="center" + prop="pacName" + width="120px" + /> + <el-table-column + label="濂楅浠锋牸" + align="center" + prop="price" + width="120px" + /> + <el-table-column + label="濂楅鏄庣粏" + align="center" + prop="allProName" + :show-overflow-tooltip="true" + /> <!-- <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> <el-button size="mini" type="text" icon="el-icon-circle-check" @click="handleSeach(scope.row)" @@ -152,9 +463,16 @@ <el-tab-pane label="鍗曢」"> <div class="tab8"> <div class="tab7"> - <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" :default-checked-keys="treeList" + <v-tree-transfer + :treeData="treedataList" + :defaultProps="{ children: 'tjProjectList', label: 'proName' }" + :defaultKeys="defaultKeys" + @changeKeys="changeCategoryKeys" + :key="datekey" + ></v-tree-transfer> + <!-- <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" :default-checked-keys="treeList" @check-change="handleCurrentChecked"> - </el-tree> + </el-tree> --> </div> <!-- <el-button style=" width: 20px; @@ -218,15 +536,19 @@ </div> --> <template> - <el-form :model="form" :inline="true" label-width="75px" style="margin-left:10px"> - <el-form-item label="浣撴绫诲瀷" prop="tjType" style="margin-right: 20px"> - <el-select style="width: 160px" v-model="form.tjType" placeholder="璇烽�夋嫨浣撴绫诲瀷"> - <el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label" - :value="parseInt(dict.value)"></el-option> - </el-select> - </el-form-item> + <el-form + :model="form" + :inline="true" + label-width="75px" + style="margin-left: 10px" + > <el-form-item label="搴旀敹閲戦" style="margin-right: 20px"> - <el-input placeholder="搴旀敹閲戦" :value="TotalPrice1 + '.00'" disabled style="width: 150px"></el-input> + <el-input + placeholder="搴旀敹閲戦" + :value="TotalPrice1 + '.00'" + disabled + style="width: 150px" + ></el-input> </el-form-item> <!-- <el-form-item label="浼樻儬鎶樻墸" style="margin-right: 20px"> <el-input style="width: 100px" text="number" v-model="discount" :value="discount/100"></el-input> @@ -234,25 +556,57 @@ @change="numberChange" :disabled="isfalse"></el-input-number> </el-form-item> --> <el-form-item label="瀹炴敹閲戦" style="margin-right: 20px"> - <el-input placeholder="瀹炴敹閲戦" v-model="TotalPrice" disabled style="width: 190px"></el-input> + <el-input + placeholder="瀹炴敹閲戦" + v-model="TotalPrice" + disabled + style="width: 190px" + ></el-input> </el-form-item> <el-form-item> - <el-button type="primary" @click="submitPrice" size="mini" :disabled="confirm">棰勭害鐧昏</el-button> + <el-button type="primary" @click="Package" size="mini" + >閫夋嫨濂楅</el-button + > + + <el-button + type="primary" + @click="submitPrice" + size="mini" + :disabled="confirm" + >棰勭害鐧昏</el-button + > + <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-form-item> </el-form> </template> - <div style="text-align: center; margin-bottom: 10px; margin-right: 900px"> + <div style="text-align: center; margin-bottom: 10px"> 宸查�夐」鐩垪琛� </div> - <div style=" + <div + style=" padding: 0px 6px; border: 1px solid #e6ebf5; max-height: 420px; overflow: auto; width: 1020px; margin-left: 20px; - "> + " + > <el-collapse v-model="index" accordion> <div v-for="(item, index) in tableData1" :key="index"> <el-collapse-item :name="index"> @@ -268,27 +622,40 @@ ".00鍏�)" }} </template> - <el-table :data="item.list" border style="width: 100%" height="270"> + <el-table + :data="item.list" + border + style="width: 100%" + height="270" + > <el-table-column prop="proName" label="椤圭洰" width="180"> </el-table-column> <el-table-column prop="proType" label="鎬у埆" width="180"> - <template slot-scope="scope" v-if="scope.row.proType == ''"> - {{ scope.row.proType == '' ? "鍏ㄩ儴" : ""}} + <template + slot-scope="scope" + v-if="scope.row.proType == ''" + > + {{ scope.row.proType == "" ? "鍏ㄩ儴" : "" }} </template> <template slot-scope="scope" v-else> - <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" /> + <dict-tag + :options="dict.type.sys_user_sex" + :value="scope.row.proType" + /> </template> </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> </el-table-column> <el-table-column prop="nowPrice" label="瀹炴敹閲戦"> </el-table-column> - <el-table-column prop="proCheckMethod" label="绌鸿吂"> + <el-table-column prop="proCheckMethod" label="绌鸿吂"> <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" /> + <dict-tag + :options="dict.type.sys_yes_no" + :value="scope.row.proCheckMethod" + /> </template> </el-table-column> - </el-table> </el-collapse-item> </div> @@ -305,22 +672,23 @@ </el-table-column> <el-table-column prop="nowPrice" label="瀹炴敹閲戦"> </el-table-column> - <el-table-column prop="isEat" label="绌鸿吂"> + <el-table-column prop="proCheckMethod" label="绌鸿吂"> </el-table-column> - </el-table> </el-collapse-item> </div> </el-collapse> </div> - <div style=" + <div + style=" position: absolute; bottom: 100px; left: 500px; width: 700px; display: none; - "> + " + > <div id="printBill"> <div style="font-size: 13px; color: #000000"> <div style="width: 48%; margin-top: 10px"> @@ -372,11 +740,33 @@ </el-col> </el-row> - <el-dialog title="瀵兼鍗曢瑙�" :visible.sync="dialogVisibles" :close-on-click-modal="false"> + <el-dialog + title="瀵兼鍗曢瑙�" + :visible.sync="dialogVisibles" + :close-on-click-modal="false" + > <div class="main"> - <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe> + <iframe + id="printIframe" + :src="url" + frameborder="0" + style="width: 100%; height: 100%" + ></iframe> </div> </el-dialog> + <el-dialog + title="鎻愮ず" + :visible.sync="dialogVisiblese" + width="30%" + :before-close="handleClose" + > + <span>鏄惁澶嶅埗鏈�杩戜竴娆$殑浣撴椤圭洰锛�</span> + <span slot="footer" class="dialog-footer"> + <el-button @click="dialogVisiblese = false">鍙� 娑�</el-button> + <el-button type="primary" @click="copes">纭� 瀹�</el-button> + </span> + </el-dialog> + <historyTj :cusIdCard="form.cusIdcard" ref="historyTj"></historyTj> </div> </template> @@ -392,10 +782,17 @@ getTransitionList, getGuide, getaddTj, + getHistryTjOrderByCusIdCard, + getHistryTjOrderProByCusIdCard, } from "@/api/system/tijian"; import { MessageBox } from "element-ui"; - +import VTreeTransfer from "../tijian/TreeTransfer.vue"; +import historyTj from "@/components/historyTj/index"; export default { + components: { + VTreeTransfer, + historyTj, + }, dicts: [ "dict_user_national", "dict_user_marry", @@ -411,6 +808,17 @@ name: "Tijian", data() { + let checkPhoneNum = (rule, value, callback) => { + console.log(value); + let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/); + if (value == "" && value == undefined && !value) { + return callback(""); + } else if (value != undefined && value != "") { + return callback(); + } else if (!patter.test(value)) { + return callback(""); + } + }; // const isCnNewID = (rule, value, callback) => { // var arrExp = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; //鍔犳潈鍥犲瓙 // var arrValid = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2]; //鏍¢獙鐮� @@ -436,6 +844,12 @@ // } // }; return { + proIdList: [], + tableDatas: [], + dialogVisiblese: false, + lishi: false, + table: false, + HistoryList: {}, index: 0, taocan: false, proIds: "", @@ -457,6 +871,7 @@ src: "", url: "", dialogVisible: false, + datekey: Date.now(), /** 鐓х浉鏈哄脊绐楁ā鍧�-start */ videoWidth: 200, videoHeight: 200, @@ -485,6 +900,7 @@ TotalPrice1: 0, discount: 10, newpacName: [], + defaultKeys: [], // 鎵�鏈変綋妫�椤圭洰路 allpackageList: [], tjProjectList: [], @@ -518,7 +934,7 @@ // 鏄剧ず鎼滅储鏉′欢 showSearch: true, // 鏍戠姸褰㈢姸 - data: [], + treedataList: [], defaultProps: { children: "tjProjectList", label: "proName", @@ -573,24 +989,29 @@ }, // 琛ㄥ崟鏍¢獙 rules: { - cusName: [{ required: true, message: "濮撳悕涓嶈兘涓虹┖", trigger: "blur" }], + cusName: [ + { required: true, validator: checkPhoneNum, trigger: "blur" }, + ], cusSex: [ - { required: true, message: "鎬у埆涓嶈兘涓虹┖", trigger: "change" }, + { required: true, validator: checkPhoneNum, trigger: "change" }, + ], + category: [ + { required: true, validator: checkPhoneNum, trigger: "change" }, ], cusBrithday: [ - { required: true, message: "鍑虹敓鏃ユ湡涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], // cusAddr: [ // { required: true, message: "鐜板眳浣忓湴鍧�涓嶈兘涓虹┖", trigger: "blur" }, // ], cusPhone: [ - { required: true, message: "鑱旂郴鐢佃瘽涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], reservationTime: [ - { required: true, message: "棰勭害鏃ユ湡涓嶈兘涓虹┖", trigger: "change" }, + { required: true, validator: checkPhoneNum, trigger: "change" }, ], timeRegion: [ - { required: true, message: "鏃堕棿涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], // cusIdcard: [ // { required: true, message: "璇疯緭鍏ヨ韩浠借瘉鍙�", trigger: "blur" }, @@ -601,14 +1022,13 @@ // }, // ], cusIdcard: [ - { required: true, message: "韬唤璇佸彿涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, { pattern: /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/, - message: '璇疯緭鍏ユ纭殑韬唤璇佸彿', - trigger: 'blur', - validator: this.validSjh - - } + validator: checkPhoneNum, + trigger: "blur", + validator: this.validSjh, + }, ], }, }; @@ -644,17 +1064,106 @@ d.getFullYear() - birthdays.getFullYear() - (d.getMonth() < birthdays.getMonth() || - (d.getMonth() == birthdays.getMonth() && - d.getDate() < birthdays.getDate()) + (d.getMonth() == birthdays.getMonth() && + d.getDate() < birthdays.getDate()) ? 1 : 0); this.form.cusSex = sex; this.form.cusBrithday = birthday; this.form.age = age; } + + // let cusIdCard = this.form.cusIdcard; + // getHistryTjOrderByCusIdCard(cusIdCard).then((res) => { + // if (res.code == 200) { + this.table = true; + this.lishi = true; + // this.HistoryList = res.data; + // } + // }); } else { // return this.$message.error("璇疯緭鍏ユ纭殑韬唤璇佸彿锛�");; } + }, + inputChanges() { + this.$refs.historyTj.getlist(); + }, + cope() { + let cusIdCard = this.form.cusIdcard; + getHistryTjOrderProByCusIdCard(cusIdCard).then((res) => { + this.copeList = res.data; + if (res.msg != "鏆傛棤鍘嗗彶璁板綍") { + this.dialogVisiblese = true; + } else { + this.$message.warning("鏆傛棤鍘嗗彶浣撴璁板綍锛�"); + } + }); + }, + copes() { + let cusIdCard = this.form.cusIdcard; + getHistryTjOrderProByCusIdCard(cusIdCard).then((res) => { + this.tableDatas = res.data; + if (this.form.cusIdcard) { + var cusId = this.form.cusIdcard; + } else { + this.$message.warning("璇峰厛濉啓淇℃伅锛屽啀閫変綋妫�鍐呭"); + } + + let _this = this; + if (this.tableDatas.length != 0) { + this.tableDatas.forEach((item) => { + if (item.pacId != null) { + _this.pacId = item.pacId; + } else { + item.list.forEach((items) => { + _this.proIdList.push(items.proId); + console.log(_this.pacId, 888); + }); + } + }); + } else { + _this.pacId = ""; + } + let data = { + cusId, + pacId: _this.pacId, + proIds: _this.proIdList, + }; + getaddtTransition(data).then((response) => { + if (response.msg === "鎿嶄綔鎴愬姛") { + let cusId = this.form.cusIdcard; + getTransitionList(cusId).then((response) => { + this.tableData1 = response.data; + // this.checkSelectable(); + this.TotalPrice1 = 0; + if (this.tableData1) { + this.tableData1.forEach((item) => { + this.TotalPrice1 += item.nowPrice; + this.TotalPrice = this.TotalPrice1 + ".00"; + if (item.pacName === null) { + item.pacName = "鍗曢」"; + } + this.pacName = item.pacName; + }); + this.list1 = false; + this.list3 = true; + } else { + this.list1 = true; + this.TotalPrice = "0.00"; + } + }); + } + }); + this.taocan = false; + }); + this.dialogVisiblese = false; + }, + handleClose(done) { + this.$confirm("纭鍏抽棴锛�") + .then((_) => { + done(); + }) + .catch((_) => {}); }, getList1() { getInfo().then((response) => { @@ -687,8 +1196,8 @@ /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */ projectGetList().then((response) => { - this.data = response.data.list; - this.dXData = response.data; + this.treedataList = response.data.list; + this.dXData = response.data.list; return; }); }, @@ -781,9 +1290,9 @@ } this.pacName = item.pacName; if (item.pacName == "鍗曢」") { - item.list.forEach(item9 => { - this.treeList.push(item9.proId) - }) + item.list.forEach((item9) => { + this.treeList.push(item9.proId); + }); } }); this.list1 = false; @@ -867,16 +1376,16 @@ this.taocan = true; // this.getData(); let cusSex = this.form.cusSex; + this.datekey = Date.now(); //鍏ㄩ儴濂楅 + this.loading = true; deptTreeSelect(cusSex).then((response) => { this.newpacName = response.rows; try { this.newpacName.forEach((item3) => { this.tableData1.forEach((item4) => { item4.list.forEach((item6) => { - if (item6.pacName === item3.pacName) { - this.$nextTick(() => { this.$refs.tb.toggleRowSelection(item3, true); }); @@ -885,7 +1394,7 @@ }); }); }); - } catch (error) { } + } catch (error) {} this.loading = false; }); }, @@ -949,7 +1458,7 @@ this.DataList = []; // this.data = JSON.parse(JSON.stringify(this.dXData)); selection[0].tjProjectList.forEach((selectionitem) => { - this.data.forEach((item) => { + this.treedataList.forEach((item) => { if (selectionitem.proName == item.proName) { item.disabled = true; item.tjProjectList = []; @@ -973,7 +1482,7 @@ }); }); } else { - this.data = JSON.parse(JSON.stringify(this.dXData)); + this.treedataList = JSON.parse(JSON.stringify(this.dXData)); return; } }, @@ -993,6 +1502,10 @@ } else { this.proIds = []; } + }, + changeCategoryKeys(val) { + this.proIds = []; + this.proIds = val; }, // 椤圭洰鎻愪氦 @@ -1068,7 +1581,7 @@ data = { pacId, department: this.form.department, - category: this.form.category, + tjCategory: this.form.category, address: this.form.cusAddr, marriage: this.form.cusMarryStatus, nation: this.form.cusNational, @@ -1092,7 +1605,7 @@ } else { data = { department: this.form.department, - category: this.form.category, + tjCategory: this.form.category, address: this.form.cusAddr, marriage: this.form.cusMarryStatus, nation: this.form.cusNational, -- Gitblit v1.8.0