From d65aa7fee641733e13fcbcd6c326d6bd27a45d96 Mon Sep 17 00:00:00 2001
From: qx <1084500556@qq.com>
Date: 星期二, 15 四月 2025 11:52:54 +0800
Subject: [PATCH] qx
---
src/views/reservation/reservations/index.vue | 274 +++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 257 insertions(+), 17 deletions(-)
diff --git a/src/views/reservation/reservations/index.vue b/src/views/reservation/reservations/index.vue
index 7a21217..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"
@@ -847,9 +857,19 @@
"
>
<el-table :data="tableData1" border style="width: 100%">
- <el-table-column prop="proName" label="椤圭洰" width="180" align="center">
+ <el-table-column
+ prop="proName"
+ label="椤圭洰"
+ width="180"
+ align="center"
+ >
</el-table-column>
- <el-table-column prop="proType" label="鎬у埆" width="50" align="center">
+ <el-table-column
+ prop="proType"
+ label="鎬у埆"
+ width="50"
+ align="center"
+ >
<template slot-scope="scope">
<template v-if="isAll(scope.row.proType)">
鍏ㄩ儴
@@ -863,7 +883,11 @@
</template>
</el-table-column>
- <el-table-column prop="ordPrice" label="搴旀敹閲戦" align="center">
+ <el-table-column
+ prop="ordPrice"
+ label="搴旀敹閲戦"
+ align="center"
+ >
</el-table-column>
<el-table-column label="鎶樻墸" width="160px" align="center">
<template slot-scope="scope">
@@ -877,14 +901,22 @@
:step="0.1"
:max="10"
:min="0"
- :disabled="true"
+ :disabled="true"
>
</el-input-number>
</template>
</el-table-column>
- <el-table-column prop="nowPrice" label="瀹炴敹閲戦" align="center">
+ <el-table-column
+ prop="nowPrice"
+ label="瀹炴敹閲戦"
+ align="center"
+ >
</el-table-column>
- <el-table-column prop="proCheckMethod" label="鏄惁绌鸿吂" align="center">
+ <el-table-column
+ prop="proCheckMethod"
+ label="鏄惁绌鸿吂"
+ align="center"
+ >
<template slot-scope="scope">
<dict-tag
:options="dict.type.sys_yes_no"
@@ -1087,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="
@@ -1557,9 +1632,19 @@
"
>
<el-table :data="tableData1" border style="width: 100%">
- <el-table-column prop="proName" label="椤圭洰" width="180" align="center">
+ <el-table-column
+ prop="proName"
+ label="椤圭洰"
+ width="180"
+ align="center"
+ >
</el-table-column>
- <el-table-column prop="proType" label="鎬у埆" width="50" align="center">
+ <el-table-column
+ prop="proType"
+ label="鎬у埆"
+ width="50"
+ align="center"
+ >
<template slot-scope="scope">
<template v-if="isAll(scope.row.proType)">
鍏ㄩ儴
@@ -1573,7 +1658,11 @@
</template>
</el-table-column>
- <el-table-column prop="ordPrice" label="搴旀敹閲戦" align="center">
+ <el-table-column
+ prop="ordPrice"
+ label="搴旀敹閲戦"
+ align="center"
+ >
</el-table-column>
<el-table-column label="鎶樻墸" width="160px" align="center">
<template slot-scope="scope">
@@ -1587,14 +1676,22 @@
:step="0.1"
:max="10"
:min="0"
- :disabled="true"
+ :disabled="true"
>
</el-input-number>
</template>
</el-table-column>
- <el-table-column prop="nowPrice" label="瀹炴敹閲戦" align="center">
+ <el-table-column
+ prop="nowPrice"
+ label="瀹炴敹閲戦"
+ align="center"
+ >
</el-table-column>
- <el-table-column prop="proCheckMethod" label="鏄惁绌鸿吂" align="center">
+ <el-table-column
+ prop="proCheckMethod"
+ label="鏄惁绌鸿吂"
+ align="center"
+ >
<template slot-scope="scope">
<dict-tag
:options="dict.type.sys_yes_no"
@@ -1799,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,
@@ -1842,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("");
@@ -1866,6 +1963,7 @@
},
discount: 10,
taocan: false,
+ webSocket: null,
defaultKeys: [],
value1: "",
pacName: "",
@@ -1876,6 +1974,10 @@
dialogVisibles: false,
src: "",
url: "",
+ open2: false,
+ forms: {
+ tjCategory: "12",
+ },
dialogVisible: false,
/** 鐓х浉鏈哄脊绐楁ā鍧�-start */
videoWidth: 200,
@@ -1933,6 +2035,7 @@
// 鏄惁鏄剧ず寮瑰嚭灞�
pacId: "",
+ cusIds: [],
// 缁撴灉
result: "",
proIds: [],
@@ -2067,6 +2170,7 @@
reservationList: [],
// 寮瑰嚭灞傛爣棰�
title: "",
+ valueUrls: "ws://127.0.0.1:6789/websocket",
drawer: false,
drawer1: false,
// 鏌ヨ鍙傛暟
@@ -2253,6 +2357,7 @@
// 鍙栨秷鎸夐挳
cancel() {
this.open = false;
+ this.open2 = false;
this.reset();
},
@@ -2316,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;
@@ -2334,7 +2439,6 @@
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
- console.log(row);
this.title = "淇敼浣撴棰勭害";
this.formIn = row;
this.form.tjType = this.formIn.tjType;
@@ -2405,7 +2509,6 @@
this.TotalPrice1 = 0;
this.tableData1.forEach((item) => {
this.TotalPrice1 += item.nowPrice;
- console.log(this.discount);
this.TotalPrice = (
this.TotalPrice1 *
(this.discount / 10)
@@ -2617,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