|
@@ -2,9 +2,10 @@
|
|
|
<BasicTable @register="registerTable" :rowSelection="rowSelection" :scroll="{ y: 450 }" />
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
+ import { defineComponent, onMounted, ref, watch } from 'vue';
|
|
|
import { BasicTable } from '/@/components/Table';
|
|
|
import { useListPage } from '/@/hooks/system/useListPage';
|
|
|
- import { deviceList } from '/@/views/vent/monitorManager/windrectMonitor/windrect.api';
|
|
|
+ import { list } from '/@/views/vent/monitorManager/windrectMonitor/windrect.api';
|
|
|
import { getTableHeaderColumns } from '/@/hooks/web/useWebColumns';
|
|
|
|
|
|
export default {
|
|
@@ -16,15 +17,17 @@
|
|
|
required: true,
|
|
|
},
|
|
|
},
|
|
|
+
|
|
|
setup(props) {
|
|
|
const columns = getTableHeaderColumns(props.deviceType);
|
|
|
-
|
|
|
+ const dataTableSource = ref<any[]>([]);
|
|
|
// 列表页面公共参数、方法
|
|
|
const { tableContext, onExportXls } = useListPage({
|
|
|
designScope: 'windrect_list',
|
|
|
tableProps: {
|
|
|
title: '',
|
|
|
- api: deviceList.bind(null, { pageSize: 1000 }),
|
|
|
+ dataSource: dataTableSource,
|
|
|
+ rowKey: 'id',
|
|
|
columns: columns,
|
|
|
size: 'small',
|
|
|
actionColumn: {
|
|
@@ -42,9 +45,23 @@
|
|
|
},
|
|
|
},
|
|
|
});
|
|
|
-
|
|
|
//注册table数据
|
|
|
const [registerTable, { clearSelectedRowKeys, setSelectedRowKeys }, { rowSelection, selectedRowKeys }] = tableContext;
|
|
|
+ onMounted(() => {
|
|
|
+ list({ devicetype: 'windrect', pagetype: 'normal', pageSize: 1000 }).then((res) => {
|
|
|
+ if (res && res.msgTxt[0]) {
|
|
|
+ const dataList: any[] = [];
|
|
|
+ if (res.msgTxt[0].datalist && res.msgTxt[0].datalist.length > 0) {
|
|
|
+ res.msgTxt[0].datalist.forEach((data: any) => {
|
|
|
+ const readData = data.readData;
|
|
|
+ data = Object.assign(data, readData);
|
|
|
+ dataList.push(data);
|
|
|
+ });
|
|
|
+ dataTableSource.value = dataList;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
return {
|
|
|
registerTable,
|
|
|
onExportXls,
|