From d9e59ed2e947aff29b7c21a9b0e8b6e12d741692 Mon Sep 17 00:00:00 2001
From: wxw <Administrator@DESKTOP-5BIMHQ3>
Date: 星期五, 30 八月 2024 14:54:18 +0800
Subject: [PATCH] 解决冲突
---
Web/src/views/device/deviceInfo/index.vue | 864 +++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 627 insertions(+), 237 deletions(-)
diff --git a/Web/src/views/device/deviceInfo/index.vue b/Web/src/views/device/deviceInfo/index.vue
index dca968d..48c52f5 100644
--- a/Web/src/views/device/deviceInfo/index.vue
+++ b/Web/src/views/device/deviceInfo/index.vue
@@ -1,65 +1,73 @@
<template>
<div class="sys-user-container">
- <splitpanes>
- <pane size="10">
- <el-collapse v-model="activeName">
- <el-collapse-item title="璁惧鎺у埗" name="1">
- <el-card
- class="box-card"
- shadow="hover"
- body-style="height:30px; padding: 0 20px; display: flex; align-items: center;">
- <el-switch v-model="value1" active-text="" inactive-text="绋嬪簭鏈嶅姟"></el-switch>
- </el-card>
- <el-card
- class="box-card"
- shadow="hover"
- body-style="height:30px; padding: 0 20px; display: flex; align-items: center;"
- style="margin-top: 3px;">
- <el-switch v-model="value2" active-text="" inactive-text="鑴辨満妯″紡"></el-switch>
- </el-card>
- <el-card
- class="box-card"
- shadow="hover"
- body-style="height:30px; padding: 0 20px; display: flex; align-items: center;"
- style="margin-top: 3px;">
- <el-switch v-model="value3" active-text="" inactive-text="鑷埛鏂�"></el-switch>
- </el-card>
- </el-collapse-item>
-
- <el-collapse-item title="鍫嗗灈鏈�" name="2">
- <div style="overflow-x: auto;white-space: nowrap;height: 380px;">
- <el-card
- v-for="(stacker, index) in stackers"
- :key="index"
- class="box-card"
- shadow="hover"
- body-style="height:30px; padding: 0 20px; display: flex; align-items: center;"
- style="margin-top: 3px;">
- <el-switch v-model="stacker.value" :inactive-text="`${index + 1}鍙峰爢鍨涙満`"></el-switch>
- </el-card>
- </div>
- </el-collapse-item>
-
- <el-collapse-item title="杈撻�佺嚎" name="3">
- <el-card
- v-for="(conveyor, index) in conveyors"
- :key="index"
- class="box-card"
- shadow="hover"
- body-style="height:30px; padding: 0 20px; display: flex; align-items: center;"
- style="margin-top: 3px;">
- <el-switch v-model="conveyor.value" :inactive-text="`${index + 1}妤艰緭閫佺嚎`"></el-switch>
- </el-card>
- </el-collapse-item>
- </el-collapse>
- </pane>
- <pane size="90" style="position: relative;background-color: #fff;">
- <el-card shadow="hover" :body-style="{ paddingBottom: '0', padding: '10px' }">
+ <el-row>
+ <el-col :span="3">
+ <el-collapse v-model="activeName">
+ <el-collapse-item title="璁惧鎺у埗" name="1">
+ <el-card class="box-card" shadow="hover">
+ <el-switch v-model="state.boRunningState" active-text="" inactive-text="绋嬪簭鏈嶅姟"></el-switch>
+ </el-card>
+ <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
+ <el-switch v-model="state.boOffline" active-text="" inactive-text="鑴辨満妯″紡"></el-switch>
+ </el-card>
+ <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
+ <el-switch v-model="state.boRefresh" active-text="" inactive-text="鑷埛鏂�"></el-switch>
+ </el-card>
+ </el-collapse-item>
+
+ <el-collapse-item title="鍫嗗灈鏈�" name="2">
+ <div style="overflow-x: auto;white-space: nowrap;">
+ <el-card v-for="(stacker, index) in stackers" :key="index" class="box-card" shadow="hover">
+ <el-switch disabled v-model="stacker.isConn" :inactive-text="`${stacker.text}`"></el-switch>
+ </el-card>
+ </div>
+ </el-collapse-item>
+
+ <el-collapse-item title="杈撻�佺嚎" name="3">
+ <el-card v-for="(conveyor, index) in conveyors" :key="index" class="box-card" shadow="hover">
+ <el-switch disabled v-model="conveyor.isConn" :inactive-text="`${conveyor.text}`"></el-switch>
+ </el-card>
+ </el-collapse-item>
+ </el-collapse>
+ </el-col>
+ <el-col :span="21">
<div class="card-page">
<el-button type="primary" :plain="isPlain1" @click="floorTogglePlain(1)">涓�灞傚钩闈�</el-button>
<el-button type="primary" :plain="isPlain2" @click="floorTogglePlain(2)">浜屽眰骞抽潰</el-button>
<el-button type="primary" :plain="isPlain3" @click="floorTogglePlain(3)">涓夊眰骞抽潰</el-button>
</div>
+ <div style="margin: 40px; height: 50%;">
+ <div class="grid-container-line">
+ <div v-for="cell in cellsDataLine" :key="cell.Id">
+ <div v-if="cell.IsShow === 0" class="grid-item-line">
+ <div class="grid-item-line-end">
+ {{ cell.EndLocat }}
+ </div>
+ <div class="grid-item-line-box" :style="{ marginTop: cell.BoxHeight + 'px' }">
+ {{ cell.LineCode }}
+ </div>
+ <div class="grid-item-line-child"></div>
+ </div>
+ </div>
+ </div>
+ <div class="grid-container">
+ <div v-for="cell in cellsData" :key="cell.Id">
+ <div v-if="cell.IsShow === 0"
+ :class="['grid-item', { 'active': cell.IsUse === 1 }, { 'active2': cell.IsUse === 2 }]">
+ <div>{{ cell.Code }}</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </el-col>
+ </el-row>
+ </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, onMounted } from 'vue';
+import { listStatus } from '/@/api/wcs/wcsPlc';
+import { signalR } from './signalR';
</el-card>
<el-card shadow="hover" :body-style="{ paddingBottom: '0', padding: '10px' }" class="card-line">
<div class="grid-container-line">
@@ -86,7 +94,7 @@
:key="cell.Id">
<div
v-if="cell.IsShow === 0"
- :class="['grid-item', { 'active': cell.IsUse === 1 }, { 'active2': cell.IsUse === 2 }]"
+ :class="['grid-item', { 'active': cell.IsUse === 1 }, { 'active2': cell.IsUse === 2 }, { 'active3': cell.IsUse === 3 }]"
>
<!-- 涓存椂鐢ㄧ殑code闇�澧炲姞鐐逛綅瀛楁鏇挎崲 -->
<div>{{ cell.Code }}</div>
@@ -106,87 +114,103 @@
import { Vue2 } from 'vue-demi';
- const activeName = ['1', '2', '3'];
- const value1 = ref(false);
- const value2 = ref(false);
- const value3 = ref(false);
- const stackers = reactive([
- { value: false },
- { value: false },
- { value: false },
- { value: false },
- { value: false },
- { value: false },
- { value: false },
- { value: false },
- { value: false },
- { value: false },
- ]);
- const conveyors = reactive([
- { value: false },
- { value: false },
- { value: false },
- ]);
+const state = ref<any>({});
+const stackers = ref<any>({});
+const conveyors = ref<any>({});
+// 鏌ヨ鐘舵��
+const handleQuery = async () => {
+ var res = await listStatus();
+ state.value = res.data.result.modService;
+ stackers.value = res.data.result.listPlc.filter(s => s.type == 0);
+ conveyors.value = res.data.result.listPlc.filter(s => s.type == 1 || s.type == 4);
+};
+handleQuery();
+//杩炴帴signalR 鐩戝惉鍙樻洿
+onMounted(async () => {
+ signalR.off('PublicPlcConn');
+ signalR.on('PublicPlcConn', (data: any) => {
+ console.log(data)
+ if (data.type === 0) {
+ // 鏇挎崲 stackers 涓殑鐩稿簲椤�
+ const index = stackers.value.findIndex(item => item.id === data.id);
+ if (index !== -1) {
+ stackers.value[index] = data;
+ }
+ } else if (data.type === 1 || data.type === 4) {
+ // 鏇挎崲 conveyors 涓殑鐩稿簲椤�
+ const index = conveyors.value.findIndex(item => item.id === data.id);
+ if (index !== -1) {
+ conveyors.value[index] = data;
+ }
+ }
+ console.log(stackers.value[0].isConn)
+ });
+});
- //鍫嗗灈鏈烘暟鎹�
- const cellsDataLine=[
- { Id: 1, Code: '001', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 2, Code: '002', LineCode:'01',EndLocat:'01010101',IsShow: 0, IsUse: 0,BoxHeight:190 },
- { Id: 3, Code: '003', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 4, Code: '004', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 5, Code: '005', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 6, Code: '006', LineCode:'02',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:50 },
- { Id: 7, Code: '007', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 8, Code: '008', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 9, Code: '009', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 10, Code: '010', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 11, Code: '011', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 12, Code: '012', LineCode:'03',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:10 },
- { Id: 13, Code: '013', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 14, Code: '014', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 15, Code: '015', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 16, Code: '016', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 17, Code: '017', LineCode:'04',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:10 },
- { Id: 18, Code: '018', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 19, Code: '019', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 20, Code: '020', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 21, Code: '021', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 22, Code: '022', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 23, Code: '023', LineCode:'05',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:300 },
- { Id: 24, Code: '024', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10},
- { Id: 25, Code: '025', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 26, Code: '026', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 27, Code: '027', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 28, Code: '028', LineCode:'06',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:0 },
- { Id: 29, Code: '029', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 30, Code: '030', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 31, Code: '031', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 32, Code: '032', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 33, Code: '033', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 34, Code: '034', LineCode:'07',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:10 },
- { Id: 35, Code: '035', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 36, Code: '036', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 37, Code: '037', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 38, Code: '038', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 39, Code: '039', LineCode:'08',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:10 },
- { Id: 40, Code: '040', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 41, Code: '041', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 42, Code: '042', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 43, Code: '043', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 44, Code: '044', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 45, Code: '045', LineCode:'09',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:10 },
- { Id: 46, Code: '046', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 47, Code: '047', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 48, Code: '048', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 49, Code: '049', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- { Id: 50, Code: '050', LineCode:'10',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:10 },
- { Id: 51, Code: '051', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
- ];
+const activeName = ['1', '2', '3'];
+const value1 = ref(false);
+const value2 = ref(false);
+const value3 = ref(false);
- //涓�灞傝緭閫佺嚎鏁版嵁
- const cellsDataOne = [
- { Id: 1, Code: '001', IsShow: 0, IsUse: 0 },
+//鍫嗗灈鏈烘暟鎹�
+const cellsDataLine = [
+ { Id: 1, Code: '001', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 2, Code: '002', LineCode: '01', EndLocat: '01010101', IsShow: 0, IsUse: 0, BoxHeight: 10 },
+ { Id: 3, Code: '003', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 4, Code: '004', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 5, Code: '005', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 6, Code: '006', LineCode: '02', EndLocat: '', IsShow: 0, IsUse: 0, BoxHeight: 50 },
+ { Id: 7, Code: '007', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 8, Code: '008', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 9, Code: '009', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 10, Code: '010', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 11, Code: '011', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 12, Code: '012', LineCode: '03', EndLocat: '', IsShow: 0, IsUse: 0, BoxHeight: 10 },
+ { Id: 13, Code: '013', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 14, Code: '014', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 15, Code: '015', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 16, Code: '016', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 17, Code: '017', LineCode: '04', EndLocat: '', IsShow: 0, IsUse: 0, BoxHeight: 10 },
+ { Id: 18, Code: '018', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 19, Code: '019', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 20, Code: '020', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 21, Code: '021', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 22, Code: '022', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 23, Code: '023', LineCode: '05', EndLocat: '', IsShow: 0, IsUse: 0, BoxHeight: 200 },
+ { Id: 24, Code: '024', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 25, Code: '025', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 26, Code: '026', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 27, Code: '027', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 28, Code: '028', LineCode: '06', EndLocat: '', IsShow: 0, IsUse: 0, BoxHeight: 0 },
+ { Id: 29, Code: '029', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 30, Code: '030', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 31, Code: '031', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 32, Code: '032', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 33, Code: '033', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 34, Code: '034', LineCode: '07', EndLocat: '', IsShow: 0, IsUse: 0, BoxHeight: 10 },
+ { Id: 35, Code: '035', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 36, Code: '036', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 37, Code: '037', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 38, Code: '038', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 39, Code: '039', LineCode: '08', EndLocat: '', IsShow: 0, IsUse: 0, BoxHeight: 10 },
+ { Id: 40, Code: '040', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 41, Code: '041', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 42, Code: '042', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 43, Code: '043', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 44, Code: '044', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 45, Code: '045', LineCode: '09', EndLocat: '', IsShow: 0, IsUse: 0, BoxHeight: 10 },
+ { Id: 46, Code: '046', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 47, Code: '047', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 48, Code: '048', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 49, Code: '049', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+ { Id: 50, Code: '050', LineCode: '10', EndLocat: '', IsShow: 0, IsUse: 0, BoxHeight: 10 },
+ { Id: 51, Code: '051', LineCode: '', EndLocat: '', IsShow: 1, IsUse: 0, BoxHeight: 10 },
+];
+
+//涓�灞傝緭閫佺嚎鏁版嵁
+const cellsDataOne = [
+ { Id: 1, Code: '001', IsShow: 0, IsUse: 0 },
{ Id: 2, Code: '002', IsShow: 1, IsUse: 0 },
{ Id: 3, Code: '003', IsShow: 0, IsUse: 0 },
{ Id: 4, Code: '004', IsShow: 1, IsUse: 0 },
@@ -1620,124 +1644,459 @@
{ Id:202 , Code: '202', IsShow: 0, IsUse: 2 },
{ Id:203 , Code: '203', IsShow: 1, IsUse: 0 },
{ Id:204 , Code: '204', IsShow: 0, IsUse: 2 },
+ { Id:205 , Code: '205', IsShow: 0, IsUse: 3 },
+ { Id:206 , Code: '206', IsShow: 0, IsUse: 3 },
+ { Id:207 , Code: '207', IsShow: 0, IsUse: 3 },
+ { Id:208 , Code: '208', IsShow: 0, IsUse: 3 },
+ { Id:209 , Code: '209', IsShow: 0, IsUse: 3 },
+ { Id:210 , Code: '210', IsShow: 0, IsUse: 3 },
+ { Id:211 , Code: '211', IsShow: 0, IsUse: 3 },
+ { Id:212 , Code: '212', IsShow: 0, IsUse: 3 },
+ { Id:213 , Code: '213', IsShow: 0, IsUse: 3 },
+ { Id:214 , Code: '214', IsShow: 0, IsUse: 3 },
+ { Id:215 , Code: '215', IsShow: 0, IsUse: 3 },
+ { Id:216 , Code: '216', IsShow: 0, IsUse: 3 },
+ { Id:217 , Code: '217', IsShow: 0, IsUse: 3 },
+ { Id:218 , Code: '218', IsShow: 0, IsUse: 3 },
+ { Id:219 , Code: '219', IsShow: 0, IsUse: 3 },
+ { Id:220 , Code: '220', IsShow: 0, IsUse: 3 },
+ { Id:221 , Code: '221', IsShow: 0, IsUse: 3 },
+ { Id:222 , Code: '222', IsShow: 0, IsUse: 3 },
+ { Id:223 , Code: '223', IsShow: 0, IsUse: 3 },
+ { Id:224 , Code: '224', IsShow: 0, IsUse: 3 },
+ { Id:225 , Code: '225', IsShow: 0, IsUse: 3 },
+ { Id:226 , Code: '226', IsShow: 0, IsUse: 3 },
+ { Id:227 , Code: '227', IsShow: 0, IsUse: 3 },
+ { Id:228 , Code: '228', IsShow: 0, IsUse: 3 },
+ { Id:229 , Code: '229', IsShow: 0, IsUse: 3 },
+ { Id:230 , Code: '230', IsShow: 0, IsUse: 3 },
+ { Id:231 , Code: '231', IsShow: 0, IsUse: 3 },
+ { Id:232 , Code: '232', IsShow: 0, IsUse: 3 },
+ { Id:233 , Code: '233', IsShow: 0, IsUse: 3 },
+ { Id:234 , Code: '234', IsShow: 0, IsUse: 3 },
+ { Id:235 , Code: '235', IsShow: 0, IsUse: 3 },
+ { Id:236 , Code: '236', IsShow: 0, IsUse: 3 },
+ { Id:237 , Code: '237', IsShow: 0, IsUse: 3 },
+ { Id:238 , Code: '238', IsShow: 0, IsUse: 3 },
+ { Id:239 , Code: '239', IsShow: 0, IsUse: 3 },
+ { Id:240 , Code: '240', IsShow: 0, IsUse: 3 },
+ { Id:241 , Code: '241', IsShow: 0, IsUse: 3 },
+ { Id:242 , Code: '242', IsShow: 0, IsUse: 3 },
+ { Id:243 , Code: '243', IsShow: 0, IsUse: 3 },
+ { Id:244 , Code: '244', IsShow: 0, IsUse: 3 },
+ { Id:245 , Code: '245', IsShow: 0, IsUse: 3 },
+ { Id:246 , Code: '246', IsShow: 0, IsUse: 3 },
+ { Id:247 , Code: '247', IsShow: 0, IsUse: 3 },
+ { Id:248 , Code: '248', IsShow: 0, IsUse: 3 },
+ { Id:249 , Code: '249', IsShow: 0, IsUse: 3 },
+ { Id:250 , Code: '250', IsShow: 0, IsUse: 3 },
+ { Id:251 , Code: '251', IsShow: 0, IsUse: 3 },
+ { Id:252 , Code: '252', IsShow: 0, IsUse: 3 },
+ { Id:253 , Code: '253', IsShow: 0, IsUse: 3 },
+ { Id:254 , Code: '254', IsShow: 0, IsUse: 3 },
+ { Id:255 , Code: '255', IsShow: 0, IsUse: 3 },
+ { Id:256 , Code: '256', IsShow: 1, IsUse: 0 },
+ { Id:257 , Code: '257', IsShow: 1, IsUse: 0 },
+ { Id:258 , Code: '258', IsShow: 1, IsUse: 0 },
+ { Id:259 , Code: '259', IsShow: 1, IsUse: 0 },
+ { Id:260 , Code: '260', IsShow: 1, IsUse: 0 },
+ { Id:261 , Code: '261', IsShow: 1, IsUse: 0 },
+ { Id:262 , Code: '262', IsShow: 1, IsUse: 0 },
+ { Id:263 , Code: '263', IsShow: 1, IsUse: 0 },
+ { Id:264 , Code: '264', IsShow: 1, IsUse: 0 },
+ { Id:265 , Code: '265', IsShow: 1, IsUse: 0 },
+ { Id:266 , Code: '266', IsShow: 1, IsUse: 0 },
+ { Id:267 , Code: '267', IsShow: 1, IsUse: 0 },
+ { Id:268 , Code: '268', IsShow: 1, IsUse: 0 },
+ { Id:269 , Code: '269', IsShow: 1, IsUse: 0 },
+ { Id:270 , Code: '270', IsShow: 1, IsUse: 0 },
+ { Id:271 , Code: '271', IsShow: 1, IsUse: 0 },
+ { Id:272 , Code: '272', IsShow: 1, IsUse: 0 },
+ { Id:273 , Code: '273', IsShow: 1, IsUse: 0 },
+ { Id:274 , Code: '274', IsShow: 0, IsUse: 0 },
+ { Id:275 , Code: '275', IsShow: 1, IsUse: 0 },
+ { Id:276 , Code: '276', IsShow: 1, IsUse: 0 },
+ { Id:277 , Code: '277', IsShow: 1, IsUse: 0 },
+ { Id:278 , Code: '278', IsShow: 1, IsUse: 0 },
+ { Id:279 , Code: '279', IsShow: 1, IsUse: 0 },
+ { Id:280 , Code: '280', IsShow: 1, IsUse: 0 },
+ { Id:281 , Code: '281', IsShow: 1, IsUse: 0 },
+ { Id:282 , Code: '282', IsShow: 1, IsUse: 0 },
+ { Id:283 , Code: '283', IsShow: 1, IsUse: 0 },
+ { Id:284 , Code: '284', IsShow: 1, IsUse: 0 },
+ { Id:285 , Code: '285', IsShow: 1, IsUse: 0 },
+ { Id:286 , Code: '286', IsShow: 1, IsUse: 0 },
+ { Id:287 , Code: '287', IsShow: 1, IsUse: 0 },
+ { Id:288 , Code: '288', IsShow: 1, IsUse: 0 },
+ { Id:289 , Code: '289', IsShow: 1, IsUse: 0 },
+ { Id:290 , Code: '290', IsShow: 1, IsUse: 0 },
+ { Id:291 , Code: '291', IsShow: 1, IsUse: 0 },
+ { Id:292 , Code: '292', IsShow: 1, IsUse: 0 },
+ { Id:293 , Code: '293', IsShow: 1, IsUse: 0 },
+ { Id:294 , Code: '294', IsShow: 0, IsUse: 0 },
+ { Id:295 , Code: '295', IsShow: 1, IsUse: 0 },
+ { Id:296 , Code: '296', IsShow: 1, IsUse: 0 },
+ { Id:297 , Code: '297', IsShow: 1, IsUse: 0 },
+ { Id:298 , Code: '298', IsShow: 1, IsUse: 0 },
+ { Id:299 , Code: '299', IsShow: 1, IsUse: 0 },
+ { Id:300 , Code: '300', IsShow: 1, IsUse: 0 },
+ { Id:301 , Code: '301', IsShow: 1, IsUse: 0 },
+ { Id:302 , Code: '302', IsShow: 1, IsUse: 0 },
+ { Id:303 , Code: '303', IsShow: 1, IsUse: 0 },
+ { Id:304 , Code: '304', IsShow: 1, IsUse: 0 },
+ { Id:305 , Code: '305', IsShow: 1, IsUse: 0 },
+ { Id:306 , Code: '306', IsShow: 1, IsUse: 0 },
+ { Id:307 , Code: '307', IsShow: 1, IsUse: 0 },
+ { Id:308 , Code: '308', IsShow: 1, IsUse: 0 },
+ { Id:309 , Code: '309', IsShow: 1, IsUse: 0 },
+ { Id:310 , Code: '310', IsShow: 1, IsUse: 0 },
+ { Id:311 , Code: '311', IsShow: 1, IsUse: 0 },
+ { Id:312 , Code: '312', IsShow: 1, IsUse: 0 },
+ { Id:313 , Code: '313', IsShow: 1, IsUse: 0 },
+ { Id:314 , Code: '314', IsShow: 1, IsUse: 0 },
+ { Id:315 , Code: '315', IsShow: 1, IsUse: 0 },
+ { Id:316 , Code: '316', IsShow: 1, IsUse: 0 },
+ { Id:317 , Code: '317', IsShow: 1, IsUse: 0 },
+ { Id:318 , Code: '318', IsShow: 1, IsUse: 0 },
+ { Id:319 , Code: '319', IsShow: 1, IsUse: 0 },
+ { Id:320 , Code: '320', IsShow: 1, IsUse: 0 },
+ { Id:321 , Code: '321', IsShow: 1, IsUse: 0 },
+ { Id:322 , Code: '322', IsShow: 1, IsUse: 0 },
+ { Id:323 , Code: '323', IsShow: 1, IsUse: 0 },
+ { Id:324 , Code: '324', IsShow: 1, IsUse: 0 },
+ { Id:325 , Code: '325', IsShow: 0, IsUse: 0 },
+ { Id:326 , Code: '326', IsShow: 1, IsUse: 0 },
+ { Id:327 , Code: '327', IsShow: 1, IsUse: 0 },
+ { Id:328 , Code: '328', IsShow: 1, IsUse: 0 },
+ { Id:329 , Code: '329', IsShow: 1, IsUse: 0 },
+ { Id:330 , Code: '330', IsShow: 1, IsUse: 0 },
+ { Id:331 , Code: '331', IsShow: 1, IsUse: 0 },
+ { Id:332 , Code: '332', IsShow: 1, IsUse: 0 },
+ { Id:333 , Code: '333', IsShow: 1, IsUse: 0 },
+ { Id:334 , Code: '334', IsShow: 1, IsUse: 0 },
+ { Id:335 , Code: '335', IsShow: 1, IsUse: 0 },
+ { Id:336 , Code: '336', IsShow: 1, IsUse: 0 },
+ { Id:337 , Code: '337', IsShow: 1, IsUse: 0 },
+ { Id:338 , Code: '338', IsShow: 1, IsUse: 0 },
+ { Id:339 , Code: '339', IsShow: 1, IsUse: 0 },
+ { Id:340 , Code: '340', IsShow: 1, IsUse: 0 },
+ { Id:341 , Code: '341', IsShow: 1, IsUse: 0 },
+ { Id:342 , Code: '342', IsShow: 1, IsUse: 0 },
+ { Id:343 , Code: '343', IsShow: 1, IsUse: 0 },
+ { Id:344 , Code: '344', IsShow: 1, IsUse: 0 },
+ { Id:345 , Code: '345', IsShow: 0, IsUse: 0 },
+ { Id:346 , Code: '346', IsShow: 1, IsUse: 0 },
+ { Id:347 , Code: '347', IsShow: 1, IsUse: 0 },
+ { Id:348 , Code: '348', IsShow: 1, IsUse: 0 },
+ { Id:349 , Code: '349', IsShow: 1, IsUse: 0 },
+ { Id:350 , Code: '350', IsShow: 1, IsUse: 0 },
+ { Id:351 , Code: '351', IsShow: 1, IsUse: 0 },
+ { Id:352 , Code: '352', IsShow: 1, IsUse: 0 },
+ { Id:353 , Code: '353', IsShow: 1, IsUse: 0 },
+ { Id:354 , Code: '354', IsShow: 1, IsUse: 0 },
+ { Id:355 , Code: '355', IsShow: 1, IsUse: 0 },
+ { Id:356 , Code: '356', IsShow: 1, IsUse: 0 },
+ { Id:357 , Code: '357', IsShow: 1, IsUse: 0 },
+ { Id:358 , Code: '358', IsShow: 1, IsUse: 0 },
+ { Id:359 , Code: '359', IsShow: 1, IsUse: 0 },
+ { Id:360 , Code: '360', IsShow: 1, IsUse: 0 },
+ { Id:361 , Code: '361', IsShow: 1, IsUse: 0 },
+ { Id:362 , Code: '362', IsShow: 1, IsUse: 0 },
+ { Id:363 , Code: '363', IsShow: 1, IsUse: 0 },
+ { Id:364 , Code: '364', IsShow: 1, IsUse: 0 },
+ { Id:365 , Code: '365', IsShow: 1, IsUse: 0 },
+ { Id:366 , Code: '366', IsShow: 1, IsUse: 0 },
+ { Id:367 , Code: '367', IsShow: 1, IsUse: 0 },
+ { Id:368 , Code: '368', IsShow: 1, IsUse: 0 },
+ { Id:369 , Code: '369', IsShow: 1, IsUse: 0 },
+ { Id:370 , Code: '370', IsShow: 1, IsUse: 0 },
+ { Id:371 , Code: '371', IsShow: 1, IsUse: 0 },
+ { Id:372 , Code: '372', IsShow: 1, IsUse: 0 },
+ { Id:373 , Code: '373', IsShow: 1, IsUse: 0 },
+ { Id:374 , Code: '374', IsShow: 1, IsUse: 0 },
+ { Id:375 , Code: '375', IsShow: 1, IsUse: 0 },
+ { Id:376 , Code: '376', IsShow: 0, IsUse: 2 },
+ { Id:377 , Code: '377', IsShow: 1, IsUse: 0 },
+ { Id:378 , Code: '378', IsShow: 1, IsUse: 0 },
+ { Id:379 , Code: '379', IsShow: 1, IsUse: 0 },
+ { Id:380 , Code: '380', IsShow: 1, IsUse: 0 },
+ { Id:381 , Code: '381', IsShow: 1, IsUse: 0 },
+ { Id:382 , Code: '382', IsShow: 1, IsUse: 0 },
+ { Id:383 , Code: '383', IsShow: 1, IsUse: 0 },
+ { Id:384 , Code: '384', IsShow: 1, IsUse: 0 },
+ { Id:385 , Code: '385', IsShow: 1, IsUse: 0 },
+ { Id:386 , Code: '386', IsShow: 1, IsUse: 0 },
+ { Id:387 , Code: '387', IsShow: 1, IsUse: 0 },
+ { Id:388 , Code: '388', IsShow: 1, IsUse: 0 },
+ { Id:389 , Code: '389', IsShow: 1, IsUse: 0 },
+ { Id:390 , Code: '390', IsShow: 1, IsUse: 0 },
+ { Id:391 , Code: '391', IsShow: 1, IsUse: 0 },
+ { Id:392 , Code: '392', IsShow: 1, IsUse: 0 },
+ { Id:393 , Code: '393', IsShow: 1, IsUse: 0 },
+ { Id:394 , Code: '394', IsShow: 1, IsUse: 0 },
+ { Id:395 , Code: '395', IsShow: 1, IsUse: 0 },
+ { Id:396 , Code: '396', IsShow: 0, IsUse: 2 },
+ { Id:397 , Code: '397', IsShow: 1, IsUse: 0 },
+ { Id:398 , Code: '398', IsShow: 1, IsUse: 0 },
+ { Id:399 , Code: '399', IsShow: 1, IsUse: 0 },
+ { Id:400 , Code: '400', IsShow: 1, IsUse: 0 },
+ { Id:401 , Code: '401', IsShow: 1, IsUse: 0 },
+ { Id:402 , Code: '402', IsShow: 1, IsUse: 0 },
+ { Id:403 , Code: '403', IsShow: 1, IsUse: 0 },
+ { Id:404 , Code: '404', IsShow: 1, IsUse: 0 },
+ { Id:405 , Code: '405', IsShow: 1, IsUse: 0 },
+ { Id:406 , Code: '406', IsShow: 1, IsUse: 0 },
+ { Id:407 , Code: '407', IsShow: 1, IsUse: 0 },
+ { Id:408 , Code: '408', IsShow: 1, IsUse: 0 },
+ { Id:409 , Code: '409', IsShow: 1, IsUse: 0 },
+ { Id:410 , Code: '410', IsShow: 1, IsUse: 0 },
+ { Id:411 , Code: '411', IsShow: 1, IsUse: 0 },
+ { Id:412 , Code: '412', IsShow: 1, IsUse: 0 },
+ { Id:413 , Code: '413', IsShow: 1, IsUse: 0 },
+ { Id:414 , Code: '414', IsShow: 1, IsUse: 0 },
+ { Id:415 , Code: '415', IsShow: 1, IsUse: 0 },
+ { Id:416 , Code: '416', IsShow: 1, IsUse: 0 },
+ { Id:417 , Code: '417', IsShow: 1, IsUse: 0 },
+ { Id:418 , Code: '418', IsShow: 1, IsUse: 0 },
+ { Id:419 , Code: '419', IsShow: 1, IsUse: 0 },
+ { Id:420 , Code: '420', IsShow: 1, IsUse: 0 },
+ { Id:421 , Code: '421', IsShow: 1, IsUse: 0 },
+ { Id:422 , Code: '422', IsShow: 1, IsUse: 0 },
+ { Id:423 , Code: '423', IsShow: 1, IsUse: 0 },
+ { Id:424 , Code: '424', IsShow: 1, IsUse: 0 },
+ { Id:425 , Code: '425', IsShow: 1, IsUse: 0 },
+ { Id:426 , Code: '426', IsShow: 1, IsUse: 0 },
+ { Id:427 , Code: '427', IsShow: 0, IsUse: 0 },
+ { Id:428 , Code: '428', IsShow: 1, IsUse: 0 },
+ { Id:429 , Code: '429', IsShow: 1, IsUse: 0 },
+ { Id:430 , Code: '430', IsShow: 1, IsUse: 0 },
+ { Id:431 , Code: '431', IsShow: 1, IsUse: 0 },
+ { Id:432 , Code: '432', IsShow: 1, IsUse: 0 },
+ { Id:433 , Code: '433', IsShow: 1, IsUse: 0 },
+ { Id:434 , Code: '434', IsShow: 1, IsUse: 0 },
+ { Id:435 , Code: '435', IsShow: 1, IsUse: 0 },
+ { Id:436 , Code: '436', IsShow: 1, IsUse: 0 },
+ { Id:437 , Code: '437', IsShow: 1, IsUse: 0 },
+ { Id:438 , Code: '438', IsShow: 1, IsUse: 0 },
+ { Id:439 , Code: '439', IsShow: 1, IsUse: 0 },
+ { Id:440 , Code: '440', IsShow: 1, IsUse: 0 },
+ { Id:441 , Code: '441', IsShow: 1, IsUse: 0 },
+ { Id:442 , Code: '442', IsShow: 1, IsUse: 0 },
+ { Id:443 , Code: '443', IsShow: 1, IsUse: 0 },
+ { Id:444 , Code: '444', IsShow: 1, IsUse: 0 },
+ { Id:445 , Code: '445', IsShow: 1, IsUse: 0 },
+ { Id:446 , Code: '446', IsShow: 1, IsUse: 0 },
+ { Id:447 , Code: '447', IsShow: 0, IsUse: 0 },
+ { Id:448 , Code: '448', IsShow: 1, IsUse: 0 },
+ { Id:449 , Code: '449', IsShow: 1, IsUse: 0 },
+ { Id:450 , Code: '450', IsShow: 1, IsUse: 0 },
+ { Id:451 , Code: '451', IsShow: 1, IsUse: 0 },
+ { Id:452 , Code: '452', IsShow: 1, IsUse: 0 },
+ { Id:453 , Code: '453', IsShow: 1, IsUse: 0 },
+ { Id:454 , Code: '454', IsShow: 1, IsUse: 0 },
+ { Id:455 , Code: '455', IsShow: 1, IsUse: 0 },
+ { Id:456 , Code: '456', IsShow: 1, IsUse: 0 },
+ { Id:457 , Code: '457', IsShow: 1, IsUse: 0 },
+ { Id:458 , Code: '458', IsShow: 1, IsUse: 0 },
+ { Id:459 , Code: '459', IsShow: 1, IsUse: 0 },
+ { Id:460 , Code: '460', IsShow: 1, IsUse: 0 },
+ { Id:461 , Code: '461', IsShow: 1, IsUse: 0 },
+ { Id:462 , Code: '462', IsShow: 1, IsUse: 0 },
+ { Id:463 , Code: '463', IsShow: 1, IsUse: 0 },
+ { Id:464 , Code: '464', IsShow: 1, IsUse: 0 },
+ { Id:465 , Code: '465', IsShow: 1, IsUse: 0 },
+ { Id:466 , Code: '466', IsShow: 1, IsUse: 0 },
+ { Id:467 , Code: '467', IsShow: 1, IsUse: 0 },
+ { Id:468 , Code: '468', IsShow: 1, IsUse: 0 },
+ { Id:469 , Code: '469', IsShow: 1, IsUse: 0 },
+ { Id:470 , Code: '470', IsShow: 1, IsUse: 0 },
+ { Id:471 , Code: '471', IsShow: 1, IsUse: 0 },
+ { Id:472 , Code: '472', IsShow: 1, IsUse: 0 },
+ { Id:473 , Code: '473', IsShow: 1, IsUse: 0 },
+ { Id:474 , Code: '474', IsShow: 1, IsUse: 0 },
+ { Id:475 , Code: '475', IsShow: 1, IsUse: 0 },
+ { Id:476 , Code: '476', IsShow: 1, IsUse: 0 },
+ { Id:477 , Code: '477', IsShow: 1, IsUse: 0 },
+ { Id:478 , Code: '478', IsShow: 0, IsUse: 2 },
+ { Id:479 , Code: '479', IsShow: 1, IsUse: 0 },
+ { Id:480 , Code: '480', IsShow: 1, IsUse: 0 },
+ { Id:481 , Code: '481', IsShow: 1, IsUse: 0 },
+ { Id:482 , Code: '482', IsShow: 1, IsUse: 0 },
+ { Id:483 , Code: '483', IsShow: 1, IsUse: 0 },
+ { Id:484 , Code: '484', IsShow: 1, IsUse: 0 },
+ { Id:485 , Code: '485', IsShow: 1, IsUse: 0 },
+ { Id:486 , Code: '486', IsShow: 1, IsUse: 0 },
+ { Id:487 , Code: '487', IsShow: 1, IsUse: 0 },
+ { Id:488 , Code: '488', IsShow: 1, IsUse: 0 },
+ { Id:489 , Code: '489', IsShow: 1, IsUse: 0 },
+ { Id:490 , Code: '490', IsShow: 1, IsUse: 0 },
+ { Id:491 , Code: '491', IsShow: 1, IsUse: 0 },
+ { Id:492 , Code: '492', IsShow: 1, IsUse: 0 },
+ { Id:493 , Code: '493', IsShow: 1, IsUse: 0 },
+ { Id:494 , Code: '494', IsShow: 1, IsUse: 0 },
+ { Id:495 , Code: '495', IsShow: 1, IsUse: 0 },
+ { Id:496 , Code: '496', IsShow: 1, IsUse: 0 },
+ { Id:497 , Code: '497', IsShow: 1, IsUse: 0 },
+ { Id:498 , Code: '498', IsShow: 0, IsUse: 2 },
+ { Id:499 , Code: '499', IsShow: 1, IsUse: 0 },
+ { Id:500 , Code: '500', IsShow: 1, IsUse: 0 },
+ { Id:501 , Code: '501', IsShow: 1, IsUse: 0 },
+ { Id:502 , Code: '502', IsShow: 1, IsUse: 0 },
+ { Id:503 , Code: '503', IsShow: 1, IsUse: 0 },
+ { Id:504 , Code: '504', IsShow: 1, IsUse: 0 },
+ { Id:505 , Code: '505', IsShow: 1, IsUse: 0 },
+ { Id:506 , Code: '506', IsShow: 1, IsUse: 0 },
+ { Id:507 , Code: '507', IsShow: 1, IsUse: 0 },
+ { Id:508 , Code: '508', IsShow: 1, IsUse: 0 },
+ { Id:509 , Code: '509', IsShow: 1, IsUse: 0 },
+ { Id:510 , Code: '510', IsShow: 1, IsUse: 0 },
];
//杈撻�佺嚎鏁版嵁
- let cellsData= ref(cellsDataOne);;
+ let cellsData= ref(cellsDataOne);
- const isPlain1 = ref(false);//涓�灞�
- const isPlain2 = ref(true);//浜屽眰
- const isPlain3 = ref(true);//涓夊眰
- //鍒囨崲灞傚钩闈�
- function floorTogglePlain(buttonNumber) {
+const isPlain1 = ref(false);//涓�灞�
+const isPlain2 = ref(true);//浜屽眰
+const isPlain3 = ref(true);//涓夊眰
+//鍒囨崲灞傚钩闈�
+function floorTogglePlain(buttonNumber) {
if (buttonNumber === 1) {
isPlain1.value = !isPlain1.value;
- isPlain2.value =true;
- isPlain3.value =true;
+ isPlain2.value = true;
+ isPlain3.value = true;
- cellsData.value=cellsDataOne;
+ cellsData.value = cellsDataOne;
} else if (buttonNumber === 2) {
isPlain2.value = !isPlain2.value;
- isPlain1.value =true;
- isPlain3.value =true;
+ isPlain1.value = true;
+ isPlain3.value = true;
- cellsData.value=cellsDataTwo;
+ cellsData.value = cellsDataTwo;
} else if (buttonNumber === 3) {
isPlain3.value = !isPlain3.value;
- isPlain1.value =true;
- isPlain2.value =true;
+ isPlain1.value = true;
+ isPlain2.value = true;
- cellsData.value=cellsDataThree;
+ cellsData.value = cellsDataThree;
}
- }
- </script>
-
- <style scoped>
- .card-page{
- width: 100%;
- height: 30px;
- display: flex;
- text-align: center;
- justify-content: center;
- align-items: center;
- text-align: center;
- }
- .card-page>button{
- width: 150px;
- height: 30px;
- }
- .card-line{
- border: none;
- background-color: transparent;
- position:absolute;
- z-index: 99;
- }
- .grid-container-line{
- display: grid;
- grid-template-columns: repeat(51, 30px); /* 姣忓垪瀹藉害 */
- grid-template-rows: repeat(1, 310px); /* 姣忚楂樺害 */
- gap: 0px; /* Gap between cells */
- margin-top: 25px;
- }
- .grid-item-line{
- text-align: center;
- line-height: 50px; /* Vertical center the content */
- font-size: 12px; /* Adjust font size */
- width: 30px;
- height: 100%;
- color: #fff;
- font-size: 14px;
-
- display: flex;
- justify-content: center;
- }
- .grid-item-line-end{
- width:80px;
- height: 25px;
- border: 2px solid #797777;
- background-color: rgb(182, 180, 180);
- position: absolute;
- margin-top: -25px;
- display: flex;
- text-align: center;
- justify-content: center;
- align-items: center;
- text-align: center;
- color: #fff;
- }
- .grid-item-line-box{
- width: 20px;
- height: 20px;
- background-color:rgb(97, 250, 145);
- position: absolute;
- display: flex;
- text-align: center;
- justify-content: center;
- align-items: center; /* Added to vertically center the text */
- text-align: center;
- color: black;
- }
- .grid-item-line-child{
- height: 100%;
- width: 3px;
- background-color: #9c9c9c;
- }
+}
+</script>
- .card{
- width: 100%;
- position:absolute;
- border-top: none;
- z-index: 90;
- margin-top: 310px;
- }
- .grid-container {
- width: 100%;
- display: grid;
- grid-template-columns: repeat(51, 30px); /* 姣忓垪瀹藉害 */
- grid-template-rows: repeat(12, 35px); /* 姣忚楂樺害 */
- gap: 0px; /* Gap between cells */
- }
+<style scoped>
+.box-card {
+ height: 30px;
+ padding: 0;
+ display: flex;
+ align-items: center;
+ margin-top: 3px;
+}
+
+.card-page {
+ width: 100%;
+ height: 30px;
+ display: flex;
+ text-align: center;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+}
+
+.card-page>button {
+ width: 150px;
+ height: 30px;
+}
+
+.card-line {
+ border: none;
+ background-color: transparent;
+ position: absolute;
+ z-index: 99;
+}
+
+.grid-container-line {
+ display: grid;
+ grid-template-columns: repeat(51, 1fr);
+ /* 鑷�傚簲鍒楀 */
+ grid-template-rows: 1fr;
+ /* 鑷�傚簲琛岄珮 */
+ gap: 0;
+ margin-top: 25px;
+ width: 100%;
+ /* 瀹藉害鑷�傚簲 */
+ height: 1fr;
+ /* 楂樺害鑷�傚簲 */
+}
+
+.grid-item-line {
+ text-align: center;
+ line-height: 50px;
+ /* Vertical center the content */
+ font-size: 12px;
+ /* Adjust font size */
+ width: 30px;
+ height: 100%;
+ color: #fff;
+ font-size: 14px;
+
+ display: flex;
+ justify-content: center;
+}
+
+.grid-item-line-end {
+ width: 80px;
+ height: 25px;
+ border: 2px solid #797777;
+ background-color: rgb(182, 180, 180);
+ position: absolute;
+ margin-top: -25px;
+ display: flex;
+ text-align: center;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #fff;
+}
+
+.grid-item-line-box {
+ width: 20px;
+ height: 20px;
+ background-color: rgb(97, 250, 145);
+ position: absolute;
+ display: flex;
+ text-align: center;
+ justify-content: center;
+ align-items: center;
+ /* Added to vertically center the text */
+ text-align: center;
+ color: black;
+}
+
+.grid-item-line-child {
+ height: 220px;
+ width: 3px;
+ background-color: #000000;
+}
+
+.card {
+ width: 100%;
+ position: absolute;
+ border-top: none;
+ z-index: 90;
+ margin-top: 310px;
+}
+
+.grid-container {
+ margin-top: 10px;
+ width: 100%;
+ display: grid;
+ grid-template-columns: repeat(51, 1fr);
+ /* 姣忓垪瀹藉害 */
+ grid-template-rows: repeat(12, 1fr);
+ /* 姣忚楂樺害 */
+ gap: 0px;
+ /* Gap between cells */
+}
.grid-item {
background-color: #9c9c9c;
@@ -1757,6 +2116,37 @@
.active2>div {
display: none;
}
+ .active3 {
+ background-color: #fff;
+ border:1px solid red;
+ }
+ .active3>div {
+ display: none;
+ }
</style>
-
\ No newline at end of file
+
+.grid-item {
+ background-color: #9c9c9c;
+ border: 1px solid #797777;
+ text-align: center;
+ line-height: 1.4vw;
+ /* 琛岄珮 */
+ width: 100%;
+ /* 鑷�傚簲瀹藉害 */
+ height: 100%;
+ /* 鑷�傚簲楂樺害 */
+ color: #fff;
+ font-size: 0.7vw;
+}
+
+.active {
+ background-color: rgb(57, 141, 251);
+ /* IsUse 涓�1鏃惰儗鏅鑹蹭负钃濊壊 */
+ color: #f5f5f5;
+}
+
+.active2>div {
+ display: none;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0