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

Blade 未结 1 862
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: {
                bordertrue,
                height350,
                searchMenuSpan6,
                column: [
                  {
                    label'信用代码',
                    prop'code',
                    searchtrue
                  },
                  {
                    label'纳税人识别号',
                    prop'taxpayerIdentificationNumber',
                  },
                  {
                    label'纳税名称',
                    prop'taxName',
                    searchtrue
                  },
                  {
                    label'地方工会',
                    prop'unionId',
                    type'tree',
                    dataType'string',
                    dicUrl'/api/blade-business/tradeunions/tree',
                    searchtrue,
                    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',
                    valuefalse,
                  },
                  {
                    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
                  })
                });
              },
              span24,
              rules: [{
                requiredtrue,
                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)
代码语言
提交回复