feat(情报板列表页面改造):

ruoyi-ui/src/api/board/roadgroup.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询路段分组列表
+export function listGroup(query) {
+  return request({
+    url: '/road/group/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询路段分组详细
+export function getGroup(id) {
+  return request({
+    url: '/road/group/' + id,
+    method: 'get'
+  })
+}
+
+// 新增路段分组
+export function addGroup(data) {
+  return request({
+    url: '/road/group',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改路段分组
+export function updateGroup(data) {
+  return request({
+    url: '/road/group',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除路段分组
+export function delGroup(id) {
+  return request({
+    url: '/road/group/' + id,
+    method: 'delete'
+  })
+}
+
+// 查询路段分组下拉树结构
+export function roadGroupTreeSelect() {
+  return request({
+    url: '/road/group/roadTree',
+    method: 'get'
+  })
+}
+

ruoyi-ui/src/views/board/info/index.vue

@@ -1,65 +1,35 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="auto">
-      <el-form-item label="情报板名称" prop="boardName">
+      <el-row :gutter="20">
-        <el-input
+        <el-form-item label="情报板路段" prop="boardRoadSection">
-          v-model="queryParams.boardName"
+          <el-col :span="4">
-          placeholder="请输入情报板名称"
+            <treeselect v-model="queryParams.boardRoadSection" :options="roadGroupOptions"
-          clearable
+                        placeholder="请选择归属路段" style="width: 200px" />
-          @keyup.enter.native="handleQuery"
+          </el-col>
-        />
+        </el-form-item>
-      </el-form-item>
+        <el-form-item label="情报板名称" prop="boardName">
-      <el-form-item label="情报板工桩号" prop="boardMileage">
+          <el-input
-        <el-input
+            v-model="queryParams.boardName"
-          v-model="queryParams.boardMileage"
+            placeholder="请输入情报板名称"
-          placeholder="请输入情报板工桩号"
+            clearable
-          clearable
+            @keyup.enter.native="handleQuery"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="情报板尺寸" prop="boardSize">
-        <el-select
-          v-model="queryParams.boardSize"
-          clearable
-          placeholder="全部">
-          <el-option
-            v-for="dict in dict.type.board_size"
-            :key="dict.value"
-            :label="dict.label + ' ' + dict.value"
-            :value="dict.value"
           />
-        </el-select>
+        </el-form-item>
-      </el-form-item>
+        <el-form-item label="情报板工桩号" prop="boardMileage">
-      <el-form-item label="情报板品牌" prop="boardBrand">
+          <el-input
-        <el-input
+            v-model="queryParams.boardMileage"
-          v-model="queryParams.boardBrand"
+            placeholder="请输入情报板工桩号"
-          placeholder="请输入情报板品牌"
+            clearable
-          clearable
+            @keyup.enter.native="handleQuery"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="情报板通讯协议" prop="boardCommunicationProtocol">
-        <el-select
-          v-model="queryParams.boardCommunicationProtocol"
-          clearable
-          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>
-      </el-form-item>
+        <el-form-item>
-      <el-form-item label="情报板路段" prop="boardRoadSection">
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <treeselect v-model="queryParams.boardRoadSection" :options="deptOptions" placeholder="请选择归属路段"
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-                    style="width: 300px"/>
+        </el-form-item>
-      </el-form-item>
+      </el-row>
-      <el-form-item>
+
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      </el-form-item>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
@@ -98,17 +68,17 @@
         >删除
         </el-button>
       </el-col>
-<!--      <el-col :span="1.5">-->
+      <!--      <el-col :span="1.5">-->
-<!--        <el-button-->
+      <!--        <el-button-->
-<!--          type="warning"-->
+      <!--          type="warning"-->
-<!--          plain-->
+      <!--          plain-->
-<!--          icon="el-icon-download"-->
+      <!--          icon="el-icon-download"-->
-<!--          size="mini"-->
+      <!--          size="mini"-->
-<!--          @click="handleExport"-->
+      <!--          @click="handleExport"-->
-<!--          v-hasPermi="['board:info:export']"-->
+      <!--          v-hasPermi="['board:info:export']"-->
-<!--        >导出-->
+      <!--        >导出-->
-<!--        </el-button>-->
+      <!--        </el-button>-->
-<!--      </el-col>-->
+      <!--      </el-col>-->
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -116,7 +86,7 @@
       <el-table-column type="selection" width="55" align="center"/>
       <el-table-column label="唯一编号" align="center" prop="id"/>
       <el-table-column label="情报板名称" align="center" prop="boardName"/>
-      <el-table-column label="情报板路段" align="center" prop="boardRoadSection"/>
+      <el-table-column label="情报板路段" align="center" prop="roadName"/>
       <el-table-column label="情报板方向" align="center" prop="boardDirection"/>
       <el-table-column label="情报板工桩号" align="center" prop="boardMileage"/>
       <el-table-column label="情报板尺寸" align="center" prop="boardSize">
@@ -169,8 +139,8 @@
           <el-input v-model="form.boardName" placeholder="请输入情报板名称"/>
         </el-form-item>
         <el-form-item label="情报板路段" prop="boardRoadSection">
-          <treeselect v-model="form.boardRoadSection" :options="deptOptions" placeholder="请选择归属路段"
+          <treeselect v-model="form.boardRoadSection" :options="roadGroupOptions" placeholder="请选择归属路段"
-                      style="width: 300px"/>
+                      style="width: 200px"/>
         </el-form-item>
         <el-form-item label="情报板方向" prop="boardDirection">
           <el-input v-model="form.boardDirection" placeholder="请输入情报板方向"/>
@@ -225,10 +195,10 @@
 
 <script>
 import {listInfo, getInfo, delInfo, addInfo, updateInfo} from "@/api/board/info";
-import {deptTreeSelect} from "@/api/system/user";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import TextPreview from "@/views/board/component/TextPreview.vue";
+import {roadGroupTreeSelect} from "@/api/board/roadgroup";
 
 export default {
   name: "Info",
@@ -245,7 +215,7 @@ export default {
       // 非多个禁用
       multiple: true,
       // 部门树选项
-      deptOptions: [],
+      roadGroupOptions: [],
       // 显示搜索条件
       showSearch: true,
       // 总条数
@@ -311,7 +281,7 @@ export default {
   },
   created() {
     this.getList();
-    this.getDeptTree();
+    this.getRoadTree();
   },
   methods: {
     /** 查询情报板信息列表 */
@@ -347,7 +317,6 @@ export default {
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1;
-      console.log(this.queryParams)
       this.getList();
     },
     /** 重置按钮操作 */
@@ -415,9 +384,9 @@ export default {
       }, `info_${new Date().getTime()}.xlsx`)
     },
     /** 查询部门下拉树结构 */
-    getDeptTree() {
+    getRoadTree() {
-      deptTreeSelect().then(response => {
+      roadGroupTreeSelect().then(response => {
-        this.deptOptions = response.data;
+        this.roadGroupOptions = response.data;
       });
     },
   }