feat(钢卷管理): 添加钢卷号组件并优化相关功能
新增CoilNo组件用于统一显示钢卷号,支持G开头钢卷号特殊样式 在actflow、detail、panels等页面中使用新组件替换原有el-tag显示 添加showExportTime属性控制发货时间列的显示 优化ImportGuide组件,钢卷号自动添加G前缀
This commit is contained in:
31
klp-ui/src/components/KLPService/Renderer/CoilNo.vue
Normal file
31
klp-ui/src/components/KLPService/Renderer/CoilNo.vue
Normal file
@@ -0,0 +1,31 @@
|
||||
<template>
|
||||
<div :class="{'g-coil-no': isGCoilNo}">
|
||||
<el-tag type="info" size="small">{{ coilNo }}</el-tag>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
coilNo: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
isGCoilNo() {
|
||||
return this.coilNo.startsWith('G');
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/* 调整容器布局,让边框完整包裹标签 */
|
||||
.g-coil-no {
|
||||
display: inline-block; /* 让容器尺寸贴合内部el-tag */
|
||||
border: 2px solid #67c23a !important;
|
||||
padding: 2px; /* 增加内边距,避免边框紧贴标签 */
|
||||
border-radius: 4px; /* 可选:和el-tag圆角保持一致,更美观 */
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user