From ab91bbc86844f8452d27c5d0405b9011b685c10f Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期四, 02 一月 2025 17:59:30 +0800
Subject: [PATCH] 12

---
 src/views/sampling/sampling/index.vue |  497 +++++++++++++++++++++++++++++++++---------------------
 1 files changed, 303 insertions(+), 194 deletions(-)

diff --git a/src/views/sampling/sampling/index.vue b/src/views/sampling/sampling/index.vue
index 2894c72..ab8a88c 100644
--- a/src/views/sampling/sampling/index.vue
+++ b/src/views/sampling/sampling/index.vue
@@ -8,10 +8,10 @@
       v-show="showSearch"
       label-width="68px"
     >
-      <el-form-item label="浣撴鍙�" prop="tjNum">
+      <el-form-item label="浣撴鍙�" prop="tjNumber">
         <el-input
           ref="inputName"
-          v-model="queryParams.tjNum"
+          v-model="queryParams.tjNumber"
           placeholder="璇疯緭鍏ヤ綋妫�鍙�"
           clearable
           @keyup.enter.native="handleQuery"
@@ -86,8 +86,12 @@
           @input="radioChange"
           style="margin: 10px 15px"
         >
-          <el-radio-button label="1">鏈噰鏍�</el-radio-button>
-          <el-radio-button label="0">宸查噰鏍�</el-radio-button>
+          <el-radio-button label="1" :disabled="qiehuan && disabledId === 0"
+            >鏈噰鏍�</el-radio-button
+          >
+          <el-radio-button label="0" :disabled="qiehuan && disabledId === 1"
+            >宸查噰鏍�</el-radio-button
+          >
         </el-radio-group>
       </el-col>
       <el-col
@@ -96,21 +100,21 @@
         v-if="samplingList.length > 0 && tjStatus == 1"
       >
         <el-button type="primary" @click="Merging">鍚堝苟椤圭洰</el-button>
-        <el-button
+        <!-- <el-button
           type="primary"
           icon="el-icon-thumb"
           style="margin: 0 15px"
           v-hasPermi="['hosp:detail:add']"
           @click="Confirmreceipt"
           >纭閲囨牱</el-button
-        >
+        > -->
         <el-button type="primary" :disabled="!disabled" @click="Cancellation"
           >鎾ら攢鍚堝苟</el-button
         >
         <el-button
           type="primary"
+          @click="Confirmreceipt"
           :disabled="!selectList.length"
-          @click="Collection"
           >閲囨牱鎵撶爜</el-button
         >
       </el-col>
@@ -119,12 +123,10 @@
         style="margin: 10px 15px"
         v-show="samplingList.length > 0 && tjStatus == 0"
       >
-        <el-button
-          type="primary"
-          :disabled="!selectList.length"
-          @click="Collection"
+        <el-button type="primary" :disabled="!selectList.length" @click="buda"
           >琛ユ墦鏉$爜</el-button
         >
+        <!-- @click="Collection" -->
         <el-button type="primary" :disabled="!disabled" @click="Cancellation"
           >鎾ら攢鍚堝苟</el-button
         >
@@ -190,15 +192,16 @@
         </el-table>
       </div>
       <div style="width: 50%">
+        <!-- v-if="this.rightTabShow" -->
         <el-table
           v-loading="loading"
           :data="tableList"
-          :span-method="objectSpanMethod"
           @selection-change="handleChange"
-          border
-          height="520px"
+          :span-method="objectSpanMethod"
           ref="tab1"
           :row-class-name="tableRowClassName"
+          border
+          height="520px"
         >
           <el-table-column type="selection" width="40" align="center" />
           <!--  :selectable="selectEnable" -->
@@ -274,7 +277,14 @@
         <!-- 鍔ㄦ�佺敓鎴愬涓潯褰㈢爜鐨勫鍣� -->
         <div v-for="(item, index) in selectList" :key="index">
           <svg :id="'barcode' + index"></svg>
-          <div class="name">{{ item.proName }}</div>
+          <div class="name">{{ getTruncatedName(item.proName).truncated }}</div>
+          <div class="name1">
+            {{ getTruncatedName(item.proName).remaining }}
+          </div>
+          <!-- <div class="name">{{ item.proName.slice(0, msg) }}</div>
+          <div class="name1">
+            {{ item.proName.slice(msg) }}
+          </div> -->
           <div class="last">
             <p>{{ item.cusName }}</p>
             <div>
@@ -284,7 +294,9 @@
           </div>
           <div class="tj">
             <span>浣撴涓績</span>
-            <span>{{ item.cardId.substring(0, 14) }}</span>
+            <!-- <span>{{ item.cardId.slice(0, 14) }}</span> -->
+            <!-- <span>{{ item.cardId }}</span> -->
+            <span>{{ item.cardId ? item.cardId.substring(0, 14) : "" }}</span>
           </div>
           <div class="tj">
             <span>{{ item.jyxh }}</span>
@@ -312,26 +324,7 @@
       />
     </div>
 
-    <!-- 娣诲姞鎴栦慨鏀逛綋妫�閲囨牱绠$悊瀵硅瘽妗� -->
-    <!-- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-            <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-                <el-form-item label="鐢宠鏃堕棿" prop="applicationTime">
-                    <el-date-picker clearable v-model="form.applicationTime" type="date" value-format="yyyy-MM-dd"
-                        placeholder="璇烽�夋嫨鐢宠鏃堕棿">
-                    </el-date-picker>
-                </el-form-item>
-                <el-form-item label="椤圭洰id鐖堕」" prop="proId">
-                    <el-input v-model="form.proId" placeholder="璇疯緭鍏ラ」鐩甶d鐖堕」" />
-                </el-form-item>
-                <el-form-item label="椤圭洰鍚嶇О" prop="proName">
-                    <el-input v-model="form.proName" placeholder="璇疯緭鍏ラ」鐩悕绉�" />
-                </el-form-item>
-            </el-form>
-            <div slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
-                <el-button @click="cancel">鍙� 娑�</el-button>
-            </div>
-        </el-dialog> -->
+
   </div>
 </template>
 
@@ -347,10 +340,11 @@
   getCusCyList,
   mergeCaiYang,
   chexiaoCaiYang,
+  getTxmmccd,
+  getTxmkd,
 } from "@/api/sampling/sampling";
 import { getNewDateList } from "@/api/hosp/order";
 import moment from "moment";
-import ItemVue from "../../../layout/components/Sidebar/Item.vue";
 
 export default {
   dicts: [
@@ -363,6 +357,10 @@
   name: "Sampling",
   data() {
     return {
+      msg: "",
+      getNumbr: null,
+      valueUrl: "ws://127.0.0.1:6789/websocket",
+      webSocket: null,
       list: [],
       selectList: [],
       selectedRows: [],
@@ -374,6 +372,9 @@
       ids: [],
       // 缁戝畾鍗曢�夋寜閽�
       tjStatus: "1",
+      dayinData: [],
+      jsonObj: {},
+
       // 闈炲崟涓鐢�
       single: true,
       // 闈炲涓鐢�
@@ -398,7 +399,7 @@
         pageNum: 1,
         pageSize: 20,
         name: null,
-        tjNum: null,
+        tjNumber: null,
         applicationTime: null,
         isSignFor: null,
         tjTime: null,
@@ -442,11 +443,15 @@
       form: {},
       // 琛ㄥ崟鏍¢獙
       rules: {},
+      // rightTabShow: false
     };
   },
   created() {
     // this.getNowTime();
-
+    getTxmmccd().then((res) => {
+      this.msg = Number(res.msg);
+      console.log(res, 444);
+    });
     this.getdate();
   },
   mounted() {
@@ -461,8 +466,50 @@
         this.selectList[this.selectList.length - 1].isMerge === 1
       );
     },
+    qiehuan() {
+      return this.selectList.length > 0;
+    },
+    disabledId() {
+      return this.tjStatus == "1" ? 1 : 0;
+    },
   },
+
   methods: {
+    getTruncatedName(proName) {
+      // 鍘绘帀鎵�鏈夌┖鏍�
+      const trimmedProName = proName.replace(/\s+/g, "");
+
+      const number = this.msg;
+
+      const truncated =
+        trimmedProName.length > number
+          ? trimmedProName.slice(0, number)
+          : trimmedProName;
+      let remaining =
+        trimmedProName.length > number ? trimmedProName.slice(number) : "";
+
+      if (remaining.length > number) {
+        remaining = remaining.slice(0, number) + "...";
+      }
+      return { truncated, remaining }; // 杩斿洖缁撴灉
+    },
+
+    /* getTruncatedName(proName) {
+      const trimmedProName = proName.replace(/\s+/g, ""); // 鍘绘帀鎵�鏈夌┖鏍�
+      const truncated =
+        trimmedProName.length > 35
+          ? trimmedProName.slice(0, 35)
+          : trimmedProName;
+      const remaining =
+        trimmedProName.length > 35 ? trimmedProName.slice(35) : "";
+      return { truncated, remaining };
+    }, */
+
+    // 绀轰緥鐨勬棩鏈熸牸寮忓寲鏂规硶
+    formatDate(date) {
+      const options = { year: "numeric", month: "2-digit", day: "2-digit" };
+      return new Date(date).toLocaleDateString(undefined, options);
+    },
     getdate() {
       getNewDateList().then((res) => {
         this.createTimeList = [
@@ -533,11 +580,13 @@
             return;
           } else {
             this.samplingList = response.data.list;
-            console.log(this.samplingList, 888);
+            // console.log(this.samplingList, 888);
             // 鍒ゆ柇鏄惁闇�瑕佸埛鏂板彸杈硅〃鏍�
             this.$nextTick(() => {
               this.$refs.tb.toggleRowSelection(this.samplingList[0], true);
-              this.fetchData(this.samplingList[0].cusId);
+              // this.fetchData(this.samplingList[0].tjNumber);
+              // ddddddddddddddd
+              // this.rightTabShow = true
             });
           }
           this.total = response.data.total;
@@ -587,7 +636,7 @@
       this.form = {
         id: null,
         samplingNumber: null,
-        cusId: null,
+        tjNumber: null,
         applicationTime: null,
         isSignFor: null,
         tjTime: null,
@@ -600,11 +649,9 @@
         updateTime: null,
         deleted: null,
       };
-      this.resetForm("form");
     },
     hb() {
-      // console.log(this.queryParams.tjNum);
-      if (this.queryParams.tjNum != null) {
+      if (this.queryParams.tjNumber != null) {
         this.handleQuery();
       }
     },
@@ -616,7 +663,6 @@
     /** 閲嶇疆鎸夐挳鎿嶄綔 */
     resetQuery() {
       this.createTimeList = [];
-      this.resetForm("queryForm");
       this.handleQuery();
     },
     // 鍗曢�夋閫変腑鏁版嵁
@@ -650,9 +696,10 @@
       // 鍙湁涓�涓汉琚�変腑鏃惰繘琛屾搷浣�
       if (selection.length === 1) {
         const selectedPerson = selection[0]; // 鑾峰彇閫変腑鐨勯偅涓汉
-        const cusId = selectedPerson.cusId; // 鍋囪cusId鍦ㄩ�変腑鐨勫璞′腑
+        const tjNumber = selectedPerson.tjNumber;
+        console.log(selectedPerson.tjNumber, 6363);
 
-        this.fetchData(cusId);
+        this.fetchData(tjNumber);
       } else {
         // 濡傛灉閫変腑澶氫汉锛屽垯鍙栨秷閫変腑
         if (selection.length > 1) {
@@ -668,16 +715,15 @@
       this.selectedRows = selection;
     },
 
-    fetchData(cusId) {
+    fetchData(tjNumber) {
       this.loading = true; // 鏄剧ず鍔犺浇鐘舵��
 
-      console.log(this.tjStatus, 999);
-
-      getCusCyList(cusId, this.tjStatus) // 璋冪敤API鑾峰彇鏁版嵁
+      getCusCyList(tjNumber, this.tjStatus) // 璋冪敤API鑾峰彇鏁版嵁
         .then((response) => {
           if (response.data) {
+            console.log(response, 2525);
+
             this.tableList = response.data; // 纭 list 瀛樺湪鍚庡啀杩涜璧嬪��
-            console.log(this.tableList, 123);
           } else {
             // 濡傛灉娌℃湁鏁版嵁鎴� list 涓虹┖锛屾竻绌鸿〃鏍煎苟鎻愮ず
             this.tableList = [];
@@ -691,35 +737,6 @@
         });
     },
 
-    /* 鐐瑰嚮鍚堝苟鎸夐挳 */
-    /* Merging() {
-      // 妫�鏌ユ槸鍚﹂�変腑浜嗘暟鎹�
-      if (this.selectedRows.length === 0) {
-        this.$message.error("鑷冲皯閫変腑涓�涓汉");
-        return;
-      }
-
-      if (this.selectList.length === 0) {
-        this.$message.error("璇烽�夋嫨瑕佸悎骞堕」鐩�");
-        return;
-      }
-
-      // 鑾峰彇 tableList 绗竴琛岀殑 specimenTypeCode 浣滀负鍩哄噯
-      const baseSpecimenTypeCode = this.selectList[0].specimenTypeCode;
-
-      // 妫�鏌� specimenTypeCode 鏄惁涓�鑷�
-      const canMergeBySpecimenTypeCode = this.selectList.every(
-        (row) => row.specimenTypeCode === baseSpecimenTypeCode
-      );
-
-      // 鏍规嵁 canMergeBySpecimenTypeCode 鍒ゆ柇鏄惁鍚堝苟
-      if (canMergeBySpecimenTypeCode) {
-        this.$message.success("鍚堝苟鎴愬姛銆�");
-        console.log("鍚堝苟鐨勮:", this.selectedRows);
-      } else {
-        this.$message.error("椤圭洰鐨� 涓嶄竴鑷达紝鏃犳硶鍚堝苟锛�");
-      }
-    }, */
     /* 鐐瑰嚮鍚堝苟鎸夐挳 */
     Merging() {
       // 妫�鏌ユ槸鍚﹂�変腑浜嗘暟鎹�
@@ -745,9 +762,9 @@
 
           mergeCaiYang(data).then((response) => {
             this.$message.success("鍚堝苟鎴愬姛銆�");
-            console.log("鍚堝苟鐨勮:", this.selectedRows);
+            // console.log("鍚堝苟鐨勮:", this.selectedRows);
             // this.getList();
-            this.fetchData(this.selectedRows[0].cusId);
+            this.fetchData(this.selectedRows[0].tjNumber);
           });
         } else {
           this.$message.error("鏍囨湰绫诲瀷涓嶄竴鑷达紝鏃犳硶鍚堝苟锛�");
@@ -767,7 +784,7 @@
         return;
       }
 
-      console.log("鎾ら攢鐨勫凡鍚堝苟椤圭洰ID:", data);
+      // console.log("鎾ら攢鐨勫凡鍚堝苟椤圭洰ID:", data);
 
       // 璋冪敤鎾ら攢閲囨牱鐨勬帴鍙�
       chexiaoCaiYang(data)
@@ -776,7 +793,7 @@
             this.$message.success("鎾ら攢鎴愬姛锛�");
             // 鍒锋柊鏁版嵁鍒楄〃鎴栬繘琛屽叾浠栨搷浣�
             // this.getList();
-            this.fetchData(this.selectedRows[0].cusId);
+            this.fetchData(this.selectedRows[0].tjNumber);
           } else {
             this.$message.error(res.msg || "鎾ら攢澶辫触锛岃閲嶈瘯锛�");
           }
@@ -784,20 +801,17 @@
         .catch((error) => {
           this.$message.error("璇锋眰澶辫触锛岃閲嶈瘯锛�");
         });
-
-      // chexiaoCaiYang(data).then((res) => {});
     },
 
     /** 鐐瑰嚮琛ユ墦鏉$爜鎸夐挳 **/
-    Collection() {
+    async Collection() {
       const jyxh = this.selectList.map((item) => item.jyxh);
-      // const selectedData = this.selectList.map((item) => ({
-      //   jyxh: item.jyxh,
-      // }));
-      console.log(this.selectList, 999);
-      // console.log(selectedData, 888);
+      console.log("jyxh:", jyxh);
+      try {
+        // 璇锋眰鎺ュ彛骞惰幏鍙栧搴﹀��
+        const widthResponse = await getTxmkd();
+        const barcodeWidth = `${Number(widthResponse.msg)}%` || "70%"; // 鑾峰彇瀹藉害鍊硷紝榛樿浣跨敤 70%
 
-      this.$nextTick(() => {
         jyxh.forEach((number, index) => {
           const barcodeContent = number; // 纭繚 jyxh 鏄湁鏁堢殑
           if (barcodeContent && barcodeContent !== "鏈彁渚涗綋妫�鍙�") {
@@ -811,16 +825,15 @@
             console.log(`鏉″舰鐮佸唴瀹规棤鏁�: ${barcodeContent}`); // 璋冭瘯杈撳嚭
           }
         });
-      });
 
-      this.$nextTick(() => {
-        const barcodeElement = document.querySelector("#barcode");
-        // const barcodeElements = selectedData.map((_, index) =>
-        //   document.querySelector(`#barcode${index}`)
-        // );
+        // await this.$nextTick();
 
-        if (barcodeElement) {
-          barcodeElement.forEach((element) => {
+        const barcodeElements = jyxh.map((_, index) =>
+          document.querySelector(`#barcode${index}`)
+        );
+
+        if (barcodeElements) {
+          barcodeElements.forEach((element) => {
             if (element) {
               console.log(element.innerHTML); // 鎵撳嵃鏉″舰鐮佺殑鍐呭锛岀湅鐪嬫槸鍚︾敓鎴愭垚鍔�
             }
@@ -828,83 +841,98 @@
         } else {
           console.log("鏉″舰鐮佸厓绱犳湭鎵惧埌");
         }
+
         const newWindow = window.open("", "_blank", "width=800,height=600");
         const printContents = document.getElementById("printSection").innerHTML;
 
         console.log(printContents);
         newWindow.document.write(`
-       <html>
+      <html>
         <head>
           <title>Print Barcode</title>
           <style>
             @media print {
-             * {
-                 margin: 0;
-                 padding: 0; /* 閲嶇疆鎵�鏈夊厓绱犵殑 margin 鍜� padding */
-                 box-sizing: border-box; /* 浣垮唴杈硅窛鍜岃竟妗嗗寘鍚湪鍏冪礌鐨勬�诲搴﹀拰楂樺害鍐� */
-               }
-               body {
-                  margin: 0;
-                  padding: 0;
-                }
-                .barcode-container {
-                  width: 100%; /* 鏍规嵁闇�瑕佽皟鏁� */
-                  text-align: center; /* 纭繚鏉″舰鐮佸眳涓� */
-                }
-                .name {
-                  padding: 0;
-                  margin: -5px auto 0;
-                  padding-left: 20px;
-                  font-size: 18px;
-                  width: 90%;
-                  display: -webkit-box;      
-                  -webkit-box-orient: vertical;  
-                  -webkit-line-clamp: 2;  
-                  overflow: hidden;           
-                  white-space: normal;       
-                }
+              * {
+                margin: 0;
+                padding: 0; /* 閲嶇疆鎵�鏈夊厓绱犵殑 margin 鍜� padding */
+                box-sizing: border-box; /* 浣垮唴杈硅窛鍜岃竟妗嗗寘鍚湪鍏冪礌鐨勬�诲搴﹀拰楂樺害鍐� */
+              }
+              .name, .name1, .last, .tj, .last div span, .last p, .tj span {
+                font-family: Arial, sans-serif !important; /* 閲嶆柊鎸囧畾瀛椾綋 */
+                font-weight: bold !important; /* 寮哄埗鍔犵矖 */
+              }
+              body {
+                margin: 0;
+                padding: 0;
+              }
+              .barcode-container {
+                // width: 100%; /* 鏍规嵁闇�瑕佽皟鏁� */
+                // text-align: center; /* 纭繚鏉″舰鐮佸眳涓� */
+              }
+              .name, .name1 {
+                padding: 0;
+                font-size: 18px;
+                width: 70%;
+                font-family: "Arial Black", sans-serif; /* 璁剧疆榛戜綋 */
+              }
+              p {
+                margin: 0;
+                padding: 0;
+              }
+              svg {
+                display: block;
+                width: ${barcodeWidth}; /* 浣跨敤浠庢帴鍙h幏鍙栫殑瀹藉害 */
+                margin-left: 10mm;
+                height: auto;
+                margin-bottom: 0;
+              }
+              .last {
+                width: 66%;
+                display: flex;
+                font-size: 19px;
+                justify-content: space-between;
+                // font-weight: bold;
+                // font-family: "Arial Black", sans-serif !important; 
+              }
+              .last div span {
+              // font-weight: bold;
+                margin-left: 10px;
+                // font-family: "Arial Black", sans-serif !important;
+              }
+              .last p {
+              // font-weight: bold;
+                margin-left: 1px; 
+                // font-family: "Arial Black", sans-serif !important; 
+              }
                 p {
-                  margin: 0;
-                  padding: 0;
-                }
-                svg {
-                  display: block;
-                  width: 70%;
-                  margin: 0 auto;
-                  height: auto;
-                  margin-bottom: 0;
-                }
-                .last {
-                  width: 66%;
-                  display: flex;
-                  font-size: 19px;
-                  margin-left: 20px;
-                  justify-content: space-between;
-                }
-                  .last div span{
-                  margin-left: 10px
-                  }
-                .tj{
-                  width: 70%;
-                  display: flex;
-                  font-size: 19px;
-                  margin-left: 10px;
-                  justify-content: space-between;
-                }
-                .tj span{
-                  margin-left:10px;
-                }
+                margin-left: 1px; 
+                // font-weight: bold;
+                // font-family: "Arial Black", sans-serif !important;  
+              }
+              .tj {
+                width: 70%;
+                display: flex;
+                font-size: 19px;
+                justify-content: space-between;
+                // font-weight: bold;
+                 font-family: "Arial Black", sans-serif !important; 
+              }
+              .tj span {
+                margin-left: 1px;
+              }
             }
           </style>
         </head>
         <body>${printContents}</body>
       </html>
-      `);
+    `);
         newWindow.document.close();
         newWindow.focus();
         newWindow.print();
         newWindow.close();
-      });
+      } catch (error) {
+        console.error("鑾峰彇瀹藉害鏃跺嚭閿�:", error); // 鎹曡幏閿欒
+      }
     },
 
     tableRowClassName({ row, rowIndex }) {
@@ -916,37 +944,127 @@
     },
 
     handleChange(selection) {
-      console.log(selection);
- 
+      // console.log(selection);
+
       this.selectList = selection;
+      console.log(this.selectList, 9977);
+      var array = selection;
 
-      this.ids = selection.map((item) => item.id);
+      this.ids = array.map((item) => item.id);
     },
+    buda() {
+      var websocket = null;
+      var url = this.valueUrl;
+      if ("WebSocket" in window) {
+        websocket = new WebSocket(url);
+      } else if ("MozWebSocket" in window) {
+        websocket = new MozWebSocket(url);
+      }
+      if (websocket == null) {
+        alert("鍒涘缓WebSocket瀵硅薄澶辫触");
+      }
+      websocket.onerror = function () {
+        alert("璇锋鏌ヨ鍗″櫒杩炴帴鏄惁姝e父");
+      };
+      websocket.onopen = () => {
+        this.websocket = websocket;
+        this.dayinData = this.selectList.map((item) => ({
+          jyxh: item.jyxh,
+          proName: item.proName,
+          cusName: item.cusName,
+          cusSex: item.customer.cusSex,
+          age: item.customer.age,
+          cardId: item.cardId,
+          tjTime: item.createTime,
+        }));
+        console.log(this.dayinData, 2222);
 
-    // 绂侀��
-    // selectEnable(row, rowIndex) {
-    //     if(row.isSignFor === "0"){
-    //         return false
-    //     }else{
-    //         return true
-    //     }
-    // },
-
-    // 纭畾鎸夐挳
-    submitForm() {},
+        // 杩炴帴璁惧
+        this.jsonObj = {
+          type: "3",
+          array: {
+            data: this.dayinData,
+          },
+        };
+        var jStr = JSON.stringify(this.jsonObj);
+        this.websocket.send(jStr);
+        this.jsonObj = {};
+        // this.dialogVisible = false;
+      };
+      // this.getList();
+    },
 
     // 纭閲囨牱
     Confirmreceipt() {
-      let data = this.ids;
-      if (data.length === 0) {
-        // 濡傛灉娌℃湁宸插悎骞剁殑椤圭洰锛岀粰鍑烘彁绀轰俊鎭�
-        this.$message.error("娌℃湁宸插悎骞剁殑椤圭洰鍙互鎾ら攢锛�");
-        return;
-      }
-      confirmSampling(data).then((res) => {
-        this.$modal.msgSuccess("閲囨牱鎴愬姛");
-        this.getList();
+      const loadingInstance = this.$loading({
+        lock: true, // 閿佸畾灞忓箷
+        text: "鍔犺浇涓�...", // 鍔犺浇鏂囨湰
+        spinner: "el-icon-loading", // 鑷畾涔夊姞杞藉浘鏍�
+        background: "rgba(255, 255, 255, 0.7)", // 鑳屾櫙棰滆壊
       });
+      confirmSampling(this.ids)
+        .then((res) => {
+          console.log(this.selectList, 2222);
+
+          if (res.code === 200) {
+            // var websocket = null;
+            this.buda();
+
+            /* var url = this.valueUrl;
+            if ("WebSocket" in window) {
+              websocket = new WebSocket(url);
+            } else if ("MozWebSocket" in window) {
+              websocket = new MozWebSocket(url);
+            }
+            if (websocket == null) {
+              alert("鍒涘缓WebSocket瀵硅薄澶辫触");
+            }
+            websocket.onerror = function () {
+              alert("璇锋鏌ヨ鍗″櫒杩炴帴鏄惁姝e父");
+            };
+            websocket.onopen = () => {
+              this.websocket = websocket;
+              var list = this.selectList;
+              var data = list.map((item) => ({
+                jyxh: item.jyxh,
+                proName: item.proName,
+                cusName: item.cusName,
+                cusSex: item.customer.cusSex,
+                age: item.customer.age,
+                cardId: item.cardId,
+                tjTime: item.createTime,
+              }));
+
+              // 杩炴帴璁惧
+              var jsonObj = {
+                type: "3",
+                array: {
+                  data: data,
+                },
+              };
+              var jStr = JSON.stringify(jsonObj);
+              this.websocket.send(jStr);
+              var jsonObj = {};
+              this.dialogVisible = false;
+            };
+            websocket.onmessage = (event) => {
+              var resultObj = eval("(" + event.data + ")");
+              console.log(resultObj, 9988);
+            }; */
+
+            // this.Collection();
+            this.getList();
+          } else {
+            this.$message.error(res.msg);
+          }
+          // this.getList();
+        })
+        .catch((error) => {
+          // this.$message.error("閲囨牱澶辫触");
+        })
+        .finally(() => {
+          loadingInstance.close();
+        });
     },
 
     // 鍗曢�夋寜閽�
@@ -1014,15 +1132,6 @@
 
 .el-table .warning-row {
   background-color: #e5f3ff !important;
+  /* font-weight: bold; */
 }
-/* .last {
-  display: flex;
-  justify-content: space-around;
-  justify-content: space-evenly;
-  background-color:aqua
-} */
-/* .last p:nth-child(2) {
-  margin: 20px;
-  font-size: 16px;
-} */
 </style>

--
Gitblit v1.8.0