|
@@ -1,7 +1,17 @@
|
|
|
<!-- eslint-disable vue/multi-word-component-names -->
|
|
|
<template>
|
|
|
<div class="device-manager-box">
|
|
|
- <BasicTable @register="register">
|
|
|
+ <NormalTable
|
|
|
+ :columns="columns"
|
|
|
+ :searchFormSchema="searchFormSchema"
|
|
|
+ :formSchema="formSchema"
|
|
|
+ :list="list"
|
|
|
+ :deleteById="deleteById"
|
|
|
+ :saveOrUpdate="saveOrUpdate"
|
|
|
+ title="配置列表"
|
|
|
+ :showTab="false"
|
|
|
+ :deviceType="deviceType"
|
|
|
+ >
|
|
|
<template #filterCell="{ column, record }">
|
|
|
<template v-if="column.key === 'moduleData.main'">
|
|
|
<div v-for="(val, key) in record.moduleData.main" :key="key">
|
|
@@ -9,12 +19,6 @@
|
|
|
<span>名称:{{ val }};</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <template v-if="column.key === 'moduleData.header'">
|
|
|
- <div v-for="(val, key) in record.moduleData.header" :key="key">
|
|
|
- <span>点位:{{ key }};</span>
|
|
|
- <span>名称:{{ val }};</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
<template v-if="column.key === 'moduleData.chart'">
|
|
|
<div v-for="(val, key) in record.moduleData.chart" :key="key">
|
|
|
<span>点位:{{ key }};</span>
|
|
@@ -34,33 +38,20 @@
|
|
|
{{ get(ModuleChartTypeMap, record.showStyle?.charttype) }}
|
|
|
</template>
|
|
|
</template>
|
|
|
- </BasicTable>
|
|
|
+ </NormalTable>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" name="system-user" setup>
|
|
|
// 相关文档请参阅 vent/home/configurable/README.md
|
|
|
- // import NormalTable from '../comment/NormalTable.vue';
|
|
|
+ import { ref } from 'vue';
|
|
|
+ import NormalTable from '../comment/NormalTable.vue';
|
|
|
import { list, deleteById, saveOrUpdate } from './configuration.api';
|
|
|
import { ModuleVersionMap, ModuleChartTypeMap, ModulePositionMap, ModuleSizeMap } from './options';
|
|
|
import { searchFormSchema, columns, formSchema } from './configuration.data';
|
|
|
import { get } from '../../home/billboard/utils';
|
|
|
- import BasicTable from '/@/components/Table/src/BasicTable.vue';
|
|
|
- import { useListPage } from '/@/hooks/system/useListPage';
|
|
|
-
|
|
|
- const { tableContext } = useListPage({
|
|
|
- tableProps: {
|
|
|
- api: list,
|
|
|
- columns: columns, //表格列
|
|
|
- useSearchForm: true,
|
|
|
- formConfig: {
|
|
|
- schemas: searchFormSchema,
|
|
|
- },
|
|
|
- },
|
|
|
- });
|
|
|
|
|
|
- //BasicTable绑定注册,methods包含的方法参考下方Methods的api
|
|
|
- const [register, methods] = tableContext;
|
|
|
+ const deviceType = ref('');
|
|
|
</script>
|
|
|
|
|
|
<style scoped></style>
|