vent-template/src/views/vent/deviceManager/configurationTable/index.vue

<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="device-manager-box">
    <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">
            <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>
            <span>名称：{{ val }}；</span>
          </div>
        </template>
        <template v-if="column.key === 'showStyle.size'">
          {{ get(ModuleSizeMap, record.showStyle?.size) }}
        </template>
        <template v-if="column.key === 'showStyle.version'">
          {{ get(ModuleVersionMap, record.showStyle?.version) }}
        </template>
        <template v-if="column.key === 'showStyle.position'">
          {{ get(ModulePositionMap, record.showStyle?.position) }}
        </template>
        <template v-if="column.key === 'showStyle.charttype'">
          {{ get(ModuleChartTypeMap, record.showStyle?.charttype) }}
        </template>
      </template>
    </NormalTable>
  </div>
</template>

<script lang="ts" name="system-user" setup>
  // 相关文档请参阅 vent/home/configurable/README.md
  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';

  const deviceType = ref('');
</script>

<style scoped></style>