From 5ce658c5cf97b40cc0d84d8bfb37f96053ea8ef1 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期二, 16 四月 2024 00:31:39 +0800
Subject: [PATCH] update
---
src/views/mdc/configComp/Board.vue | 125 +++++++++++++++++++++++++++++++
src/views/mdc/configComp/configuration.23a90729.png | 0
src/views/mdc/configuration.vue | 78 +++----------------
src/views/mdc/alarm-statistics.vue | 2
4 files changed, 139 insertions(+), 66 deletions(-)
diff --git a/src/views/mdc/alarm-statistics.vue b/src/views/mdc/alarm-statistics.vue
index 997186a..6095b7e 100644
--- a/src/views/mdc/alarm-statistics.vue
+++ b/src/views/mdc/alarm-statistics.vue
@@ -1,7 +1,7 @@
<!--
* @Date: 2024-04-09 22:11:21
* @LastEditors: Sneed
- * @LastEditTime: 2024-04-13 22:14:33
+ * @LastEditTime: 2024-04-15 23:51:52
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/alarm-statistics.vue
* 杩囩▼鍙傛暟
-->
diff --git a/src/views/mdc/configComp/Board.vue b/src/views/mdc/configComp/Board.vue
new file mode 100644
index 0000000..5169ee3
--- /dev/null
+++ b/src/views/mdc/configComp/Board.vue
@@ -0,0 +1,125 @@
+<!--
+ * @Date: 2024-04-15 23:58:36
+ * @LastEditors: Sneed
+ * @LastEditTime: 2024-04-16 00:26:46
+ * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/configComp/Board.vue
+-->
+<template>
+ <el-main>
+ <el-row>
+ <el-col :span="2" class="label">
+ 椤甸潰鎺掑垪鏂瑰紡
+ </el-col>
+ <el-col :span="4">
+ <el-radio-group v-model="radio">
+ <el-radio :label="1">鍏呮弧灞忓箷</el-radio>
+ <el-radio :label="2">璁剧疆琛屽垪</el-radio>
+ </el-radio-group>
+ </el-col>
+ <el-col :span="2" class="label" :offset="2">
+ 璁剧疆琛屾暟
+ </el-col>
+ <el-col :span="4">
+ <el-input-number v-model="radio" :min="1" :max="4" @change="handleChange" />
+ </el-col>
+ <el-col :span="2" class="label" :offset="2">
+ 璁剧疆鍒楁暟
+ </el-col>
+ <el-col :span="4">
+ <el-input-number v-model="radio" :min="1" :max="4" @change="handleChange" />
+ </el-col>
+ <el-col class="title">
+ 涓嬮潰闄堝垪鎷ユ湁鏍囩鐨勬墍鏈夊伐浣嶇粍锛岃閫夋嫨闇�瑕佸湪瀹炴椂鐪嬫澘椤甸潰鏌ヨ鐨勭粍锛屽苟璁惧畾涓�涓粯璁ょ粍
+ 濡傛灉鏈厤缃煡璇㈢粍锛屽疄鏃跺伐鍐甸〉闈㈤粯璁ゆ煡璇㈡墍鏈夊伐浣�
+ </el-col>
+ <el-col :span="2" class="label-title">
+ 鏌旀�т骇绾�
+ </el-col>
+ <el-col>
+ <el-card class="my-card" @click="radio = true">
+ <template #header>
+ <div class="card-header">
+ <div class="card-line"><el-checkbox v-model="radio" /><span>鍗冩枃绉戞妧</span>
+ <el-button style="margin-left: auto">璁句负榛樿</el-button>
+ <el-button style="margin-left: auto">榛樿</el-button>
+ </div>
+ </div>
+ </template>
+ <p>鎵�鏈夌殑 > 鍗冩枃绉戞妧</p>
+ </el-card>
+ </el-col>
+
+ <el-col class="label-title">
+ 杞﹂棿
+ </el-col>
+ <el-col :span="6">
+ <el-card class="my-card" @click="radio = true">
+ <template #header>
+ <div class="card-header">
+ <div class="card-line"><el-checkbox v-model="radio" /><span>鍗冩枃绉戞妧</span><el-button
+ style="margin-left: auto">璁句负榛樿</el-button>
+ <el-button style="margin-left: auto">榛樿</el-button>
+ </div>
+ </div>
+ </template>
+ <p>鎵�鏈夌殑 > 鍗冩枃绉戞妧</p>
+ </el-card>
+
+ </el-col>
+ <el-col :span="6" :offset="2">
+ <el-card class="my-card" @click="radio = true">
+ <template #header>
+ <div class="card-header">
+ <div class="card-line"><el-checkbox v-model="radio" /><span>鍗冩枃绉戞妧</span><el-button
+ style="margin-left: auto">璁句负榛樿</el-button>
+ <el-button style="margin-left: auto">榛樿</el-button>
+ </div>
+ </div>
+ </template>
+ <p>鎵�鏈夌殑 > 鍗冩枃绉戞妧</p>
+ </el-card>
+ </el-col>
+ </el-row>
+ </el-main>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ radio: ''
+ }
+ },
+}
+</script>
+
+<style lang="scss" scoped>
+.label {
+ display: flex;
+ align-items: center;
+
+}
+
+.label-title {
+ margin-bottom: 14px;
+}
+
+.my-card {
+ max-width: 480px;
+ cursor: pointer;
+}
+
+.title {
+ padding: 10px 0;
+ font-size: 14px;
+}
+
+.card-line {
+ display: flex;
+ align-items: center;
+
+ span {
+ margin: 0 10px;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/mdc/configComp/configuration.23a90729.png b/src/views/mdc/configComp/configuration.23a90729.png
new file mode 100644
index 0000000..64c1517
--- /dev/null
+++ b/src/views/mdc/configComp/configuration.23a90729.png
Binary files differ
diff --git a/src/views/mdc/configuration.vue b/src/views/mdc/configuration.vue
index e70cb85..6f343dc 100644
--- a/src/views/mdc/configuration.vue
+++ b/src/views/mdc/configuration.vue
@@ -1,7 +1,7 @@
<!--
* @Date: 2024-04-09 22:11:21
* @LastEditors: Sneed
- * @LastEditTime: 2024-04-14 10:31:10
+ * @LastEditTime: 2024-04-16 00:00:46
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/configuration.vue
* 搴旂敤璁剧疆
-->
@@ -10,68 +10,7 @@
<el-card shadow="never">
<el-tabs :tab-position="'left'" class="demo-tabs">
<el-tab-pane label="瀹炴椂鐪嬫澘鏌ヨ缁勮缃�">
- <el-row>
- <el-col :span="4">
- 椤甸潰鎺掑垪鏂瑰紡
- </el-col>
- <el-col :span="20">
- <el-radio-group v-model="radio">
- <el-radio :value="1">鍏呮弧灞忓箷</el-radio>
- <el-radio :value="2">璁剧疆琛屽垪</el-radio>
- </el-radio-group>
- </el-col>
- <el-col :span="4">
- 璁剧疆琛屾暟
- </el-col>
- <el-col :span="20">
- <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
- </el-col>
- <el-col :span="4">
- 璁剧疆鍒楁暟
- </el-col>
- <el-col :span="20">
- <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
- </el-col>
- <el-col>
- 涓嬮潰闄堝垪鎷ユ湁鏍囩鐨勬墍鏈夊伐浣嶇粍锛岃閫夋嫨闇�瑕佸湪瀹炴椂鐪嬫澘椤甸潰鏌ヨ鐨勭粍锛屽苟璁惧畾涓�涓粯璁ょ粍
- 濡傛灉鏈厤缃煡璇㈢粍锛屽疄鏃跺伐鍐甸〉闈㈤粯璁ゆ煡璇㈡墍鏈夊伐浣�
- </el-col>
- <el-col>
- 鏌旀�т骇绾�
- </el-col>
- <el-col>
- <el-card style="max-width: 480px">
- <template #header>
- <div class="card-header">
- <span>鍗冩枃绉戞妧</span>
- </div>
- </template>
- <p>鎵�鏈夌殑> 鍗冩枃绉戞妧</p>
- </el-card>
- </el-col>
-
- <el-col>
- 杞﹂棿
- </el-col>
- <el-col>
- <el-card style="max-width: 480px">
- <template #header>
- <div class="card-header">
- <span>鍗冩枃绉戞妧</span>
- </div>
- </template>
- <p>鎵�鏈夌殑> 鍗冩枃绉戞妧</p>
- </el-card>
- <el-card style="max-width: 480px">
- <template #header>
- <div class="card-header">
- <span>鍗冩枃绉戞妧</span>
- </div>
- </template>
- <p>鎵�鏈夌殑> 鍗冩枃绉戞妧</p>
- </el-card>
- </el-col>
- </el-row>
+ <Board />
</el-tab-pane>
<el-tab-pane label="鐘舵�佸拰缁╂晥鏃堕棿璁剧疆">
@@ -88,13 +27,22 @@
</template>
<script>
+import Board from './configComp/Board.vue'
export default {
+ components: {
+ Board,
+ },
data() {
return {
-
+ radio: ''
}
},
}
</script>
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.label {
+ display: flex;
+ align-items: center;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3