| | |
| | | * @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> |
| | |
| | | { |
| | | icon: 'clarity:note-edit-line', |
| | | onClick: handleEdit.bind(null, record), |
| | | name: '' |
| | | name: '', |
| | | }, |
| | | { |
| | | icon: 'ant-design:delete-outlined', |
| | |
| | | placement: 'left', |
| | | confirm: handleDelete.bind(null, record), |
| | | }, |
| | | name: '' |
| | | name: '', |
| | | }, |
| | | ]" |
| | | /> |
| | |
| | | </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 { 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, |
| | |
| | | }); |
| | | } |
| | | |
| | | /** |
| | | * @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(); |
| | | } |