From 6b13d2794134b83e0d6a042943fd3034a2657091 Mon Sep 17 00:00:00 2001
From: wxw <Administrator@DESKTOP-5BIMHQ3>
Date: 星期五, 16 八月 2024 09:39:24 +0800
Subject: [PATCH] 增加设管理页面

---
 Admin.NET/WCS.Application/Configuration/Database.json |    2 
 Web/src/views/device/index.vue                        |   94 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 95 insertions(+), 1 deletions(-)

diff --git a/Admin.NET/WCS.Application/Configuration/Database.json b/Admin.NET/WCS.Application/Configuration/Database.json
index 5132322..dd242ca 100644
--- a/Admin.NET/WCS.Application/Configuration/Database.json
+++ b/Admin.NET/WCS.Application/Configuration/Database.json
@@ -11,7 +11,7 @@
         //"ConnectionString": "PORT=5432;DATABASE=xxx;HOST=localhost;PASSWORD=xxx;USER ID=xxx", // PostgreSQL 搴撹繛鎺ュ瓧绗︿覆
         //"ConnectionString": "Server=localhost;Database=xxx;Uid=xxx;Pwd=xxx;SslMode=None;", // MySql 搴撹繛鎺ュ瓧绗︿覆",
         //"ConnectionString": "User Id=xxx; Password=xxx; Data Source=(DESCRIPTION=(ADDRESS=(PROTOCOL=tcp)(HOST=localhost)(PORT=1521))(CONNECT_DATA=(SERVICE_NAME=ORCL)))", // Oracle 搴撹繛鎺ュ瓧绗︿覆
-        "ConnectionString": "Server=localhost;Database=WCS_JC26;User Id=sa;Password=******;", // SqlServer 搴撹繛鎺ュ瓧绗︿覆
+        "ConnectionString": "Server=.\\MSSQLSERVER2019;Database=WCS_JC26;User Id=sa;Password=admin2023@;", // SqlServer 搴撹繛鎺ュ瓧绗︿覆
 
         //"SlaveConnectionConfigs": [ // 璇诲啓鍒嗙/涓讳粠
         //	{
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