表格显示名称，通过id查找名称

最新推荐文章于 2023-08-05 11:56:02 发布

原创最新推荐文章于 2023-08-05 11:56:02 发布 · 826 阅读

0 ·

CC 4.0 BY-SA版权

个人小纪专栏收录该内容

8 篇文章

订阅专栏

这是一个关于表格查询的代码实现，主要功能是根据用户选择的分组、名称、时间范围和通过性进行数据检索。首先检查是否选择了分组，如果没有则给出错误提示。接着构造查询参数，包括分组ID、名称、开始和结束时间等，并调用HTTP POST方法向服务器发送请求。收到响应后，处理数据并更新文档列表。此外，还定义了一个辅助方法`getObjDataById`用于通过数据对象ID获取详细信息。

  /**
   * 表格查询
   *
   * @public
   * @param {*} options
   * @memberof TableHandle
   */
  public queryMetaDataJobs(): void {
    console.log(this.treeRowData);
    if (!this.treeRowData.id) {
      this.$notify.error('请选择分组!');
      return;
    }
    const url = '/xxx/xxx/list';
    const { name, isPass } = this.search;
    const params: any = {
      groupId: this.treeRowData.id,
      name,
      startTime: this.search.range[0] ? moment(this.search.range[0]).format('YYYY-MM-DD 00:00:00') : '',
      endTime: this.search.range[1] ? moment(this.search.range[1]).format('YYYY-MM-DD 23:59:59') : '',
      isPass,
      pageNumber: this.pageNumber,
      pageSize: this.pageSize
    };
    this.http.post(url, params).then((res: any) => {
      if (res.statusCode == '0') {
        const arr: any = [];
        res.data.forEach((item: any) => {
          item.metaobjNames = [];
          item.metaobjs.forEach(async (id: string) => {
            const data = await this.getObjDataById(id);
            if (data.data) {
              item.metaobjNames.push(data.data.name);
            } else {
              item.metaobjNames = item.metaobjs;
            }
          });
          arr.push(item);
        });
        this.documentList = arr;
      }
    });
  }

  /**
 * 通过数据对象id查询数据对象
 *
 * @memberof CreateForm
 */
  getObjDataById(id: any): Promise<any> {
    const url = `/xxx/xxx/xxxx?Id=${id}`;
    return this.http.post(url);
  }