设备管理 设备列表 传统蓝牙隐藏权限设置

src/views/device/list/detail.vue

@@ -12,7 +12,8 @@
       </el-form-item>
       <el-form-item label="升级方式：" prop="upgradeType">
         <el-select v-model="form.upgradeType" placeholder="请选择升级方式">
-          <el-option v-for="item in upgradeTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
+          <el-option v-for="item in upgradeTypeOptions" :key="item.value" :label="item.label"
+            :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="设备过滤：" prop="filter">
@@ -26,7 +27,8 @@
       </el-form-item>
       <el-form-item label="使用分类：" prop="deviceType">
         <el-select v-model="form.deviceType">
-          <el-option v-for="item in deviceTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
+          <el-option v-for="item in deviceTypeOptions" :key="item.value" :label="item.label"
+            :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="设备分类：" prop="categoryId">
@@ -35,75 +37,48 @@
         </el-select>
       </el-form-item>
       <el-form-item label="设备图片：" prop="img">
-        <imageUpload :url="form.img" @success="handleUploadImg" @delete="handleUploadImg" :disabled="disabled" />
+        <imageUpload :url="form.img" @success="handleUploadImg" @delete="handleUploadImg"
+          :disabled="disabled" />
       </el-form-item>
       <!-- 子表单 -->
       <div label-width="100px" style="position: relative">
-        <el-button
-          class="sub-add"
-          v-if="disabled === false && form.typeList.length < 4"
-          type="primary"
-          icon="el-icon-plus"
-          @click="getAdd"
-        >新增</el-button>
+        <el-button class="sub-add" v-if="disabled === false && form.typeList.length < 4" type="primary"
+          icon="el-icon-plus" @click="getAdd">新增</el-button>
         <div class="sub-form" v-for="(item, index) in form.typeList" :key="item.id">
-          <el-form-item
-            label="设备类型："
-            :prop="`typeList.${index}.type`"
-            :rules="{
+          <el-form-item label="设备类型：" :prop="`typeList.${index}.type`" :rules="{
               required: true,
               message: '请选择设备类型',
               trigger: 'change',
-            }"
-          >
+            }">
             <el-select v-model="item.type" placeholder="请选择设备类型" @change="getTypeChange($event, index)">
-              <el-option
-                v-for="item in typeOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-                :disabled="item.disabled"
-              />
+              <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value"
+                :disabled="item.disabled" />
             </el-select>
           </el-form-item>
-          <el-form-item
-            label="功能权限："
-            :prop="`typeList.${index}.functionList`"
-            :rules="{type: 'array', required: true, message: '请选择功能权限', trigger: 'change'}"
-          >
+          <el-form-item v-if="item.type !== 3" label="功能权限：" :prop="`typeList.${index}.functionList`"
+            :rules="{type: 'array', required: true, message: '请选择功能权限', trigger: 'change'}">
             <el-select v-model="item.functionList" placeholder="请选择功能权限" multiple>
-              <el-option v-for="item in functionOptions" :key="item.id" :label="item.name" :value="item.type" />
+              <el-option v-for="item in functionOptions" :key="item.id" :label="item.name"
+                :value="item.type" />
             </el-select>
           </el-form-item>
           <el-row>
             <el-col :span="12">
               <el-form-item label="设备图标：">
-                <imageUpload
-                  :url="item.icon1"
-                  @success="handleUploadIcon($event, index, 'icon1')"
-                  @delete="handleUploadIcon($event, index, 'icon1')"
-                  :disabled="disabled"
-                />
+                <imageUpload :url="item.icon1" @success="handleUploadIcon($event, index, 'icon1')"
+                  @delete="handleUploadIcon($event, index, 'icon1')" :disabled="disabled" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label-width="auto" style="float:right">
-                <imageUpload
-                  :url="item.icon2"
-                  @success="handleUploadIcon($event, index, 'icon2')"
-                  @delete="handleUploadIcon($event, index, 'icon2')"
-                  :disabled="disabled"
-                />
+                <imageUpload :url="item.icon2" @success="handleUploadIcon($event, index, 'icon2')"
+                  @delete="handleUploadIcon($event, index, 'icon2')" :disabled="disabled" />
               </el-form-item>
             </el-col>
           </el-row>
 
-          <el-link
-            class="el-icon-close"
-            v-if="form.typeList.length > 1"
-            :underline="false"
-            @click="getDelete(item.type, index)"
-          />
+          <el-link class="el-icon-close" v-if="form.typeList.length > 1" :underline="false"
+            @click="getDelete(item.type, index)" />
         </div>
       </div>
     </el-form>