隐患快速录入添加模块分割线

danger-manage-web/src/views/system/book/index.vue

@@ -142,6 +142,11 @@
     <!-- 添加或修改隐患台账对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <div class="boxd" v-if="zhong==2||fast">
+          <div class="box"></div>
+          <div style="font-size: 17px;margin: 0 10px;">隐患信息</div>
+          <div class="box"></div>
+        </div>
         <el-form-item label="隐患名称" prop="troubleName">
           <el-input v-model="form.troubleName" placeholder="请输入隐患名称" />
         </el-form-item>
@@ -263,16 +268,36 @@
         <!--<el-form-item label="投入物资" prop="investmentMaterial" v-if="zhong==1">-->
         <!--<el-input v-model="form.investmentMaterial" placeholder="请输入投入物资" />-->
         <!--</el-form-item>-->
-        <el-form-item label="整改人" prop="rectification" v-if="zhong==2||fast">
-          <el-select v-model="form.rectification" filterable placeholder="请选择">
-            <el-option
-              v-for="item in staffList"
-              :key="item.staffId"
-              :label="item.staffName"
-              :value="item.staffId">
-            </el-option>
-          </el-select>
-        </el-form-item>
+        <div class="boxd" v-if="zhong==2||fast">
+          <div class="box"></div>
+          <div style="font-size: 17px;margin: 0 10px;">整改信息</div>
+          <div class="box"></div>
+        </div>
+        <el-row :gutter="24" class="mb8">
+          <el-col :span="12">
+            <el-form-item label="整改人" prop="rectification" v-if="zhong==2||fast">
+              <el-select v-model="form.rectification" filterable placeholder="请选择">
+                <el-option
+                  v-for="item in staffList"
+                  :key="item.staffId"
+                  :label="item.staffName"
+                  :value="item.staffId">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="整改时间" prop="rectificationTime" v-if ="zhong==2||fast">
+              <el-date-picker clearable size="small"
+                              v-model="form.rectificationTime"
+                              type="datetime"
+                              value-format="yyyy-MM-dd HH:mm:ss"
+                              placeholder="选择复查时间">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        
         <el-form-item label="整改图片" v-if="!readOnly &&( zhong==2 || fast)" prop="rectificationPictrue" >
           <MyFileUpload
             listType="picture-card"
@@ -283,14 +308,7 @@
           <el-input v-show="false" disabled v-model="form.rectificationPictrue"></el-input>
         </el-form-item>
 
-        <el-form-item label="整改时间" prop="rectificationTime" v-if ="zhong==2||fast">
-          <el-date-picker clearable size="small"
-                          v-model="form.rectificationTime"
-                          type="datetime"
-                          value-format="yyyy-MM-dd HH:mm:ss"
-                          placeholder="选择复查时间">
-          </el-date-picker>
-        </el-form-item>
+        
         <el-form-item label="整改描述" prop="rectificationText" v-if="zhong==2||fast">
           <el-input v-model="form.rectificationText" placeholder="请输入整改描述" />
         </el-form-item>
@@ -298,7 +316,11 @@
         <el-form-item label="备注" prop="remarks">
           <el-input v-model="form.remarks" placeholder="请输入备注" />
         </el-form-item>
-
+        <div class="boxd" v-if="!readOnly &&  fast">
+          <div class="box"></div>
+          <div style="font-size: 17px;margin: 0 10px;">复查信息</div>
+          <div class="box"></div>
+        </div>
         <el-form-item label="复查图片" v-if="!readOnly &&  fast" prop="picture">
           <MyFileUpload
             listType="picture-card"
@@ -308,28 +330,35 @@
           />
           <el-input v-show="false" disabled v-model="form.inspectPictrue"></el-input>
         </el-form-item>
-
-        <el-form-item label="复查时间" prop="inspectTime" v-if ="fast">
-          <el-date-picker clearable size="small"
-                          v-model="form.inspectTime"
-                          type="datetime"
-                          value-format="yyyy-MM-dd HH:mm:ss"
-                          placeholder="选择复查时间">
-          </el-date-picker>
-        </el-form-item>
+        <el-row :gutter="24" class="mb8">
+          <el-col :span="12">
+            <el-form-item label="复查时间" prop="inspectTime" v-if ="fast">
+              <el-date-picker clearable size="small"
+                              v-model="form.inspectTime"
+                              type="datetime"
+                              value-format="yyyy-MM-dd HH:mm:ss"
+                              placeholder="选择复查时间">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="复查人" prop="personLiable" v-if ="fast">
+              <el-select v-model="form.personLiable" filterable placeholder="请选择">
+                <el-option
+                  v-for="item in staffList"
+                  :key="item.staffId"
+                  :label="item.staffName"
+                  :value="item.staffId">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        
         <el-form-item label="复查描述" prop="inspectResult" v-if ="fast">
           <el-input type="textarea" v-model="form.inspectResult" placeholder="请输入复查结果描述" />
         </el-form-item>
-        <el-form-item label="复查人" prop="personLiable" v-if ="fast">
-          <el-select v-model="form.personLiable" filterable placeholder="请选择">
-            <el-option
-              v-for="item in staffList"
-              :key="item.staffId"
-              :label="item.staffName"
-              :value="item.staffId">
-            </el-option>
-          </el-select>
-        </el-form-item>
+        
 
 
       </el-form>
@@ -1166,4 +1195,20 @@ export default {
   ::v-deep .el-input.is-disabled .el-input__inner {
     color: #606266;
   }
+  ::v-deep .el-form-item {
+    margin-bottom: 18px;
+  }
+.boxd{
+  width: 100%;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 10px;
+  .box {
+    width: 385px;
+    height: 1px ;
+    border: 1px solid #000;
+    margin-top: 10px;
+  }
+}
 </style>