lsun 协议管理-树结构修改

src/views/material/lease/protocol/index.vue

@@ -178,6 +178,7 @@
                 maxlength="50"
                 v-model="form.authPerson"
                 placeholder="请输入授权人"
+                :disabled="isEdits"
               />
             </el-form-item>
           </el-col>
@@ -224,6 +225,7 @@
                 v-model="form.phone"
                 placeholder="请输入联系电话"
                 maxlength="11"
+                :disabled="isEdits"
                 onkeyup="this.value = this.value.replace(/[^\d]/g,'');"
               />
             </el-form-item>
@@ -237,6 +239,7 @@
                 maxlength="50"
                 v-model="form.contractCode"
                 placeholder="请输入合同编号"
+                :disabled="isEdits"
               />
             </el-form-item>
           </el-col>
@@ -250,6 +253,7 @@
                 :min="0"
                 :max="9999"
                 style="width: 100%"
+                :disabled="isEdits"
               />
             </el-form-item>
           </el-col>
@@ -264,6 +268,7 @@
                 value-format="yyyy-MM-dd"
                 type="date"
                 placeholder="请选择开始日期"
+                :disabled="isEdits"
               ></el-date-picker>
             </el-form-item>
           </el-col>
@@ -275,6 +280,7 @@
                 type="textarea"
                 placeholder="请输入备注"
                 maxlength="100"
+                :disabled="isEdits"
               />
             </el-form-item>
           </el-col>
@@ -283,7 +289,7 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="租赁单位类型">
-              <el-select style="width: 100%;" v-model="form.protocol" placeholder="请选择租赁单位类型" clearable>
+              <el-select style="width: 100%;" v-model="form.protocol" placeholder="请选择租赁单位类型" clearable :disabled="isEdits">
                 <el-option label="内部单位" value="1"></el-option>
                 <el-option label="外部单位" value="2"></el-option>
               </el-select>
@@ -305,6 +311,7 @@
             :class="{ disabled: uploadDisabled }"
             :on-preview="picturePreview"
             :on-remove="handleRemoveElectricianImgList"
+            :disabled="isEdits"
           >
 
             <!-- 文件格式下载，图片格式预览 -->
@@ -338,6 +345,85 @@
       </div>
     </el-dialog>
 
+    <!-- 查看 -->
+    <el-dialog :title="title" :visible.sync="showSee" width="1000px" append-to-body>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="租赁单位">
+          {{ form.unitId }}
+        </el-descriptions-item>
+        <el-descriptions-item label="授权人">
+          {{ form.authPerson }}
+        </el-descriptions-item>
+        <el-descriptions-item label="租赁工程">
+          {{ form.projectId }}
+        </el-descriptions-item>
+        <el-descriptions-item label="联系电话">
+          {{ form.phone }}
+        </el-descriptions-item>
+        <el-descriptions-item label="合同编号">
+          {{ form.contractCode }}
+        </el-descriptions-item>
+        <el-descriptions-item label="租赁期限(天)">
+          {{ form.leaseDay }}
+        </el-descriptions-item>
+        <el-descriptions-item label="开始日期">
+          {{ form.planStartTime }}
+        </el-descriptions-item>
+        <el-descriptions-item label="备注">
+          {{ form.remark }}
+        </el-descriptions-item>
+        <el-descriptions-item label="租赁单位类型">
+          {{ form.protocol === '1' ? '内部单位' : '外部单位' }}
+        </el-descriptions-item>
+      </el-descriptions>
+
+      <el-descriptions  :column="1" border style="width: 100%;">
+        <el-descriptions-item label="营业执照" >
+          <el-upload
+            class="upload-demo"
+            style="width: 197px;"
+            action="#"
+            :file-list="businessLicenseListTemp"
+            :show-file-list="true"
+            :auto-upload="false"
+            :key="uploadKey"
+            list-type="picture-card"
+            accept=".png, .jpg, .jpeg, .pdf"
+            :on-change="handleChangeBusinessList"
+            :class="{ disabled: uploadDisabled }"
+            :on-preview="picturePreview"
+            :on-remove="handleRemoveElectricianImgList"
+            :disabled="isEdits"
+          >
+            <!-- 文件格式下载，图片格式预览 -->
+            <div slot="file" slot-scope="{file}">
+              <img v-if="isImage(file)" class="el-upload-list__item-thumbnail" :src="file.url" alt="">
+              <div v-else class="picture-card-container">
+                <img class="picture-card" :src="urlTemp" alt="">
+                <p class="file-name">{{ file.name }}</p>
+              </div>
+              <span class="el-upload-list__item-actions">
+              <span v-if="updataIf(file)" class="el-upload-list__item-delete" @click="handleDownload(file)">
+                <i class="el-icon-download"/>
+              </span>
+              <span v-else class="el-upload-list__item-preview" @click="picturePreview(file)">
+                <i class="el-icon-zoom-in"/>
+              </span>
+              <span class="el-upload-list__item-delete" @click="handleRemoveElectricianImgList(file)">
+                <i class="el-icon-delete"/>
+              </span>
+            </span>
+            </div>
+            <i class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </el-descriptions-item>
+      </el-descriptions>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
     <!-- 查看全部图片的弹窗 -->
     <el-dialog :title="title" :visible.sync="showAllImg" width="600px" append-to-body>
       <el-form ref="form" label-width="120px">
@@ -355,6 +441,7 @@
             :class="{ disabled: uploadDisabled }"
             :on-preview="picturePreview"
             :on-remove="handleRemoveElectricianImgList"
+            :disabled="isEdits"
           >
 
             <!-- 文件格式下载，图片格式预览 -->
@@ -441,6 +528,7 @@ export default {
       // 显示搜索条件
       showSearch: true,
       showHouse: false,
+      showSee: false,
       showAllImg: false,
 
 
@@ -541,6 +629,7 @@ export default {
       },
 
       isEdit: false,
+      isEdits: false,
     };
   },
   computed: {
@@ -762,7 +851,9 @@ export default {
       this.businessLicenseFileList = [];
       this.showHouse = true
       this.showConfirmButton = true
+      this.showSee = false
       this.isEdit = false;
+      this.isEdits = false;
       this.title = '新增'
     },
 
@@ -788,9 +879,11 @@ export default {
         console.log(taskId)
         if(taskId){
           this.isEdit = true;
+
         }else{
           this.isEdit = false;
         }
+        this.isEdits = false;
         console.log(this.isEdit)
 
         if (response.data.bmFileInfos != null) {
@@ -809,6 +902,7 @@ export default {
         }
         this.showHouse = true
         this.showConfirmButton = true
+        this.showSee = false
         this.title = '修改'
       })
     },
@@ -836,6 +930,8 @@ export default {
         } else {
           this.businessLicenseListTemp = [];
         }
+        this.isEdits = true;
+
         this.showHouse = false
         this.showConfirmButton = false
         this.showAllImg = true
@@ -875,8 +971,10 @@ export default {
         } else {
           this.businessLicenseListTemp = [];
         }
-        this.isEdit = false;
+        this.isEdit = true;
-        this.showHouse = true
+        this.isEdits = true;
+        this.showHouse = false
+        this.showSee = true
         this.showConfirmButton = false
         this.title = '查询'
       })
@@ -1044,6 +1142,7 @@ export default {
     // 取消按钮
     cancel() {
       this.showHouse = false;
+      this.showSee = false;
       this.showAllImg = false;
       this.delBusinessFileIdList = [];
       this.businessLicenseListTemp = []