From e27722cc75b3090ed3eca54fc5651fa636b40453 Mon Sep 17 00:00:00 2001 From: zhaowei <zhaowei> Date: 星期二, 03 六月 2025 09:11:34 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/views/dnc/base/modules/ProductStructure/GuideCardBatch/GuideCardPrintModal.vue | 123 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 123 insertions(+), 0 deletions(-) diff --git a/src/views/dnc/base/modules/ProductStructure/GuideCardBatch/GuideCardPrintModal.vue b/src/views/dnc/base/modules/ProductStructure/GuideCardBatch/GuideCardPrintModal.vue new file mode 100644 index 0000000..023ea3d --- /dev/null +++ b/src/views/dnc/base/modules/ProductStructure/GuideCardBatch/GuideCardPrintModal.vue @@ -0,0 +1,123 @@ +<template> + <a-modal title="鏁版帶鍔犲伐鍔犲伐绋嬪簭纭琛�" :width="1000" :visible="visible" @cancel="handleCancel" centered> + + <div id="table"> + <div class="table-header"> + <h3>鏁版帶鍔犲伐绋嬪簭纭琛�</h3> + <div> + <div>鍗曚綅锛�<span>鏈哄姞涓績</span></div> + <div>缂栧彿锛�<span>25-C140-PST-293</span></div> + </div> + </div> + + <table border="1"> + <tr> + <th colspan="2">绋嬪簭鏂囦欢鍚�</th> + <td colspan="9">TY9F-11-2507-002-TY9F1W0130-30-3</td> + </tr> + + <tr> + <th colspan="2">闆朵欢鍥惧彿</th> + <td colspan="4">TY9F-11-2507-002-TY9F1W0130</td> + <th>闆朵欢鍚嶇О</th> + <td colspan="4">杞帴澶�</td> + </tr> + + <tr> + <th colspan="2">闆朵欢鏉愭枡</th> + <td colspan="4">閽㈡</td> + <th>澶瑰叿</th> + <td colspan="4">{{detail.fixtureInformation}}</td> + </tr> + + <tr> + <th colspan="2">宸ュ簭锛堝伐姝ュ彿锛�</th> + <td colspan="2">30-3</td> + <th>鍔犲伐鎵规</th> + <td>S2501</td> + <th>鍔犲伐鏁伴噺</th> + <td colspan="2">20</td> + <th>鍔犲伐璁惧</th> + <td>3140123</td> + </tr> + + <tr style="height: 500px"> + <td colspan="11"> + <img :src="getImageUrl(detail.picture)" width="300" height="300"/> + </td> + </tr> + + <tr style="height: 100px;"> + <th colspan="2" style="text-align: left">璇存槑</th> + <td colspan="9" style="text-align: left;white-space: pre-wrap" v-html="detail.remake"></td> + </tr> + + <tr> + <th colspan="2">缂栧啓鏃ユ湡</th> + <td colspan="2">寮犱笁/2025-4-16</td> + <th>鍔犲伐鎵规</th> + <td colspan="2">鏉庡洓/2025-4-18</td> + <th colspan="2">鎿嶄綔鑰�/棣栨鏃ユ湡</th> + <td colspan="2">璧典簲/2025-4-18</td> + </tr> + + <tr style="height: 70px"> + <th colspan="7">鏍规嵁棣栦欢妫�楠屾儏鍐碉紝鍚屾剰璇ョ▼搴忕敤浜庢湰鎵规鐢熶骇锛�</th> + <th colspan="2">瀹℃壒/鏃ユ湡</th> + <td colspan="2">鐜嬪叚/2025-4-20</td> + </tr> + </table> + </div> + + <template slot="footer"> + <a-button type="primary" v-print="'#table'">鎵撳嵃</a-button> + </template> + </a-modal> +</template> + +<script> + export default { + name: 'GuideCardPrintModal', + data() { + return { + visible: false, + detail: {} + } + }, + methods: { + getImageUrl(imgSrcSuffix) { + return `${window._CONFIG['domianURL']}/${imgSrcSuffix}` + }, + + handleCancel() { + this.visible = false + } + } + } +</script> + +<style scopedl lang="less"> + .table-header { + display: flex; + flex-direction: column; + align-items: center; + + > div { + width: 100%; + display: flex; + justify-content: space-between; + padding: 10px 5px; + } + } + + table { + width: 100%; + table-layout: fixed; + text-align: center; + font-size: 12px; + + th, td { + padding: 10px 5px; + } + } +</style> \ No newline at end of file -- Gitblit v1.9.3