feat: 解决，设备管理，云小微，翻页面，回到之前界面数据不刷新

src/views/device/yxw/index.vue

@@ -1,3 +1,4 @@
+<!-- 设备管理 云小微 -->
 <template>
   <div class="app-container">
     <!-- 搜索 -->
@@ -6,43 +7,100 @@
         <el-input v-model="form.dsn" placeholder="请输入设备号" clearable />
       </el-form-item>
       <el-form-item label="设备型号：">
-        <el-input v-model="form.clientType" placeholder="请输入设备型号" clearable />
+        <el-input
+          v-model="form.clientType"
+          placeholder="请输入设备型号"
+          clearable
+        />
       </el-form-item>
       <el-form-item label="设备标识：">
-        <el-input v-model="form.deviceMac" placeholder="请输入设备标识" clearable />
+        <el-input
+          v-model="form.deviceMac"
+          placeholder="请输入设备标识"
+          clearable
+        />
       </el-form-item>
       <el-form-item label="设备模式：">
-        <el-select v-model="form.deviceType" placeholder="请选择设备类型" clearable>
-          <el-option v-for="item in devModeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        <el-select
+          v-model="form.deviceType"
+          placeholder="请选择设备类型"
+          clearable
+        >
+          <el-option
+            v-for="item in devModeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
         </el-select>
       </el-form-item>
       <el-form-item label="当前状态：">
         <el-select v-model="form.status" placeholder="请选择当前状态" clearable>
-          <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" />
+          <el-option
+            v-for="item in statusOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
         </el-select>
       </el-form-item>
       <el-form-item label="创建时间：">
-        <el-date-picker v-model="createTime" type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期"
-          value-format="yyyy-MM-dd HH:mm:ss" clearable />
+        <el-date-picker
+          v-model="createTime"
+          type="datetimerange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          clearable
+        />
       </el-form-item>
       <el-form-item label="激活时间：">
-        <el-date-picker v-model="updateTime" type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期"
-          value-format="yyyy-MM-dd HH:mm:ss" clearable />
+        <el-date-picker
+          v-model="updateTime"
+          type="datetimerange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          clearable
+        />
       </el-form-item>
       <el-form-item>
-        <el-button icon="el-icon-search" type="primary" @click="getSearch">搜索</el-button>
+        <el-button icon="el-icon-search" type="primary" @click="getSearch"
+          >搜索</el-button
+        >
         <el-button icon="el-icon-refresh" @click="getRefresh">重置</el-button>
-        <el-button icon="el-icon-plus" type="primary" plain @click="dialogVisible = true"
-          v-hasPermi="['device:yxw:add']">新增</el-button>
-        <el-button icon="el-icon-download" type="primary" @click="getDownLoadNo"
-          v-hasPermi="['device:yxw:downloadDev']">导出设备号</el-button>
-        <el-button icon="el-icon-download" type="primary" @click="getDownLoadData"
-          v-hasPermi="['device:yxw:download']">导出数据</el-button>
+        <el-button
+          icon="el-icon-plus"
+          type="primary"
+          plain
+          @click="dialogVisible = true"
+          v-hasPermi="['device:yxw:add']"
+          >新增</el-button
+        >
+        <el-button
+          icon="el-icon-download"
+          type="primary"
+          @click="getDownLoadNo"
+          v-hasPermi="['device:yxw:downloadDev']"
+          >导出设备号</el-button
+        >
+        <el-button
+          icon="el-icon-download"
+          type="primary"
+          @click="getDownLoadData"
+          v-hasPermi="['device:yxw:download']"
+          >导出数据</el-button
+        >
       </el-form-item>
     </el-form>
     <!-- 列表 -->
     <el-table :data="tableData" v-loading="loading">
-      <el-table-column prop="id" label="设备号" align="center" show-overflow-tooltip />
+      <el-table-column
+        prop="id"
+        label="设备号"
+        align="center"
+        show-overflow-tooltip
+      />
       <el-table-column prop="deviceMac" label="设备标识" align="center" />
       <el-table-column prop="clientType" label="设备型号" align="center" />
       <el-table-column prop="type" label="设备模式" align="center" />
@@ -50,12 +108,23 @@
       <el-table-column prop="updateTimeStr" label="激活时间" align="center" />
       <el-table-column prop="statusStr" label="当前状态" align="center" />
     </el-table>
-    <pagination v-show="total > 0" :total="total" :page.sync="form.pageIndex" :limit.sync="form.pageSize"
-      @pagination="getList" />
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="form.pageIndex"
+      :limit.sync="form.pageSize"
+      @pagination="getList"
+    />
     <!-- 弹窗 -->
     <el-dialog title="新增" :visible.sync="dialogVisible" width="500px">
       <el-form :model="dialogForm" ref="form" label-width="100px">
-        <el-form-item prop="num" label="设备数量：" :rules="[{ required: true, message: '请输入设备数量', trigger: 'blur' }]">
+        <el-form-item
+          prop="num"
+          label="设备数量："
+          :rules="[
+            { required: true, message: '请输入设备数量', trigger: 'blur' },
+          ]"
+        >
           <el-input v-model="dialogForm.num" placeholder="请输入设备数量" />
         </el-form-item>
       </el-form>
@@ -68,9 +137,10 @@
 </template>
 
 <script>
-import { getYxwPage, getYxwAdd } from "@/api/device/yxw";
-import { devModeMixin } from '@/mixin/index'
+import { getYxwAdd, getYxwPage } from "@/api/device/yxw";
+import { devModeMixin } from "@/mixin/index";
 export default {
+  name:"DeviceYXW",
   mixins: [devModeMixin],
   data() {
     return {
@@ -104,18 +174,18 @@ export default {
       dialogVisible: false,
       // 新增设备数量
       dialogForm: {
-        num: ""
-      }
+        num: "",
+      },
     };
   },
   watch: {
     createTime(val) {
-      this.form.startCreateTime = val[0]
-      this.form.endCreateTime = val[1]
+      this.form.startCreateTime = val[0];
+      this.form.endCreateTime = val[1];
     },
     updateTime(val) {
-      this.form.startUpdateTime = val[0]
-      this.form.endUpdateTime = val[1]
+      this.form.startUpdateTime = val[0];
+      this.form.endUpdateTime = val[1];
     },
   },
   mounted() {
@@ -162,10 +232,9 @@ export default {
             }
           });
         } else {
-          return false
+          return false;
         }
-      })
-
+      });
     },
 
     // 导出设备号
@@ -184,7 +253,7 @@ export default {
         this.form,
         `云小微设备数据.xlsx`
       );
-    }
+    },
   },
 };
 </script>