From c140987b3ef6fd47e3b795fc3a2c6f880f49f9c2 Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期三, 12 三月 2025 13:41:28 +0800 Subject: [PATCH] qx --- src/views/system/tijianall/index.vue | 2286 ++++++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 2,049 insertions(+), 237 deletions(-) diff --git a/src/views/system/tijianall/index.vue b/src/views/system/tijianall/index.vue index 9a4104d..bbbb03a 100644 --- a/src/views/system/tijianall/index.vue +++ b/src/views/system/tijianall/index.vue @@ -1,135 +1,506 @@ <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-dialog + :title="title" + :visible.sync="open1" + width="1000px" + append-to-body + > + <el-form + ref="form1" + :model="form1" + :rules="rules1" + label-width="100px" + :inline="true" + > + <el-form-item label="鍗曚綅鍚嶇О" prop="cnName"> + <el-input v-model="form1.cnName" placeholder="璇疯緭鍏ヤ腑鏂囧悕绉�" /> </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 label="鑱旂郴浜�" prop="contactPerson"> + <el-input v-model="form1.contactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉" /> </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 label="鑱旂郴鐢佃瘽" prop="contactPhone"> + <el-input v-model="form1.contactPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" /> </el-form-item> - <el-form-item label="骞撮緞" prop="age"> - <el-input style="width: 55px" v-model="form.age" /> + <el-form-item label="绋庡彿" prop="taxNumber"> + <el-input v-model="form1.taxNumber" placeholder="璇疯緭鍏ョ◣鍙�" /> </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 label="娉曚汉" prop="legalPerson"> + <el-input v-model="form1.legalPerson" placeholder="璇疯緭鍏ユ硶浜�" /> </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 label="娉ㄥ唽鍦板潃" prop="registerAddress"> + <el-input + v-model="form1.registerAddress" + placeholder="璇疯緭鍏ユ敞鍐屽湴鍧�" + /> </el-form-item> - - <!-- <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 label="閫氳鍦板潃" prop="mailingAddress"> + <el-input + v-model="form1.mailingAddress" + placeholder="璇疯緭鍏ラ�氳鍦板潃" + /> </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 label="寮�鎴烽摱琛�" prop="bankAccount"> + <el-input v-model="form1.bankAccount" placeholder="璇疯緭鍏ュ紑鎴烽摱琛�" /> </el-form-item> - <el-form-item label="閭" prop="cusEmail"> - <el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" style="width: 200px" /> + <el-form-item label="閾惰璐︽埛" prop="countNum"> + <el-input v-model="form1.countNum" placeholder="璇疯緭鍏ラ摱琛岃处鎴�" /> </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 label="閭" prop="email"> + <el-input v-model="form1.email" placeholder="璇疯緭鍏ラ偖绠�" /> </el-form-item> - <el-form-item label="鐜颁綇鍧�" prop="cusAddr"> - <el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" style="width: 440px" /> + <el-form-item label="璐熻矗浜�" prop="principal"> + <el-input v-model="form1.principal" placeholder="璇疯緭鍏ヨ礋璐d汉" /> </el-form-item> - <!-- <el-form-item label="鎴峰彛鍦板潃" prop="cusAddr"> - <el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ユ埛鍙e湴鍧�" /> - </el-form-item> --> - - <!-- <el-form-item label="閭斂缂栫爜" prop="cusPostcode"> - <el-input - v-model="form.cusPostcode" - placeholder="璇疯緭鍏ラ偖鏀跨紪鐮�" - /> - </el-form-item> --> - <!-- <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 label="缃戝潃" prop="url"> + <el-input v-model="form1.url" placeholder="璇疯緭鍏ョ綉鍧�" /> </el-form-item> - <el-form-item label="閮ㄩ棬" prop="department"> - <el-input v-model="form.department" placeholder="璇疯緭鍏ラ儴闂�" style="width: 160px" /> + <el-form-item label="浼犵湡" prop="faxNumber"> + <el-input v-model="form1.faxNumber" placeholder="璇疯緭鍏ヤ紶鐪�" /> </el-form-item> - <el-form-item label="宸ヤ綔鍗曚綅" prop="company"> - <el-input v-model="form.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" style="width: 440px" /> + <el-form-item label="琛屾斂鍖哄垝鍚嶇О" prop="areaName"> + <el-input v-model="form1.areaName" placeholder="璇疯緭鍏ヨ鏀垮尯鍒掑悕绉�" /> </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 label="鎺掑簭" prop="orderNum"> + <el-input v-model="form1.orderNum" placeholder="璇疯緭鍏ユ帓搴�" /> </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 label="鏈夋晥鏃堕棿" prop="validTime"> + <el-date-picker + clearable + v-model="form1.validTime" + type="date" + value-format="yyyy-MM-dd" + placeholder="璇烽�夋嫨鏈夋晥鏃堕棿" + > + </el-date-picker> </el-form-item + ><br /> + <el-form-item label="澶囨敞" prop="remark"> + <el-input + v-model="form1.remark" + type="textarea" + placeholder="璇疯緭鍏ュ唴瀹�" + :rows="2" + label-width="400px" + style="width: 830px" + resize="none" + ></el-input> </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> + <div slot="footer" class="dialog-footer2"> + <el-button type="primary" @click="submitFormS">纭� 瀹�</el-button> + <el-button @click="cancel1">鍙� 娑�</el-button> + </div> + </el-dialog> + <el-row> + <el-col :span="18"> + <div> + <el-form + style="margin: 4px 8px" + :inline="true" + ref="form" + :model="form" + :rules="rules" + label-width="106px" + > + <el-form-item + label="濮撳悕" + prop="cusName" + :rules="[ + { + required: true, + validator: (rule, value, callback) => { + if (!form.cusName) { + callback(''); + } else if (form.cusName) { + callback(); + } + }, + trigger: 'blur', + }, + ]" + > + <el-input + @input="form.cusName = $event.replace(/\s/g, '')" + v-model="form.cusName" + placeholder="璇疯緭鍏ュ鍚�" + style="width: 99%" + /> + </el-form-item> + <el-form-item label="鎬у埆" prop="cusSex"> + <el-select + v-model="form.cusSex" + placeholder="璇烽�夋嫨鎬у埆" + @change="formchang" + style="width: 94%" + > + <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="idType"> + <el-select + v-model="form.idType" + placeholder="璇烽�夋嫨璇佷欢绫诲瀷" + style="width: 93%" + > + <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> + <el-form + style="margin: 4px 8px" + :inline="true" + ref="form" + :model="form" + :rules="rules" + label-width="106px" + > + <el-form-item + 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="璇疯緭鍏ョ數璇�" @input="form.cusPhone = $event.replace(/\s/g, '')"/> + </el-form-item> - <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-item label="濠氬Щ" prop="cusMarryStatus"> + <el-select + v-model="form.cusMarryStatus" + placeholder="璇烽�夋嫨濠氬Щ鐘跺喌" + style="width: 94%" + > + <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="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="handleIdCardInput" + style="width: 190px" + + /> + <!-- <i + style="font-size: 17px; margin-left: 3px" + class="el-icon-search" + @click="handleQuery" + ></i> --> + </el-form-item> + </el-form> + <el-form + style="margin: 4px 8px" + :inline="true" + ref="form" + :model="form" + :rules="rules" + label-width="106px" + > + <el-form-item label="閭" prop="cusEmail"> + + <el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" @input="form.cusEmail = $event.replace(/\s/g, '')"/> + </el-form-item> + <el-form-item label="姘戞棌" prop="cusNational"> + <el-select + filterable + v-model="form.cusNational" + placeholder="璇烽�夋嫨姘戞棌" + style="width: 94%" + > + <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="age"> + <el-input + v-model="form.age" + :disabled="isDisabled" + style="width: 28%" + /> + <el-select + :disabled="isDisabled" + v-model="form.ageUnit" + style="width: 19%" + > + <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> + <el-form + style="margin: 4px 8px" + :inline="true" + ref="form" + :model="form" + :rules="rules" + label-width="106px" + > + <el-form-item label="鍗″彿" prop="indexCard"> + <el-input v-model="form.indexCard" placeholder="璇疯緭鍏ュ崱鍙�" @input="form.indexCard = $event.replace(/\s/g, '')"/> + </el-form-item> + <el-form-item label="鑱屼笟" prop="career"> + <el-select + :disabled="isDisabled" + v-model="form.career" + placeholder="璇疯緭鍏ヨ亴涓�" + style="width: 94%" + > + <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="tjType"> + <el-select + v-model="form.tjType" + placeholder="璇烽�夋嫨浣撴绫诲瀷" + style="width: 94%" + > + <el-option + v-for="dict in dict.type.dict_team" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </el-form-item> + </el-form> + <el-form + style="margin: 4px 8px" + :inline="true" + ref="form" + :model="form" + :rules="rules" + label-width="106px" + > + <el-form-item label="鍗曚綅鍚嶇О" prop="compName"> + <el-select + :disabled="isDisabled" + v-model="form.compName" + remote + default-first-option + allow-create + filterable + style="width: 200px" + placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" + clearable + @change="idFn1" + > + <el-option + v-for="dict in CompanyList" + :key="dict.cnName" + :label="dict.cnName" + :value="dict.cnName" + /> + </el-select> + <!-- <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i> --> + </el-form-item> + <el-form-item label="浣撴绫诲埆" prop="category" label-width="95px"> + <el-select + v-model="form.category" + placeholder="璇烽�夋嫨浣撴绫诲埆" + style="width: 94%" + > + <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: 93%" + /> + </el-form-item> + </el-form> + <el-form + style="margin: 4px 8px" + :inline="true" + ref="form" + :model="form" + :rules="rules" + label-width="106px" + > + <el-form-item label="鐜颁綇鍦板潃" prop="cusAddr"> + <el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" /> + </el-form-item> + <el-form-item label="棰勭害鏃堕棿" prop="timeRegion"> + <el-select + v-model="form.timeRegion" + placeholder="璇烽�夋嫨棰勭害鏃堕棿" + style="width: 95%" + > + <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="reservationTime"> + <el-date-picker + v-model="form.reservationTime" + type="date" + value-format="yyyy-MM-dd" + placeholder="閫夋嫨鏃ユ湡" + :picker-options="setDisabled" + style="width: 88%" + > + </el-date-picker> + </el-form-item> + </el-form> + </div> + </el-col> + </el-row> + + <el-dialog + title="閫夋嫨濂楅" + :visible.sync="taocan" + width="80%" + height="700px" + :close-on-click-modal="false" + > + <el-tabs + type="border-card" + style="height: 538px; margin: 0 10px; width: 100%" + @tab-click="handleClick" + v-model="activeNames" + > + <el-tab-pane label="濂楅" name="first"> + <el-form + :model="queryParam" + ref="queryForm" + size="small" + :inline="true" + v-if="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)" @@ -149,21 +520,258 @@ class="el-icon-d-arrow-right"></i></el-button> --> </div> </el-tab-pane> - <el-tab-pane label="鍗曢」"> + <el-tab-pane label="缁勫悎" name="third"> <div class="tab8"> - <div class="tab7"> - <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" :default-checked-keys="treeList" + <el-row :gutter="20" style="width: 100%"> + <el-col :span="6"> + <div + style=" + text-align: center; + margin-bottom: 10px; + margin-top: 10px; + " + > + 椤圭洰鍒楄〃 + </div> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterage"> + </el-input> + <div class="tab3"> + <el-tree + class="filter-tree" + v-loading="loading" + :data="packageList" + :props="defaultProp" + show-checkbox + node-key="id" + @check="handlepackage" + :default-checked-keys="checkedkeys" + :filter-node-method="filterpackage" + ref="treas" + :render-content="renderContents" + > + </el-tree> + </div> + </el-col> + <el-col :span="6"> + <div + style=" + text-align: center; + margin-bottom: 10px; + margin-top: 10px; + " + > + 鏄庣粏椤圭洰鍒楄〃 + </div> + <div class="tab3"> + <el-tree + class="filter-tree" + v-loading="loading" + :data="packagedataList" + node-key="proId" + :props="defaultpackProps" + :render-content="renderContent" + > + </el-tree> + </div> + </el-col> + <el-col :span="11"> + <div class="grid-content bg-purple"> + <div + style=" + text-align: center; + margin-bottom: 10px; + margin-top: 10px; + " + > + 宸查�夐」鐩垪琛� + </div> + <el-table + :data="DataLists" + border + style="width: 100%" + height="400" + :span-method="objectspanmethod" + > + <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> + </el-table-column> + <el-table-column + prop="proName" + label="鏄庣粏椤圭洰" + width="260px" + > + </el-table-column> + <el-table-column prop="proPrice" label="鍘熶环" width="56px"> + </el-table-column> + + <el-table-column + label="鎿嶄綔" + align="center" + fixed="right" + class-name="small-padding fixed-width" + width="50px" + > + <template slot-scope="scope"> + <el-button + size="mini" + type="text" + icon="el-icon-delete" + @click="handleDel(scope.row)" + title="鍒犻櫎" + ></el-button> + </template> + </el-table-column> + </el-table> + + <h3 style="font-weight: 600">鍚堣锛歿{ marryalls }}鍏�</h3> + </div> + </el-col> + </el-row> + </div> + </el-tab-pane> + <el-tab-pane label="鍗曢」" name="second"> + <div class="tab8"> + <!-- <div class="tab7"> + <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> - </div> - <!-- <el-button style=" - width: 20px; - height: 100px; - margin-left: 10px; - margin-top: 20%; - font-size: 10px; - " type="primary" size="mini" @click="submit"><i style="font-size: 18px" - class="el-icon-d-arrow-right"></i></el-button> --> + </el-tree> --> + <!-- </div> --> + <el-row :gutter="20" style="width: 100%"> + <el-col :span="6"> + <div + style=" + text-align: center; + margin-bottom: 10px; + margin-top: 10px; + " + > + 椤圭洰鍒楄〃 + </div> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText"> + </el-input> + <div class="tab3"> + <el-tree + class="filter-tree" + v-loading="loading" + :data="Treedata" + :props="defaultProps" + show-checkbox + node-key="proId" + @check="handleCurrentChecked" + :default-checked-keys="checkedkey" + :filter-node-method="filterNode" + ref="tree" + :render-content="renderContent" + > + </el-tree> + </div> + </el-col> + <el-col :span="6"> + <div + style=" + text-align: center; + margin-bottom: 10px; + margin-top: 10px; + " + > + 鏄庣粏椤圭洰鍒楄〃 + </div> + <div class="tab3"> + <el-tree + class="filter-tree" + v-loading="loading" + :data="TreedataList" + node-key="proId" + :props="defaultProps" + :filter-node-method="filterNode" + show-checkbox + @check-change="handleCurrentChecked1" + :default-checked-keys="checkedListkey" + :render-content="renderContent" + > + </el-tree> + </div> + </el-col> + <el-col :span="11"> + <div class="grid-content bg-purple"> + <div + style=" + text-align: center; + margin-bottom: 10px; + margin-top: 10px; + " + > + 宸查�夐」鐩垪琛� + </div> + <el-table + :data="DataList" + border + style="width: 100%" + height="400" + :span-method="objectSpanMethod" + > + <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> + </el-table-column> + <el-table-column + prop="proName" + label="鏄庣粏椤圭洰" + width="260px" + > + </el-table-column> + <el-table-column prop="proPrice" label="鍘熶环" width="56px"> + </el-table-column> + + <el-table-column + label="鎿嶄綔" + align="center" + fixed="right" + class-name="small-padding fixed-width" + width="50px" + > + <template slot-scope="scope"> + <el-button + size="mini" + type="text" + icon="el-icon-delete" + @click="handleDelete(scope.row)" + title="鍒犻櫎" + ></el-button> + </template> + </el-table-column> + </el-table> + + <!-- <el-collapse v-model="activeName" accordion v-if="list1"> + <div> + <el-collapse-item title="璇烽�夋嫨椤圭洰"> + <el-table + :data="DataList" + border + style="width: 100%" + height="400" + :span-method="objectSpanMethod" + > + <el-table-column + prop="proName" + label="椤圭洰" + width="180" + > + </el-table-column> + <el-table-column prop="ordPrice" label="鍘熶环"> + </el-table-column> + </el-table> + </el-collapse-item> + </div> + </el-collapse> --> + <h3 style="font-weight: 600">鍚堣锛歿{ marryall }}鍏�</h3> + </div> + </el-col> + </el-row> </div> </el-tab-pane> </el-tabs> @@ -218,41 +826,78 @@ </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="104px" + 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 + ></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> <el-input-number style="width: 140px" v-model="discount" :precision="2" :step="0.1" :max="10" :min="1" @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-form-item label="瀹炴敹閲戦" label-width="96px"> + <el-input + placeholder="瀹炴敹閲戦" + v-model="TotalPrice" + disabled + style="width: 192px" + ></el-input> </el-form-item> - <el-form-item> - <el-button type="primary" @click="submitPrice" size="mini" :disabled="confirm">棰勭害鐧昏</el-button> + <el-form-item style="margin-left: 50px"> + <el-button type="primary" @click="Package" size="mini" + >閫夋嫨濂楅</el-button + > + <el-button type="primary" @click="resetpackage" 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; - "> + width: 950px; + margin-left: 25px; + " + > <el-collapse v-model="index" accordion> <div v-for="(item, index) in tableData1" :key="index"> <el-collapse-item :name="index"> @@ -268,27 +913,46 @@ ".00鍏�)" }} </template> - <el-table :data="item.list" border style="width: 100%" height="270"> + <el-button + type="primary" + @click="candelete(item)" + style="margin: 5px" + >鍒� 闄�</el-button + > + <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 +969,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,17 +1037,68 @@ </el-col> </el-row> - <el-dialog title="瀵兼鍗曢瑙�" :visible.sync="dialogVisibles" :close-on-click-modal="false"> + <el-dialog + title="鎻愮ず" + :visible.sync="cardreader" + width="30%" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <template> + <el-radio-group v-model="cardreaderradio" @input="changeradio"> + <el-radio :label="3">韬唤璇�</el-radio> + <el-radio :label="6">鍋ュ悍鐮�</el-radio> + </el-radio-group> + <div style="margin-top: 10px" v-show="cardreaderradio == 6"> + <el-input + v-model="inputSSS" + ref="tableHeadFilterInp" + placeholder="璇疯緭鍏ュ唴瀹�" + ></el-input> + </div> + </template> + <span slot="footer" class="dialog-footer"> + <el-button @click="cardreader = false">鍙� 娑�</el-button> + <el-button type="primary" @click="cardreadercopes">纭� 瀹�</el-button> + </span> + </el-dialog> + + <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> + <Packages ref="aaa" @add="handleChanges" /> </div> </template> <script> import printJS from "print-js"; import { getInfo } from "@/api/login"; +import Packages from "@/components/Packages"; +import { getZhList, getlistByZhId } from "@/api/system/package"; import { deptTreeSelect, projectGetList, @@ -390,12 +1106,22 @@ getPackageListName, getaddtTransition, getTransitionList, - getGuide, + getProParentIdDxList, + getProSonDxList, getaddTj, + getconfigKey, + getHistryTjOrderProByCusIdCard, + delTbBycusCardIdAndProId, } from "@/api/system/tijian"; -import { MessageBox } from "element-ui"; - +import VTreeTransfer from "../tijian/TreeTransfer.vue"; +import historyTj from "@/components/historyTj/index"; +import { getCompany, queryCompany } from "@/api/team/tuanti"; export default { + components: { + VTreeTransfer, + historyTj, + Packages, + }, dicts: [ "dict_user_national", "dict_user_marry", @@ -411,6 +1137,16 @@ name: "Tijian", data() { + let checkPhoneNum = (rule, value, callback) => { + 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 +1172,41 @@ // } // }; return { + rules1: { + cnName: [{ required: true, trigger: "blur" }], + contactPerson: [{ required: true, trigger: "blur" }], + contactPhone: [ + { + required: true, + trigger: "blur", + }, + { + pattern: /^1[3-9]\d{9}$/, + trigger: "blur", + }, + ], + }, + title: "", + open1: false, + CompanyList: [], + marryall: 0, + marryalls: 0, + filterText: "", + filterage: "", + proIdList: [], + tableDatas: [], + packageList: [], + checkedkeys: [], + // valueUrl: "ws://127.0.0.1:18890", + valueUrl: "ws://127.0.0.1:6789/websocket", + valueUrls: "ws://127.0.0.1:6789/websocket", + dialogVisiblese: false, + cardreader: false, + cardreaderradio: 3, + inputSSS: "", + lishi: false, + table: false, + HistoryList: {}, index: 0, taocan: false, proIds: "", @@ -457,9 +1228,11 @@ src: "", url: "", dialogVisible: false, + datekey: Date.now(), /** 鐓х浉鏈哄脊绐楁ā鍧�-start */ videoWidth: 200, videoHeight: 200, + activeNames: "first", // canvasWidth:300, // canvasHeight:300, imgSrc: "", @@ -485,6 +1258,7 @@ TotalPrice1: 0, discount: 10, newpacName: [], + defaultKeys: [], // 鎵�鏈変綋妫�椤圭洰路 allpackageList: [], tjProjectList: [], @@ -518,10 +1292,24 @@ // 鏄剧ず鎼滅储鏉′欢 showSearch: true, // 鏍戠姸褰㈢姸 - data: [], + Treedata: [], + TreedataList: [], + DataLists: [], + treedataList: [], + checkedkey: [], + checkedListkey: [], defaultProps: { - children: "tjProjectList", + children: [], label: "proName", + }, + packagedataList: [], + defaultpackProps: { + children: [], + label: "proName", + }, + defaultProp: { + children: [], + label: "zhmc", }, formPacId: "", dXData: [], @@ -560,37 +1348,50 @@ // 琛ㄥ崟鍙傛暟 // 琛ㄥ崟鍙傛暟 + form1: { + company: "", + payType: "", + name: "", + phoe: "", + signingPic: "", + discount: "", + }, form: { cusIdcard: "", - tjType: 2, + tjType: "3", category: "01", cusSex: 1, cusNational: "1", timeRegion: "1", - cusMarryStatus: "1", + cusMarryStatus: "5", idType: "1", ageUnit: "0", }, // 琛ㄥ崟鏍¢獙 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,23 +1402,110 @@ // }, // ], 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, + }, ], }, }; }, + watch: { + filterText(val) { + this.$refs.tree.filter(val); + }, + filterage(val) { + this.$refs.treas.filter(val); + }, + }, created() { + this.getCompanyList(); + this.getList1(); - this.getData(); + console.log(this.dict.type.dict_team, 999); }, methods: { + getCompanyList() { + this.loading = true; + getconfigKey("team_reservation_default_day").then((res) => { + this.queryParams.yxts = res.msg; + }); + getCompany(this.queryParam).then((response) => { + this.CompanyList = response.data; + this.total = response.total; + this.loading = false; + }); + }, + cancel1() { + this.open1 = false; + this.reset1(); + }, + submitFormS() { + this.$refs["form1"].validate((valid) => { + if (valid) { + addComp(this.form1).then((response) => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + this.open1 = false; + this.getCompanyList(); + }); + } + }); + }, + reset1() { + this.form1 = { + company: "", + payType: "", + name: "", + phoe: "", + signingPic: "", + discount: "", + }; + }, + handleAdd1() { + this.reset1(); + this.open1 = true; + this.title = "娣诲姞浣撴鍗曚綅淇℃伅缁存姢"; + }, + idFn1(value) { + if (value) { + // 淇濆瓨淇敼鍓嶇殑 dictCompId + const originalCompId = this.form.dictCompId; + + // 鏇存柊鍏徃鍚嶇О + this.form.compName = value; + + // 閬嶅巻鍏徃鍒楄〃锛屾牴鎹叕鍙稿悕绉拌缃搴旂殑 drugManufacturerId + this.CompanyList.forEach((item) => { + if (item.cnName == this.form.compName) { + this.form.dictCompId = item.drugManufacturerId; + } + }); + + // 濡傛灉 dictCompId 娌℃湁鍙樺寲锛岄噸缃负绌� + if (this.form.dictCompId === originalCompId) { + this.form.dictCompId = ''; + } + } + }, + + getRemoteData(query) { + if (query) { + let compName = query; + queryCompany(compName).then((response) => { + this.CompanyList = response.data; + this.CompanyList.forEach((item) => { + this.objs = item; + }); + }); + } + }, + handleIdCardInput(value) { + this.form.cusIdcard = value.replace(/\s/g, ''); + this.inputChange(); // 淇濈暀鍘熸湁鐨勮韩浠借瘉杈撳叆澶勭悊閫昏緫 +}, inputChange() { const reg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; @@ -644,17 +1532,164 @@ 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(); + }, + candelete(item) { + let data = { + cusCardId: this.form.cusIdcard, + proId: item.proPrantId, + }; + delTbBycusCardIdAndProId(data).then((res) => { + getTransitionList(this.form.cusIdcard).then((response) => { + this.tableData1 = response.data; + this.TotalPrice1 = 0; + if (this.tableData1) { + this.tableData1.forEach((item) => { + this.TotalPrice1 += item.nowPrice; + if (item.pacName === null) { + item.pacName = "鍗曢」"; + } + if (item.pacName == "鍗曢」") { + item.list.forEach((item9) => { + this.treeList.push(item9.proId); + }); + } + this.pacName = item.pacName; + }); + + const r = /^\+?[0-9][0-9]*$/; //姝f暣鏁帮紙鍙互0鎵撳ご锛� + let TotalPrice = this.TotalPrice1 * (this.discount / 10); + if (r.test(TotalPrice)) { + this.TotalPrice = TotalPrice + ".00"; + } else { + this.TotalPrice = TotalPrice; + } + + this.list1 = false; + this.list3 = true; + } else { + this.list1 = true; + + this.TotalPrice = "0.00"; + } + }); + }); + }, + filterNode(value, data) { + if (!value) return true; + // return data.proName.indexOf(value) !== -1; + if (data.proName.indexOf(value) !== -1) { + return data.proName.indexOf(value) !== -1; + } else { + return data.proEngName.indexOf(value) !== -1; + } + }, + + filterpackage(value, data) { + if (!value) return true; + if (data.zhmc.indexOf(value) !== -1) { + return data.zhmc.indexOf(value) !== -1; + } else { + return data.pym.indexOf(value) !== -1; + } + }, + 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); + }); + } + }); + } 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) => { @@ -681,14 +1716,14 @@ this.loading = false; }); } - this.getData(); + // this.getData(); }, getData() { /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */ projectGetList().then((response) => { - this.data = response.data.list; - this.dXData = response.data; + this.treedataList = response.data.list; + this.dXData = response.data.list; return; }); }, @@ -767,6 +1802,12 @@ if (this.form.tjType == null) { this.form.tjType = 2; } + if (this.form.cusMarryStatus === "null") { + this.form.cusMarryStatus = "5"; + } + if (this.form.cusNational === "null") { + this.form.cusNational = "1"; + } this.loading = false; if (this.form) { _this.tcShow = true; @@ -781,9 +1822,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; @@ -816,28 +1857,411 @@ this.$message.error("姝ょ敤鎴蜂笉瀛樺湪"); }); } else { - var host = "ws://127.0.0.1:5001/YckjCard"; - if (this.socket == null) { - this.socket = new WebSocket(host); - if (this.socket != null) { - alert("杩炴帴鎴愬姛."); + let configKey = "getInfoFromSqlData"; + getconfigKey(configKey).then((res) => { + if (res.code == 200) { + if (res.msg == "N") { + var websocket = null; + var url = this.valueUrl; + if ("WebSocket" in window) { + websocket = new WebSocket(url); + } else if ("MozWebSocket" in window) { + websocket = new MozWebSocket(url); + } else { + // console.log("SockJS"); + } + + if (websocket == null) { + alert("鍒涘缓WebSocket瀵硅薄澶辫触"); + } + + //杩炴帴鍙戠敓閿欒鐨勫洖璋冩柟娉� + websocket.onerror = function () { + alert("璇锋鏌ヨ鍗″櫒杩炴帴鏄惁姝e父"); + }; + + //杩炴帴鎴愬姛寤虹珛鐨勫洖璋冩柟娉� + websocket.onopen = function () { + this.websocket = websocket; + // 杩炴帴璁惧 + var jsonObj = { + type: "1", + }; + var jStr = JSON.stringify(jsonObj); + this.websocket.send(jStr); + // alert("璇锋斁韬唤璇佸啀鐐圭‘璁�"); + var jsonObj = { + // name: "readCert", + }; + // var jStr = JSON.stringify(jsonObj); + // this.websocket.send(jStr); + this.dialogVisible = false; + }; + + //鎺ユ敹鍒版秷鎭殑鍥炶皟鏂规硶 + websocket.onmessage = (event) => { + var resultObj = eval("(" + event.data + ")"); + //resultFlag涓�0浠h〃璇诲崱鎴愬姛 + + // TODO 浠ヤ笅浠g爜鍙兘鏄尘宸濅娇鐢ㄧ殑 + console.log(resultObj); + // this.jingChuanHandlerWebSocketResult(resultObj) + this.readCardWebSocket(resultObj); + }; + + //杩炴帴鍏抽棴鐨勫洖璋冩柟娉� + websocket.onclose = function () { + alert("璇诲崱鍣ㄨ繛鎺ュ叧闂�"); + }; + } else if (res.msg == "Y") { + this.$refs.aaa.open = true; + this.$refs.aaa.getAllList(); + this.$refs.aaa.title = "璇佷欢瀛楀吀"; + } else if (res.msg == "S") { + this.cardreader = true; + _this.cardreaderradio = 3; + _this.inputSSS = ""; + // let url = window.location.protocol + "//" + window.location.host; + // console.log(url); + // axios + // .get("http://localhost:81/dev-api/readCertCardInfos") + // .then((res) => { + // console.log(res); + // }) + // .catch((err) => { + // console.log(err); + // }); + + // readCertCardInfos().then((res) => { + // _this.form.cusName = res.data.name; + // _this.form.cusSex = + // res.data.sex; + // _this.form.cusNational = res.data.mz; + // _this.form.cusBrithday = res.data.csrq; + // if (_this.form.cusBrithday) { + // _this.form.cusBrithday = _this.form.cusBrithday.replace( + // /^(\d{4})(\d{2})(\d{2})$/, + // "$1-$2-$3" + // ); + // } + // _this.form.cusAddr = res.data.addres; + // _this.form.cusIdcard = res.data.card; + // }); + } } + }); + } + }, + // 鏈�鏂颁娇鐢╳ebSocket閫氫俊 + readCardWebSocket(resultObj) { + let _this = this; + if (resultObj.code === 200 && resultObj.data.name != null) { + //鍥炴樉鐩稿叧鏁版嵁 + _this.form.cusName = resultObj.data.name; + _this.form.cusSex = resultObj.data.sex == "0" ? "濂�" : "鐢�"; + _this.form.cusNational = resultObj.data.mz; + _this.form.cusBrithday = resultObj.data.csrq; + if (_this.form.cusBrithday) { + _this.form.cusBrithday = _this.form.cusBrithday.replace( + /^(\d{4})(\d{2})(\d{2})$/, + "$1-$2-$3" + ); + } + _this.form.cusAddr = resultObj.data.addres; + _this.form.cusIdcard = resultObj.data.card; + _this.imageUrl = "data:image/jpeg;base64," + resultObj.data.img; + if (resultObj.name == "readCert" || resultObj.name == "PushWithImg") { + this.imageUrl = "data:image/jpeg;base64," + resultObj.data.img; + } + } else { + this.$message.warning("璇锋斁缃韩浠借瘉鍚庡啀鐐瑰嚮璇诲彇"); + } + /* else if (resultObj.resultFlag == "-1") { + if (resultObj.errorMsg == "绔彛鎵撳紑澶辫触") { + //alert("璇诲崱鍣ㄦ湭杩炴帴"); + } else { + //alert(resultObj.errorMsg); + } + } else if (resultObj.resultFlag == "-2") { + //alert(resultObj.errorMsg); + } */ + }, + // TODO 浠ヤ笅浠g爜鍙兘鏄尘宸濅娇鐢ㄧ殑 + jingChuanHandlerWebSocketResult(resultObj) { + let _this = this; + if ( + resultObj.name == "readCard" || + resultObj.name == "readCert" || + resultObj.name == "PushWithImg" || + resultObj.name == "PushWithOutImg" + ) { + if (resultObj.resultFlag == "0") { + //鍥炴樉鐩稿叧鏁版嵁 + _this.form.cusName = resultObj.resultContent.partyName; + _this.form.cusSex = + resultObj.resultContent.gender == "0" ? "濂�" : "鐢�"; + _this.form.cusNational = resultObj.resultContent.nation; + _this.form.cusBrithday = resultObj.resultContent.bornDay; + if (_this.form.cusBrithday) { + _this.form.cusBrithday = _this.form.cusBrithday.replace( + /^(\d{4})(\d{2})(\d{2})$/, + "$1-$2-$3" + ); + } + _this.form.cusAddr = resultObj.resultContent.certAddress; + _this.form.cusIdcard = resultObj.resultContent.certNumber; + _this.imageUrl = + "data:image/jpeg;base64," + resultObj.resultContent.identityPic; + if (resultObj.name == "readCert" || resultObj.name == "PushWithImg") { + this.imageUrl = + "data:image/jpeg;base64," + + resultObj.resultContent.identityPrintPic; + } + } else if (resultObj.resultFlag == "-1") { + if (resultObj.errorMsg == "绔彛鎵撳紑澶辫触") { + //alert("璇诲崱鍣ㄦ湭杩炴帴"); + } else { + //alert(resultObj.errorMsg); + } + } else if (resultObj.resultFlag == "-2") { + //alert(resultObj.errorMsg); + } + } else if (resultObj.name == "getStatus") { + if (resultObj.resultFlag == "0") { + if (resultObj.status == "0") { + } else { + alert("璁惧杩炴帴宸叉柇寮�锛岃妫�鏌ヨ鍗″櫒杩炴帴"); + } + } + } + }, + handleChanges(param1) { + if (this.form.pacCode == "涓嶈") { + this.form.cusIdcard = param1[0].xh; + } else { + this.form.cusIdcard = param1[0].pacCode; + } + + // this.form.cusName = param1[0].pacName; + // this.form.cusPhone = param1[0].pacRemark; + }, + + changeradio() { + if (this.cardreaderradio != 3) { + this.$nextTick(() => { + this.$refs.tableHeadFilterInp.focus(); + }); + } + }, + cardreadercopes() { + let _this = this; + + if (this.cardreaderradio == 3) { + var websocket = null; + var url = this.valueUrls; + // var url = 'ws://'+ getIp() +':6789/websocket' + if ("WebSocket" in window) { + websocket = new WebSocket(url); + } else if ("MozWebSocket" in window) { + websocket = new MozWebSocket(url); } else { - alert("璁惧宸叉墦寮�."); + // console.log("SockJS"); } - try { - this.socket.onmessage = function (msg) { - // if (typeof msg.data == "string") { - // var msgM = msg.data + ""; - // resultMsg("璇诲崱杩斿洖淇℃伅锛�" + msg.data); - // } - // else { - // alert("杩炴帴寮傚父,璇锋鏌ラ┍鍔�."); - // } - }; - } catch (ex) { - alert("杩炴帴寮傚父,璇锋鏌ラ┍鍔�."); + if (websocket == null) { + alert("11111"); } + websocket.onopen = function () { + try { + // 杩炴帴璁惧 + var jsonObjs = { + type: "1", + // data: {}, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + } catch (err) { + var tryTime = 0; + // 閲嶈瘯10娆★紝姣忔涔嬮棿闂撮殧3绉� + if (tryTime < 1) { + var t1 = setTimeout(function () { + tryTime++; + var jsonObjs = { + type: 1, + data: {}, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + }, 1 * 1000); + } else { + console.error("閲嶈繛澶辫触."); + } + } + }; + websocket.onclose = function () { + alert("璇诲崱鍣ㄨ繛鎺ュ叧闂�"); + }; + websocket.onmessage = function (event) { + var resultObj = JSON.parse(event.data); + _this.form.cusName = resultObj.data.name; + _this.form.cusSex = resultObj.data.sex; + _this.form.cusNational = resultObj.data.mz; + _this.form.cusBrithday = resultObj.data.csrq; + if (_this.form.cusBrithday) { + _this.form.cusBrithday = _this.form.cusBrithday.replace( + /^(\d{4})(\d{2})(\d{2})$/, + "$1-$2-$3" + ); + } + _this.form.cusIdcard = resultObj.data.card; + if (_this.form.cusIdcard) { + const reg = + /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; + if (reg.test(_this.form.cusIdcard)) { + var org_birthday = _this.form.cusIdcard.substring(6, 14); + var birthday = + org_birthday.substring(0, 4) + + "-" + + org_birthday.substring(4, 6) + + "-" + + org_birthday.substring(6, 8); + var birthdays = new Date(birthday.replace(/-/g, "-")); + let d = new Date(); + let age = + d.getFullYear() - + birthdays.getFullYear() - + (d.getMonth() < birthdays.getMonth() || + (d.getMonth() == birthdays.getMonth() && + d.getDate() < birthdays.getDate()) + ? 1 + : 0); + + _this.form.age = age; + } + } + _this.form.cusAddr = resultObj.data.addres; + + _this.cardreader = false; + }; + + //杩炴帴鍙戠敓閿欒鐨勫洖璋冩柟娉� + websocket.onerror = function () { + alert("璇锋鏌ヨ鍗″櫒杩炴帴鏄惁姝e父"); + }; + } else { + // if (_this.inputSSS.indexOf(":1") != -1) { + + // var str1 = _this.inputSSS.indexOf(":1"); + // var result1 = _this.inputSSS.substring(0, str1); + + // var str2 = _this.inputSSS.indexOf(":1"); + // var result2 = _this.inputSSS.substring( + // str2 + 2, + // _this.inputSSS.length + // ); + + // _this.inputSSS = result1 + result2; + // } + _this.inputSSS = _this.inputSSS.replace(":1", ""); + var websocket = null; + var url = this.valueUrls; + // var url = 'ws://'+ getIp() +':6789/websocket' + if ("WebSocket" in window) { + websocket = new WebSocket(url); + } else if ("MozWebSocket" in window) { + websocket = new MozWebSocket(url); + } else { + // console.log("SockJS"); + } + if (websocket == null) { + alert("11111"); + } + websocket.onopen = function () { + try { + // 杩炴帴璁惧 + var jsonObjs = { + type: 2, + data: { + qrcode: _this.inputSSS, + }, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + } catch (err) { + var tryTime = 0; + // 閲嶈瘯10娆★紝姣忔涔嬮棿闂撮殧3绉� + if (tryTime < 1) { + var t1 = setTimeout(function () { + tryTime++; + var jsonObjs = { + type: 2, + data: { + qrcode: _this.inputSSS, + }, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + }, 1 * 1000); + } else { + console.error("閲嶈繛澶辫触."); + } + } + }; + websocket.onclose = function () { + alert("璇诲崱鍣ㄨ繛鎺ュ叧闂�"); + }; + websocket.onmessage = function (event) { + var resultObj = JSON.parse(event.data); + _this.form.cusName = resultObj.data.name; + + if (resultObj.data.nation == "姹夋棌") { + _this.form.cusNational = "1"; + } + if (resultObj.data.gender == "鐢�") { + _this.form.cusSex = 0; + } else { + _this.form.cusSex = 1; + } + _this.form.cusBrithday = resultObj.data.birthday; + if (_this.form.cusBrithday) { + _this.form.cusBrithday = _this.form.cusBrithday.replace( + /^(\d{4})(\d{2})(\d{2})$/, + "$1-$2-$3" + ); + } + _this.form.cusPhone = resultObj.data.phone; + _this.form.cusIdcard = resultObj.data.idenno; + if (_this.form.cusIdcard) { + const reg = + /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; + if (reg.test(_this.form.cusIdcard)) { + var org_birthday = _this.form.cusIdcard.substring(6, 14); + var birthday = + org_birthday.substring(0, 4) + + "-" + + org_birthday.substring(4, 6) + + "-" + + org_birthday.substring(6, 8); + var birthdays = new Date(birthday.replace(/-/g, "-")); + let d = new Date(); + let age = + d.getFullYear() - + birthdays.getFullYear() - + (d.getMonth() < birthdays.getMonth() || + (d.getMonth() == birthdays.getMonth() && + d.getDate() < birthdays.getDate()) + ? 1 + : 0); + + _this.form.age = age; + } + } + _this.cardreader = false; + }; + + //杩炴帴鍙戠敓閿欒鐨勫洖璋冩柟娉� + websocket.onerror = function () { + alert("璇锋鏌ヨ鍗″櫒杩炴帴鏄惁姝e父"); + }; } }, @@ -862,32 +2286,67 @@ // return true; // } // }, + resetpackage() { + if (this.form.cusIdcard) { + var cusId = this.form.cusIdcard; + } else { + this.$message.warning("璇峰厛濉啓淇℃伅锛屽啀閫変綋妫�鍐呭"); + } + let _this = this; + _this.pacId = ""; + this.proIds = []; + let data = { + cusId, + pacId: _this.pacId, + proIds: this.proIds, + }; + getaddtTransition(data).then((response) => { + if (response.code === 200) { + let cusId = this.form.cusIdcard; + this.proIds = []; + getTransitionList(cusId).then((response) => { + this.tableData1 = response.data; + this.TotalPrice1 = 0; + if (this.tableData1.length >= 1) { + this.list1 = false; + this.list3 = true; + } else { + this.list1 = true; + this.TotalPrice = "0.00"; + } + }); + } + }); + }, Package() { this.taocan = true; - // this.getData(); + this.activeNames = "first"; 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); - }); - throw Error(); - } + if (this.tableData1.length >= 1) { + 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); + }); + throw Error(); + } + }); }); }); - }); - } catch (error) { } + } + } catch (error) {} this.loading = false; }); + // this.getData(); }, // 鎶樻墸 @@ -946,54 +2405,379 @@ this.single = selection.length !== 1; this.multiple = !selection.length; if (selection[0]) { - this.DataList = []; + // this.DataList = []; // this.data = JSON.parse(JSON.stringify(this.dXData)); selection[0].tjProjectList.forEach((selectionitem) => { - this.data.forEach((item) => { + this.Treedata.forEach((item) => { if (selectionitem.proName == item.proName) { item.disabled = true; item.tjProjectList = []; } - if (item.tjProjectList) { - item.tjProjectList.forEach((item1) => { - if (selectionitem.proName == item1.proName) { - item1.disabled = true; - item1.tjProjectList = []; - } - if (item1.tjProjectList) { - item1.tjProjectList.forEach((item2) => { - if (selectionitem.proName == item2.proName) { - item2.disabled = true; - item2.tjProjectList = []; - } - }); - } - }); + // if (item.tjProjectList) { + // item.tjProjectList.forEach((item1) => { + // if (selectionitem.proName == item1.proName) { + // item1.disabled = true; + // item1.tjProjectList = []; + // } + // if (item1.tjProjectList) { + // item1.tjProjectList.forEach((item2) => { + // if (selectionitem.proName == item2.proName) { + // item2.disabled = true; + // item2.tjProjectList = []; + // } + // }); + // } + // }); + // } + }); + this.TreedataList.forEach((item3) => { + if (item3.proParentId == selectionitem.proId) { + item.disabled = true; } }); }); } else { - this.data = JSON.parse(JSON.stringify(this.dXData)); + this.treedataList = JSON.parse(JSON.stringify(this.dXData)); return; } + }, + handleClick(tab, event) { + if (this.activeNames == "second") { + this.DataList = []; + this.checkedkey = []; + this.getDataList(); + } else if (this.activeNames == "third") { + this.DataLists = []; + this.checkedkeys = []; + getZhList().then((response) => { + if (response.data) { + this.packageList = response.data; + // this.checkedkeys.push(this.packageList[0].id); + // let datas = { + // zhId: this.packageList[0].id, + // }; + // getlistByZhId(datas).then((res) => { + // this.packagedataList = res.data.tjProjectList; + // for (var i = 0; i < this.packagedataList.length; i++) { + // let proId = this.packagedataList[i].proId; + // getProSonDxList(proId).then((res) => { + // this.TreedataList = res.data.list; + // this.TreedataList.forEach((item) => { + // this.DataLists.push(item); + // if (this.DataLists.length >= 1) { + // this.marryalls = 0; + // this.DataLists.forEach((item1) => { + // this.marryalls += item1.proPrice; + // this.packagedataList.forEach((item3) => { + // if (item1.proParentId == item3.proId) { + // item1.propinName = item3.proName; + // } + // }); + // }); + // } + // }); + // }); + // } + // }); + } + this.loading = false; + }); + } + }, + renderContent(h, { node, data, store }) { + return ( + <span class="custom-tree-node"> + <span>{node.label}</span> + <span>({data.proPrice}鍏�)</span> + </span> + ); + }, + renderContents(h, { node, data, store }) { + return ( + <span class="custom-tree-node"> + <span>{node.label}</span> + <span>({data.price}鍏�)</span> + </span> + ); + }, + getDataList() { + this.loading = true; + getProParentIdDxList().then((response) => { + this.Treedata = response.data.list; + if (this.tableData[0]) { + this.tableData[0].tjProjectList.forEach((selectionitem) => { + this.Treedata.forEach((item) => { + if (selectionitem.proId == item.proId) { + item.disabled = true; + } + }); + }); + } + // if (this.DataLists.length != 0) { + // this.DataLists.forEach((selectionitem) => { + // this.Treedata.forEach((item) => { + // if (selectionitem.propinName == item.proName) { + // item.disabled = true; + // } + // }); + // }); + // } + // this.checkedkey.push(this.Treedata[0].proId); + // let proId = this.Treedata[0].proId; + // getProSonDxList(proId).then((res) => { + // this.TreedataList = res.data.list; + // this.TreedataList.forEach((item) => { + // this.checkedListkey.push(item.proId); + // this.DataList.push(item); + // this.DataList.forEach((item) => { + // item.propinName = this.Treedata[0].proName; + // }); + // }); + // this.TotalPrice1 = 0; + // this.marryall = 0; + // if (this.DataList.length != 0) { + // this.list1 = false; + // this.DataList.forEach((item) => { + // this.TotalPrice1 = item.proPrice + this.TotalPrice1; + // this.marryall += item.proPrice; + // }); + // } + // }); + this.loading = false; + }); + }, + + handlepackage(data, checked, checkedNodes) { + if (checked.checkedNodes.length != 0) { + this.$refs.treas.setCheckedKeys([data.id]); + let datas = { + zhId: data.id, + }; + getlistByZhId(datas).then((res) => { + this.packagedataList = res.data.tjProjectList; + for (var i = 0; i < this.packagedataList.length; i++) { + let proId = this.packagedataList[i].proId; + getProSonDxList(proId).then((res) => { + this.TreedataList = res.data.list; + this.TreedataList.forEach((item) => { + this.DataLists.push(item); + if (this.DataLists.length >= 1) { + this.marryalls = 0; + this.DataLists.forEach((item1) => { + this.marryalls += item1.proPrice; + this.packagedataList.forEach((item3) => { + if (item1.proParentId == item3.proId) { + item1.propinName = item3.proName; + } + }); + }); + } + }); + }); + } + }); + } else if (checked.checkedNodes.length == 0) { + // for (var i = 0; i < data.tjProjectList.length; i++) { + // let proId = data.tjProjectList[i].proId; + // getProSonDxList(proId).then((res) => { + // this.TreedataList = res.data.list; + // this.TreedataList.forEach((item) => { + // this.DataLists.forEach((item1, index) => { + // if (item.proId == item1.proId) { + // this.DataLists.splice(index, 1); + // } + // }); + // }); + // this.marryalls = 0 + // if(this.DataLists.length != 0){ + // this.DataLists.forEach((item1, index) => { + // this.marryalls += item1.proPrice; + // }) + // } + // }); + // } + } + }, + + objectspanmethod({ row, column, rowIndex, columnIndex }) { + let fields = ["propinName"]; + let cellValue = row[column.property]; + if (cellValue && fields.includes(column.property)) { + let prevRow = this.DataLists[rowIndex - 1]; + let nextRow = this.DataLists[rowIndex + 1]; + if (prevRow && prevRow[column.property] === cellValue) { + return { rowspan: 0, colspan: 0 }; + } else { + let countRowspan = 1; + while (nextRow && nextRow[column.property] === cellValue) { + nextRow = this.DataLists[++countRowspan + rowIndex]; + } + + if (countRowspan > 1) { + return { rowspan: countRowspan, colspan: 1 }; + } + } + } + + // if (columnIndex == 3) { + // let rowspan = 0; + // this.DataLists.forEach((element) => { + // if (element.propinName === row.propinName) { + // rowspan++; + // } + // }); + // return [rowspan, 1]; + // } }, // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� handleCurrentChecked(data, checked, checkedNodes) { - if (checked === true) { - this.DataList.push(data); - } else { - this.DataList.pop(data); - } - this.proIds = []; - if (this.DataList.length != 0) { - this.DataList.forEach((item) => { - this.proIds.push(item.proId); + this.dataObj = data; + if (checked.checkedNodes.length != 0) { + this.$refs.tree.setCheckedKeys([data.proId]); + let proId = data.proId; + getProSonDxList(proId).then((res) => { + this.TreedataList = res.data.list; + this.TreedataList.forEach((item) => { + this.checkedListkey.push(item.proId); + this.DataList.push(item); + this.spliceData(); + this.DataList.forEach((item1) => { + if (item1.proParentId == data.proId) { + item1.propinName = data.proName; + } + }); + }); + this.TotalPrice1 = 0; + this.marryall = 0; + if (this.DataList.length != 0) { + this.list1 = false; + this.DataList.forEach((item) => { + this.TotalPrice1 = item.proPrice + this.TotalPrice1; + this.marryall += item.proPrice; + }); + } }); - } else { - this.proIds = []; + } else if (checked.checkedNodes.length == 0) { + let proId = data.proId; + getProSonDxList(proId).then((res) => { + this.TreedataList = res.data.list; + this.checkedListkey = []; + }); } }, + + spliceData() { + for (var i = 0; i < this.DataList.length; i++) { + for (var j = i + 1; j < this.DataList.length; j++) { + if (this.DataList[i].proId == this.DataList[j].proId) { + //濡傛灉绗竴涓瓑浜庣浜屼釜锛宻plice鏂规硶鍒犻櫎绗簩涓� + this.DataList.splice(j, 1); + j--; + } + } + } + return this.DataList; + }, + + // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� + handleCurrentChecked1(data, checked, checkedNodes) { + if (checked == false) { + this.DataList.forEach((item, index) => { + if (item.proId == data.proId) { + this.DataList.splice(index, 1); + this.TotalPrice1 = 0; + this.marryall = 0; + this.DataList.forEach((item1) => { + this.TotalPrice1 = item1.proPrice + this.TotalPrice1; + this.marryall += item1.proPrice; + }); + } + }); + } else if (checked == true) { + this.DataList.push(data); + this.DataList.forEach((item1) => { + if (item1.proParentId == this.dataObj.proId) { + item1.propinName = this.dataObj.proName; + } + }); + this.spliceData(); + this.TotalPrice1 = 0; + this.marryall = 0; + this.DataList.forEach((item1) => { + this.TotalPrice1 = item1.proPrice + this.TotalPrice1; + this.marryall += item1.proPrice; + }); + } + }, + + handleDel(row) { + this.DataLists.forEach((item, index) => { + if (item.proId == row.proId) { + this.DataLists.splice(index, 1); + this.marryalls = 0; + this.DataLists.forEach((item1) => { + this.marryalls += item1.proPrice; + }); + } + }); + }, + + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + handleDelete(row) { + this.DataList.forEach((item, index) => { + if (item.proId == row.proId) { + this.DataList.splice(index, 1); + this.marryall = 0; + this.TotalPrice1 = 0; + this.DataList.forEach((item1) => { + this.TotalPrice1 = item1.proPrice + this.TotalPrice1; + this.marryall += item1.proPrice; + }); + } + }); + }, + // // 榛樿鎺ュ彈鍥涗釜鍊� { 褰撳墠琛岀殑鍊�, 褰撳墠鍒楃殑鍊�, 琛岀殑涓嬫爣, 鍒楃殑涓嬫爣 } + objectSpanMethod({ row, column, rowIndex, columnIndex }) { + let fields = ["propinName"]; + let cellValue = row[column.property]; + if (cellValue && fields.includes(column.property)) { + let prevRow = this.DataList[rowIndex - 1]; + let nextRow = this.DataList[rowIndex + 1]; + if (prevRow && prevRow[column.property] === cellValue) { + return { rowspan: 0, colspan: 0 }; + } else { + let countRowspan = 1; + while (nextRow && nextRow[column.property] === cellValue) { + nextRow = this.DataList[++countRowspan + rowIndex]; + } + if (countRowspan > 1) { + return { rowspan: countRowspan, colspan: 1 }; + } + } + } + }, + + // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� + // handleCurrentChecked(data, checked, checkedNodes) { + // if (checked === true) { + // this.DataList.push(data); + // } else { + // this.DataList.pop(data); + // } + // this.proIds = []; + // if (this.DataList.length != 0) { + // this.DataList.forEach((item) => { + // this.proIds.push(item.proId); + // }); + // } else { + // this.proIds = []; + // } + // }, + // changeCategoryKeys(val) { + // this.proIds = []; + // this.proIds = val; + // }, // 椤圭洰鎻愪氦 submit() { @@ -1011,6 +2795,17 @@ } else { _this.pacId = ""; } + this.proIds = []; + if (this.DataList.length != 0) { + this.DataList.forEach((item) => { + this.proIds.push(item.proId); + }); + } + if (this.DataLists.length != 0) { + this.DataLists.forEach((item) => { + this.proIds.push(item.proId); + }); + } let data = { cusId, pacId: _this.pacId, @@ -1027,6 +2822,9 @@ this.tableData1.forEach((item) => { this.TotalPrice1 += item.nowPrice; this.TotalPrice = this.TotalPrice1 + ".00"; + if (item.tjCategory != null) { + this.form.category = item.tjCategory; + } if (item.pacName === null) { item.pacName = "鍗曢」"; } @@ -1042,6 +2840,8 @@ } }); this.taocan = false; + this.defaultKeys = []; + this.DataLists = []; }, // 鏈�鍚庢彁浜ゆ寜閽� @@ -1068,7 +2868,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 +2892,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, @@ -1172,6 +2972,12 @@ width: 178px; height: 178px; display: block; +} + +.tab3 { + max-height: 400px; + overflow-y: auto; + border: 1px solid #d9d9d9; } .el-col-8 { @@ -1273,6 +3079,12 @@ display: flex; flex-direction: column; } +.dialog-footer2 { + width: 960px; + height: 36px; + display: flex; + justify-content: center; +} </style> \ No newline at end of file -- Gitblit v1.8.0