选择设备支持输入搜索

src/views/device/article/detail.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-form label-width="100px" :model="form" :rules="rules" ref="form">
       <el-form-item label="关联设备：" prop="linkDevice">
-        <el-select v-model="form.linkDevice" multiple placeholder="请选择关联设备">
+        <el-select v-model="form.linkDevice" filterable multiple placeholder="请选择关联设备">
           <el-option v-for="item in devOptions" :key="item.value" :label="item.label"
             :value="item.value.toString()" />
         </el-select>
@@ -21,7 +21,7 @@
       </el-form-item>
       <el-form-item label="文章状态：" prop="status" v-if="this.form.id">
         <el-select v-model="form.status" placeholder="请选择文章状态">
-          <el-option v-for="item in statusOptions" :key="item.value" :label="item.label"
+          <el-option v-for="item in disabledOptions" :key="item.value" :label="item.label"
             :value="item.value" />
         </el-select>
       </el-form-item>
@@ -35,11 +35,10 @@
 
 <script>
 import { create, detail, edit } from '@/api/device/article'
-import { devMixin } from '@/mixin/index'
-import { statusMixin } from './mixin'
+import { devMixin, disabledMixin } from '@/mixin/index'
 import Editor from '@/components/Editor/index'
 export default {
-  mixins: [devMixin, statusMixin],
+  mixins: [devMixin, disabledMixin],
   components: {
     Editor
   },

src/views/device/article/index.vue

@@ -3,13 +3,13 @@
     <!-- 搜索 -->
     <el-form inline size="mini">
       <el-form-item label="设备：">
-        <el-select v-model="form.deviceId" placeholder="请选择设备" clearable>
+        <el-select v-model="form.deviceId" filterable placeholder="请选择设备" clearable>
           <el-option v-for="item in devOptions" :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"
+          <el-option v-for="item in disabledOptions" :key="item.value" :label="item.label"
             :value="item.value" />
         </el-select>
       </el-form-item>
@@ -47,11 +47,10 @@
 
 <script>
 import { list, remove } from '@/api/device/article'
-import { devMixin } from '@/mixin/index'
-import { statusMixin } from './mixin'
+import { devMixin, disabledMixin } from '@/mixin/index'
 export default {
   name: 'Article',
-  mixins: [devMixin, statusMixin],
+  mixins: [devMixin, disabledMixin],
   data() {
     return {
       // 遮罩层
@@ -144,11 +143,8 @@ export default {
       return row.linkDevice ? row.linkDevice.split(',').map(i => this.selectDictLabel(this.devOptions, i)).join(',') : ''
     },
     statusFormatter(row) {
-      return this.selectDictLabel(this.statusOptions, row.status)
+      return this.selectDictLabel(this.disabledOptions, row.status)
     }
   }
 }
-</script>
-
-<style lang="scss" scoped>
-</style>
+</script>

src/views/operation/channel/index.vue

@@ -29,7 +29,7 @@
           <el-input v-model="dialogForm.name" placeholder="请输入规则名称" />
         </el-form-item>
         <el-form-item v-if="index !== 1" label="关联设备：">
-          <el-select v-model="ids" multiple placeholder="请选择关联设备">
+          <el-select v-model="ids" filterable multiple placeholder="请选择关联设备">
             <el-option v-for="item in devOptions" :key="item.clientTypeId" :value="item.clientTypeId.toString()"
               :label="item.name" />
           </el-select>

src/views/operation/waken/detail.vue

@@ -10,7 +10,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="关联设备：" prop="deviceIds">
-        <el-select v-model="form.deviceIds" multiple placeholder="请选择关联设备">
+        <el-select v-model="form.deviceIds" filterable multiple placeholder="请选择关联设备">
           <el-option v-for="item in deviceOptions" :key="item.clientTypeId" :value="item.clientTypeId.toString()"
             :label="item.name" />
         </el-select>