From bc56ea2c4c79ac0251b2e9303b93bd31fe9bae12 Mon Sep 17 00:00:00 2001
From: hwh <332078369@qq.com>
Date: 星期二, 10 九月 2024 08:17:27 +0800
Subject: [PATCH] 设备监控设置页面写入功能和与后台通讯交互逻辑
---
Web/src/views/device/deviceMonitor/component/setting.vue | 42 ++++++++++++++++++++++++------------------
1 files changed, 24 insertions(+), 18 deletions(-)
diff --git a/Web/src/views/device/deviceMonitor/component/setting.vue b/Web/src/views/device/deviceMonitor/component/setting.vue
index c663b22..243a15f 100644
--- a/Web/src/views/device/deviceMonitor/component/setting.vue
+++ b/Web/src/views/device/deviceMonitor/component/setting.vue
@@ -10,7 +10,7 @@
<el-card class="box-card" shadow="hover">
<template #header>
<div class="card-header">
-
+
<div>
<span>宸ヤ綅鍙凤細</span>
<el-select v-model="stationValue" placeholder="璇烽�夋嫨" filterable value-key="stationNum"
@@ -22,7 +22,8 @@
<el-button style="margin-left: 10px;">鑷姩</el-button>
</div>
<div>
- <div :class="['lineStatus', stationValue.status ? 'device-status-0' : 'device-status-1']"></div>
+ <div :class="['lineStatus', stationValue.status ? 'device-status-0' : 'device-status-1']">
+ </div>
</div>
</div>
</template>
@@ -49,41 +50,41 @@
<el-input v-model="stationValue.wcs"></el-input>
</el-form-item>
</el-col>
-
+
<el-col :span="12">
<el-form-item label="鍙栬揣鎺�">
- <el-input ></el-input>
+ <el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鏀捐揣鎺�">
- <el-input ></el-input>
+ <el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鍙栬揣鍒�">
- <el-input ></el-input>
+ <el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鏀捐揣鍒�">
- <el-input ></el-input>
+ <el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鍙栬揣灞�">
- <el-input ></el-input>
+ <el-input></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鏀捐揣灞�">
- <el-input ></el-input>
+ <el-input></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div style="text-align: center;margin: 10px;">
- <el-button class="button" size="large">鍐欏叆鏁版嵁</el-button>
+ <el-button class="button" size="large" @click="write(stationValue)">鍐欏叆鏁版嵁</el-button>
</div>
</div>
<template #footer>
@@ -107,6 +108,8 @@
<script lang="ts" setup>
import { ref, defineModel } from 'vue';
+import { writeValue } from '/@/api/wcs/wcsDevice';
+import { ElMessageBox,ElMessage } from 'element-plus';
const listStationsData = defineModel<any>("listStationsData")
const stationValue = defineModel<any>("stationValue")
@@ -122,7 +125,10 @@
// emit('update:listStationsData', listStationsData.value);
// emit('update:stationValue', stationValue);
// };
-
+const write = async (row: any) => {
+ await writeValue(row);
+ ElMessage.success('鍐欏叆鎴愬姛锛�');
+}
const isShowDialog = ref(false);
const openDialog = async (row: any) => {
@@ -181,18 +187,18 @@
}
.lineStatus {
- right: 0;
- height: 20px;
- width: 20px;
- border-radius: 50%;
- background-color: #67C23A;
+ right: 0;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background-color: #67C23A;
}
.device-status-0 {
- background-color: #67C23A;
+ background-color: #67C23A;
}
.device-status-1 {
- background-color: red;
+ background-color: red;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0