Ben Lin
2024-12-07 547c91649da47f4dd8c6706e632797dbd9d79d87
src/views/tigerprojects/system/lowcode/setting/index.vue
@@ -4,7 +4,7 @@
 * @version: 
 * @Date: 2024-06-18 15:09:48
 * @LastEditors: Ben Lin
 * @LastEditTime: 2024-10-10 20:08:31
 * @LastEditTime: 2024-10-23 22:27:39
-->
<template>
  <div>
@@ -18,7 +18,7 @@
            {
              icon: 'clarity:note-edit-line',
              onClick: handleEdit.bind(null, record),
              name: ''
              name: '',
            },
            {
              icon: 'ant-design:delete-outlined',
@@ -28,7 +28,7 @@
                placement: 'left',
                confirm: handleDelete.bind(null, record),
              },
              name: ''
              name: '',
            },
          ]"
        />
@@ -37,25 +37,35 @@
  </div>
</template>
<script lang="ts" setup>
  import { onMounted, ref } from 'vue';
  import { onMounted, ref, unref } from 'vue';
  import { BasicTable, useTable, TableAction, BasicColumn, FormSchema } from '/@/components/Table';
  import { DeleteEntity, fetchJson, getListByPage } from '/@/api/tigerapi/system';
  import { DeleteEntity, fetchJson, getEntity, getListByPage } from '/@/api/tigerapi/system';
  import { useGlobSetting } from '/@/hooks/setting';
  import { useGo } from '/@/hooks/web/usePage';
  import { buildUUID } from '/@/utils/uuid';
  import { useRouter } from 'vue-router';
  import { afterFetchFn, SearchInfoFn } from '../data';
  import { useQueryStore } from '/@/store/modules/queryInpage';
  const go = useGo();
  const globSetting = useGlobSetting();
  const { currentRoute } = useRouter();
  const useQuery = useQueryStore();
  const route = unref(currentRoute);
  const _columns = ref([]);
  const _searchFormSchema = ref([]);
  const [registerTable, { reload }] = useTable({
  const [registerTable, { reload, getForm }] = useTable({
    title: '列表信息',
    api: getListByPage,
    searchInfo: { TABLE_NAME: 'SYS_LOW_CODE' },
    beforeFetch: (t) => SearchInfoFn(t, route.name, false),
    afterFetch: afterFetch,
    columns: _columns as unknown as BasicColumn[],
    formConfig: {
      labelWidth: 120,
      schemas: _searchFormSchema as unknown as FormSchema[],
      submitFunc: () => Search(), //自定义查询提交按钮的方法,触发查询提交事件
      resetFunc: () => useQuery.resetFunc(route.name, getForm(), false),
    },
    useSearchForm: true,
    showTableSetting: true,
@@ -92,16 +102,42 @@
    });
  }
  /**
   * @description: 查询提交
   * @return {*}
   */
  async function Search() {
    useQuery.submitFunc(route.name, getForm(), false).then(() => {
      reload();
    });
  }
  /**
   * @description: 请求之后对返回值进行处理
   * @param {*} t
   * @return {*}
   */
  function afterFetch(t) {
    afterFetchFn(t, route.name, getForm());
  }
  function handleSuccess() {
    reload();
  }
  onMounted(async () => {
    _searchFormSchema.value = await fetchJson(
      `${globSetting.downloadUrl}/LowCode/SYS_LOW_CODE/SYS_LOW_CODE_Searchform.json`,
    );
    _columns.value = await fetchJson(
      `${globSetting.downloadUrl}/LowCode/SYS_LOW_CODE/SYS_LOW_CODE_Baseform.json`,
    );
    // _searchFormSchema.value = await fetchJson(
    //   `${globSetting.downloadUrl}/LowCode/SYS_LOW_CODE/SYS_LOW_CODE_Searchform.json`,
    // );
    // _columns.value = await fetchJson(
    //   `${globSetting.downloadUrl}/LowCode/SYS_LOW_CODE/SYS_LOW_CODE_Baseform.json`,
    // );
    const data = await getEntity({
      sqlcmd: "ASSEMBLY_NAME ='SYS_LOW_CODE'",
      entityName: 'SYS_LOW_CODE',
      order: '',
    });
    _searchFormSchema.value = JSON.parse(data.Data.Items[0].SEARCH_FORM_JSON);
    _columns.value = JSON.parse(data.Data.Items[0].BASE_FORM_JSON);
  });
</script>