From 0f2acb4f868056eb7257ff8c6daee8a56849f95a Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期三, 22 四月 2026 17:24:20 +0800
Subject: [PATCH] 1.入库标识卡功能开发
---
src/views/produce/warehouseEntryIdCard.vue | 134 ++++++++++++++++++++++++++++++++++++++++++++
src/router/index.js | 7 ++
2 files changed, 141 insertions(+), 0 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
index 55361ab..4ec6ca2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -510,6 +510,13 @@
code: '0605',
component: () => import('@/views/produce/warehouseRecord'),
meta: { code: '0605', title: '鍏ュ簱璁板綍', icon: '', keepAlive: true }
+ },
+ {
+ path: 'warehouseEntryIdCard',
+ name: 'warehouseEntryIdCard',
+ code: '0606',
+ component: () => import('@/views/produce/warehouseEntryIdCard'),
+ meta: { code: '0606', title: '鍏ュ簱鏍囪瘑鍗�', icon: '', keepAlive: true }
}
]
diff --git a/src/views/produce/warehouseEntryIdCard.vue b/src/views/produce/warehouseEntryIdCard.vue
new file mode 100644
index 0000000..9626c4d
--- /dev/null
+++ b/src/views/produce/warehouseEntryIdCard.vue
@@ -0,0 +1,134 @@
+<template>
+ <div>
+
+ <div id="printMe" class="main">
+ <div style="text-align: center">
+ <h1 style="font-size: 40px">鎴愬搧鍏ュ簱鏍囪瘑鍗�</h1>
+ </div>
+ <div class="container">
+ <div class="block">鏃ユ湡</div>
+ <div class="block"> <el-input v-model="form.value1" /></div>
+ <div class="block">鐢熶骇鍗曞彿</div>
+ <div class="block"> <el-input v-model="form.value2" /></div>
+
+ <div class="block">鍨嬪彿</div>
+ <div class="block"> <el-input v-model="form.value3" /></div>
+ <div class="block">绾垮埆</div>
+ <div class="block"> <el-input v-model="form.value4" /></div>
+
+ <div class="block">棰滆壊</div>
+ <div class="block"> <el-input v-model="form.value5" /></div>
+ <div class="block" style="border-right: none">鍙版暟/鎵樻暟:</div>
+ <div class="block" style="border-left: none"> <el-input v-model="form.value6" /></div>
+ </div>
+ </div>
+
+ <div style="display: flex;margin:100px 805px;">
+ <el-button type="info" @click="reset">娓� 绌�</el-button>
+ <el-button v-print="printObj" type="primary">鎵� 鍗�</el-button>
+ </div>
+
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'WarehouseEntryIdCard',
+ data() {
+ return {
+
+ form: {
+ value1: '',
+ value2: '',
+ value3: '',
+ value4: '',
+ value5: '',
+ value6: ''
+ },
+
+ printObj: {
+ id: 'printMe',
+ popTitle: '鎵撳嵃妯℃澘',
+ preview: false,
+ extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>',
+ closeCallback(vue) { // 鍏抽棴鎵撳嵃鐨勫洖璋冧簨浠讹紙鏃犳硶纭畾鐐瑰嚮鐨勬槸纭杩樻槸鍙栨秷锛�
+ console.log('11212', vue)
+ // vue.dialogVisible = false
+ // vue.dialogVisibleApprove = false
+ },
+ beforeOpenCallback(vue) {
+ // vue.printLoading = true
+ console.log('鎵撳紑涔嬪墠')
+ console.log()
+ },
+ openCallback(vue) {
+ // vue.printLoading = false
+ console.log('鎵ц浜嗘墦鍗�')
+ }
+ }
+ }
+ },
+ mounted() {
+ },
+ methods: {
+ reset() {
+ this.form.value1 = ''
+ this.form.value2 = ''
+ this.form.value3 = ''
+ this.form.value4 = ''
+ this.form.value5 = ''
+ this.form.value6 = ''
+ }
+ }
+}
+</script>
+
+<style scoped>
+.main {
+ display: flex;
+ flex-direction: column;
+ width: 800px;
+ height: 600px;
+ padding: 20px 20px;
+}
+
+.container {
+ width: 100%;
+ height: 100%;
+ border: 1px solid #000;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.block {
+ width: 25%;
+ height: 33.3%;
+ border: 1px solid #000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 24px;
+}
+
+.block:nth-child(odd) {
+ width: 20%;
+}
+
+.block:nth-child(even) {
+ width: 30%;
+}
+
+::v-deep .el-input__inner{
+ border: none;
+ font-weight: 700;
+ font-size: 24px;
+}
+</style>
+<style media="print">
+/*@media print {*/
+@page {
+ size: auto;
+ margin: 1mm;
+}
+
+</style>
--
Gitblit v1.9.3