From d4be0ab305a9917c7cd59bf9df0fb3850a38223f Mon Sep 17 00:00:00 2001
From: zhangherong <571457620@qq.com>
Date: 星期一, 07 四月 2025 17:45:29 +0800
Subject: [PATCH] art: 设备管理-周保-保养人选择
---
src/views/eam/equipment/modules/NameplateModal.vue | 144 ++++++++++++++++++++++++++++++------------------
1 files changed, 90 insertions(+), 54 deletions(-)
diff --git a/src/views/eam/equipment/modules/NameplateModal.vue b/src/views/eam/equipment/modules/NameplateModal.vue
index df25901..e02482b 100644
--- a/src/views/eam/equipment/modules/NameplateModal.vue
+++ b/src/views/eam/equipment/modules/NameplateModal.vue
@@ -3,99 +3,135 @@
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">
+ <QrcodeVue :value="httpUrl+item.equipmentCode"/>
+ </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">
+ <QrcodeVue :value="item.equipmentCode"/>
+ </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>
+import QrcodeVue from 'qrcode.vue'
+
export default {
name: 'NameplateModal',
- components: { },
+ components: { QrcodeVue },
+ props: {
+ printedRows: {
+ type: Array
+ }
+ },
data() {
return {
title: '閾墝',
visible: false,
- disableSubmit: false,
- model: {},
- url: {}
+ httpUrl: ''
}
},
methods: {
- handleOk() {
-
+ handleCancel() {
+ this.visible = false
}
}
}
</script>
<style lang="less" scoped>
+/deep/ .ant-modal {
+ height: 75%;
+ overflow: hidden;
+
+ .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;
+ }
+ }
+}
+
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: 28px;
letter-spacing: 3px;
--
Gitblit v1.9.3