From 4617951af57412dcf13c2c70ccefbd49196ff49a Mon Sep 17 00:00:00 2001
From: hyingbo <1363390067@qq.com>
Date: 星期五, 01 八月 2025 14:08:12 +0800
Subject: [PATCH] 库位号添加禁用规则

---
 src/views/eam/equipment/modules/NameplateModal.vue |  191 +++++++++++++++++++++++++++++------------------
 1 files changed, 116 insertions(+), 75 deletions(-)

diff --git a/src/views/eam/equipment/modules/NameplateModal.vue b/src/views/eam/equipment/modules/NameplateModal.vue
index df25901..f36442b 100644
--- a/src/views/eam/equipment/modules/NameplateModal.vue
+++ b/src/views/eam/equipment/modules/NameplateModal.vue
@@ -3,108 +3,149 @@
     title="閾墝"
     :width="750"
     :visible="visible"
-    @ok="handleOk"
-    @cancel="visible=false"
+    @cancel="handleCancel"
     :maskClosable="false"
   >
-    <table id="nameplateTable" border="1" cellpadding="12" cellspacing="0" align="center" width="80%">
-      <thead>
-      <tr>
-        <th colspan="3">璁惧绠$悊鐗�</th>
-      </tr>
-      </thead>
 
-      <tbody>
-      <tr>
-        <td rowspan="3">
+    <div id="nameplateTable">
+      <table border="1" cellpadding="12" cellspacing="0" align="center" width="80%" v-for="item in printedRows"
+             :key="item.id">
+        <thead>
+        <tr>
+          <th colspan="3">璁惧绠$悊鐗�</th>
+        </tr>
+        </thead>
 
-        </td>
-        <td>璁惧缂栧彿</td>
-        <td>{{ model.equipmentCode }}</td>
-      </tr>
+        <tbody>
+        <tr>
+          <td rowspan="3" align="center">
+            <div style="height: 80%;width: 50%">
+              <QrcodeVue :value="httpUrl+item.id" :size="50"/>
+            </div>
+          </td>
+          <td>璁惧缂栧彿</td>
+          <td>{{ item.equipmentCode }}</td>
+        </tr>
 
-      <tr>
-        <td>璁惧鍚嶇О</td>
-        <td>{{ model.equipmentName }}</td>
-      </tr>
+        <tr>
+          <td>璁惧鍚嶇О</td>
+          <td>{{ item.equipmentName }}</td>
+        </tr>
 
-      <tr>
-        <td>璁惧鍨嬪彿</td>
-        <td>{{ model.equipmentModel }}</td>
-      </tr>
+        <tr>
+          <td>璁惧鍨嬪彿</td>
+          <td>{{ item.equipmentModel }}</td>
+        </tr>
 
-      <tr>
-        <td>璁惧绠$悊</td>
-        <td>浣跨敤閮ㄩ棬</td>
-        <td>{{ model.orgId_dictText }}</td>
-      </tr>
+        <tr>
+          <td>璁惧绠$悊</td>
+          <td>浣跨敤杞﹂棿</td>
+          <td>{{ item.orgId_dictText }}</td>
+        </tr>
 
-      <tr>
-        <td rowspan="3">123123123123</td>
-        <td>鍑哄巶缂栧彿</td>
-        <td>{{ model.factoryNumber }}</td>
-      </tr>
+        <tr>
+          <td rowspan="3" align="center">
+            <div style="height: 80%;width: 50%">
+              <QrcodeVue :value="item.equipmentCode" :size="50"/>
+            </div>
+          </td>
+          <td>鍑哄巶缂栧彿</td>
+          <td>{{ item.factoryNumber }}</td>
+        </tr>
 
-      <tr>
-        <td>璁惧绠$悊鍛�</td>
-        <td>{{ model.equipmentManager_dictText }}</td>
-      </tr>
+        <tr>
+          <td>璁惧绠$悊鍛�</td>
+          <td>{{ item.equipmentManager_dictText }}</td>
+        </tr>
 
-      <tr>
-        <td>瀹夎浣嶇疆</td>
-        <td>{{ model.installationPosition }}</td>
-      </tr>
+        <tr>
+          <td>瀹夎浣嶇疆</td>
+          <td>{{ item.installationPosition }}</td>
+        </tr>
 
-      <tr>
-        <td>MES</td>
-        <td colspan="2" style="color: #f00;font-weight: bold;letter-spacing: 1px">闈炵鐞嗗憳鍕垮姩姝ら摥鐗�</td>
-      </tr>
-      </tbody>
-    </table>
+        <tr>
+          <td>MES</td>
+          <td colspan="2" style="color: #f00;font-weight: bold;letter-spacing: 1px">闈炵鐞嗗憳鍕垮姩姝ら摥鐗�</td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
 
     <template slot="footer">
-      <a-button>鍏抽棴</a-button>
+      <a-button @click="handleCancel">鍏抽棴</a-button>
       <a-button type="primary" v-print="'#nameplateTable'">鎵撳嵃</a-button>
     </template>
   </j-modal>
 </template>
 
 <script>
-export default {
-  name: 'NameplateModal',
-  components: {  },
-  data() {
-    return {
-      title: '閾墝',
-      visible: false,
-      disableSubmit: false,
-      model: {},
-      url: {}
-    }
-  },
-  methods: {
-    handleOk() {
+  import QrcodeVue from 'qrcode.vue'
 
+  export default {
+    name: 'NameplateModal',
+    components: { QrcodeVue },
+    props: {
+      printedRows: {
+        type: Array
+      }
+    },
+    data() {
+      return {
+        title: '閾墝',
+        visible: false,
+        httpUrl: ''
+      }
+    },
+    methods: {
+      handleCancel() {
+        this.visible = false
+      }
     }
   }
-}
 </script>
 
 <style lang="less" scoped>
-table {
-  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif;
-  color: #000;
-  text-align: center;
+  /deep/ .ant-modal {
+    height: 75%;
+    overflow: hidden;
 
-  th {
-    font-size: 28px;
-    letter-spacing: 3px;
-    padding: 20px;
+    .ant-modal-content {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+
+      ::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+      }
+
+      .ant-modal-body {
+        flex: 1;
+        overflow: auto;
+      }
+    }
   }
 
-  td {
-    font-size: 18px;
-    width: 33%;
+  table {
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif;
+    color: #000;
+    text-align: center;
+
+    &:not(:last-child) {
+      margin-bottom: 10px;
+    }
+
+    th {
+      font-size: 24px;
+      letter-spacing: 3px;
+      padding: 12px;
+    }
+
+    td {
+      font-size: 14px;
+      width: 33%;
+      padding: 6px;
+    }
   }
-}
 </style>
\ No newline at end of file

--
Gitblit v1.9.3