租赁合同修改

src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue

@@ -1,21 +1,21 @@
 <template>
   <el-dialog class="rent" :visible.sync="visible" :title="dataForm.flag === '1' ? '查看详情' : '审核'" :close-on-click-modal="false" :close-on-press-escape="false">
     <el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm"
-             @keyup.enter.native="dataFormSubmitHandle()" label-width="140px" disabled>
+             @keyup.enter.native="dataFormSubmitHandle()" label-width="140px">
         <div v-if="dataForm.flag === '2'">
             <div style="margin-left: 50px;height: 30px;font-weight: bold;">房屋信息</div>
             <el-form-item label="所属社区" prop="gridName">
-                <el-input v-model="dataForm.gridName" placeholder="网格"></el-input>
+                <el-input v-model="dataForm.gridName" placeholder="网格" disabled></el-input>
             </el-form-item>
             <el-form-item label="所属网格" prop="gridName">
-                <el-input v-model="dataForm.gridName" placeholder="所属网格"></el-input>
+                <el-input v-model="dataForm.gridName" placeholder="所属网格" disabled></el-input>
             </el-form-item>
             <br/>
             <el-form-item label="房屋" prop="homeName">
-                <el-input v-model="dataForm.homeName" placeholder="房屋"></el-input>
+                <el-input v-model="dataForm.homeName" placeholder="房屋" disabled></el-input>
             </el-form-item>
             <el-form-item label="房主姓名" prop="ownerName">
-                <el-input v-model="dataForm.ownerName" placeholder="房主姓名"></el-input>
+                <el-input v-model="dataForm.ownerName" placeholder="房主姓名" disabled></el-input>
             </el-form-item>
         </div>
         <div style="padding:20px 30px">
@@ -30,6 +30,7 @@
               <el-table-column prop="yfzgx" label="与户主关系" header-align="center" align="center" width="120"></el-table-column>
               <el-table-column prop="mobile" label="手机" header-align="center" align="center" width="120"></el-table-column>
               <el-table-column prop="idCard" label="身份证号" header-align="center" align="center" width="180"></el-table-column>
+              <el-table-column prop="unit" label="工作单位" header-align="center" align="center" width="180" show-overflow-tooltip></el-table-column>
               <el-table-column prop="politicalStatus" label="政治面貌" header-align="center" align="center"></el-table-column>
               <el-table-column prop="isMilitary" label="是否服过兵役" header-align="center" align="center" width="120"></el-table-column>
               <el-table-column prop="nation" label="国籍" header-align="center" align="center"></el-table-column>
@@ -52,31 +53,37 @@
         <div style="margin-left: 50px;height: 30px;font-weight: bold;">合同信息</div>
         <div style="margin-left: 50px;height: 30px;">出租人信息</div>
         <el-form-item label="出租人姓名" prop="lessorName">
-            <el-input v-model="dataForm.lessorName" placeholder="出租人姓名"></el-input>
+            <el-input v-model="dataForm.lessorName" placeholder="出租人姓名" disabled></el-input>
         </el-form-item>
         <el-form-item label="出租人身份证" prop="lessorIdCard">
-            <el-input v-model="dataForm.lessorIdCard" placeholder="出租人身份证"></el-input>
+            <el-input v-model="dataForm.lessorIdCard" placeholder="出租人身份证" disabled></el-input>
         </el-form-item>
         <br/>
         <el-form-item label="出租人手机" prop="lessorMobile">
-            <el-input v-model="dataForm.lessorMobile" placeholder="出租人手机"></el-input>
+            <el-input v-model="dataForm.lessorMobile" placeholder="出租人手机" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="与房主关系" prop="lessorRelation">
+            <!--<el-input v-model="dataForm.lessorRelation" placeholder="与房主关系"></el-input>-->
+            <el-select v-model="dataForm.lessorRelation" placeholder="与房主关系" :disabled="dataForm.state !== '0'">
+                <el-option v-for="item in lessorRelationArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
+                </el-option>
+            </el-select>
         </el-form-item>
         <br/>
 
         <div style="margin-left: 50px;height: 30px;">承租人信息</div>
         <el-form-item label="承租人姓名" prop="lesseeName">
-            <el-input v-model="dataForm.lesseeName" placeholder="承租人姓名"></el-input>
+            <el-input v-model="dataForm.lesseeName" placeholder="承租人姓名" disabled></el-input>
         </el-form-item>
         <el-form-item label="承租人身份证" prop="lesseeIdCard">
-            <el-input v-model="dataForm.lesseeIdCard" placeholder="承租人身份证"></el-input>
+            <el-input v-model="dataForm.lesseeIdCard" placeholder="承租人身份证" disabled></el-input>
         </el-form-item>
         <br/>
         <el-form-item label="承租人手机" prop="lesseeMobile">
-            <el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机"></el-input>
+            <el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机" disabled></el-input>
         </el-form-item>
-        <br/>
+        <el-form-item label="工作单位" prop="lesseeUnit">
-        <el-form-item label="与房主关系" prop="lessorRelation">
+            <el-input v-model="dataForm.lesseeUnit" placeholder="工作单位" disabled></el-input>
-            <el-input v-model="dataForm.lessorRelation" placeholder="与房主关系"></el-input>
         </el-form-item>
         <br/>
         <el-form-item label="中介合同附件" prop="agencyImgList" v-if="dataForm.lessorRelation ==='中介'">
@@ -90,14 +97,14 @@
 
         <div style="margin-left: 50px;height: 30px;font-weight: bold;">合同内容</div>
         <el-form-item label="签署日期" prop="signDate">
-            <el-input v-model="dataForm.signDate" placeholder="签署日期"></el-input>
+            <el-input v-model="dataForm.signDate" placeholder="签署日期" disabled></el-input>
         </el-form-item>
         <br/>
         <el-form-item label="合同开始日期" prop="startDate">
-            <el-input v-model="dataForm.startDate" placeholder="合同开始日期"></el-input>
+            <el-input v-model="dataForm.startDate" placeholder="合同开始日期" disabled></el-input>
         </el-form-item>
         <el-form-item label="合同结束日期" prop="endDate">
-            <el-input v-model="dataForm.endDate" placeholder="合同结束日期"></el-input>
+            <el-input v-model="dataForm.endDate" placeholder="合同结束日期" disabled></el-input>
         </el-form-item>
         <br/>
 
@@ -145,16 +152,30 @@ export default {
         lessorName: '',
         lessorIdCard: '',
         lessorMobile: '',
+        lessorRelation: '',
         lesseeName: '',
         lesseeIdCard: '',
         lesseeMobile: '',
+        lesseeUnit: '',
         signDate: '',
         startDate: '',
         endDate: ''
       },
         dataListLoading: false,
         dialogVisible: false,
-        dialogImageUrl: ''
+        dialogImageUrl: '',
+        lessorRelationArr: [
+            { dictValue: '本人', dictName: '本人' },
+            { dictValue: '配偶', dictName: '配偶' },
+            { dictValue: '子女', dictName: '子女' },
+            { dictValue: '父母', dictName: '父母' },
+            { dictValue: '岳父母或公婆', dictName: '岳父母或公婆' },
+            { dictValue: '祖父母', dictName: '祖父母' },
+            { dictValue: '媳婿', dictName: '媳婿' },
+            { dictValue: '孙子女', dictName: '孙子女' },
+            { dictValue: '兄弟姐妹', dictName: '兄弟姐妹' },
+            { dictValue: '中介', dictName: '中介' }
+        ]
     }
   },
   computed: {
@@ -252,7 +273,8 @@ export default {
         const params = {
           id: this.dataForm.id,
           state: type,
-          homeId: this.dataForm.homeId
+          homeId: this.dataForm.homeId,
+          lessorRelation: this.dataForm.lessorRelation
         }
         this.$http.post('/pli/power/rentContractInfo/review', params).then(({ data: res }) => {
           if (res.code !== 0) {