From e33eb65b2df036a0b4593dd961b734998c77738d Mon Sep 17 00:00:00 2001
From: wxw <Administrator@DESKTOP-5BIMHQ3>
Date: 星期五, 16 八月 2024 09:41:31 +0800
Subject: [PATCH] Merge branch 'master' of http://47.95.120.53:8083/r/~hewh/JC26WCS
---
Web/src/views/device/index.vue | 94 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 94 insertions(+), 0 deletions(-)
diff --git a/Web/src/views/device/index.vue b/Web/src/views/device/index.vue
new file mode 100644
index 0000000..f0685c4
--- /dev/null
+++ b/Web/src/views/device/index.vue
@@ -0,0 +1,94 @@
+<template>
+ <div class="sys-user-container">
+ <splitpanes>
+ <pane size="15">
+ <el-collapse v-model="activeName" accordion>
+ <el-collapse-item title="璁惧鎺у埗" name="1">
+ <el-card
+ class="box-card"
+ shadow="hover"
+ body-style="height:40px; 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:40px; padding: 0 20px; display: flex; align-items: center;"
+ style="margin-top: 5px;">
+ <el-switch v-model="value2" active-text="" inactive-text="鑴辨満妯″紡"></el-switch>
+ </el-card>
+ <el-card
+ class="box-card"
+ shadow="hover"
+ body-style="height:40px; padding: 0 20px; display: flex; align-items: center;"
+ style="margin-top: 5px;">
+ <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: 400px;">
+ <el-card
+ v-for="(stacker, index) in stackers"
+ :key="index"
+ class="box-card"
+ shadow="hover"
+ body-style="height:40px; padding: 0 20px; display: flex; align-items: center;"
+ style="margin-top: 5px;">
+ <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:40px; padding: 0 20px; display: flex; align-items: center;"
+ style="margin-top: 5px;">
+ <el-switch v-model="conveyor.value" :inactive-text="`${index + 1}妤艰緭閫佺嚎`"></el-switch>
+ </el-card>
+ </el-collapse-item>
+ </el-collapse>
+ </pane>
+ <pane size="85">
+ <el-card shadow="hover" :body-style="{ paddingBottom: '0' }"></el-card>
+ </pane>
+ </splitpanes>
+ </div>
+ </template>
+
+ <script lang="ts" setup>
+ import { ref, reactive } from 'vue';
+ import { Splitpanes, Pane } from 'splitpanes';
+ import 'splitpanes/dist/splitpanes.css';
+
+ const activeName = ref('1');
+ 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 },
+ ]);
+ </script>
+
+ <style scoped>
+ /* Add any custom styles here */
+ </style>
+
\ No newline at end of file
--
Gitblit v1.8.0