合同审核PC新增

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

@@ -28,9 +28,11 @@
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="所属小区" label-width="100px" prop="homeId">
+            <br/>
+            <el-form-item label="所属房屋" label-width="100px" prop="homeId">
               <div class="resi-cell-value">
-                  <el-form-item prop="villageId">
+                <div class="resi-cell-col">
+                  <el-form-item prop="villageId" class="cell-item-new2">
                     <el-select v-model.trim="dataForm.villageId"
                       :disabled="changeGDisabled"
                       placeholder="请选择小区"
@@ -44,7 +46,7 @@
                       </el-option>
                     </el-select>
                   </el-form-item>
-                  <el-form-item prop="buildId">
+                  <el-form-item prop="buildId" class="cell-item-new">
                     <el-select v-model.trim="dataForm.buildId"
                       :disabled="changeVDisabled"
                       placeholder="楼号"
@@ -59,7 +61,7 @@
                       </el-option>
                     </el-select>
                   </el-form-item>
-                  <el-form-item prop="unitId">
+                  <el-form-item prop="unitId" class="cell-item-new">
                     <el-select v-model.trim="dataForm.unitId"
                       :disabled="changeBDisabled"
                       placeholder="单元"
@@ -74,7 +76,7 @@
                       </el-option>
                     </el-select>
                   </el-form-item>
-                  <el-form-item prop="homeId">
+                  <el-form-item prop="homeId" class="cell-item-new">
                     <el-select v-model.trim="dataForm.homeId"
                       :disabled="changeDDisabled"
                       placeholder="房号"
@@ -89,7 +91,9 @@
                     </el-select>
                   </el-form-item>
                 </div>
+              </div>
             </el-form-item>
+            <br/>
             <el-form-item label="房主姓名" prop="ownerName">
                 <el-input v-model="dataForm.ownerName" placeholder="房主姓名" style="width: 210px;"></el-input>
             </el-form-item>
@@ -226,13 +230,34 @@
 
         <div style="margin-left: 30px;height: 30px;font-weight: bold;">合同内容</div>
         <el-form-item label="签署日期" prop="signDate" label-width="140px">
-            <el-input v-model="dataForm.signDate" placeholder="签署日期" ></el-input>
+            <!--<el-input v-model="dataForm.signDate" placeholder="签署日期" ></el-input>-->
+            <el-date-picker v-model="dataForm.signDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            format="yyyy-MM-dd"
+                            placeholder="选择签署日期"
+                            style="width:280px">
+            </el-date-picker>
         </el-form-item>
         <el-form-item label="合同开始日期" prop="startDate" label-width="140px">
-            <el-input v-model="dataForm.startDate" placeholder="合同开始日期" ></el-input>
+            <!--<el-input v-model="dataForm.startDate" placeholder="合同开始日期" ></el-input>-->
+            <el-date-picker v-model="dataForm.startDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            format="yyyy-MM-dd"
+                            placeholder="选择合同开始日期"
+                            style="width:280px">
+            </el-date-picker>
         </el-form-item>
         <el-form-item label="合同结束日期" prop="endDate" label-width="140px">
-            <el-input v-model="dataForm.endDate" placeholder="合同结束日期" ></el-input>
+            <!--<el-input v-model="dataForm.endDate" placeholder="合同结束日期" ></el-input>-->
+            <el-date-picker v-model="dataForm.endDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            format="yyyy-MM-dd"
+                            placeholder="选择合同结束日期"
+                            style="width:280px">
+            </el-date-picker>
         </el-form-item>
         <br/>
 
@@ -807,3 +832,27 @@ export default {
   }
 }
 </style>
+<style lang="scss" scoped>
+
+    .div_btn {
+        display: flex;
+        justify-content: flex-end;
+    }
+    .resi-cell-col {
+        width: 750px;
+        display: flex;
+        justify-content: flex-start;
+    }
+
+    .cell-item-new {
+        width: 120px;
+    }
+
+    .cell-item-new2 {
+        width: 200px;
+    }
+
+    .margin_left10 {
+        margin-left: 10px;
+    }
+</style>