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

八项作业
mengfanliang 2024-08-30 18:20:00 +08:00
parent 97f070fac6
commit 09c90707be
5 changed files with 177 additions and 9 deletions

View File

@ -314,6 +314,24 @@
"navigationBarTitleText": "延时监火" "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", "path": "pages/eight_assignments/hot_work/delay_fire_monitoring/detail",
"style": { "style": {

View File

@ -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>

View File

@ -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>

View File

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

View File

@ -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>