From 26c4f7ae79ad5ad2300876b94f96f19e4f93d53a Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期一, 18 十二月 2023 16:02:12 +0800
Subject: [PATCH] Merge branch 'master' of http://114.132.189.42:9002/r/mes-ocea-before

---
 src/views/equipment/metering/index.vue |   78 +++++++++++++++++++++++++++++++++++++-
 1 files changed, 75 insertions(+), 3 deletions(-)

diff --git a/src/views/equipment/metering/index.vue b/src/views/equipment/metering/index.vue
index 31f4ff7..1fdc251 100644
--- a/src/views/equipment/metering/index.vue
+++ b/src/views/equipment/metering/index.vue
@@ -19,6 +19,36 @@
           @refreshDataList="getData"
         ></table-form>
       </basic-container>
+      <el-dialog title="鏍囩鍒楄〃" :visible.sync="diaPrintTab" width="500px" top="5vh">
+        <div style="width:100%;height:400px;overflow-y: auto;">
+          <div class="dia_body" id="printMetering">
+            <el-card class="box-card" v-for="(tem, i) in multipleSelection" :key="i" style="margin-bottom: 10px; font-size: 16px !important;">
+              <el-row>
+                <el-col :span="10" :offset="3">搴忓彿锛�</el-col>
+                <el-col :span="10" style="font-weight: bold;">{{ i + 1 }}</el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="10" :offset="3">缂栧彿锛�</el-col>
+                <el-col :span="10" style="font-weight: bold;">{{ tem.code }}</el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="10" :offset="3">璁惧鍚嶇О锛�</el-col>
+                <el-col :span="10" style="font-weight: bold;">{{ tem.name }}</el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="10" :offset="3">璁惧浜岀淮鐮侊細</el-col>
+                <el-col :span="10">
+                  <vueQr :text="tem.code+'id@'+tem.id" :size="80" :margin="2"></vueQr>
+                </el-col>
+              </el-row>
+            </el-card>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="diaPrintTab = false">鍙� 娑�</el-button>
+          <el-button type="primary" @click="printFun">鎵� 鍗�</el-button>
+        </span>
+      </el-dialog>
     </div>
   </template>
   
@@ -29,6 +59,8 @@
   import { mapGetters } from 'vuex'
   import * as fecha from 'element-ui/lib/utils/date'
   import { remote } from '../../../api/admin/dict'
+  import vueQr from 'vue-qr'
+  import PrintJS from 'print-js'
   export default {
     data() {
       return {
@@ -53,7 +85,7 @@
           isRefresh: true, // 鏄惁鏄剧ず鍒锋柊鎸夐挳
           isShowHide: true, // 鏄惁鏄剧ず鏄惧奖鎸夐挳
           isSearch: false, // 楂樼骇鏌ヨ鎸夐挳
-          defaultOrderBy: { column: 'manufactureDate', direction: 'desc' }
+          defaultOrderBy: { column: 'id', direction: 'desc' }
         },
         table: {
           total: 0,
@@ -234,6 +266,11 @@
               type: 'primary',
               fun: this.addOrUpdateHandle
             },
+            {
+              text: '鏍囩鎵撳嵃',
+              type: 'primary',
+              fun: this.labelPrint
+            },
             // {
             //   text: '鍚屾',
             //   type: 'primary',
@@ -265,12 +302,14 @@
           }
         },
         addOrUpdateVisible: false,
-        workshopList: []
+        workshopList: [],
+        diaPrintTab: false
       }
     },
     components: {
       ttable,
-      TableForm
+      TableForm,
+      vueQr
     },
     computed: {
       ...mapGetters(['permissions'])
@@ -285,6 +324,32 @@
       })
     },
     methods: {
+      printFun() {
+          this.diaPrintTab = false;
+          PrintJS({
+              printable: 'printMetering',//椤甸潰
+              type: "html",//鏂囨。绫诲瀷
+                maxWidth:450,
+                targetStyles:['*'],                 
+                style: `@page {
+                  margin:0;
+                  padding: 0;
+                  size: 360px 170px;
+                }
+                html{
+                  zoom:100%;
+                }
+                @media print{
+                  width: 360px;
+                  height: 170px;
+                  margin:0;
+                  padding: 0;
+                }`,
+                onPrintDialogClose: this.erexcel=false,
+                targetStyles: ["*"], // 浣跨敤dom鐨勬墍鏈夋牱寮忥紝寰堥噸瑕�
+                font_size: '',
+          });
+      },
       pullEquipFun(){
         this.table.toolbar.find((e) => e.text === '鍚屾').loading = true
         pullEquip().then(res=>{
@@ -337,6 +402,13 @@
             this.$message.success('鍒犻櫎鎴愬姛')
             this.getData()
           })
+      },
+      labelPrint(){
+        if(this.multipleSelection.length==0){
+          this.$message.warning('璇烽�夋嫨涓�鏉℃暟鎹�')
+          return
+        }
+        this.diaPrintTab = true
       }
     }
   }

--
Gitblit v1.9.3