设备管理设备编辑页面增加禁用属性

src/views/iot/deviceInfo/dialog.addAlarmHost.vue

@@ -8,7 +8,7 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item label="机构名称">
-                  <org-tree
+                  <org-tree :disabled="this.isEdit"
                     v-model="formData.orgId"
                     @defaultKey="getDefaultKey"
                     @defaultOrg="getDefaultOrg"
@@ -22,7 +22,7 @@
               </el-col>
               <el-col :span="12">
                 <el-form-item prop="iotCode" label="所属主机">
-                  <el-select
+                  <el-select :disabled="this.isEdit"
                     prop="iotCode"
                     label="检查人员"
                     v-model="formData.iotCode"
@@ -54,7 +54,7 @@
               <el-col :span="12">
                 <el-form-item label="产品类型" prop="deviceProduct">
                   <el-select style="width: 100%" @change="productChange(formData.deviceProduct)"
-                             v-model="formData.deviceProduct" placeholder="请选择产品类型">
+                             v-model="formData.deviceProduct" placeholder="请选择产品类型" :disabled="this.isEdit">
                     <el-option
                       v-for="item in productList"
                       :key="item.id"
@@ -68,7 +68,7 @@
             <!-- 产品型号 -->
             <el-col :span="12">
               <el-form-item label="产品型号" prop="models">
-                <el-select style="width: 100%" v-model="formData.models" placeholder="请选择产品型号">
+                <el-select style="width: 100%" v-model="formData.models" placeholder="请选择产品型号" :disabled="this.isEdit">
                   <el-option
                     v-for="item in modelList"
                     :key="item"
@@ -111,7 +111,7 @@
             <!-- 主机类型 -->
             <el-col :span="12">
               <el-form-item label="主机类型" prop="hostDeviceType" v-if="formData.deviceProduct=='BOSCH_CMS'">
-                <el-select style="width: 100%" v-model="formData.hostDeviceType" placeholder="请输入主机类型">
+                <el-select style="width: 100%" v-model="formData.hostDeviceType" placeholder="请输入主机类型" :disabled="this.isEdit">
                   <el-option
                     v-for="item in hostDeviceTypeList"
                     :key="item.id"
@@ -301,6 +301,7 @@ export default {
       formData: this.reset(),
       productList: [],
       modelList: [],
+      isEdit:false,
       hostConnectList: [],
       sensorTypeList: [
         {key: 'Other', label: '其他'},
@@ -423,10 +424,12 @@ export default {
       this.formData = this.reset(other);
       this.formData.orgId = orgId;
       this.title = '新增' + name;
+      this.isEdit=false;
       this.initData();
       if (id) {
         this.title = '编辑' + name;
         this.formData.id = id;
+        this.isEdit=true;
         await this.refresh(id, other);
       }
 

src/views/iot/deviceInfo/dialog.addDoorHost.vue

@@ -7,7 +7,7 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="机构名称">
-                <org-tree
+                <org-tree :disabled="this.isEdit"
                   v-model="formData.orgId"
                   @defaultKey="getDefaultKey"
                   @defaultOrg="getDefaultOrg"
@@ -21,7 +21,7 @@
             </el-col>
             <el-col :span="12">
               <el-form-item prop="iotCode" label="所属主机">
-                <el-select
+                <el-select :disabled="this.isEdit"
                   prop="iotCode"
                   label="所属主机"
                   v-model="formData.iotCode"
@@ -51,7 +51,7 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="设备类型" prop="deviceProduct">
-                <el-select style="width: 100%" v-model="formData.deviceType" placeholder="请选择设备类型">
+                <el-select style="width: 100%" v-model="formData.deviceType" placeholder="请选择设备类型" :disabled="this.isEdit">
                   <el-option
                     v-for="item in deviceTypeList"
                     :key="item.key"
@@ -67,7 +67,7 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="设备品牌" prop="deviceBrand">
-                <el-select style="width: 100%" v-model="formData.deviceBrand" placeholder="请选择设备品牌">
+                <el-select style="width: 100%" v-model="formData.deviceBrand" placeholder="请选择设备品牌" :disabled="this.isEdit">
                   <el-option
                     v-for="item in brandList"
                     :key="item.key"
@@ -136,6 +136,7 @@ export default {
       deviceTypeList: [],
       modelList: [],
       hostConnectList: [],
+      isEdit:false,
       brandList: [],
       formDataRules: {
         deviceName: [{required: true, message: "请输入设备名称", trigger: 'blur'}],
@@ -191,10 +192,12 @@ export default {
       this.formData = this.reset(other);
       this.formData.orgId = orgId;
       this.title = '新增' + name;
+      this.isEdit=false;
       this.initData();
       if (id){
         this.title = '编辑' + name;
         this.formData.id = id;
+        this.isEdit=true;
         await this.refresh(id, other);
       }
       /*this.$nextTick(() => {

src/views/iot/deviceInfo/dialog.addDvrHost.vue

@@ -7,7 +7,7 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="机构名称">
-                <org-tree
+                <org-tree :disabled="this.isEdit"
                   v-model="formData.orgId"
                   @defaultKey="getDefaultKey"
                   @defaultOrg="getDefaultOrg"
@@ -20,8 +20,8 @@
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item prop="iotCode" label="所属主机">
-                <el-select
+              <el-form-item prop="iotCode" label="所属主机" >
+                <el-select :disabled="this.isEdit"
                   prop="iotCode"
                   label="检查人员"
                   v-model="formData.iotCode"
@@ -52,7 +52,7 @@
             <el-col :span="12">
               <el-form-item label="产品类型" prop="deviceProduct">
                 <el-select style="width: 100%" @change="productChange(formData.deviceProduct)"
-                           v-model="formData.deviceProduct" placeholder="请选择产品类型">
+                           v-model="formData.deviceProduct" placeholder="请选择产品类型" :disabled="this.isEdit">
                   <el-option
                     v-for="item in productList"
                     :key="item.id"
@@ -94,7 +94,7 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="产品型号" prop="models">
-                <el-select style="width: 100%" v-model="formData.models" placeholder="请选择产品型号">
+                <el-select style="width: 100%" v-model="formData.models" placeholder="请选择产品型号" :disabled="this.isEdit">
                   <el-option
                     v-for="item in modelList"
                     :key="item"
@@ -155,6 +155,7 @@ export default {
       formData: this.reset(),
       productList: [],
       modelList: [],
+      isEdit: false,
       hostConnectList: [],
       formDataRules: {
         deviceName: [{required: true, message: "请输入设备名称", trigger: 'blur'}],
@@ -222,10 +223,12 @@ export default {
       this.formData = this.reset(other);
       this.formData.orgId = orgId;
       this.title = '新增' + name;
+      this.isEdit=false;
       await this.initData();
       if (id){
         this.title = '编辑' + name;
         this.formData.id = id;
+        this.isEdit=true;
         await this.refresh(id, other);
       }
       /*this.$nextTick(() => {

src/views/iot/deviceInfo/dialog.addTalkHost.vue

@@ -7,7 +7,7 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="机构名称">
-                <org-tree
+                <org-tree :disabled="this.isEdit"
                   v-model="formData.orgId"
                   @defaultKey="getDefaultKey"
                   @defaultOrg="getDefaultOrg"
@@ -21,7 +21,7 @@
             </el-col>
             <el-col :span="12">
               <el-form-item prop="iotCode" label="所属主机">
-                <el-select
+                <el-select :disabled="this.isEdit"
                   prop="iotCode"
                   label="所属主机"
                   v-model="formData.iotCode"
@@ -51,7 +51,7 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="设备类型" prop="deviceProduct">
-                <el-select style="width: 100%" v-model="formData.deviceType" placeholder="请选择设备类型">
+                <el-select style="width: 100%" v-model="formData.deviceType" placeholder="请选择设备类型" :disabled="this.isEdit">
                   <el-option
                     v-for="item in deviceTypeList"
                     :key="item.key"
@@ -67,7 +67,7 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="设备品牌" prop="deviceBrand">
-                <el-select style="width: 100%" v-model="formData.deviceBrand" placeholder="请选择设备品牌">
+                <el-select style="width: 100%" v-model="formData.deviceBrand" placeholder="请选择设备品牌" :disabled="this.isEdit">
                   <el-option
                     v-for="item in brandList"
                     :key="item.key"
@@ -137,6 +137,7 @@ export default {
       modelList: [],
       hostConnectList: [],
       brandList: [],
+      isEdit: false,
       formDataRules: {
         deviceName: [{required: true, message: "请输入设备名称", trigger: 'blur'}],
         deviceType: [{required: true, message: "请选择设备类型", trigger: 'blur'}],
@@ -189,12 +190,14 @@ export default {
     },
     async show(id,orgId, name, other = {}) {
       this.formData = this.reset(other);
+      this.isEdit=false;
       this.formData.orgId = orgId;
       this.title = '新增' + name;
       this.initData();
       if (id){
         this.title = '编辑' + name;
         this.formData.id = id;
+        this.isEdit=true;
         await this.refresh(id, other);
       }
       /*this.$nextTick(() => {