DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(wms): 将班组输入框改为下拉选择并调整标签样式

Browse Source 
- 将多个页面中的班组输入框替换为下拉选择框，提供甲、乙两个选项
- 调整标签预览组件的样式，移除部分内边距和边框
- 修改数值输入框的v-model绑定方式，移除.number修饰符
This commit is contained in:
砂糖
2026-01-09 11:49:54 +08:00
parent cf8b201d29
commit db263f21c6
6 changed files with 42 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
klp-ui/src/views/wms/coil/do/warehousing.vue
View File

@@ -50,7 +50,10 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="班组" prop="team"> <el-form-item label="班组" prop="team">
<el-input v-model="form.team" placeholder="请输入班组" /> <el-select v-model="form.team" placeholder="请选择班组" style="width: 100%;" clearable>
<el-option key="甲" label="甲" value="甲" />
<el-option key="乙" label="乙" value="乙" />
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>

12
klp-ui/src/views/wms/coil/merge.vue
View File

@@ -126,7 +126,11 @@
<el-input v-model="targetCoil.currentCoilNo" placeholder="输入目标卷号" :disabled="readonly"></el-input> <el-input v-model="targetCoil.currentCoilNo" placeholder="输入目标卷号" :disabled="readonly"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="班组"> <el-form-item label="班组">
<el-input v-model="targetCoil.team" placeholder="请输入班组名称" :disabled="readonly"></el-input> <el-select v-model="targetCoil.team" placeholder="请选择班组" style="width: 100%"
:disabled="readonly">
<el-option key="甲" label="甲" value="甲" />
<el-option key="乙" label="乙" value="乙" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="材料类型"> <el-form-item label="材料类型">
<el-select v-model="targetCoil.materialType" placeholder="请选择材料类型" style="width: 100%" <el-select v-model="targetCoil.materialType" placeholder="请选择材料类型" style="width: 100%"
@@ -171,19 +175,19 @@
</el-form-item> </el-form-item>
<el-form-item label="毛重(t)"> <el-form-item label="毛重(t)">
<el-input v-model.number="targetCoil.grossWeight" placeholder="请输入毛重" type="number" step="0.01" <el-input v-model="targetCoil.grossWeight" placeholder="请输入毛重" type="number" step="0.01"
:disabled="readonly"> :disabled="readonly">
<template slot="append">吨</template> <template slot="append">吨</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="净重(t)"> <el-form-item label="净重(t)">
<el-input v-model.number="targetCoil.netWeight" placeholder="请输入净重" type="number" step="0.01" <el-input v-model="targetCoil.netWeight" placeholder="请输入净重" type="number" step="0.01"
:disabled="readonly"> :disabled="readonly">
<template slot="append">吨</template> <template slot="append">吨</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="长度(m)"> <el-form-item label="长度(m)">
<el-input v-model.number="targetCoil.length" placeholder="请输入长度" type="number" step="0.01" <el-input v-model="targetCoil.length" placeholder="请输入长度" type="number" step="0.01"
:disabled="readonly"> :disabled="readonly">
<template slot="append">米</template> <template slot="append">米</template>
</el-input> </el-input>

12
klp-ui/src/views/wms/coil/panels/LabelRender/OuterTagPreview.vue
View File

@@ -161,9 +161,13 @@ export default {
<style scoped> <style scoped>
.label-container { .label-container {
width: 45em; /* width: 680.315px; */
height: 26em; /* height: 377.953px; */
width: fit-content;
height: fit-content;
padding: 0.5em; padding: 0.5em;
font-size: 12px;
border: 1px solid #000;
box-sizing: border-box; box-sizing: border-box;
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
/* border: 1px solid #000; */ /* border: 1px solid #000; */
@@ -220,8 +224,8 @@ export default {
.info-grid-item { .info-grid-item {
border: 1px solid #000; border: 1px solid #000;
padding: 0.1em; padding: 0.1em;
font-size: 1em; font-size: 1.05em;
height: 2.1em; height: 2em;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
word-break: break-all; word-break: break-all;

9
klp-ui/src/views/wms/coil/panels/LabelRender/index.vue
View File

@@ -213,7 +213,7 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
padding: 1rem; /* padding: 1rem; */
box-sizing: border-box; box-sizing: border-box;
} }
@@ -224,12 +224,11 @@ export default {
.preview-container { .preview-container {
background-color: #fff; background-color: #fff;
color: #000; color: #000;
padding: 1.5rem; /* padding: 1.5rem; */
width: fit-content; width: fit-content;
min-width: 200px; /* min-width: 200px; */
border-radius: 6px;
box-shadow: 0 0 60px rgba(255, 255, 255, 0.2); box-shadow: 0 0 60px rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.1); /* border: 1px solid rgba(255, 255, 255, 0.1); */
overflow: hidden; overflow: hidden;
transition: all 0.3s ease; transition: all 0.3s ease;
} }

12
klp-ui/src/views/wms/coil/split.vue
View File

@@ -108,7 +108,11 @@
<el-input v-model="item.currentCoilNo" placeholder="输入子卷卷号" :disabled="readonly"></el-input> <el-input v-model="item.currentCoilNo" placeholder="输入子卷卷号" :disabled="readonly"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="班组" required> <el-form-item label="班组" required>
<el-input v-model="item.team" placeholder="输入班组名称" :disabled="readonly"></el-input> <el-select v-model="item.team" placeholder="请选择班组" style="width: 100%"
:disabled="readonly">
<el-option key="甲" label="甲" value="甲" />
<el-option key="乙" label="乙" value="乙" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="材料类型" required> <el-form-item label="材料类型" required>
@@ -152,19 +156,19 @@
</el-form-item> </el-form-item>
<el-form-item label="毛重(t)" required> <el-form-item label="毛重(t)" required>
<el-input v-model.number="item.grossWeight" placeholder="请输入毛重" type="number" step="0.01" <el-input v-model="item.grossWeight" placeholder="请输入毛重" type="number" step="0.01"
:disabled="readonly"> :disabled="readonly">
<template slot="append">吨</template> <template slot="append">吨</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="净重(t)" required> <el-form-item label="净重(t)" required>
<el-input v-model.number="item.netWeight" placeholder="请输入净重" type="number" step="0.01" <el-input v-model="item.netWeight" placeholder="请输入净重" type="number" step="0.01"
:disabled="readonly"> :disabled="readonly">
<template slot="append">吨</template> <template slot="append">吨</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="长度(m)" required> <el-form-item label="长度(m)" required>
<el-input v-model.number="item.length" placeholder="请输入长度" type="number" step="0.01" <el-input v-model="item.length" placeholder="请输入长度" type="number" step="0.01"
:disabled="readonly"> :disabled="readonly">
<template slot="append">米</template> <template slot="append">米</template>
</el-input> </el-input>

15
klp-ui/src/views/wms/coil/typing.vue
View File

@@ -86,11 +86,16 @@
</el-form-item> </el-form-item>
<el-form-item label="班组" prop="team"> <el-form-item label="班组" prop="team">
<el-input v-model="updateForm.team" placeholder="请输入班组名称" :disabled="readonly"> <el-select v-model="updateForm.team" placeholder="请选择班组" style="width: 100%"
:disabled="readonly">
<el-option key="甲" label="甲" value="甲" />
<el-option key="乙" label="乙" value="乙" />
</el-select>
<!-- <el-input v-model="updateForm.team" placeholder="请输入班组名称" :disabled="readonly">
<template slot="prepend"> <template slot="prepend">
<i class="el-icon-user-solid"></i> <i class="el-icon-user-solid"></i>
</template> </template>
</el-input> </el-input> -->
</el-form-item> </el-form-item>
<el-form-item label="材料类型" prop="materialType"> <el-form-item label="材料类型" prop="materialType">
@@ -145,21 +150,21 @@
</el-form-item> </el-form-item>
<el-form-item label="毛重(t)" prop="grossWeight"> <el-form-item label="毛重(t)" prop="grossWeight">
<el-input v-model.number="updateForm.grossWeight" placeholder="请输入毛重" type="number" step="0.01" <el-input v-model="updateForm.grossWeight" placeholder="请输入毛重" type="number" step="0.01"
:disabled="readonly"> :disabled="readonly">
<template slot="append">吨</template> <template slot="append">吨</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="净重(t)" prop="netWeight"> <el-form-item label="净重(t)" prop="netWeight">
<el-input v-model.number="updateForm.netWeight" placeholder="请输入净重" type="number" step="0.01" <el-input v-model="updateForm.netWeight" placeholder="请输入净重" type="number" step="0.01"
:disabled="readonly"> :disabled="readonly">
<template slot="append">吨</template> <template slot="append">吨</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="长度(m)" prop="length"> <el-form-item label="长度(m)" prop="length">
<el-input v-model.number="updateForm.length" placeholder="请输入长度" type="number" step="0.01" <el-input v-model="updateForm.length" placeholder="请输入长度" type="number" step="0.01"
:disabled="readonly"> :disabled="readonly">
<template slot="append">米</template> <template slot="append">米</template>
</el-input> </el-input>