From 5b21bdcd2409182cbfcf2073ffc33e07621a6b6a Mon Sep 17 00:00:00 2001
From: fuhao <fuhao@ciqihuo.net>
Date: Wed, 4 Sep 2024 18:48:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=83=85=E6=8A=A5=E6=9D=BF=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E9=A1=B5=E9=9D=A2=E6=B7=BB=E5=8A=A0=E5=85=B3=E8=81=94?=
 =?UTF-8?q?=E5=8D=8F=E8=AE=AEid):?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/board/info/index.vue | 45 +++++++++++--------------
 1 file changed, 20 insertions(+), 25 deletions(-)

diff --git a/ruoyi-ui/src/views/board/info/index.vue b/ruoyi-ui/src/views/board/info/index.vue
index 800108f1..06ac73ca 100644
--- a/ruoyi-ui/src/views/board/info/index.vue
+++ b/ruoyi-ui/src/views/board/info/index.vue
@@ -79,12 +79,8 @@
       <el-table-column label="情报板方向" align="center" prop="boardDirection"/>
       <el-table-column label="情报板工桩号" align="center" prop="boardMileage"/>
       <el-table-column label="情报板类型" align="center" prop="boardSizeName" />
-      <el-table-column label="情报板品牌" align="center" prop="boardBrand"/>
-      <el-table-column label="情报板通讯协议" align="center" prop="boardCommunicationProtocol">
-        <template slot-scope="scope">
-          <dict-tag :options="dict.type.board_protocol" :value="scope.row.boardCommunicationProtocol"/>
-        </template>
-      </el-table-column>
+      <el-table-column label="情报板品牌" align="center" prop="boardBrandName"/>
+      <el-table-column label="情报板通讯协议" align="center" prop="boardProtocolName" />
       <el-table-column label="情报板IP" align="center" prop="boardIp"/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
@@ -145,21 +141,12 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="品牌" prop="boardBrand">
-          <el-input v-model="form.boardBrand" placeholder="请输入情报板品牌"/>
-        </el-form-item>
-        <el-form-item label="通讯协议" prop="boardCommunicationProtocol">
-          <el-select
-            v-model="form.boardCommunicationProtocol"
-            placeholder="全部"
-          >
-            <el-option
-              v-for="dict in dict.type.board_protocol"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            />
-          </el-select>
+        <el-form-item label="品牌/协议" prop="boardBrandProtocol">
+          <el-cascader
+            v-model="form.boardBrandProtocol"
+            :options="boardProtocolOptions"
+            :props="{lable: 'lable', value: 'id', expandTrigger:'hover', emitPath: false}"
+          />
         </el-form-item>
         <el-form-item label="情报板IP" prop="boardIp">
           <el-input v-model="form.boardIp" placeholder="请输入情报板IP"/>
@@ -180,6 +167,7 @@ import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import TextPreview from "@/views/board/component/TextPreview.vue";
 import {roadGroupTreeSelect} from "@/api/board/roadgroup";
 import {listBoardType} from "@/api/board/boardtype";
+import {protocolTreeSelect} from "@/api/board/protocol";
 
 export default {
   name: "Info",
@@ -199,6 +187,9 @@ export default {
       roadGroupOptions: [],
       // 情报板类型列表
       boardTypeOptions: [],
+      boardTypeId: null,
+      // 情报板协议树
+      boardProtocolOptions: [],
       // 显示搜索条件
       showSearch: true,
       // 总条数
@@ -242,12 +233,9 @@ export default {
         boardSizeType: [
           {required: true, message: "情报板类型不能为空", trigger: "blur"}
         ],
-        boardBrand: [
+        boardBrandProtocol: [
           {required: true, message: "情报板品牌不能为空", trigger: "blur"}
         ],
-        boardCommunicationProtocol: [
-          {required: true, message: "情报板通讯协议不能为空", trigger: "blur"}
-        ],
         boardIp: [
           {required: true, message: "情报板IP不能为空", trigger: "blur"},
           {
@@ -263,6 +251,7 @@ export default {
     this.getList();
     this.getRoadTree();
     this.getBoardTypeList();
+    this.getProtocolTree();
   },
   methods: {
     /** 查询情报板信息列表 */
@@ -376,6 +365,12 @@ export default {
         this.boardTypeOptions = response.rows;
       });
     },
+    /** 查询情报板协议树 */
+    getProtocolTree() {
+      protocolTreeSelect().then(response => {
+        this.boardProtocolOptions = response.data;
+      });
+    },
   }
 };
 </script>