From acb729c8a3e2d39068968161be91228f80831071 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Wed, 7 Aug 2024 19:47:36 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=20=E8=AE=BE=E5=A4=87=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=BA=8F=E5=88=97=E5=8F=B7=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/tunnelManage.js           |  9 +++
 src/views/device-manage/index.vue | 92 ++++++++++++++++++++++++++++++-
 2 files changed, 98 insertions(+), 3 deletions(-)

diff --git a/src/api/tunnelManage.js b/src/api/tunnelManage.js
index 0c6e5a0..981862e 100644
--- a/src/api/tunnelManage.js
+++ b/src/api/tunnelManage.js
@@ -56,3 +56,12 @@ export const editEquipment = (data) => {
     data
   })
 }
+export const getEquipmentSerialNumberOptions = (tunnelId) => {
+  return request({
+    url: '/tunnel/tunnel/serialnumber/options',
+    method: 'get',
+    params:{
+      tunnelId:tunnelId
+    }
+  })
+}
diff --git a/src/views/device-manage/index.vue b/src/views/device-manage/index.vue
index d5fcf55..10f4cb4 100644
--- a/src/views/device-manage/index.vue
+++ b/src/views/device-manage/index.vue
@@ -76,6 +76,19 @@
                             @change="changeFanData(scope.row)"></el-input>
                 </template>
               </el-table-column>
+              <el-table-column prop="serialNumber" label="序列号" align="center" width="500">
+                <template #default="scope">
+                  <el-select placeholder="请选择" v-model="scope.row.serialNumber" popper-class="serialNumber-select"
+                             @change="changeFanData(scope.row)" class="serialNumber">
+                    <el-option
+                        v-for="item in serialNumberOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    />
+                  </el-select>
+                </template>
+              </el-table-column>
               <el-table-column prop="state" label="状态" align="center" min-width="86">
                 <template #default="scope">
                   <div class="switch">
@@ -147,6 +160,19 @@
                             @change="changeWindData(scope.row)"></el-input>
                 </template>
               </el-table-column>
+              <el-table-column prop="serialNumber" label="序列号" align="center" width="500">
+                <template #default="scope">
+                  <el-select placeholder="请选择" v-model="scope.row.serialNumber" popper-class="serialNumber-select"
+                             @change="changeWindData(scope.row)" class="serialNumber">
+                    <el-option
+                        v-for="item in serialNumberOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    />
+                  </el-select>
+                </template>
+              </el-table-column>
               <el-table-column prop="state" label="状态" align="center">
                 <template #default="scope">
                   <div class="switch wind-switch">
@@ -218,6 +244,19 @@
                             @change="changeOtherData(scope.row)"></el-input>
                 </template>
               </el-table-column>
+              <el-table-column prop="serialNumber" label="序列号" align="center" width="500">
+                <template #default="scope">
+                  <el-select placeholder="请选择" v-model="scope.row.serialNumber" popper-class="serialNumber-select"
+                             @change="changeOtherData(scope.row)" clearable class="serialNumber">
+                    <el-option
+                        v-for="item in serialNumberOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    />
+                  </el-select>
+                </template>
+              </el-table-column>
               <el-table-column prop="state" label="状态" align="center">
                 <template #default="scope">
                   <div class="switch wind-switch">
@@ -308,9 +347,10 @@
 
 <script setup>
 import {ElLoading, ElMessage} from "element-plus";
-import {getEquipmentList, editEquipment, getTunnelDetail} from "@/api/tunnelManage";
+import {getEquipmentList, editEquipment, getTunnelDetail, getEquipmentSerialNumberOptions} from "@/api/tunnelManage";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
-import { debounce } from 'lodash'
+import {debounce} from 'lodash'
+
 const router = useRouter()
 const tunnelId = reactive(router.currentRoute.value.params.tunnelId)
 const userId = reactive(router.currentRoute.value.params.userId)
@@ -328,8 +368,20 @@ const editOtherData = ref([])
 const fenLiuData = ref([])
 const editFenLiuData = ref([])
 const frequencyData = ref([])
+const serialNumberOptions = ref([])
 const siteId = ref(0)
 const tunnelName = ref('')
+const getSerialNumberOptions = () => {
+  console.log('tunnelId',tunnelId)
+  getEquipmentSerialNumberOptions(tunnelId).then(res => {
+    if (res.code === 1000) {
+      serialNumberOptions.value = res.data
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+getSerialNumberOptions()
 const changeFan = (e) => {
   // const fanObj = {
   //   acquisitionPeriod: e * 1000,
@@ -368,6 +420,7 @@ const changeData = (item) => {
     equipmentId: item.equipmentId,
     unit: item.unit,
     alarmValue: item.alarmValue,
+    serialNumber:item.serialNumber,
     miniRange: parseInt(item.miniRange),
     maxRange: parseInt(item.maxRange),
     state: item.state,
@@ -397,6 +450,7 @@ const editEquip = debounce(() => {
       acurrentValue: parseInt(item.acurrentValue),
       bcurrentValue: parseInt(item.bcurrentValue),
       ccurrentValue: parseInt(item.ccurrentValue),
+      serialNumber:item.serialNumber,
       state: parseInt(item.state)
     }
     newFan.push(obj)
@@ -472,7 +526,39 @@ const getTunnel = () => {
 getTunnel()
 getList()
 </script>
+<style lang="scss">
+.serialNumber{
+  .el-input{
+    width: 450px!important;
+  }
+}
+.el-table__cell{
 
+}
+.serialNumber-select.el-popper {
+  background: #064B66 !important;
+  border: 2px solid #05FEFF !important;
+
+.el-select-dropdown {
+    min-width: 130px !important;
+  }
+
+  .el-select-dropdown__item {
+    color: #FFFFFF;
+    border-bottom: 1px solid #05FEFF;
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  .el-select-dropdown__item.hover,
+  .el-select-dropdown__item:hover {
+    background-color: transparent !important;
+    color: #F7B500;
+  }
+}
+</style>
 <style scoped lang="scss">
 .tunnel-bgc {
   padding: 85px 0 0 0;
@@ -523,7 +609,7 @@ getList()
 
     .device-box {
       display: flex;
-      width: 2260px;
+      width: 2680px;
       height: 1600px;
       background: #064B66;
       border-radius: 20px;