feature：增加流量套餐的不可点击功能

src/views/service/package/detail.vue

@@ -8,8 +8,8 @@
       </el-form-item>
       <el-form-item label="关联设备：">
         <el-select v-model="deviceIds" filterable multiple placeholder="请选择关联设备">
-          <el-option v-for="item in devOptions" :key="item.value" :label="item.label" :value="item.value.toString()" />
-        </el-select>
+          <el-option v-for="(item, index) in devOptions" :key="`${item.value}-${index}`" :value="item.value"
+            :label="item.label" /> </el-select>
       </el-form-item>
       <el-form-item label="套餐名称：">
         <el-input v-model="form.name" placeholder="请输入套餐名称" />
@@ -56,11 +56,12 @@
         <el-input-number v-model="form.sort" :min="1" />
       </el-form-item>
       <el-form-item label='赠送会员：'>
-        <el-switch v-model="isFreeContentVip" />
+        <el-switch v-model="isFreeContentVip" :disabled="disableVip" />
       </el-form-item>
       <el-form-item v-if="isFreeContentVip" label="关联会员套餐：" prop="freeActivityId">
-        <el-select v-model="form.freeActivityId" placeholder="请选择会员套餐：">
-          <el-option v-for="item in freeOptions" :key="item.id" :label="item.name" :value="item.id" />
+        <el-select v-model="form.freeActivityId" placeholder="请选择会员套餐：" :disabled="disableVip">
+          <el-option v-for="(item, index) in freeOptions" :key="`free-option-${item.id}-${index}`" :label="item.name"
+            :value="item.id" />
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -116,6 +117,7 @@ export default {
       // 赠送会员套餐
       freeOptions: [],
       isFreeContentVip: false,
+      disableVip: false,
       // 资源平台
       platformOptions: [{
         value: 6,
@@ -197,6 +199,8 @@ export default {
         if (res.code === 0) {
           this.form = res.data
           this.isFreeContentVip = res.data.isFreeContentVip === 1 ? true : false
+          this.disableVip = this.isFreeContentVip
+
           this.deviceIds = res.data.deviceIds.split(',')
         }
       })