From 54c22f2f0e98c35e48cdad6c4d0299d08beea630 Mon Sep 17 00:00:00 2001
From: Lius <Lius2225@163.com>
Date: 星期一, 28 七月 2025 10:15:13 +0800
Subject: [PATCH] update
---
src/views/eam/equipment/modules/NameplateModal.vue | 141 +++++++++++++++++++++++++----------------------
1 files changed, 75 insertions(+), 66 deletions(-)
diff --git a/src/views/eam/equipment/modules/NameplateModal.vue b/src/views/eam/equipment/modules/NameplateModal.vue
index 2d61ad7..44046d7 100644
--- a/src/views/eam/equipment/modules/NameplateModal.vue
+++ b/src/views/eam/equipment/modules/NameplateModal.vue
@@ -18,45 +18,49 @@
<tbody>
<tr>
- <td rowspan="3">
- <QrcodeVue :value="httpUrl+item.id"/>
+ <td rowspan="3" align="center">
+ <div style="height: 80%">
+ <QrcodeVue :value="httpUrl+item.id" :size="100"/>
+ </div>
</td>
<td>璁惧缂栧彿</td>
- <td>{{ item.equipmentCode }}</td>
+ <td class="long-col">{{ item.equipmentCode }}</td>
</tr>
<tr>
- <td>璁惧鍚嶇О</td>
- <td>{{ item.equipmentName }}</td>
+ <td style="width: 25%">璁惧鍚嶇О</td>
+ <td class="long-col">{{ item.equipmentName }}</td>
</tr>
<tr>
<td>璁惧鍨嬪彿</td>
- <td>{{ item.equipmentModel }}</td>
+ <td class="long-col">{{ item.equipmentModel }}</td>
</tr>
<tr>
<td>璁惧绠＄悊</td>
<td>浣跨敤杞﹂棿</td>
- <td>{{ item.orgId_dictText }}</td>
+ <td class="long-col">{{ item.orgId_dictText }}</td>
</tr>
<tr>
- <td rowspan="3">
- <QrcodeVue :value="item.equipmentCode"/>
+ <td rowspan="3" align="center">
+ <div style="height: 80%">
+ <QrcodeVue :value="item.equipmentCode" :size="100"/>
+ </div>
</td>
<td>鍑哄巶缂栧彿</td>
- <td>{{ item.factoryNumber }}</td>
+ <td class="long-col">{{ item.factoryNumber }}</td>
</tr>
<tr>
<td>璁惧绠＄悊鍛�</td>
- <td>{{ item.equipmentManager_dictText }}</td>
+ <td class="long-col">{{ item.equipmentManager_dictText }}</td>
</tr>
<tr>
<td>瀹夎浣嶇疆</td>
- <td>{{ item.installationPosition }}</td>
+ <td class="long-col">{{ item.installationPosition }}</td>
</tr>
<tr>
@@ -75,72 +79,77 @@
</template>
<script>
-import QrcodeVue from 'qrcode.vue'
+ 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
+ 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>
-/deep/ .ant-modal {
- height: 75%;
- overflow: hidden;
-
- .ant-modal-content {
- height: 100%;
- display: flex;
- flex-direction: column;
+ /deep/ .ant-modal {
+ height: 75%;
overflow: hidden;
- ::-webkit-scrollbar {
- width: 8px;
- height: 8px;
- }
+ .ant-modal-content {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
- .ant-modal-body {
- flex: 1;
- overflow: auto;
+ ::-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;
+ 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;
+ &:not(:last-child) {
+ margin-bottom: 180px;
+ }
+
+ th {
+ font-size: 24px;
+ letter-spacing: 3px;
+ padding: 6px;
+ }
+
+ td {
+ font-size: 14px;
+ /*width: 33%;*/
+ padding: 6px;
+
+ &.long-col {
+ width: 300px;
+ }
+ }
}
-
- th {
- font-size: 28px;
- letter-spacing: 3px;
- padding: 20px;
- }
-
- td {
- font-size: 18px;
- width: 33%;
- }
-}
</style>
\ No newline at end of file
--
Gitblit v1.9.3