云小微

src/views/device/yxw/index.vue

@@ -3,30 +3,29 @@
     <!-- 搜索 -->
     <el-form inline label-width="100px" size="mini">
       <el-form-item label="设备号：">
-        <el-input v-model="form1.dsn" placeholder="请输入设备号" />
+        <el-input v-model="form1.dsn" placeholder="请输入设备号" clearable />
       </el-form-item>
       <el-form-item label="设备型号：">
-        <el-input v-model="form1.clientType" placeholder="请输入设备型号" />
+        <el-input v-model="form1.clientType" placeholder="请输入设备型号" clearable />
       </el-form-item>
       <el-form-item label="设备类型：">
-        <el-select v-model="form1.deviceType" placeholder="请选择设备类型">
-          <el-option v-for="item in deviceTypeOptions" :key="item.value" :label="item.label"
-            :value="item.value" />
+        <el-select v-model="form1.deviceType" placeholder="请选择设备类型" clearable>
+          <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="当前状态：">
-        <el-select v-model="form1.status" placeholder="请选择当前状态">
+        <el-select v-model="form1.status" placeholder="请选择当前状态" clearable>
           <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" />
+          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" />
+          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>
@@ -67,7 +66,9 @@
 
 <script>
 import { getYxwPage, getYxwAdd } from "@/api/device/yxw";
+import typeOptions from '../mixin/typeOptions'
 export default {
+  mixins: [typeOptions],
   data() {
     return {
       // 遮罩层
@@ -83,25 +84,6 @@ export default {
           label: "已使用",
         },
       ],
-      // 设备类型
-      deviceTypeOptions: [
-        {
-          value: 1,
-          label: "蓝牙",
-        },
-        {
-          value: 2,
-          label: "WiFi/蓝牙",
-        },
-        {
-          value: 3,
-          label: "传统蓝牙",
-        },
-        {
-          value: 4,
-          label: "4G",
-        },
-      ],
       // 表单
       form1: {
         pageIndex: 1,