|
@@ -7,89 +7,8 @@
|
|
|
import { BasicTable } from '/@/components/Table';
|
|
|
import { useListPage } from '/@/hooks/system/useListPage';
|
|
|
import { UnitTableColumns } from '../gasPumpSetting.data';
|
|
|
-
|
|
|
- const tableData = [
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- {
|
|
|
- key: '1',
|
|
|
- name: '胡歌',
|
|
|
- age: 32,
|
|
|
- dep: '朝阳区林萃路1号',
|
|
|
- ret: '朝阳区林萃路1号',
|
|
|
- oba: '朝阳区林萃路1号',
|
|
|
- },
|
|
|
- ];
|
|
|
+ import { getEvaluationUnitList } from '../gasPumpSetting.api';
|
|
|
+ import { onMounted, onUnmounted } from 'vue';
|
|
|
|
|
|
const { tableContext } = useListPage({
|
|
|
designScope: 'basic-table-demo',
|
|
@@ -97,11 +16,38 @@
|
|
|
columns: UnitTableColumns,
|
|
|
size: 'small',
|
|
|
useSearchForm: false,
|
|
|
- api: () => Promise.resolve(tableData),
|
|
|
showActionColumn: false,
|
|
|
showTableSetting: false,
|
|
|
},
|
|
|
});
|
|
|
// BasicTable绑定注册
|
|
|
- const [registerTable] = tableContext;
|
|
|
+ const [registerTable, { setPagination, setLoading, setTableData }] = tableContext;
|
|
|
+
|
|
|
+ function fetchTableData() {
|
|
|
+ setLoading(true);
|
|
|
+ return getEvaluationUnitList({})
|
|
|
+ .then(({ current, total, records }) => {
|
|
|
+ setPagination({
|
|
|
+ current,
|
|
|
+ total,
|
|
|
+ });
|
|
|
+ setTableData(records);
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ setLoading(false);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ let timer: any = null;
|
|
|
+
|
|
|
+ onMounted(() => {
|
|
|
+ timer = setInterval(() => {
|
|
|
+ fetchTableData();
|
|
|
+ }, 10000);
|
|
|
+ fetchTableData();
|
|
|
+ });
|
|
|
+
|
|
|
+ onUnmounted(() => {
|
|
|
+ timer = clearInterval(timer);
|
|
|
+ });
|
|
|
</script>
|