From fb876cbc3b21035125668f2db6ee84e47efb544f Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期日, 12 五月 2024 22:42:22 +0800
Subject: [PATCH] 实时走航模式完成
---
src/views/historymode/component/DataSheet.vue | 99 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 99 insertions(+), 0 deletions(-)
diff --git a/src/views/historymode/component/DataSheet.vue b/src/views/historymode/component/DataSheet.vue
index e69de29..526c7cc 100644
--- a/src/views/historymode/component/DataSheet.vue
+++ b/src/views/historymode/component/DataSheet.vue
@@ -0,0 +1,99 @@
+<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"
+ :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 { checkboxOptions } 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
+ },
+ // 褰撳墠閫変腑楂樹寒鐨勬暟鎹偣绱㈠紩
+ locateIndex: Number
+ },
+ data() {
+ return {
+ selectFactorType: this.defaultFactorTypes(),
+ show: false
+ };
+ },
+ emits: ['tableClick'],
+ watch: {
+ deviceType(nV, oV) {
+ if (nV != oV) {
+ this.selectFactorType = this.defaultFactorTypes();
+ }
+ }
+ },
+ methods: {
+ handleTableClick(index) {
+ this.$emit('tableClick', index);
+ },
+ defaultFactorTypes() {
+ const list = checkboxOptions(this.deviceType);
+ if (list.length > 3) {
+ return list.slice(0, 3).map((v) => v.value);
+ } else {
+ return list.map((v) => v.value);
+ }
+ }
+ }
+};
+</script>
+<style scoped>
+.flex-col {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+</style>
--
Gitblit v1.9.3