Browse Source

生产条码清单管理,删字段

hella_online_20240829
wangyufei 4 months ago
parent
commit
445aed7b22
  1. 5
      src/components/Descriptions/src/Descriptions.vue
  2. 1
      src/types/descriptions.d.ts
  3. 7
      src/views/wms/buttMesManage/mesBarCode/index.vue
  4. 290
      src/views/wms/buttMesManage/mesBarCode/mesBarCode.data.ts

5
src/components/Descriptions/src/Descriptions.vue

@ -145,6 +145,11 @@ const showAll = () =>{
data[item.field] !== null ? dayjs(data[item.field]).format(item.dateFormat) : '' data[item.field] !== null ? dayjs(data[item.field]).format(item.dateFormat) : ''
}} }}
</slot> </slot>
<slot v-if="item.valueFilter">
{{
item.valueFilter(data[item.field])
}}
</slot>
<slot v-else-if="item.dictType"> <slot v-else-if="item.dictType">
<div v-if="data[item.field]&&Array.isArray(data[item.field])" > <div v-if="data[item.field]&&Array.isArray(data[item.field])" >
<DictTag :type="item.dictType" :value="cur" v-for="(cur,key) in data[item.field]" :key="key" style="margin-right: 6px;margin-bottom: 6px;"/> <DictTag :type="item.dictType" :value="cur" v-for="(cur,key) in data[item.field]" :key="key" style="margin-right: 6px;margin-bottom: 6px;"/>

1
src/types/descriptions.d.ts

@ -9,5 +9,6 @@ export interface DescriptionsSchema {
className?: string className?: string
labelClassName?: string labelClassName?: string
dateFormat?: string // add by 星语:支持时间的格式化 dateFormat?: string // add by 星语:支持时间的格式化
valueFilter?: function // 展示的过滤函数
dictType?: string // add by 星语:支持 dict 字典数据 dictType?: string // add by 星语:支持 dict 字典数据
} }

7
src/views/wms/buttMesManage/mesBarCode/index.vue

@ -27,6 +27,13 @@
v-model:currentPage="tableObject.currentPage" v-model:currentPage="tableObject.currentPage"
v-model:sort="tableObject.sort" v-model:sort="tableObject.sort"
> >
<template #type="{row}">
<span v-if="row.type == 'P'||row.type == 'Q'">
{{ row.type == 'P'?'未加密标签':'加密标签'}}
</span>
<span v-else>{{ row.type }}</span>
</template>
<template #plnt="{row}"> <template #plnt="{row}">
<el-button type="primary" link @click="openDetail(row, '代码', row.plnt)"> <el-button type="primary" link @click="openDetail(row, '代码', row.plnt)">
<span>{{ row.plnt }}</span> <span>{{ row.plnt }}</span>

290
src/views/wms/buttMesManage/mesBarCode/mesBarCode.data.ts

@ -1,6 +1,8 @@
import type { CrudSchema } from '@/hooks/web/useCrudSchemas' import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter } from '@/utils/formatTime' import { dateFormatter } from '@/utils/formatTime'
import { getTenantId } from '@/utils/auth'
let names =[{"text":"1379","value":1},{"text":"1397","value":2},{"text":"2379","value":3}]
let tenant = names.find(item=>item.value == getTenantId())
// 表单校验 // 表单校验
export const MesBarCodeRules = reactive({ export const MesBarCodeRules = reactive({
available: [required], available: [required],
@ -11,76 +13,103 @@ export const MesBarCodeRules = reactive({
export const MesBarCode = useCrudSchemas(reactive<CrudSchema[]>([ export const MesBarCode = useCrudSchemas(reactive<CrudSchema[]>([
{ {
label: 'Plnt', label: '租户',
field: 'plnt', field: 'plnt',
sort: 'custom', sort: 'custom',
table: { table: {
width: 120 width: 120
}, },
form: { form: {
component: 'InputNumber', componentProps: {
value: 0 disabled:true,
}, value: tenant?.text
}, },
{ },
label: 'Counter', },
field: 'counter', // {
sort: 'custom', // label: 'Counter',
table: { // field: 'counter',
width: 150 // sort: 'custom',
}, // table: {
isSearch:true // width: 150
}, // },
{ // isSearch:true
label: 'SIGN', // },
field: 'sign', // {
sort: 'custom', // label: 'SIGN',
table: { // field: 'sign',
width: 120 // sort: 'custom',
}, // table: {
}, // width: 120
{ // },
label: 'Option', // },
field: 'option', // {
sort: 'custom', // label: 'Option',
table: { // field: 'option',
width: 120 // sort: 'custom',
}, // table: {
}, // width: 120
// },
// },
{ {
label: 'Lower Lim.', label: 'WMS物料代码',
field: 'lowerLim', field: 'lowerLim',
sort: 'custom', sort: 'custom',
isSearch: true,
table: { table: {
width: 150 width: 150
}, },
}, },
// {
// label: 'UpperLimit',
// field: 'upperLimit',
// sort: 'custom',
// table: {
// width: 150
// },
// },
// {
// label: 'ITAC',
// field: 'itac',
// sort: 'custom',
// table: {
// width: 120
// },
// },
{ {
label: 'UpperLimit', label: '灯码标签类型',
field: 'upperLimit',
sort: 'custom',
table: {
width: 150
},
},
{
label: 'ITAC',
field: 'itac',
sort: 'custom',
table: {
width: 120
},
},
{
label: 'Type',
field: 'type', field: 'type',
sort: 'custom', sort: 'custom',
table: { table: {
width: 120 width: 120
}, },
form: {
component: 'Select',
componentProps: {
options: [{
label:'未加密标签',
value:'P'
},{
label:'加密标签',
value:'Q'
}],
}
},
detail:{
valueFilter:(value)=>{
if(value=='P'){
return `未加密标签`
}else if(value=='Q'){
return '加密标签'
}else{
return value
}
}
}
}, },
{ {
label: 'Length BC', label: '灯码标签字符总长度',
field: 'lengthBc', field: 'lengthBc',
sort: 'custom', sort: 'custom',
table: { table: {
@ -91,16 +120,16 @@ export const MesBarCode = useCrudSchemas(reactive<CrudSchema[]>([
value: 0 value: 0
}, },
}, },
// {
// label: 'Pos. mat',
// field: 'posMat',
// sort: 'custom',
// table: {
// width: 150
// },
// },
{ {
label: 'Pos. mat', label: '客户物料代码字符长度',
field: 'posMat',
sort: 'custom',
table: {
width: 150
},
},
{
label: 'Length mat',
field: 'lengthMat', field: 'lengthMat',
sort: 'custom', sort: 'custom',
table: { table: {
@ -111,76 +140,77 @@ export const MesBarCode = useCrudSchemas(reactive<CrudSchema[]>([
value: 0 value: 0
}, },
}, },
// {
// label: 'Pos. revlv',
// field: 'posRevlv',
// sort: 'custom',
// table: {
// width: 150
// },
// },
{ {
label: 'Pos. revlv', label: '客户物料代码',
field: 'posRevlv',
sort: 'custom',
table: {
width: 150
},
},
{
label: 'Part number',
field: 'partNumber', field: 'partNumber',
sort: 'custom', sort: 'custom',
isSearch: true,
table: { table: {
width: 150 width: 150
}, },
}, },
{ // {
label: 'Pack Label', // label: 'Pack Label',
field: 'packLabel', // field: 'packLabel',
sort: 'custom', // sort: 'custom',
table: { // table: {
width: 150 // width: 150
}, // },
}, // },
{ // {
label: 'OES-Label', // label: 'OES-Label',
field: 'oesLabel', // field: 'oesLabel',
sort: 'custom', // sort: 'custom',
table: { // table: {
width: 150 // width: 150
}, // },
}, // },
{ // {
label: 'Check Rvl', // label: 'Check Rvl',
field: 'checkRvl', // field: 'checkRvl',
sort: 'custom', // sort: 'custom',
table: { // table: {
width: 150 // width: 150
}, // },
}, // },
{ // {
label: 'Days', // label: 'Days',
field: 'days', // field: 'days',
sort: 'custom', // sort: 'custom',
table: { // table: {
width: 120 // width: 120
}, // },
form: { // form: {
component: 'InputNumber', // component: 'InputNumber',
value: 0 // value: 0
}, // },
}, // },
{ // {
label: '是否可用', // label: '是否可用',
field: 'available', // field: 'available',
sort: 'custom', // sort: 'custom',
dictType: DICT_TYPE.TRUE_FALSE, // dictType: DICT_TYPE.TRUE_FALSE,
dictClass: 'string', // dictClass: 'string',
table: { // table: {
width: 120 // width: 120
}, // },
form: { // form: {
component: 'Switch', // component: 'Switch',
value: 'TRUE', // value: 'TRUE',
componentProps: { // componentProps: {
inactiveValue: 'FALSE', // inactiveValue: 'FALSE',
activeValue: 'TRUE' // activeValue: 'TRUE'
} // }
} // }
}, // },
{ {
label: '创建时间', label: '创建时间',
field: 'createTime', field: 'createTime',
@ -245,14 +275,14 @@ export const MesBarCode = useCrudSchemas(reactive<CrudSchema[]>([
width: 150 width: 150
} }
}, },
{ // {
label: '备注', // label: '备注',
field: 'remark', // field: 'remark',
sort: 'custom', // sort: 'custom',
table: { // table: {
width: 120 // width: 120
}, // },
}, // },
{ {
label: '操作', label: '操作',
field: 'action', field: 'action',

Loading…
Cancel
Save