From c70ffa07e49c0711b79156f00f80b1883d07450f Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期二, 15 四月 2025 10:44:35 +0800 Subject: [PATCH] 11 --- src/views/reservation/reservations/index.vue | 604 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 585 insertions(+), 19 deletions(-) diff --git a/src/views/reservation/reservations/index.vue b/src/views/reservation/reservations/index.vue index e644f5e..a9cb9a9 100644 --- a/src/views/reservation/reservations/index.vue +++ b/src/views/reservation/reservations/index.vue @@ -197,6 +197,16 @@ > <!-- v-hasPermi="['reservation:reservation:remove']" --> </el-col> + <el-col :span="1.5"> + <el-button + type="primary" + size="mini" + :disabled="multiple" + @click="Groupsignin" + >鍥綋绛惧埌</el-button + > + <!-- v-hasPermi="['reservation:reservation:remove']" --> + </el-col> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" @@ -811,18 +821,136 @@ </el-form> </template> - <div style="text-align: center; margin-bottom: 10px"> + <div + style=" + display: flex; + align-items: center; + justify-content: flex-start; + width: 100%; + " + > + <div + style=" + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin-left: 46px; + font-size: 16px; + margin-right: 20px; + " + > + 宸查�夐」鐩潯鏁帮細<span + style="font-weight: 700; color: red; margin-right: 5px" + >{{ this.tableData1.length || 0 }}</span + >鏉� + </div> 宸查�夐」鐩垪琛� </div> <div style=" padding: 0px 6px; border: 1px solid #e6ebf5; + max-height: 650%; + overflow: auto; + width: 916px; + margin-left: 35px; + " + > + <el-table :data="tableData1" border style="width: 100%"> + <el-table-column + prop="proName" + label="椤圭洰" + width="180" + align="center" + > + </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> + </template> + </el-table-column> + + <el-table-column + prop="ordPrice" + label="搴旀敹閲戦" + align="center" + > + </el-table-column> + <el-table-column label="鎶樻墸" width="160px" align="center"> + <template slot-scope="scope"> + <el-input-number + v-model.number="scope.row.discount" + @input="validateDiscount(scope.row)" + placeholder="杈撳叆鎶樻墸" + size="small" + type="number" + :precision="1" + :step="0.1" + :max="10" + :min="0" + :disabled="true" + > + </el-input-number> + </template> + </el-table-column> + <el-table-column + prop="nowPrice" + label="瀹炴敹閲戦" + align="center" + > + </el-table-column> + <el-table-column + prop="proCheckMethod" + label="鏄惁绌鸿吂" + align="center" + > + <template slot-scope="scope"> + <dict-tag + :options="dict.type.sys_yes_no" + :value="scope.row.proCheckMethod" + /> + </template> + </el-table-column> + <el-table-column label="鎿嶄綔" align="center" width="80px"> + <template slot-scope="scope"> + <el-button + size="mini" + type="text" + icon="el-icon-delete" + @click="handleDelete1(scope.row)" + title="鍒犻櫎" + > + </el-button> + </template> + </el-table-column> + </el-table> + </div> + + <!-- <div style="text-align: center; margin-bottom: 10px"> + 宸查�夐」鐩垪琛� + </div> --> + <!-- <div + style=" + padding: 0px 6px; + border: 1px solid #e6ebf5; max-height: 420px; overflow: auto; " - > - <el-collapse v-model="index" accordion v-if="list3"> + > --> + <!-- <el-collapse v-model="index" accordion v-if="list3"> <div class="info1" v-for="(item, index) in tableData1" @@ -840,6 +968,16 @@ item.nowPrice + "鍏�)" }} + <div style="font-size: 16px; margin-left: 20px"> + 宸查�夐」鐩潯鏁帮細<span + style=" + font-weight: 700 !important; + color: red; + margin-right: 5px; + " + >{{ item.list.length || 0 }}</span + >鏉� + </div> </template> <el-table :data="item.list" @@ -855,7 +993,39 @@ </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> </el-table-column> + <el-table-column label="鎶樻墸"> + <template slot-scope="scope"> + <el-input-number + v-model.number="scope.row.discount" + @input="validateDiscount(scope.row)" + placeholder="杈撳叆鎶樻墸" + size="small" + type="number" + :precision="1" + :step="0.1" + :max="10" + :min="0" + > + </el-input-number> + </template> + </el-table-column> <el-table-column prop="nowPrice" label="瀹炴敹閲戦"> + </el-table-column> + <el-table-column + label="鎿嶄綔" + align="center" + width="80px" + > + <template slot-scope="scope"> + <el-button + size="mini" + type="text" + icon="el-icon-delete" + @click="handleDelete1(scope.row)" + title="鍒犻櫎" + > + </el-button> + </template> </el-table-column> </el-table> </el-collapse-item> @@ -926,8 +1096,8 @@ </el-table> </el-collapse-item> </div> - </el-collapse> - </div> + </el-collapse> --> + <!-- </div> --> </div> </el-col> </el-row> @@ -949,6 +1119,49 @@ </div> </template> </el-drawer> + + <el-dialog + title="PDF 棰勮" + :visible.sync="dialogVisible" + :close-on-click-modal="false" + > + <div class="main"> + <iframe + id="printIframe" + :src="url" + frameborder="0" + style="width: 100%; height: 100%" + ></iframe> + </div> + </el-dialog> + + <el-dialog + :title="title" + :visible.sync="open2" + width="800px" + append-to-body + > + <el-form ref="form" :model="forms" label-width="100px" :inline="true"> + <el-form-item label="浣撴绫诲埆"> + <el-select + style="width: 150px" + v-model="forms.tjCategory" + 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-form-item> + </el-form> + <div slot="footer" class="dialog-footer2"> + <el-button type="primary" @click="submitType">纭� 瀹�</el-button> + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </el-dialog> <div style=" @@ -1361,9 +1574,6 @@ ></el-option> </el-select> </el-form-item> - - <!-- <div class="tab1"> --> - <!-- <el-form :inline="true" class="tab1"> --> <el-form-item label="搴旀敹閲戦"> <el-input placeholder="搴旀敹閲戦" @@ -1373,7 +1583,6 @@ ></el-input> </el-form-item> <el-form-item label="浼樻儬鎶樻墸"> - <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> --> <el-input-number ref="inputNumber" style="width: 130px" @@ -1411,7 +1620,101 @@ <div style="text-align: center; margin-bottom: 10px"> 宸查�夐」鐩垪琛� </div> + <div + style=" + padding: 0px 6px; + border: 1px solid #e6ebf5; + max-height: 650%; + overflow: auto; + width: 916px; + margin-left: 35px; + " + > + <el-table :data="tableData1" border style="width: 100%"> + <el-table-column + prop="proName" + label="椤圭洰" + width="180" + align="center" + > + </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> + </template> + </el-table-column> + + <el-table-column + prop="ordPrice" + label="搴旀敹閲戦" + align="center" + > + </el-table-column> + <el-table-column label="鎶樻墸" width="160px" align="center"> + <template slot-scope="scope"> + <el-input-number + v-model.number="scope.row.discount" + @input="validateDiscount(scope.row)" + placeholder="杈撳叆鎶樻墸" + size="small" + type="number" + :precision="1" + :step="0.1" + :max="10" + :min="0" + :disabled="true" + > + </el-input-number> + </template> + </el-table-column> + <el-table-column + prop="nowPrice" + label="瀹炴敹閲戦" + align="center" + > + </el-table-column> + <el-table-column + prop="proCheckMethod" + label="鏄惁绌鸿吂" + align="center" + > + <template slot-scope="scope"> + <dict-tag + :options="dict.type.sys_yes_no" + :value="scope.row.proCheckMethod" + /> + </template> + </el-table-column> + <el-table-column label="鎿嶄綔" align="center" width="80px"> + <template slot-scope="scope"> + <el-button + size="mini" + type="text" + icon="el-icon-delete" + @click="handleDelete1(scope.row)" + title="鍒犻櫎" + > + </el-button> + </template> + </el-table-column> + </el-table> + </div> + + <!-- <div style=" padding: 0px 6px; border: 1px solid #e6ebf5; @@ -1419,6 +1722,14 @@ overflow: auto; " > + <div + style=" + padding: 0px 6px; + border: 1px solid #e6ebf5; + max-height: 420px; + overflow: auto; + " + ></div> <el-collapse v-model="index" accordion v-if="list3"> <div class="info1" @@ -1437,7 +1748,18 @@ item.nowPrice + ".00鍏�)" }} + <div style="font-size: 16px; margin-left: 20px"> + 宸查�夐」鐩潯鏁帮細<span + style=" + font-weight: 700 !important; + color: red; + margin-right: 5px; + " + >{{ item.list.length || 0 }}</span + >鏉� + </div> </template> + <el-table :data="item.list" border @@ -1457,6 +1779,22 @@ > </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> + </el-table-column> + <el-table-column label="鎶樻墸"> + <template slot-scope="scope"> + <el-input-number + v-model.number="scope.row.discount" + @input="validateDiscount(scope.row)" + placeholder="杈撳叆鎶樻墸" + size="small" + type="number" + :precision="1" + :step="0.1" + :max="10" + :min="0" + > + </el-input-number> + </template> </el-table-column> <el-table-column prop="nowPrice" label="瀹炴敹閲戦"> </el-table-column> @@ -1532,7 +1870,7 @@ </el-collapse-item> </div> </el-collapse> - </div> + </div> --> </div> </el-col> </el-row> @@ -1558,8 +1896,9 @@ </template> <script> -import { addComp } from "@/api/system/comp"; - +import { addComp, addPlOrderAndDetail } from "@/api/system/comp"; +import Big from "big.js"; +import { Loading } from "element-ui"; import { listReservation, gettjCancel, @@ -1575,6 +1914,8 @@ getaddtTransition, getTransitionList, getconfigKey, + delTbBycusCardIdAndProId, + getTransitionList1, } from "@/api/system/tijian"; import { getCompany, queryCompany } from "@/api/team/tuanti"; import user from "@/store/modules/user"; @@ -1599,7 +1940,6 @@ ], 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(""); @@ -1621,7 +1961,9 @@ return time.getTime() < Date.now() - 8.64e7; // 涓嶅彲閫夊巻鍙插ぉ銆佷笉鍙�夊綋鍓嶅ぉ銆佸彲閫夋湭鏉ュぉ }, }, + discount: 10, taocan: false, + webSocket: null, defaultKeys: [], value1: "", pacName: "", @@ -1632,6 +1974,10 @@ dialogVisibles: false, src: "", url: "", + open2: false, + forms: { + tjCategory: "12", + }, dialogVisible: false, /** 鐓х浉鏈哄脊绐楁ā鍧�-start */ videoWidth: 200, @@ -1689,6 +2035,7 @@ // 鏄惁鏄剧ず寮瑰嚭灞� pacId: "", + cusIds: [], // 缁撴灉 result: "", proIds: [], @@ -1732,7 +2079,29 @@ cusNumber: null, cusIsvip: null, }, - formIn: {}, + 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: {}, // 琛ㄥ崟鏍¢獙 form1: {}, @@ -1801,6 +2170,7 @@ reservationList: [], // 寮瑰嚭灞傛爣棰� title: "", + valueUrls: "ws://127.0.0.1:6789/websocket", drawer: false, drawer1: false, // 鏌ヨ鍙傛暟 @@ -1857,6 +2227,65 @@ this.getList(); }, methods: { + isAll(value) { + return value === "" || value === null; + }, + validateDiscount(row) { + if (row.discount == null || isNaN(row.discount)) { + row.discount = 10; + } + if (row.discount > 10) { + row.discount = 10; // 寮哄埗灏嗗�艰缃负鏈�澶у�� + } else if (row.discount < 0) { + row.discount = 0; // 寮哄埗灏嗗�艰缃负鏈�灏忓�� + } + this.updateProPrice(row); // 鏇存柊浠锋牸鎴栧叾浠栭�昏緫 + }, + updateProPrice(row) { + const ordPrice = new Big(row.ordPrice || 0); + const discount = new Big(row.discount || 0); + const result = ordPrice.times(discount.div(10)); // ordPrice * (discount / 10) + row.nowPrice = result.toNumber(); + this.TotalPrice = this.tableData1.reduce((sum, item) => { + return sum.plus(new Big(item.nowPrice || "0")); + }, new Big(0)); + + this.discount = + (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) * 10; + }, + + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + handleDelete1(row) { + // console.log(row); + let data = { + cusCardId: row.cusId, + proId: row.parentProId, + }; + this.$modal + .confirm("鏄惁纭鍒犻櫎锛�") + .then(() => { + return delTbBycusCardIdAndProId(data); + }) + .then(() => { + this.TotalPrice1 = 0; + getTransitionList1(row.cusId).then((response) => { + this.tableData1 = response.data; + + this.tableData1.forEach((item) => { + this.TotalPrice1 += item.ordPrice; + this.TotalPrice += item.nowPrice; + }); + this.TotalPrice = this.tableData1.reduce((sum, item) => { + return sum.plus(new Big(item.nowPrice || "0")); + }, new Big(0)); + this.discount = + (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) * + 10; + }); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }) + .catch(() => {}); + }, getCompanyList() { this.loading = true; getconfigKey("team_reservation_default_day").then((res) => { @@ -1928,6 +2357,7 @@ // 鍙栨秷鎸夐挳 cancel() { this.open = false; + this.open2 = false; this.reset(); }, @@ -1991,10 +2421,10 @@ }, // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { + this.cusIds = selection.map((item) => item.idCard); selection.forEach((item) => { this.fmobj = item; }); - console.log(this.fmobj); this.ids = selection.map((item) => item.id); this.single = selection.length !== 1; this.multiple = !selection.length; @@ -2009,7 +2439,6 @@ /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { - console.log(row); this.title = "淇敼浣撴棰勭害"; this.formIn = row; this.form.tjType = this.formIn.tjType; @@ -2073,14 +2502,13 @@ getReservation(id).then((response) => { if (response.data) { let cusId = response.data.idCard; - getTransitionList(cusId).then((response) => { + getTransitionList1(cusId).then((response) => { if (response.data) { this.tableData1 = response.data; if (this.tableData1.length != 0) { this.TotalPrice1 = 0; this.tableData1.forEach((item) => { this.TotalPrice1 += item.nowPrice; - console.log(this.discount); this.TotalPrice = ( this.TotalPrice1 * (this.discount / 10) @@ -2184,9 +2612,10 @@ getReservation(id).then((response) => { if (response.data) { let cusId = response.data.idCard; - getTransitionList(cusId).then((response) => { + getTransitionList1(cusId).then((response) => { if (response.data) { this.tableData1 = response.data; + if (this.tableData1.length != 0) { this.TotalPrice1 = 0; this.tableData1.forEach((item) => { @@ -2291,6 +2720,143 @@ } }, + Groupsignin() { + this.open2 = true; + }, + + submitType() { + // let cusIds = []; + // this.selectList.forEach((item) => { + // cusIds.push(item.idCard); + // }); + let loadingInstance1 = Loading.service({ + fullscreen: true, + text: "绛惧埌涓�", + }); + let data = { + cusIds: this.cusIds, + tjCategory: this.forms.tjCategory, + }; + this.open2 = false; + addPlOrderAndDetail(data).then((res) => { + if (res.code == 200) { + this.open2 = false; + this.$modal.msgSuccess("绛惧埌鎴愬姛"); + if (res.file) { + let base64 = res.file; + this.base64ToBlob({ + b64data: base64, + contentType: "application/pdf", + }).then((res) => { + this.dialogVisible = true; + // 杞悗鍚庣殑blob瀵硅薄 + try { + this.url = res.preview; + } catch (error) { + this.url = window.webkitURL.createObjectURL(res.preview); + } + }); + } else { + let _this = this; + this.$nextTick(() => { + // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + loadingInstance1.close(); + }); + var websocket = null; + var url = _this.valueUrls; + if ("WebSocket" in window) { + websocket = new WebSocket(url); + } else if ("MozWebSocket" in window) { + websocket = new MozWebSocket(url); + } else { + } + if (websocket == null) { + alert("11111"); + } + websocket.onopen = function () { + console.log('res',res); + + try { + // 杩炴帴璁惧 + var jsonObjs = { + type: 4, + data: res, + }; + 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: 4, + data: res, + }; + 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.cardreader = false; + }; + + //杩炴帴鍙戠敓閿欒鐨勫洖璋冩柟娉� + websocket.onerror = function () { + alert("璇锋鏌ヨ繛鎺ユ槸鍚︽甯�"); + }; + + this.getList(); + } + } else { + this.$nextTick(() => { + // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + loadingInstance1.close(); + }); + } + }); + }, + + base64ToBlob({ b64data = "", contentType = "", sliceSize = 512 } = {}) { + return new Promise((resolve, reject) => { + // 浣跨敤 atob() 鏂规硶灏嗘暟鎹В鐮� + let byteCharacters = atob(b64data); + let byteArrays = []; + for ( + let offset = 0; + offset < byteCharacters.length; + offset += sliceSize + ) { + let slice = byteCharacters.slice(offset, offset + sliceSize); + let byteNumbers = []; + for (let i = 0; i < slice.length; i++) { + byteNumbers.push(slice.charCodeAt(i)); + } + // 8 浣嶆棤绗﹀彿鏁存暟鍊肩殑绫诲瀷鍖栨暟缁勩�傚唴瀹瑰皢鍒濆鍖栦负 0銆� + // 濡傛灉鏃犳硶鍒嗛厤璇锋眰鏁扮洰鐨勫瓧鑺傦紝鍒欏皢寮曞彂寮傚父銆� + byteArrays.push(new Uint8Array(byteNumbers)); + } + let result = new Blob(byteArrays, { + type: contentType, + }); + result = Object.assign(result, { + // jartto: 杩欓噷涓�瀹氳澶勭悊涓�涓� URL.createObjectURL + preview: URL.createObjectURL(result), + // name: `鍥剧墖绀轰緥.png`, + }); + resolve(result); + }); + }, + // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� handleCurrentChecked(data, checked, checkedNodes) { if (checked === true) { -- Gitblit v1.8.0