完善巡检

src/views/fill/gather/FillGather.vue

@@ -236,7 +236,6 @@ export default {
       })
     },
     handleView (record) {
-      console.log(this.loadData())
       fetchFillGather({ id: record.id }).then(res => {
         const modal = this.$refs.detailModal
         modal.base(res.data)

src/views/fill/gather/modules/Detail.vue

@@ -1,23 +1,35 @@
 <template>
   <a-modal
-    :title="modalTitle"
-    :width="850"
+    :width="800"
     :visible="visible"
     :confirmLoading="confirmLoading"
     @cancel="handleCancel"
   >
-    <detail-list title="" :col="2">
+    <!-- <detail-list title="" :col="2">
       <detail-list-item term="名称">{{ model.name }}</detail-list-item>
-      <!-- <detail-list-item term="类型">{{ BaseTool.Object.getField(codeIdMap,model.codeId) }}</detail-list-item>
-      <detail-list-item term="使用类型">{{ BaseTool.Object.getField(useTypeMap,model.useType) }}</detail-list-item> -->
       <detail-list-item term="备注">{{ model.remark }}</detail-list-item>
       <detail-list-item term="频次周期">{{ model.period }} 天</detail-list-item>
       <detail-list-item term="创建人">{{ model.createdUserName }}</detail-list-item>
-      <!--      <detail-list-item term="更新人">{{ model.updateUserId }}</detail-list-item>-->
       <detail-list-item term="更新人名称">{{ model.updateUserName }}</detail-list-item>
       <detail-list-item term="更新日期">{{ model.updateTime }}</detail-list-item>
-    </detail-list>
-
+    </detail-list> -->
+    <div class="title">{{ model.name }}</div>
+    <div style="float:right;">频次周期：{{ model.period }} 天</div>
+    <br>
+    <div class="info" v-for="item in model.fillInfos" :key="item.id">
+      <div style="width:120px;text-align: right;">{{ item.name }}：</div>
+      <div>
+        <a-input style="width:150px;" v-if="item.type === 1 " />
+        <a-select v-else-if="item.type === 2 " style="width:150px;">
+          <a-select-option v-for="val in JSON.parse(item.selectValue)" :key="val.value" :value="val.value">
+            {{ val.value }}
+          </a-select-option>
+        </a-select>
+        <a-date-picker style="width:150px;" v-else-if="item.type === 3 " show-time :format="BaseTool.Date.PICKER_NORM_DATETIME_PATTERN" />
+      </div>
+      <div style="margin-left:50px;">{{ item.remark }}</div>
+    </div>
+    </div>
     <template slot="footer">
       <a-button :loading="confirmLoading" type="primary" @click="handleCancel()">返回</a-button>
     </template>
@@ -66,6 +78,7 @@ export default {
       this.visible = true
       this.modalTitle = '详情'
       this.model = record
+      console.log(record)
     },
     handleCancel () {
       this.visible = false
@@ -75,3 +88,18 @@ export default {
   }
 }
 </script>
+
+<style lang="less" scoped>
+.title{
+  text-align: center;
+  width: 100%;
+  font-size: 40px;
+  font-weight: 700;
+}
+.info{
+  display:flex;
+  justify-content: center;
+  align-items: center;
+  margin: 10px;;
+}
+</style>