在CRUD中使用table弹出选择组件,列表页显示为ID

Blade 未结 1 104
Jalena
Jalena 剑圣 2021-05-28 11:08

一、该问题的重现步骤是什么?

列的定义:

{
              label: "缴费单位",
              prop: "paymentOrganizationId",
              type: "table",
              // dataType: "string",
              dicFlag: true,
              dicUrl: "/api/blade-business/paymentorganization/detail?id={{key}}",
              cascaderItem: ['paymentOrganizationId'],
              props: {
                label: "taxName",
                value: "id"
              },
              children: {
                border: true,
                height: 350,
                searchMenuSpan: 6,
                column: [
                  {
                    label: '信用代码',
                    prop: 'code',
                    search: true
                  },
                  {
                    label: '纳税人识别号',
                    prop: 'taxpayerIdentificationNumber',
                  },
                  {
                    label: '纳税名称',
                    prop: 'taxName',
                    search: true
                  },
                  {
                    label: '地方工会',
                    prop: 'unionId',
                    type: 'tree',
                    dataType: 'string',
                    dicUrl: '/api/blade-business/tradeunions/tree',
                    search: true,
                    props: {
                      label: 'unionName',
                      value: 'id'
                    }
                  },
                  {
                    label: '征收机关',
                    prop: 'taxAuthoritiesId',
                    type: 'tree',
                    dicUrl: '/api/blade-business/taxauthority/findall',
                    props: {
                      label: 'taxName',
                      value: 'id'
                    }
                  },
                  {
                    label: '成立工会',
                    prop: 'isUnion',
                    type: 'switch',
                    value: false,
                  },
                  {
                    label: '成立日期',
                    prop: 'dateOfEstablishment',
                    format: 'yyyy-MM-dd',
                    valueFormat: 'yyyy-MM-dd',
                    type: 'datetime',
                  }
                ]
              },
              onLoad: ({page, value, data}, callback) => {

                // 首次加载查询对应的值
                if (value) {
                  getDetail(value).then(res => {
                    const data = res.data.data;
                    callback({
                      id: value,
                      taxName: data.taxName,
                    })
                  });
                  return;
                }

                if(data){
                  this.$message.success('搜索查询参数'+JSON.stringify(data))
                }

                if(page){
                  this.$message.success('分页参数'+JSON.stringify(page))
                }

                //去空
                if (!data) {
                  data = {}
                }

                // 分页查询
                findall(page.currentPage, page.pageSize, Object.assign(data)).then(res => {
                  const data = res.data.data;
                  callback({
                    total: data.total,
                    data: data.records
                  })
                });
              },
              span: 24,
              rules: [{
                required: true,
                message: "请选择缴费单位",
                trigger: "blur"
              }]
            },



二、你期待的结果是什么?实际看到的又是什么?

列表页显示为中文名,而不是ID,,


目前实际看到的为ID。


三、你正在使用的是什么产品,什么版本?在什么操作系统上?

目前前后端均使用的是企业版的2.8.1版本


四、请提供详细的错误堆栈信息,这很重要。

程序没有抛出任何堆栈错误,但观察Console控制台,在打开列表页时,没有看到这个字段向后端请求数据。但打开详情页面时则会触发通过id请求后端数据。



五、若有更多详细信息,请在下面提供。

缴费单位显示为了ID。。

image.png

1条回答
  • 你绑定的prop不应该是paymentOrganizationId,是你单位名称的字段。

    作者追问:2021-05-28 11:20

    我的单位名称ID就是这个啊。

    作者追问:2021-05-28 11:21

    这是 我的后端实体

    image.png

    0 讨论(0)
提交回复