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