高级表单优化

Ben Lin

2024-07-06 e23fdf87e6c3bc6d42198b9309617195f2efd6c0

 src/views/tigerprojects/system/lowcode/high/dtl.vue

@@ -42,7 +42,7 @@
  import { useForm } from '/@/components/Form/index';
  import GeneralModal from '/@/views/components/GeneralModal.vue';
  import normalDrawer from '../normalDrawer.vue';
  import { isNullOrEmpty, isNullOrUnDef } from '/@/utils/is';
  import { isFunction, isNullOrEmpty, isNullOrUnDef } from '/@/utils/is';
  import { useModal } from '/@/components/Modal';
  import { useGo } from '/@/hooks/web/usePage';
  import { DeleteEntity, getEntity } from '/@/api/tigerapi/system';
@@ -81,6 +81,7 @@
      GetTitle(type: string | undefined) {},
      GetUseTables(data: Ref<Recordable[]>, ...args) {},
      GetUseDrawers() {},
      CustInitData(data: Ref<any[]>, keyFieldValues: Ref<{}>, type: string) {},
    } as EntityCustFunctionType,
  ]);
  /* 动态import实体名.ts的自定义方法 */
@@ -96,6 +97,7 @@
      GetTitle,
      GetUseTables,
      GetUseDrawers,
      CustInitData,
    },
  ] = isNullOrUnDef(custImport.value['default'])
    ? EntityCustFunction.value
@@ -133,15 +135,25 @@
      }
      /* type: all-表示需要code的所有的值 */
      if (drawers.value[i]['type'] == 'all') {
        sqlcmd += ` And ${drawers.value[i]['code']} in (${data.value[drawers.value[i]['keyName']].map((value) => `'${value[drawers.value[i]['code']]}'`).join(',')})`;
        if (data.value[drawers.value[i]['keyName']].length > 0) {
          sqlcmd += ` And ${drawers.value[i]['code']} in (${data.value[drawers.value[i]['keyName']].map((value) => `'${value[drawers.value[i]['code']]}'`).join(',')})`;
        } else {
          sqlcmd = ' 1!=1 '; //新增的时候不查数据，查也没有
        }
      }
      const list = await getEntity({
        sqlcmd: sqlcmd,
        entityName: drawers.value[i].name,
        entityName: isNullOrEmpty(drawers.value[i].dataType)
          ? drawers.value[i].name
          : drawers.value[i].dataType,
        order: drawers.value[i].order,
      });
      if (!isNullOrEmpty(list.Data) && !isNullOrEmpty(list.Data.Items)) {
        data.value[drawers.value[i].name] = list.Data.Items;
        // 自定义初始化数据
        if (CustInitData && isFunction(CustInitData)) {
          CustInitData(data, keyFieldValues, drawers.value[i].name);
        }
        useTables[drawers.value[i].name][1].setProps({
          dataSource: [],
        });
@@ -172,7 +184,7 @@
      crudColSlots: props.crudColSlots,
      data,
      name: item.name, //drawers列表里面的name，表示是哪一个实体，也就是高级表单中表格的名字
      keyName: item.keyName, 
      keyName: item.keyName,
    };
    const actionItem = [
      {
@@ -254,21 +266,21 @@
    validate().then((res) => {
      const Keys = Object.getOwnPropertyNames(useFormData.value);
      for (const i in Keys) {
          keyFieldValues.value[item['code']] = objParams.value['IsID']
            ? res[Keys[i]]['ID']
            : res[Keys[i]][item['code']];
        }
        useDrawers[index][item['name']][1].openDrawer(true, {
          isUpdate: false,
          ifSave: true,
          entityName: item['name'], //props.entityName,
          // formJson: GetCrudForm(item, data), //获取增删改表单字段
          crudColSlots: props.crudColSlots,
          keyFieldValues: keyFieldValues.value,
          data,
          name: item['name'], //drawers列表里面的name，表示是哪一个实体，也就是高级表单中表格的名字
          keyName: item['keyName'], 
        });
        keyFieldValues.value[item['code']] = objParams.value['IsID']
          ? res[Keys[i]]['ID']
          : res[Keys[i]][item['code']];
      }
      useDrawers[index][item['name']][1].openDrawer(true, {
        isUpdate: false,
        ifSave: true,
        entityName: item['name'], //props.entityName,
        // formJson: GetCrudForm(item, data), //获取增删改表单字段
        crudColSlots: props.crudColSlots,
        keyFieldValues: keyFieldValues.value,
        data,
        name: item['name'], //drawers列表里面的name，表示是哪一个实体，也就是高级表单中表格的名字
        keyName: item['keyName'],
      });
    });
  }