From e895212fa4215c50ce79ce4b448e064caf394776 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期四, 03 七月 2025 17:35:46 +0800 Subject: [PATCH] 2025.7.3 动态溯源(待完成) --- src/views/historymode/component/DataSheet.vue | 93 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 93 insertions(+), 0 deletions(-) diff --git a/src/views/historymode/component/DataSheet.vue b/src/views/historymode/component/DataSheet.vue index e69de29..8caa27a 100644 --- a/src/views/historymode/component/DataSheet.vue +++ b/src/views/historymode/component/DataSheet.vue @@ -0,0 +1,93 @@ +<template> + <el-row class="wrap"> + <el-col span="2" class="flex-col"> + <el-row justify="end"> + <CardButton + name="璧拌埅鏁版嵁璇︽儏" + direction="left" + @click="() => (show = !show)" + ></CardButton> + </el-row> + <el-row class="flex-col"> + <DataSummary + v-show="show" + :loading="loading" + :factor-datas="factorDatas" + :select-factor-type="selectFactorType" + ></DataSummary> + </el-row> + </el-col> + <el-col v-show="show" span="10"> + <el-row align="bottom"> + <DataTable + :loading="loading" + :select-factor-type="selectFactorType" + :factor-datas="factorDatas" + :device-type="deviceType" + :device-code="deviceCode" + :locate-index="locateIndex" + @table-click="handleTableClick" + ></DataTable> + <FactorCheckbox + direction="left" + vertical + borderless-direction="r" + v-model="selectFactorType" + :device-type="deviceType" + ></FactorCheckbox> + </el-row> + </el-col> + </el-row> +</template> +<script> +// import { toRefs } from 'vue'; +import { TYPE0 } from '@/constant/device-type'; +import { defaultFactorTypes } from '@/constant/checkbox-options'; +import { FactorDatas } from '@/model/FactorDatas'; +// import { useDefaultFactorType } from "../../../composables/defaultFactorType"; + +export default { + // setup(){ + // const {selectFactorType, props} = useDefaultFactorType() + // return {selectFactorType, ...toRefs(props)} + // }, + props: { + loading: Boolean, + factorDatas: FactorDatas, + deviceType: { + type: String, + // type0: 杞﹁浇鎴栨棤浜烘満; type1:鏃犱汉鑸� + default: TYPE0 + }, + deviceCode: String, + // 褰撳墠閫変腑楂樹寒鐨勬暟鎹偣绱㈠紩 + locateIndex: Number + }, + data() { + return { + selectFactorType: defaultFactorTypes(this.deviceType), + show: false + }; + }, + emits: ['tableClick'], + watch: { + deviceType(nV, oV) { + if (nV != oV) { + this.selectFactorType = defaultFactorTypes(nV); + } + } + }, + methods: { + handleTableClick(index) { + this.$emit('tableClick', index); + } + } +}; +</script> +<style scoped> +.flex-col { + display: flex; + flex-direction: column; + justify-content: space-between; +} +</style> -- Gitblit v1.9.3