From ca838a9f056cb7043b57bc34fde916686a465003 Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期三, 23 七月 2025 14:11:59 +0800 Subject: [PATCH] qx --- src/views/reservation/reservations/index.vue | 600 +++++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 395 insertions(+), 205 deletions(-) diff --git a/src/views/reservation/reservations/index.vue b/src/views/reservation/reservations/index.vue index a9cb9a9..5864b46 100644 --- a/src/views/reservation/reservations/index.vue +++ b/src/views/reservation/reservations/index.vue @@ -99,81 +99,118 @@ v-show="showSearch" label-width="68px" > - <el-form-item label="濮撳悕" prop="name"> - <el-input - style="width: 120px" - v-model="queryParams.name" - placeholder="璇疯緭鍏ュ鍚�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="韬唤璇佸彿" prop="idCard"> - <el-input - v-model="queryParams.idCard" - placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="鑱旂郴鐢佃瘽" prop="phoe"> - <el-input - v-model="queryParams.phoe" - placeholder="璇疯緭鍏ヨ仈绯荤數璇�" - clearable - @keyup.enter.native="handleQuery" - style="width: 140px" - /> - </el-form-item> - <el-form-item label="鍗曚綅鍚嶇О" prop="company"> - <el-select - :remote-method="getRemoteData" - v-model="queryParams.company" - 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.drugManufacturerId" - /> - </el-select> - <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i> - </el-form-item> - <el-form-item label="棰勭害瓒呮湡" prop="isExpire"> - <el-select - v-model="queryParams.isExpire" - placeholder="璇烽�夋嫨鏄惁瓒呮湡" - clearable - style="width: 140px" - > - <el-option - v-for="dict in options" - :key="dict.value" - :label="dict.label" - :value="dict.value" - /> - </el-select> - </el-form-item> - <el-form-item> - <el-button - type="primary" - icon="el-icon-search" - size="mini" - @click="handleQuery" - >鎼滅储</el-button - > - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" - >閲嶇疆</el-button - > - </el-form-item> + <el-row> + <el-col> + <el-form-item label="濮撳悕" prop="name"> + <el-input + style="width: 120px" + v-model="queryParams.name" + placeholder="璇疯緭鍏ュ鍚�" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + <el-form-item label="韬唤璇佸彿" prop="idCard"> + <el-input + v-model="queryParams.idCard" + placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" + clearable + @keyup.enter.native="handleQuery" + /> + </el-form-item> + + <el-form-item label="鍗曚綅鍚嶇О" prop="companyId"> + <el-select + :remote-method="getRemoteData" + v-model="queryParams.companyId" + 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.drugManufacturerId" + /> + </el-select> + <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i> + </el-form-item> + + <!-- <el-form-item label="濂楅鍚嶇О" prop="dwDeptName"> + <el-select v-model="queryParams.dwDeptName" placeholder="璇烽�夋嫨濂楅鍚嶇О" clearable style="width: 100%" + @change="idFn2"> + <el-option v-for="dict in deptList" :key="dict.id" :label="dict.dwDeptName" :value="dict.id" /> + </el-select> + </el-form-item> + + <el-form-item label="鍒嗙粍鍚嶇О" prop="groupingName"> + <el-select v-model="queryParams.groupingName" placeholder="璇烽�夋嫨鍒嗙粍鍚嶇О" clearable style="width: 100%"> + <el-option v-for="dict in groupingList" :key="dict.id" :label="dict.pacName" :value="dict.id" /> + </el-select> + </el-form-item> --> + <el-form-item label="棰勭害鏃堕棿"> + <el-date-picker + clearable + v-model="createTimeList" + @change="dateChangebirthday2" + type="daterange" + range-separator="-" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + :picker-options="pickerOptions" + value-format="yyyy-MM-dd" + placeholder="璇烽�夋嫨鍑洪绾︽椂闂�" + style="width: 300px" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col> + <el-form-item label="鑱旂郴鐢佃瘽" prop="phoe"> + <el-input + v-model="queryParams.phoe" + placeholder="璇疯緭鍏ヨ仈绯荤數璇�" + clearable + @keyup.enter.native="handleQuery" + style="width: 140px" + /> + </el-form-item> + <el-form-item label="棰勭害瓒呮湡" prop="isExpire"> + <el-select + v-model="queryParams.isExpire" + placeholder="璇烽�夋嫨鏄惁瓒呮湡" + clearable + style="width: 140px" + > + <el-option + v-for="dict in options" + :key="dict.value" + :label="dict.label" + :value="dict.value" + /> + </el-select> + </el-form-item> + + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鎼滅储</el-button + > + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" + >閲嶇疆</el-button + > + </el-form-item> + </el-col> + </el-row> </el-form> <el-row :gutter="10" style="margin: 10px 15px"> <el-col :span="1.5"> @@ -295,7 +332,7 @@ <span>{{ parseTime(scope.row.reservationTime, "{y}-{m}-{d}") }}</span> </template> </el-table-column> - <el-table-column + <!-- <el-table-column label="浣撴绫诲瀷" align="center" prop="tjType" @@ -305,7 +342,7 @@ <template slot-scope="scope"> <dict-tag :options="dict.type.dict_team" :value="scope.row.tjType" /> </template> - </el-table-column> + </el-table-column> --> <el-table-column label="濠氬Щ" align="center" @@ -355,9 +392,23 @@ :show-overflow-tooltip="true" /> <el-table-column - label="閭" + label="濂楅鍚嶇О" align="center" - prop="email" + prop="dwDeptName" + :show-overflow-tooltip="true" + width="160px" + /> + <el-table-column + label="鍒嗙粍鍚嶇О" + align="center" + prop="groupingName" + :show-overflow-tooltip="true" + width="160px" + /> + <el-table-column + label="鍗曚綅閮ㄩ棬" + align="center" + prop="department" :show-overflow-tooltip="true" width="160px" /> @@ -554,10 +605,10 @@ style="width: 160px" /> </el-form-item> - <el-form-item label="鍗曚綅鍚嶇О" prop="company"> + <el-form-item label="鍗曚綅鍚嶇О" prop="companyId"> <el-select :remote-method="getRemoteData" - v-model="formIn.company" + v-model="formIn.companyId" remote default-first-option allow-create @@ -569,7 +620,7 @@ > <el-option v-for="dict in CompanyList" - :key="dict.cnName" + :key="dict.drugManufacturerId" :label="dict.cnName" :value="dict.drugManufacturerId" /> @@ -864,24 +915,16 @@ align="center" > </el-table-column> - <el-table-column + <!-- <el-table-column prop="proType" label="鎬у埆" width="50" align="center" > <template slot-scope="scope"> - <template v-if="isAll(scope.row.proType)"> - 鍏ㄩ儴 - </template> - <template v-else> - <dict-tag - :options="dict.type.sys_user_sex" - :value="scope.row.proType" - /> - </template> + {{ scope.row.proType || '鍏ㄩ儴' }} </template> - </el-table-column> + </el-table-column> --> <el-table-column prop="ordPrice" @@ -890,10 +933,11 @@ > </el-table-column> <el-table-column label="鎶樻墸" width="160px" align="center"> + <!-- @input="validateDiscount(scope.row)" --> + <template slot-scope="scope"> <el-input-number v-model.number="scope.row.discount" - @input="validateDiscount(scope.row)" placeholder="杈撳叆鎶樻墸" size="small" type="number" @@ -1360,7 +1404,7 @@ > <el-option v-for="dict in CompanyList" - :key="dict.cnName" + :key="dict.drugManufacturerId" :label="dict.cnName" :value="dict.drugManufacturerId" /> @@ -1665,10 +1709,10 @@ > </el-table-column> <el-table-column label="鎶樻墸" width="160px" align="center"> + <!-- @input="validateDiscount(scope.row)" --> <template slot-scope="scope"> <el-input-number v-model.number="scope.row.discount" - @input="validateDiscount(scope.row)" placeholder="杈撳叆鎶樻墸" size="small" type="number" @@ -1896,7 +1940,12 @@ </template> <script> -import { addComp, addPlOrderAndDetail } from "@/api/system/comp"; +import { + addComp, + addPlOrderAndDetail, + Deptlist, + getDwAndDwDept, +} from "@/api/system/comp"; import Big from "big.js"; import { Loading } from "element-ui"; import { @@ -1965,6 +2014,8 @@ taocan: false, webSocket: null, defaultKeys: [], + deptList: [], + groupingList: [], value1: "", pacName: "", hides: false, @@ -2038,6 +2089,8 @@ cusIds: [], // 缁撴灉 result: "", + createTimeList: "", + startTime: "", proIds: [], // 鏄剧ず鎼滅储鏉′欢 showSearch: true, @@ -2069,6 +2122,8 @@ cusBrithday: null, cusAddr: null, cusPhone: null, + yykssj: "", // 棰勭害寮�濮嬫椂闂� + yyjssj: "", // 棰勭害缁撴潫鏃堕棿 cusPostcode: null, cusEmail: null, indexCard: null, @@ -2078,31 +2133,78 @@ cusIntroduce: null, cusNumber: null, cusIsvip: null, + orderByColumn: "reservationTime", + isAsc: "desc", + name: "", + reservationTime: null, + idCard: null, + phoe: null, + email: null, + tjType: null, + companyId: null, + isExpire: null, }, + // 鏌ヨ鍙傛暟 + /* queryParams: { + pageNum: 1, + pageSize: 10, + orderByColumn: "reservationTime", + isAsc: "desc", + name: null, + reservationTime: null, + idCard: null, + phoe: null, + email: null, + tjType: null, + companyId: null, + reservationTime: null, + isExpire: null, + }, */ + /* formIn: { + name: "", + // age: "", + // idCard: "", + // remark: null, + // pacName: "", + // cusaddr: null, + // idType: null, + // ageUnit: null, + // sex: null, + // phoe: "", + // nation: null, + // email: "", + // marriage: null, + // address: "", + // tjCategory: null, + company: "", + // career: null, + // reservationTime: null, + // timeRegion: null, + // indexCard: "", + // department: "", + }, */ + fmobj: {}, formIn: { name: "", - age: "", + idType: "", idCard: "", - remark: null, - pacName: "", - cusaddr: null, - idType: null, - ageUnit: null, - sex: null, + age: "", + ageUnit: "", + sex: "", phoe: "", - nation: null, + nation: "", email: "", - marriage: null, + marriage: "", address: "", - tjCategory: null, - company: "", - career: null, - reservationTime: null, - timeRegion: null, - indexCard: "", + tjCategory: "", department: "", + companyId: "", + company: "", + career: "", + reservationTime: "", + timeRegion: "", + indexCard: "", }, - fmobj: {}, // 琛ㄥ崟鏍¢獙 form1: {}, open1: false, @@ -2173,21 +2275,7 @@ valueUrls: "ws://127.0.0.1:6789/websocket", drawer: false, drawer1: false, - // 鏌ヨ鍙傛暟 - queryParams: { - pageNum: 1, - pageSize: 10, - orderByColumn: "reservationTime", - isAsc: "desc", - name: null, - idCard: null, - phoe: null, - email: null, - tjType: null, - company: null, - reservationTime: null, - isExpire: null, - }, + // 琛ㄥ崟鍙傛暟 form: {}, // 琛ㄥ崟鏍¢獙 @@ -2221,11 +2309,43 @@ // }, // ], }, + pickerOptions: { + shortcuts: [ + { + text: "鏈�杩戜竴鍛�", + onClick(picker) { + const end = new Date(); + const start = new Date(new Date().setHours(0, 0, 0, 0)); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); + picker.$emit("pick", [start, end]); + }, + }, + { + text: "鏈�杩戜竴涓湀", + onClick(picker) { + const end = new Date(); + const start = new Date(new Date().setHours(0, 0, 0, 0)); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); + picker.$emit("pick", [start, end]); + }, + }, + { + text: "鏈�杩戜笁涓湀", + onClick(picker) { + const end = new Date(); + const start = new Date(new Date().setHours(0, 0, 0, 0)); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); + picker.$emit("pick", [start, end]); + }, + }, + ], + }, }; }, created() { this.getList(); }, + methods: { isAll(value) { return value === "" || value === null; @@ -2254,6 +2374,10 @@ (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) * 10; }, + dateChangebirthday2(val) { + this.startTime = val; + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete1(row) { // console.log(row); @@ -2269,7 +2393,7 @@ .then(() => { this.TotalPrice1 = 0; getTransitionList1(row.cusId).then((response) => { - this.tableData1 = response.data; + this.tableData1 = response.data.list; this.tableData1.forEach((item) => { this.TotalPrice1 += item.ordPrice; @@ -2330,17 +2454,41 @@ idFn1(value) { if (value) { this.form.dictCompId = value; - this.CompanyList.forEach((item) => { - if (item.drugManufacturerId == this.form.dictCompId) { - this.form.compName = item.cnName; - this.queryParams.company = item.cnName; - } + console.log(value) + // this.CompanyList.forEach((item) => { + // if (item.drugManufacturerId == this.form.dictCompId) { + // this.form.compName = item.cnName; + // this.queryParams.company = item.cnName; + // } + // }); + Deptlist(value).then((response) => { + this.deptList = response.data; }); } + }, + idFn2(value) { + let data = { + deptId: value, + dwId: this.form.dictCompId, + }; + getDwAndDwDept(data).then((response) => { + // 閮ㄩ棬鍚嶇О + this.groupingList = response.data; + }); }, /** 鏌ヨ浣撴棰勭害鍒楄〃 */ getList() { this.loading = true; + if (this.startTime) { + this.queryParams.yykssj = this.startTime[0]; + this.queryParams.yyjssj = this.startTime[1]; + } else if (this.createTimeList) { + this.queryParams.yykssj = this.createTimeList[0]; + this.queryParams.yyjssj = this.createTimeList[1]; + } else if (this.createTimeList == null) { + this.queryParams.yykssj = null; + this.queryParams.yyjssj = null; + } listReservation(this.queryParams).then((response) => { this.reservationList = response.rows; // response.rows.forEach((item, index) => @@ -2393,6 +2541,7 @@ proIds: null, pacId: null, company: null, + drugManufacturerId: null, companyId: null, jobNo: null, department: null, @@ -2416,7 +2565,29 @@ }, /** 閲嶇疆鎸夐挳鎿嶄綔 */ resetQuery() { + this.startTime = []; + this.createTimeList = []; this.resetForm("queryForm"); + this.queryParams = { + pageNum: 1, + pageSize: 10, + cusName: null, + cusSex: null, + cusBrithday: null, + cusAddr: null, + cusPhone: null, + yykssj: "", // 棰勭害寮�濮嬫椂闂� + yyjssj: "", // 棰勭害缁撴潫鏃堕棿 + cusPostcode: null, + cusEmail: null, + indexCard: null, + cusNational: null, + cusMarryStatus: null, + cusIdcard: null, + cusIntroduce: null, + cusNumber: null, + cusIsvip: null, + }; this.handleQuery(); }, // 澶氶�夋閫変腑鏁版嵁 @@ -2504,7 +2675,7 @@ let cusId = response.data.idCard; getTransitionList1(cusId).then((response) => { if (response.data) { - this.tableData1 = response.data; + this.tableData1 = response.data.list; if (this.tableData1.length != 0) { this.TotalPrice1 = 0; this.tableData1.forEach((item) => { @@ -2548,41 +2719,28 @@ /** 淇敼璇︾粏鎸夐挳鎿嶄綔 */ handleUpdate1(row) { this.title = "棰勭害璇︾粏淇℃伅"; - this.formIn = row; - if (this.formIn.timeRegion === 0) { - this.formIn.timeRegion = "8:00-9:00"; - } - if (row.timeRegion === 1) { - this.formIn.timeRegion = "9:00-10:00"; - } - if (row.timeRegion === 2) { - this.formIn.timeRegion = "10:00-11:00"; - } - if (row.timeRegion === 3) { - this.formIn.timeRegion = "11:00-12:00"; - } - if (this.formIn.isExpire === 1) { - this.tijiao1 = false; - } - this.drawer1 = true; - if (this.formIn.discount != null) { - this.discount = this.formIn.discount; - } + //鍏ㄩ儴濂楅 - if (this.formIn.sex != null) { - let cusSex = this.formIn.sex; + if (row.sex != null) { + let cusSex = row.sex; deptTreeSelect(cusSex).then((response) => { this.newpacName = response.rows; 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(); - } - }); + // item4.list.forEach((item6) => { + // if (item6.pacName === item3.pacName) { + // this.$nextTick(() => { + // this.$refs.tb.toggleRowSelection(item3, true); + // }); + // throw Error(); + // } + // }); + if (item4.pacName === item3.pacName) { + this.$nextTick(() => { + this.$refs.tb.toggleRowSelection(item3, true); + }); + throw Error(); + } }); }); this.loading = false; @@ -2605,42 +2763,63 @@ this.loading = false; }); } - let id = this.formIn.id; + let id = row.id; this.list1 = true; - (this.tableData1 = []), - (this.newpacName = []), - getReservation(id).then((response) => { - if (response.data) { - let cusId = response.data.idCard; - getTransitionList1(cusId).then((response) => { - if (response.data) { - this.tableData1 = response.data; + (this.tableData1 = []), (this.newpacName = []), (this.drawer1 = true); + getReservation(id).then((response) => { + if (response.data) { + this.formIn = response.data; - if (this.tableData1.length != 0) { - this.TotalPrice1 = 0; - this.tableData1.forEach((item) => { - this.TotalPrice1 += item.nowPrice; - this.TotalPrice = ( - this.TotalPrice1 * - (this.discount / 10) - ).toFixed(2); - if (item.pacName === null) { - item.pacName = "鍗曢」"; - } - }); - this.list1 = false; - this.list3 = true; - } else { - this.list1 = true; - } + if (this.formIn.timeRegion === 0) { + this.formIn.timeRegion = "8:00-9:00"; + } + if (row.timeRegion === 1) { + this.formIn.timeRegion = "9:00-10:00"; + } + if (row.timeRegion === 2) { + this.formIn.timeRegion = "10:00-11:00"; + } + if (row.timeRegion === 3) { + this.formIn.timeRegion = "11:00-12:00"; + } + if (this.formIn.isExpire === 1) { + this.tijiao1 = false; + } + // this.drawer1 = true; + if (this.formIn.discount != null) { + this.discount = this.formIn.discount; + } + let cusId = this.formIn.idCard; + getTransitionList1(cusId).then((response) => { + if (response.data) { + this.tableData1 = response.data.list; + console.log("tableData1", this.tableData1); + + if (this.tableData1.length != 0) { + this.TotalPrice1 = 0; + this.tableData1.forEach((item) => { + this.TotalPrice1 += item.nowPrice; + this.TotalPrice = ( + this.TotalPrice1 * + (this.discount / 10) + ).toFixed(2); + if (item.pacName === null) { + item.pacName = "鍗曢」"; + } + }); + this.list1 = false; + this.list3 = true; } else { - this.tableData1 = []; - this.list3 = false; this.list1 = true; } - }); - } - }); + } else { + this.tableData1 = []; + this.list3 = false; + this.list1 = true; + } + }); + } + }); /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */ projectGetList().then((response) => { @@ -2655,7 +2834,6 @@ this.discount = currentValue; this.TotalPrice = (this.TotalPrice1 * (this.discount / 10)).toFixed(2); }, - Package() { this.taocan = true; this.datekey = Date.now(); @@ -2774,8 +2952,8 @@ alert("11111"); } websocket.onopen = function () { - console.log('res',res); - + console.log("res", res); + try { // 杩炴帴璁惧 var jsonObjs = { @@ -2969,12 +3147,19 @@ if (this.formIn.timeRegion === "11:00-12:00") { this.formIn.timeRegion = 3; } + this.CompanyList.forEach((item) => { + if (item.drugManufacturerId === this.formIn.companyId) { + this.formIn.company = item.cnName; + } + }); + let data; if (pacId) { data = { id: this.formIn.id, isExpire: this.formIn.isExpire, address: this.formIn.address, + companyId: this.formIn.companyId, company: this.formIn.company, department: this.formIn.department, discount: this.discount, @@ -3001,6 +3186,7 @@ id: this.formIn.id, isExpire: this.formIn.isExpire, address: this.formIn.address, + companyId: this.formIn.companyId, company: this.formIn.company, department: this.formIn.department, discount: this.discount, @@ -3026,17 +3212,19 @@ tjReappoint(data).then((res) => { if (res.code === 200) { this.$modal.msgSuccess("棰勭害鎴愬姛"); + this.getList(); + this.$tab.refreshPage(); + _this.drawer = false; } - _this.drawer = false; }); - this.getList(); - this.$tab.refreshPage(); + // this.getList(); + // this.$tab.refreshPage(); // } else { // this.$message.warning("璇烽�夋嫨鎮ㄨ浣撴鐨勫唴瀹�"); // } }, // 鏈�鍚庢彁浜ゆ寜閽� - submitPrice1() { + /* submitPrice1() { let _this = this; if (_this.tableData1.length > 0) { if (this.tableData[0]) { @@ -3090,7 +3278,7 @@ id: this.formIn.id, isExpire: this.formIn.isExpire, address: this.formIn.address, - company: this.formIn.company, + companyId: this.formIn.companyId, department: this.formIn.department, discount: this.discount, email: this.formIn.email, @@ -3123,7 +3311,7 @@ } else { this.$message.warning("璇烽�夋嫨鎮ㄨ浣撴鐨勫唴瀹�"); } - }, + }, */ // 鎾ら攢棰勭害路 handleDelete(row) { @@ -3263,12 +3451,14 @@ -moz-border-radius: 2em; border-radius: 2em; } + .dialog-footer2 { width: 960px; height: 36px; display: flex; justify-content: center; } + /* 淇敼 婊戝潡 */ #printIframe::-webkit-scrollbar-thumb { background-color: #dcdfe6; -- Gitblit v1.8.0