feat: 延时监火静态页面开发中

pages.json

@@ -314,6 +314,24 @@
 				"navigationBarTitleText": "延时监火"
 			}
 		},
+		{
+			"path": "pages/eight_assignments/hot_work/delay_fire_monitoring/delay",
+			"style": {
+				"navigationBarTitleText": "延时监火"
+			}
+		},
+		{
+			"path": "pages/eight_assignments/hot_work/delay_fire_monitoring/add",
+			"style": {
+				"navigationBarTitleText": "延时监火添加"
+			}
+		},
+		{
+			"path": "pages/eight_assignments/hot_work/delay_fire_monitoring/task_forward",
+			"style": {
+				"navigationBarTitleText": "延时监火任务转发"
+			}
+		},
 		{
 			"path": "pages/eight_assignments/hot_work/delay_fire_monitoring/detail",
 			"style": {

pages/eight_assignments/hot_work/delay_fire_monitoring/add.vue

@@ -0,0 +1,77 @@
+<!-- 延时监火的添加页面 -->
+<template>
+  <view class="content">
+    <view class="card">
+      <u-form labelPosition="left" :model="form" :rules="rules" ref="formRef" labelWidth="140px">
+        <u-form-item label="监火人" prop="PYROMANCER" borderBottom required>
+          <u-input v-model="form.PYROMANCER" border="none" readonly />
+          <u-icon name="arrow-right"></u-icon>
+        </u-form-item>
+        <u-form-item label="时间" prop="TIME" borderBottom required>
+          <u-input v-model="form.TIME" border="none" readonly />
+          <u-icon name="arrow-right"></u-icon>
+        </u-form-item>
+        <u-form-item label="照片" prop="imgList" borderBottom required labelPosition="top" labelWidth="auto">
+          <u-upload class="mt-10" :fileList="form.imgList" @afterRead="fnAfterRead($event, 'imgList')"
+            @delete="fnDeletePic($event, 'imgList')" multiple :maxCount="1"></u-upload>
+        </u-form-item>
+      </u-form>
+      <view class="mt-10">
+        <u-button type="primary" text="提交" @click="$u.debounce(fnSubmit, 1000, true)" />
+      </view>
+    </view>
+
+    <u-datetime-picker :show="dateTimePicker.show" v-model="dateTimePicker.value" :mode="dateTimePicker.mode"
+      :maxDate="dateTimePicker.max" :key="dateTimePicker.type" @confirm="fnDateTimePickerConfirm"
+      @cancel="fnDateTimePickerCancel" />
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      form:{
+        /** 监火人 */
+        PYROMANCER: '',
+        /** 时间 */
+        TIME: '',
+        /** 照片 */
+        imgList: []
+      },
+      rules: {
+        PYROMANCER: [{ type: 'string', required: true, message: '请输入监火人', trigger: ['blur', 'change'] }],
+        TIME: [{ type: 'string', required: true, message: '请选择时间', trigger: ['blur', 'change'] }],
+        imgList: [{ type: 'string', required: true, message: '请上传照片', trigger: ['blur', 'change'] }],
+      },
+      dateTimePicker: {
+        show: false,
+        value: Number(new Date()),
+        min: new Date().getTime(),
+        mode: 'datetime',
+        type: 'datetime-picker'
+      },
+    }
+  },
+  methods: {
+    async fnSubmit() {
+      try {
+        await this.$refs.formRef.validate()
+        try {
+          console.log('this.form :>> ', this.form);
+          // await setSubmitForm({
+          //   form: this.form,
+          //   formItems: this.formItems,
+          //   TYPE: this.type,
+          //   CORP_ID: this.form.CORP_ID
+          // })
+          uni.navigateBack(); // 返回到上一级
+        } catch {
+        }
+      } catch {
+        uni.$u.toast('请补全必填项')
+      }
+    }
+  }
+}
+</script>

pages/eight_assignments/hot_work/delay_fire_monitoring/delay.vue

@@ -0,0 +1,45 @@
+<template>
+  <view class="content">
+    <view class="flex-end padding">
+      <u-button type="primary" text="添加" size="mini" class="bth-mini" @click="goToAdd" />
+      <u-button type="primary" text="任务转发" size="mini" class="bth-mini ml-10"
+        @click="goToTaskForword" />
+    </view>
+    <view>
+      <view v-if="list.length > 0">有数据</view>
+      <empty v-else></empty>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      list: []
+    }
+  },
+  methods: {
+    /** 跳转到延时监火的添加页面 */
+    goToAdd() {
+      uni.$u.route({
+        url: '/pages/eight_assignments/hot_work/delay_fire_monitoring/add'
+      });
+    },
+    /** 跳转到延时监火的任务转发页面 */
+    goToTaskForword() {
+      uni.$u.route({
+        url: '/pages/eight_assignments/hot_work/delay_fire_monitoring/task_forward'
+      });
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.content {
+  .padding {
+    padding: 20upx;
+  }
+}
+</style>

pages/eight_assignments/hot_work/delay_fire_monitoring/list.vue

@@ -23,17 +23,14 @@
           <view class="flex-between main-title">
             <text>审核状态：延时监火</text>
           </view>
+        </view>
         <view class="flex-between mt-10 subtitle">
           <view></view>
           <view class="flex-between">
-              <u-button type="primary" text="延时监火" size="mini" class="bth-mini ml-10" @click="$u.route({
+            <u-button type="primary" text="延时监火" size="mini" class="bth-mini ml-10"
-                url: '/pages/eight_assignments/view_info',
+              @click="goToDelay(item.HOTWORKAPPLICATION_ID)" />
-                params: { taskId: item.taskId, jobId: item.jobId, type, title }
-              })" />
           </view>
         </view>
-        </view>
-
       </u-list-item>
     </u-list>
     <empty v-else></empty>
@@ -102,6 +99,12 @@ export default {
           title: this.title
         }
       })
+    },
+    goToDelay(HOTWORKAPPLICATION_ID) {
+      uni.$u.route({
+        url: '/pages/eight_assignments/hot_work/delay_fire_monitoring/delay',
+        params: { id: HOTWORKAPPLICATION_ID }
+      })
     }
   }
 }

pages/eight_assignments/hot_work/delay_fire_monitoring/task_forward.vue

@@ -0,0 +1,25 @@
+<!-- 延时监火的任务转发 -->
+<template>
+  <view class="content">
+    <view class="card">
+      <u-form labelPosition="left" :model="form" :rules="rules" ref="formRef" labelWidth="140px">
+        <u-form-item label="接班监火人部门" prop="PYROMANCER" borderBottom required>
+          <u-input v-model="form.PYROMANCER" border="none" readonly />
+          <u-icon name="arrow-right"></u-icon>
+        </u-form-item>
+      </u-form>
+      <view class="mt-10">
+        <u-button type="primary" text="提交" @click="$u.debounce(fnSubmit, 1000, true)" />
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>