From b06a903d08d6f5432105d12686ccaf074b45323a Mon Sep 17 00:00:00 2001
From: lkk <364857242@qq.com>
Date: 星期四, 24 十月 2024 08:58:35 +0800
Subject: [PATCH] lkk 10.24

---
 src/views/system/bill/index.vue |  466 ++++++++++++++++++++++++++++++++++++---------------------
 1 files changed, 292 insertions(+), 174 deletions(-)

diff --git a/src/views/system/bill/index.vue b/src/views/system/bill/index.vue
index e59b977..ed34e17 100644
--- a/src/views/system/bill/index.vue
+++ b/src/views/system/bill/index.vue
@@ -18,7 +18,7 @@
       </el-form-item>
       <el-form-item label="浣撴鍙�" prop="tjNum">
         <el-input
-         ref="inputName"
+          ref="inputName"
           style="width: 170px"
           v-model="queryParams.tjNum"
           placeholder="璇疯緭鍏ヤ綋妫�鍙�"
@@ -73,7 +73,8 @@
         <el-button
           type="primary"
           icon="el-icon-search"
-          size="mini" style="margin-right:15px;"
+          size="mini"
+          style="margin-right: 15px"
           @click="handleQuery"
           >鎼滅储</el-button
         >
@@ -84,27 +85,35 @@
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8" style="margin-left:10px">
+    <el-row :gutter="10" class="mb8" style="margin-left: 10px">
       <el-col :span="1.5">
         <el-button
-        type="primary"
-        @click="handleReport"
-        :disabled="single"
-        size="mini"
-        v-hasPermi="['hosp:order:export']"
-        >琛ユ墦瀵兼鍗�</el-button
-      >
+          type="primary"
+          @click="handleReport"
+          :disabled="single"
+          size="mini"
+          v-hasPermi="['hosp:order:export']"
+          >琛ユ墦瀵兼鍗�</el-button
+        >
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
-        type="primary"
-        size="mini"
-        @click="Collection"
-        :disabled="single"
-        >鏉$爜鐢熸垚</el-button
-      >
-      </el-col>
-      
+          type="primary"
+          size="mini"
+          @click="Collection"
+          :disabled="single"
+          >鏉$爜鐢熸垚</el-button
+        >
+      </el-col> -->
+      <div id="printSection" style="display: none">
+        <svg id="barcode"></svg>
+      </div>
+      <!-- <img id="base64Image" alt="Base64 Image" /> -->
+      <!-- 鐢ㄤ簬鏄剧ず鏉″舰鐮佺殑瀹瑰櫒 -->
+      <!-- <div id="printArea">
+        <svg id="barcode" v-if="barcodeVisible"></svg>
+      </div> -->
+
       <!-- <el-button type="primary" size="mini" :disabled="multiple" @click="viewReport">浣撴鎶ュ憡</el-button>
       <el-button type="primary" size="mini" :disabled="multiple" @click="printHandle">鎵撳嵃灏忕エ</el-button> -->
       <!-- <el-col :span="1.5">
@@ -126,145 +135,144 @@
       娴嬭瘯
     </div> -->
 
-    
-      <el-table
-        border
-        style="margin: 14px; width: 99%"
-        v-loading="loading"
-        :default-sort="{ prop: 'createTime', order: 'descending' }"
-        :data="orderList"
-        @selection-change="handleSelectionChange"
-        ref="multipleTable"
+    <el-table
+      border
+      style="margin: 14px; width: 99%"
+      v-loading="loading"
+      :default-sort="{ prop: 'createTime', order: 'descending' }"
+      :data="orderList"
+      @selection-change="handleSelectionChange"
+      ref="multipleTable"
+    >
+      <el-table-column
+        type="selection"
+        width="40px"
+        align="center"
+        height="10px"
+        fixed="left"
+      />
+      <el-table-column
+        label="搴忓彿"
+        align="center"
+        prop="newID"
+        width="50px"
+        fixed="left"
+        height="10px"
+      />
+      <el-table-column
+        label="濮撳悕"
+        align="center"
+        prop="tjCustomerName"
+        height="10px"
+        width="90px"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="鎬у埆"
+        align="center"
+        prop="tjCustomerSex"
+        width="55px"
+        height="10px"
+        :show-overflow-tooltip="true"
       >
-        <el-table-column
-          type="selection"
-          width="40px"
-          align="center"
-          height="10px"
-          fixed="left"
-        />
-        <el-table-column
-          label="搴忓彿"
-          align="center"
-          prop="newID"
-          width="50px"
-          fixed="left"
-          height="10px"
-        />
-        <el-table-column
-          label="濮撳悕"
-          align="center"
-          prop="tjCustomerName"
-          height="10px"
-          width="90px"
-          :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="鎬у埆"
-          align="center"
-          prop="tjCustomerSex"
-          width="55px"
-          height="10px"
-          :show-overflow-tooltip="true"
-        >
-          <template slot-scope="scope">
-            <span v-if="scope.row.tjCustomerSex == '0'">鐢�</span>
-            <span v-if="scope.row.tjCustomerSex == '1'">濂�</span>
-            <span v-if="scope.row.tjCustomerSex == '2'">鏈煡</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="骞撮緞"
-          align="center"
-          prop="tjCustomerAge"
-          height="10px"
-          width="60px"
-          :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="鐢佃瘽"
-          align="center"
-          prop="tjCustomerPhone"
-          :show-overflow-tooltip="true"
-          height="10px"
-          width="110px"
-        />
-        <el-table-column
-          label="浣撴绫诲瀷"
-          align="center"
-          prop="tjType"
-          height="10px"
-          width="80px"
-          :show-overflow-tooltip="true"
-        >
-          <template slot-scope="scope">
-            <span v-if="scope.row.tjType == '2'">涓汉</span>
-            <span v-if="scope.row.tjType == '1'">鍥㈤槦</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="浣撴鍙�"
-          align="center"
-          prop="tjNumber"
-          :show-overflow-tooltip="true"
-          width="160px"
-        />
-        <el-table-column
-          label="鎵�閫夊椁�"
-          align="center"
-          prop="pacName"
-          height="10px"
-          :show-overflow-tooltip="true"
-          width="140px"
-        />
-        <el-table-column
-          label="鐧昏浜�"
-          align="center"
-          prop="createBy"
-          height="10px"
-          :show-overflow-tooltip="true"
-          width="100px"
-        />
-        <el-table-column
-          label="鐧昏鏃堕棿"
-          align="center"
-          prop="createTime"
-          width="155px"
-          height="10px"
-          sortable
-          :show-overflow-tooltip="true"
-        >
-          <template slot-scope="scope">
-            <span>{{ parseTime(scope.row.createTime) }}</span>
-          </template>
-        </el-table-column>
-        <!-- <el-table-column label="瀹屾垚鏃堕棿" align="center" prop="finishTime" width="155px" height="10px"
+        <template slot-scope="scope">
+          <span v-if="scope.row.tjCustomerSex == '0'">鐢�</span>
+          <span v-if="scope.row.tjCustomerSex == '1'">濂�</span>
+          <span v-if="scope.row.tjCustomerSex == '2'">鏈煡</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="骞撮緞"
+        align="center"
+        prop="tjCustomerAge"
+        height="10px"
+        width="60px"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="鐢佃瘽"
+        align="center"
+        prop="tjCustomerPhone"
+        :show-overflow-tooltip="true"
+        height="10px"
+        width="110px"
+      />
+      <el-table-column
+        label="浣撴绫诲瀷"
+        align="center"
+        prop="tjType"
+        height="10px"
+        width="80px"
+        :show-overflow-tooltip="true"
+      >
+        <template slot-scope="scope">
+          <span v-if="scope.row.tjType == '2'">涓汉</span>
+          <span v-if="scope.row.tjType == '1'">鍥㈤槦</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="浣撴鍙�"
+        align="center"
+        prop="tjNumber"
+        :show-overflow-tooltip="true"
+        width="160px"
+      />
+      <el-table-column
+        label="鎵�閫夊椁�"
+        align="center"
+        prop="pacName"
+        height="10px"
+        :show-overflow-tooltip="true"
+        width="140px"
+      />
+      <el-table-column
+        label="鐧昏浜�"
+        align="center"
+        prop="createBy"
+        height="10px"
+        :show-overflow-tooltip="true"
+        width="100px"
+      />
+      <el-table-column
+        label="鐧昏鏃堕棿"
+        align="center"
+        prop="createTime"
+        width="155px"
+        height="10px"
+        sortable
+        :show-overflow-tooltip="true"
+      >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column label="瀹屾垚鏃堕棿" align="center" prop="finishTime" width="155px" height="10px"
           :show-overflow-tooltip="true">
           <template slot-scope="scope">
             <span>{{ parseTime(scope.row.finishTime) }}</span>
           </template>
         </el-table-column> -->
-        <!-- <el-table-column label="鎶ュ憡鏃堕棿" align="center" prop="reportTime" width="155px" height="10px"
+      <!-- <el-table-column label="鎶ュ憡鏃堕棿" align="center" prop="reportTime" width="155px" height="10px"
           :show-overflow-tooltip="true">
           <template slot-scope="scope">
             <span>{{ parseTime(scope.row.reportTime) }}</span>
           </template>
         </el-table-column> -->
-        <el-table-column
-          label="澶囨敞"
-          align="center"
-          prop="remark"
-          height="10px"
-          :show-overflow-tooltip="true"
-        />
-        <!-- <el-table-column fixed="right" label="鎿嶄綔" align="center" class-name="small-padding fixed-width" height="10px"
+      <el-table-column
+        label="澶囨敞"
+        align="center"
+        prop="remark"
+        height="10px"
+        :show-overflow-tooltip="true"
+      />
+      <!-- <el-table-column fixed="right" label="鎿嶄綔" align="center" class-name="small-padding fixed-width" height="10px"
           width="60px">
           <template slot-scope="scope">
             <el-button size="mini" type="text" icon="el-icon-document" @click="investigation(scope.row)"
               v-hasPermi="['hosp:order:edit']" title="璇︽儏" style="margin-right: 15px"></el-button>
           </template>
         </el-table-column> -->
-      </el-table>
+    </el-table>
 
     <div class="pag">
       <div class="pag1">
@@ -459,7 +467,7 @@
 </template>
 
 <script>
-import print from "print-js";
+
 import {
   listOrder,
   getNumber,
@@ -468,12 +476,13 @@
   hasReport,
   hasPrintCode,
   getOrderList,
-  getNewDateList
+  getNewDateList,
 } from "@/api/hosp/order";
 import moment from "moment";
 import ViewPdf from "@/components/ViewPdf";
 import { projectGetList, getOrder } from "@/api/system/tijian";
 import { SubmitCompany, getCompany, queryCompany } from "@/api/team/tuanti";
+import JsBarcode from "jsbarcode";
 export default {
   components: {
     ViewPdf,
@@ -631,19 +640,32 @@
           },
         ],
       },
+      barcode: "", // 瀛樺偍鏉$爜鍊�
+      barcodeVisible: false, // 鎺у埗鏉″舰鐮佹槸鍚﹀彲瑙�
+      single: false, // 鎺у埗鎸夐挳鏄惁绂佺敤鐨勬潯浠�
     };
   },
   created() {
     // this.getNowTime();
-   
+
     this.Company();
     this.getdate();
   },
-  mounted() {
-    this.$nextTick(() => {
-      this.$refs.inputName.focus();
-    });
-  },
+  // mounted() {
+  //   // const base64String =
+  //   //   "data:image/jpeg;base64,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";
+  //   // const binaryString = atob(base64String.split(",")[1]);
+  //   // // 灏嗕簩杩涘埗鏁版嵁杞崲涓� Blob 瀵硅薄
+  //   // const blob = new Blob([binaryString], { type: "image/png" });
+  //   // // 鍒涘缓 URL 瀵硅薄骞跺皢鍏跺垎閰嶇粰鍥惧儚鐨� src 灞炴��
+  //   // const image = document.getElementById("base64Image");
+  //   // console.log(image, 1111);
+  //   // // image.src = URL.createObjectURL(blob);
+  //   // image.src = base64String;
+  //   // this.$nextTick(() => {
+  //   //   this.$refs.inputName.focus();
+  //   // });
+  // },
   methods: {
     getdate() {
       getNewDateList().then((res) => {
@@ -803,37 +825,88 @@
       });
     },
     // 閲囪鍗�
-    Collection() {
-      let tjNumber = this.barcode;
-      hasPrintCode(tjNumber).then((response) => {
-        this.$message({
-          showClose: true,
-          message: "鏉$爜宸茬敓鎴愶紒",
-          type: "success",
-        });
-      });
-    },
-
-    // onSubmit() {
-    //   console.log("submit!");
+    // Collection() {
+    //   let tjNumber = this.barcode;
+    //   hasPrintCode(tjNumber).then((response) => {
+    //     this.$message({
+    //       showClose: true,
+    //       message: "鏉$爜宸茬敓鎴愶紒",
+    //       type: "success",
+    //     });
+    //   });
     // },
+    // Collection() {
+    //   let tjNumber = this.barcode;
+    //   JsBarcode("#barcode", tjNumber, {
+    //     format: "CODE128",
+    //     width: 2,
+    //     height: 100,
+    //     displayValue: true,
+    //   });
+
+    //   this.$nextTick(() => {
+    //     const barcodeElement = document.querySelector("#barcode");
+    //     if (barcodeElement) {
+    //       console.log(barcodeElement.innerHTML); // 鎵撳嵃鏉″舰鐮佺殑鍐呭锛岀湅鐪嬫槸鍚︾敓鎴愭垚鍔�
+    //     } else {
+    //       console.log("鏉″舰鐮佸厓绱犳湭鎵惧埌");
+    //     }
+
+    //     const printContents = document.getElementById("printSection").innerHTML;
+    //     const newWindow = window.open("", "_blank", "width=800,height=600");
+    //     console.log(printContents);
+    //     newWindow.document.write(`
+    //    <html>
+    //         <head>
+    //           <title>Print Barcode</title>
+    //           <style>
+    //             @media print {
+    //                body {
+    //                   width: 80mm;
+    //                   margin: 0;
+    //                   padding: 0;
+    //                   height: 25mm;
+    //                 }
+    //                 /* 灏嗘潯褰㈢爜灞呬腑 */
+    //                 #barcode {
+    //                   display: block;
+    //                   // margin-left: 50%;
+    //                   text-align: center;
+    //                   width: 100%;
+    //                   height: auto;
+    //                 }
+    //                /* 璁╂潯褰㈢爜鍦ㄦ墦鍗版椂鏄剧ず */
+    //                svg {
+    //                  display: block;
+    //                }
+    //           </style>
+    //         </head>
+    //         <body>${printContents}</body>
+    //       </html>
+    //     `);
+    //     newWindow.document.close();
+    //     newWindow.focus();
+    //     newWindow.print();
+    //     newWindow.close();
+    //   });
+    // },
+
     dateChangebirthday1(val) {
       this.startTime = val;
     },
     /** 鏌ヨ浣撴璁板綍鍒楄〃 */
     getList() {
-      if(this.createTimeList){
+      if (this.createTimeList) {
         this.queryParams.djbeginTime = this.createTimeList[0];
-      this.queryParams.djendTime = this.createTimeList[1];
-      }else if(this.createTimeList == null){
+        this.queryParams.djendTime = this.createTimeList[1];
+      } else if (this.createTimeList == null) {
         this.queryParams.djbeginTime = null;
-      this.queryParams.djendTime = null;
-      }else{
+        this.queryParams.djendTime = null;
+      } else {
         this.queryParams.djbeginTime = this.startTime[0];
-      this.queryParams.djendTime = this.startTime[1];
+        this.queryParams.djendTime = this.startTime[1];
       }
-      
-     
+
       this.loading = true;
       getOrderList(this.queryParams).then((response) => {
         this.orderList = response.data.list;
@@ -900,9 +973,9 @@
       };
       this.resetForm("form");
     },
-    hb(){
+    hb() {
       // console.log(this.queryParams.tjNum);
-       if (this.queryParams.tjNum != undefined) {
+      if (this.queryParams.tjNum != undefined) {
         this.handleQuery();
       }
     },
@@ -913,7 +986,7 @@
     },
     /** 閲嶇疆鎸夐挳鎿嶄綔 */
     resetQuery() {
-      this.createTimeList=[]
+      this.createTimeList = [];
       this.resetForm("queryForm");
       this.handleQuery();
     },
@@ -1075,7 +1148,7 @@
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .pag {
   width: 100%;
   display: flex;
@@ -1173,4 +1246,49 @@
   display: flex;
   justify-content: center;
 }
+
+.print-container {
+  width: 300px; /* 璁惧畾瀹藉害浠ョ‘淇濇墦鍗版椂甯冨眬鍚堥�� */
+  padding: 10px;
+  border: 1px solid #000; /* 鍙�夛細缁欐墦鍗板尯鍩熷姞涓�涓竟妗� */
+  font-family: Arial, sans-serif;
+}
+
+.barcode-section {
+  text-align: center;
+  margin-bottom: 10px;
+}
+
+.info-section {
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.info-section p {
+  margin: 2px 0; /* 鎺у埗淇℃伅闂寸殑闂磋窛 */
+}
+
+#barcode {
+  display: block;
+  margin: 0 auto;
+}
+
+.info-section p {
+  margin: 2px 0;
+  font-size: 14px;
+}
+
+/* 鎵撳嵃鏃堕殣钘忔墍鏈夊叾浠栧唴瀹� */
+// @media print {
+//   #barcode {
+//     width: 58mm;
+//     height: auto;
+//   }
+//   #printSection {
+//     display: flex;
+//     justify-content: center;
+//     align-items: center;
+//     height: 100vh; /* 鐖跺鍣ㄩ珮搴︿负鍏ㄩ〉楂樺害 */
+//   }
+// }
 </style>

--
Gitblit v1.8.0