|
@@ -19,12 +19,34 @@
|
|
|
// 用于服务场景类历史数据业务,这类数据通常由一条数据返回多个子设备的信息,例如:{ forcFan1Temp, forcFan2Temp };
|
|
|
// 而此组件可以将这些数据分类,例如:表格只有 温度 一列,但可以根据所选的子设备展示不同的数据;
|
|
|
// 综上所述,此组件在基础的历史数据组件上添加了子设备下拉框(由字典驱动),用户选择子设备后表头将动态调整以适配数据展示;
|
|
|
+ //
|
|
|
// 使用方法如下:
|
|
|
// 设有历史数据2条,[{ name, forcFan1Temp, forcFan2Temp }, { name, forcFan1Temp, forcFan2Temp }]。
|
|
|
- // 1、配置设备字段(通常是综合管理-设备字段管理),加$的字段将允许动态展示数据。如 name-名称,$Temp-温度。
|
|
|
- // 2、配置数据字典(通常是设置-数据字典),为上述设备的子设备添加编码。如 压风机1-forcFan1,压风机2-forcFan2。
|
|
|
- // 3、配合前端开发人员开发,调用该组件并使用上面定好的device-code(设备字段)、dict-code(数据字典)。
|
|
|
- // 4、测试结果,子设备选择 压风机1 时,表格会读取 name、forcFan1Temp 作展示。
|
|
|
+ //
|
|
|
+ // 1、配置设备字段(参考公司端综合设备管理-设备字段管理)
|
|
|
+ // 以压风机为例,设压风机设备的历史数据编码为forcFan_history。
|
|
|
+ // 那么字段code中加$的字段将允许动态展示数据,例子如下:
|
|
|
+ // 显示字段 字段code
|
|
|
+ // 温度 $Temp
|
|
|
+ // 安装位置 name
|
|
|
+ //
|
|
|
+ // 2、配置数据字典(参考系统管理-数据字典),为上述设备配置子设备
|
|
|
+ // 同以压风机为例,设压风机子设备字典编码为forcFan_dict,且已经新增到系统中。
|
|
|
+ // 则字典配置的例子如下:
|
|
|
+ // 名称 数据值
|
|
|
+ // 压风机1 forcFan1
|
|
|
+ // 压风机2 forcFan2
|
|
|
+ //
|
|
|
+ // 3、运维人员应配合前端开发人员,使用指定的编码配置内容。
|
|
|
+ // 同以压风机为例,需使用device-code(forcFan)、dict-code(forcFan_dict)。
|
|
|
+ //
|
|
|
+ // 4、其他内容说明
|
|
|
+ // 同以压风机为例,当子设备没有数据是,此时展示的数据是:
|
|
|
+ // 温度 安装位置
|
|
|
+ // 取Temp 取name
|
|
|
+ // 同以压风机为例,当子设备选择压风机1时,此时展示的数据是:
|
|
|
+ // 温度 安装位置
|
|
|
+ // 取forcFan1Temp 取name
|
|
|
import { onMounted, ref, shallowRef } from 'vue';
|
|
|
import { BasicColumn, PaginationProps, BasicTable } from '/@/components/Table';
|
|
|
import { getTableHeaderColumns } from '/@/hooks/web/useWebColumns';
|
|
@@ -43,10 +65,12 @@
|
|
|
// schemas?: FormSchema[];
|
|
|
/** 表格分页配置,可以覆写,参考BaiscTable */
|
|
|
pagination?: PaginationProps;
|
|
|
- /** 设备编码,该编码用于从字段/点表配置中读出默认表头,示例:forcFan */
|
|
|
+ /** 设备编码,该编码用于请求设备信息,示例:forcFan */
|
|
|
deviceCode: string;
|
|
|
/** 字典编码,该编码用于从字典配置中读出设备项,示例:forcFan_dict */
|
|
|
dictCode: string;
|
|
|
+ /** 字段编码,该编码用于从设备字段配置中读取默认表头信息,示例:forcFan_history */
|
|
|
+ columnsCode: string;
|
|
|
/** 表格配置,参考BaiscTable,该值会与默认的配置进行浅合并,这里提供的任何配置都是优先的 */
|
|
|
// tableProps?: BasicTableProps;
|
|
|
/** 查询表单配置,参考BaiscTable */
|
|
@@ -184,7 +208,7 @@
|
|
|
|
|
|
onMounted(async () => {
|
|
|
await fetchDevice();
|
|
|
- initTable([deviceInfo.value.deviceType as string, props.deviceCode.concat('_history')], deviceOptions.value, dictOptions.value);
|
|
|
+ initTable([deviceInfo.value.deviceType as string, props.columnsCode], deviceOptions.value, dictOptions.value);
|
|
|
search();
|
|
|
});
|
|
|
</script>
|