959 Star 5.1K Fork 1.6K

GVPsmallwei / Avue

 / 详情

cascader在table下已请求网络数据字典,不显示label,新增修改查看的弹窗正常显示

已完成
创建于  
2023-02-22 15:11

错误描述
cascader级联选择器,在table下已请求网络数据字典,不显示label,显示的value,新增修改查看的弹窗正常显示label

异常日志
无异常日志

版本号
2.10.8

异常截图和代码
table中 级联选择器显示不正常

弹窗里可以正常显示

评论 (15)

xzw 创建了任务

发下option配置

 option: {
        dialogClickModal: false,
        index: true,
        indexLabel: '序号',
        border: true,
        searchMenuSpan: 4,
        align: 'center',
        viewBtn: true,
        menuAlign: 'center',
        menuWidth: 200,
        labelWidth: 120,
        size: "mini",
        column: [
          {
            label: '商品名称',
            prop: 'SPMC',
            search: true,
            rules: [{
              required: true,
              message: "请输入商品名称",
              trigger: "blur"
            }]
          },
          {
            label: '商品类型',
            prop: 'SPLX',
            search: false,
            type: "cascader",
            filterable: true,
            overHidden: true,
            props: {
              label: "dictValue",
              value: "dictKey",
            },
            dicUrl: `/api/***`,
            dicFormatter: (data) => {
              return data.data[0].children
            },
            formatter: (row, value) => {
              try {
                return JSON.parse(value);
              } catch (e) {
                return value;
              }
            },
          }]
      }

你加了formatter函数格式化了,你去掉试试

引用自 https://avuejs.com/crud/crud-column/#%E5%86%85%E5%AE%B9%E6%A0%BC%E5%BC%8F%E5%8C%96的评论:

label才是翻译好的

smallwei 任务状态待办的 修改为已完成

去掉也不行,已经写测试项目,测试数据测试过,用最原始的配置

      option: {
        index: true,
        border: true,
        align: 'center',
        viewBtn: true, //查看
        menuAlign: 'center',
        menuWidth: 200,
        labelWidth: 120,
        size: "mini",
        column: [
          {
            label: '商品名称',
            prop: 'SPMC'
          },
          {
            label: '商品类型',
            prop: 'SPLX',
            type: "cascader",
            dicUrl: `/api/splx`
          },
        ]
      },

测试数据 已经把字段改为 label,value

![输入图片说明](https://foruda.gitee.com/images/1677058075655509924/0d4011e2_809468.png "屏幕截图")

发一下字典数据 别截图

[
    {
        "isSealed": 0,
        "code": "JG_JBXX_SPPF_SPLX",
        "hasChildren": false,
        "remark": "",
        "label": "热加工熟肉制品",
        "sort": 1,
        "parentId": "1553945052324294698",
        "parentName": "",
        "isDeleted": 0,
        "children": [
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294700",
                "label": "1.酱卤肉制品:酱卤肉类、糟肉类、白煮类、其他",
                "sort": 1,
                "value": "SPLX_4_1_1",
                "parentId": "1553945052324294699"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294701",
                "label": "2.熏烧烤肉制品",
                "sort": 2,
                "value": "SPLX_4_1_2",
                "parentId": "1553945052324294699"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294702",
                "label": "3.肉灌制品:灌肠类、西式火腿、其他",
                "sort": 3,
                "value": "SPLX_4_1_3",
                "parentId": "1553945052324294699"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294703",
                "label": "4.油炸肉制品",
                "sort": 4,
                "value": "SPLX_4_1_4",
                "parentId": "1553945052324294699"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294704",
                "label": "5.熟肉干制品:肉松类、肉干类、肉脯、其他",
                "sort": 5,
                "value": "SPLX_4_1_5",
                "parentId": "1553945052324294699"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294705",
                "label": "6.其他熟肉制品",
                "sort": 6,
                "value": "SPLX_4_1_6",
                "parentId": "1553945052324294699"
            }
        ],
        "tenantId": "000000",
        "id": "1553945052324294699",
        "value": "SPLX_4_1_0"
    },
    {
        "isSealed": 0,
        "code": "JG_JBXX_SPPF_SPLX",
        "hasChildren": false,
        "remark": "",
        "label": "发酵肉制品",
        "sort": 2,
        "parentId": "1553945052324294698",
        "parentName": "",
        "isDeleted": 0,
        "children": [
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294707",
                "label": "1.发酵灌制品",
                "sort": 1,
                "value": "SPLX_4_2_1",
                "parentId": "1553945052324294706"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294708",
                "label": "2.发酵火腿制品",
                "sort": 2,
                "value": "SPLX_4_2_2",
                "parentId": "1553945052324294706"
            }
        ],
        "tenantId": "000000",
        "id": "1553945052324294706",
        "value": "SPLX_4_2_0"
    },
    {
        "isSealed": 0,
        "code": "JG_JBXX_SPPF_SPLX",
        "hasChildren": false,
        "remark": "",
        "label": "预制调理肉制品",
        "sort": 3,
        "parentId": "1553945052324294698",
        "parentName": "",
        "isDeleted": 0,
        "children": [
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294710",
                "label": "1.冷藏预制调理肉类",
                "sort": 1,
                "value": "SPLX_4_3_1",
                "parentId": "1553945052324294709"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052324294711",
                "label": "2.冷冻预制调理肉类",
                "sort": 2,
                "value": "SPLX_4_3_2",
                "parentId": "1553945052324294709"
            }
        ],
        "tenantId": "000000",
        "id": "1553945052324294709",
        "value": "SPLX_4_3_0"
    },
    {
        "isSealed": 0,
        "code": "JG_JBXX_SPPF_SPLX",
        "hasChildren": false,
        "remark": "",
        "label": "腌腊肉制品",
        "sort": 4,
        "parentId": "1553945052324294698",
        "parentName": "",
        "isDeleted": 0,
        "children": [
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052328488961",
                "label": "1.肉灌制品",
                "sort": 1,
                "value": "SPLX_4_4_1",
                "parentId": "1553945052328488960"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052328488962",
                "label": "2.腊肉制品",
                "sort": 2,
                "value": "SPLX_4_4_2",
                "parentId": "1553945052328488960"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052328488963",
                "label": "3.火腿制品",
                "sort": 3,
                "value": "SPLX_4_4_3",
                "parentId": "1553945052328488960"
            },
            {
                "isSealed": 0,
                "parentName": "",
                "code": "JG_JBXX_SPPF_SPLX",
                "isDeleted": 0,
                "hasChildren": false,
                "tenantId": "000000",
                "remark": "",
                "id": "1553945052328488964",
                "label": "4.其他肉制品",
                "sort": 4,
                "value": "SPLX_4_4_4",
                "parentId": "1553945052328488960"
            }
        ],
        "tenantId": "000000",
        "id": "1553945052328488960",
        "value": "SPLX_4_4_0"
    }
]

的确有问题,2.10.9+版本修复下

smallwei 任务状态已完成 修改为进行中
smallwei 任务状态进行中 修改为已完成
smallwei 里程碑设置为v2.10.9

在table中,级联选择器还是回显不正常,如图
输入图片说明
option:

      option: {
        index: true,
        border: true,
        align: 'center',
        viewBtn: true, //查看
        menuAlign: 'center',
        menuWidth: 200,
        labelWidth: 120,
        size: "mini",
        column: [
          {
            label: '商品名称',
            prop: 'SPMC'
          },
          {
            label: '商品类型',
            prop: 'SPLX',
            type: "cascader",
            dicUrl: `/api/splx`
          },
        ]
      }

数据字典:

[
    {
        "children": [
            {
                "children": [
                    {
                        "id": "1553945052324294700",
                        "label": "1.酱卤肉制品:酱卤肉类、糟肉类、白煮类、其他",
                        "value": "SPLX_4_1_1",
                        "parentId": "1553945052324294699"
                    },
                    {
                        "id": "1553945052324294701",
                        "label": "2.熏烧烤肉制品",
                        "value": "SPLX_4_1_2",
                        "parentId": "1553945052324294699"
                    },
                    {
                        "id": "1553945052324294702",
                        "label": "3.肉灌制品:灌肠类、西式火腿、其他",
                        "value": "SPLX_4_1_3",
                        "parentId": "1553945052324294699"
                    },
                    {
                        "id": "1553945052324294703",
                        "label": "4.油炸肉制品",
                        "value": "SPLX_4_1_4",
                        "parentId": "1553945052324294699"
                    },
                    {
                        "id": "1553945052324294704",
                        "label": "5.熟肉干制品:肉松类、肉干类、肉脯、其他",
                        "value": "SPLX_4_1_5",
                        "parentId": "1553945052324294699"
                    },
                    {
                        "id": "1553945052324294705",
                        "label": "6.其他熟肉制品",
                        "value": "SPLX_4_1_6",
                        "parentId": "1553945052324294699"
                    }
                ],
                "id": "1553945052324294699",
                "label": "热加工熟肉制品",
                "value": "SPLX_4_1_0",
                "parentId": "1553945052324294698"
            },
            {
                "children": [
                    {
                        "id": "1553945052324294707",
                        "label": "1.发酵灌制品",
                        "value": "SPLX_4_2_1",
                        "parentId": "1553945052324294706"
                    },
                    {
                        "id": "1553945052324294708",
                        "label": "2.发酵火腿制品",
                        "value": "SPLX_4_2_2",
                        "parentId": "1553945052324294706"
                    }
                ],
                "id": "1553945052324294706",
                "label": "发酵肉制品",
                "value": "SPLX_4_2_0",
                "parentId": "1553945052324294698"
            },
            {
                "children": [
                    {
                        "id": "1553945052324294710",
                        "label": "1.冷藏预制调理肉类",
                        "value": "SPLX_4_3_1",
                        "parentId": "1553945052324294709"
                    },
                    {
                        "id": "1553945052324294711",
                        "label": "2.冷冻预制调理肉类",
                        "value": "SPLX_4_3_2",
                        "parentId": "1553945052324294709"
                    }
                ],
                "id": "1553945052324294709",
                "label": "预制调理肉制品",
                "value": "SPLX_4_3_0",
                "parentId": "1553945052324294698"
            },
            {
                "children": [
                    {
                        "id": "1553945052328488961",
                        "label": "1.肉灌制品",
                        "value": "SPLX_4_4_1",
                        "parentId": "1553945052328488960"
                    },
                    {
                        "id": "1553945052328488962",
                        "label": "2.腊肉制品",
                        "value": "SPLX_4_4_2",
                        "parentId": "1553945052328488960"
                    },
                    {
                        "id": "1553945052328488963",
                        "label": "3.火腿制品",
                        "value": "SPLX_4_4_3",
                        "parentId": "1553945052328488960"
                    },
                    {
                        "id": "1553945052328488964",
                        "label": "4.其他肉制品",
                        "value": "SPLX_4_4_4",
                        "parentId": "1553945052328488960"
                    }
                ],
                "id": "1553945052328488960",
                "label": "腌腊肉制品",
                "value": "SPLX_4_4_0",
                "parentId": "1553945052324294698"
            }
        ],
        "id": "1553945052324294698",
        "label": "肉制品",
        "value": "SPLX_4_0_0",
        "parentId": ""
    }
]

ok我再排查下

大佬确认了吗 :grin:

2.10.10+版本修复,找到问题了

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
632261 smallweigit 1588214431 809468 xie zhiwei 1581828896
JavaScript
1
https://gitee.com/smallweigit/avue.git
git@gitee.com:smallweigit/avue.git
smallweigit
avue
Avue

搜索帮助