代码拉取完成,页面将自动刷新
错误描述
生产环境下的三级联动,第二级请求字典时返回选项,但无法选择,浏览器卡死且无报错
异常日志
后端有请求
版本号
avue 3.2.7
vue 3.0
异常截图和代码
const relProCcOption = ref({})
relProCcOption.value = {
dialogType: 'drawer',
border: true,
stripe: true,
viewBtn: true,
menuAlign: 'center',
align: 'center',
searchShow: false,
dialogWidth: '60%',
selection: true,
searchLabelWidth: 120,
delBtn:true,
addBtn:true,
editBtn:true,
column: [
{
search: false,
prop: 'financialCode',
display: false,
width: 120,
label: '财务组织编码'
},
{
search: false,
prop: 'financialName',
display: false,
width: 200,
label: '财务组织名称'
},
{
search: false,
prop: 'costCenterGroupCode',
display: false,
width: 120,
label: '成本中心组编码'
},
{
search: false,
prop: 'costCenterGroupName',
display: false,
width: 120,
label: '成本中心组名称'
},
{
search: true,
prop: 'costCenterCode',
display: false,
width: 120,
label: '成本中心编码'
},
{
search: true,
prop: 'costCenterName',
display: false,
width: 200,
label: '成本中心名称'
},
{
search: true,
prop: 'process',
display: false,
width: 120,
label: '工序',
type: 'select',
dicData: [{
label: '前工序',
value: '171'
}, {
label: '后工序',
value: '172'
}]
},
{
search: true,
prop: 'technology',
display: false,
width: 120,
label: '工艺',
type: 'select',
dicData: [
{
label: '制浆造纸',
value: '180'
},
{
label: '分切',
value: '175'
},
{
label: '卷芯',
value: '174'
},
{
label: '涂布',
value: '176'
},
{
label: '后加工',
value: '177'
},
]
},
{
search: false,
prop: 'seq',
display: false,
width: 120,
label: '计算顺序',
},
{
search: false,
prop: 'remark',
display: false,
width: 120,
label: '备注'
},
{
search: false,
prop: 'id',
display: false,
width: 300,
label: 'ID'
}
]
,
group: [
{
icon: 'el-icon-s-home',
label: '必录信息',
prop: 'group1',
column: [
{
prop: 'financialCode',
rules: [{ required: true, message: '不能为空', trigger: blur }],
label: '组织编码',
row: true,
span: 18
},
{
prop: 'financialName',
rules: [{ required: true, message: '不能为空', trigger: blur }],
label: '组织名称',
row: true,
span: 18
},
{
prop: 'costCenterCode',
rules: [{ required: true, message: '不能为空', trigger: blur }],
label: '成本中心编码',
row: true,
span: 18
},
{
prop: 'costCenterName',
rules: [{ required: true, message: '不能为空', trigger: blur }],
label: '成本中心名称',
row: true,
span: 18
},
{
label: '工序',
span: 18,
type: 'select',
prop: 'process',
cascader: ['technology'],
rules: [{ required: true, message: '不能为空', trigger: blur }],
dicData: process,
// dicUrl: '/zsjr-fi-api/system/dict/data/type/process',
},
{
label: '工艺',
prop: 'technology',
rules: [{ required: true, message: '不能为空', trigger: blur }],
span: 18,
type: 'select',
props: {
label: 'dictLabel',
value: 'dictValue'
},
dicUrl: '/zsjr-fi-api/system/dict/data/getProcessType/{{key}}', //key为上级的value
cascader: ['seq'],
rules: [
{
required: true,
message: '请选择工艺',
trigger: 'change'
}
]
},
{
prop: 'seq',
rules: [{ required: true, message: '不能为空', trigger: blur }],
label: '计算顺序',
row: true,
span: 18,
type: 'select',
props: {
label: 'dictLabel',
value: 'dictValue'
},
dicUrl: '/zsjr-fi-api/system/dict/data/seqSearch/{{key}}', //key为上级的value
},
]
},
{
icon: 'el-icon-s-home',
label: '其他信息',
prop: 'group2',
column: [
{
prop: 'costCenterGroupCode',
label: '成本中心组编码',
row: true,
span: 18
},
{
prop: 'costCenterGroupName',
label: '成本中心组名称',
row: true,
span: 18
},
{
prop: 'remark',
label: '备注',
row: true,
span: 18
}
]
}
],
}