设备管理-设备操作日志：新增筛选条件门店、房间

src/views/system/log/index.vue

@@ -9,6 +9,27 @@
 <!--          @keyup.enter.native="handleQuery"-->
 <!--        />-->
 <!--      </el-form-item>-->
+      <el-form-item label="所属门店" prop="storeId">
+        <el-select v-model="queryParams.storeId" placeholder="请选择所属门店" @change="onGetRoomListByStoreId" clearable>
+          <el-option
+            v-for="item in stores"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="所属房间" prop="roomId">
+        <el-select v-model="queryParams.roomId" placeholder="请选择所属房间" clearable>
+          <el-option
+            v-for="item in rooms"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item label="设备id" prop="devId">
         <el-input
           v-model="queryParams.devId"
@@ -17,22 +38,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="门店名称" prop="storeName">
-        <el-input
-          v-model="queryParams.storeName"
-          placeholder="请输入门店名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="房间名称" prop="roomName">
-        <el-input
-          v-model="queryParams.roomName"
-          placeholder="请输入房间名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item label="请求的序列号" prop="seq">
         <el-input
           v-model="queryParams.seq"
@@ -235,12 +240,16 @@
 
 <script>
 import { listLog, getLog, delLog } from "@/api/system/log";
+import {queryRoom} from "@/api/system/room";
+import {allList} from "@/api/system/store";
 
 export default {
   name: "Log",
   dicts: ['device_log_result'],
   data() {
     return {
+      stores: [],
+      rooms: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -271,8 +280,8 @@ export default {
         payload: null,
         topic: null,
         createBy: null,
-        storeName: null,
-        roomName: null
+        roomId: null,
+        storeId: null
       },
       // 表单参数
       form: {},
@@ -287,8 +296,20 @@ export default {
   },
   created() {
     this.getList();
+    this.onGetAllStoreList();
   },
   methods: {
+    onGetAllStoreList(){
+      allList().then(res => {
+        this.stores = res.data
+      })
+    },
+    onGetRoomListByStoreId(id) {
+      this.queryParams.roomId = null;
+      queryRoom().then(res => {
+        this.rooms = res.data.filter(item => item.storeId === id)
+      })
+    },
     /** 查询设备操作日志列表 */
     getList() {
       this.loading = true;