368 lines
16 KiB
Vue
368 lines
16 KiB
Vue
<template>
|
|
<view class="content">
|
|
<view class="card">
|
|
<u-form labelPosition="left" :model="form" :rules="rules" ref="formRef" labelWidth="140px">
|
|
<u-form-item label="申请单位" prop="APPLY_DEPARTMENT_NAME" borderBottom required>
|
|
<u-input v-model="form.APPLY_DEPARTMENT_NAME" border="none" readonly />
|
|
</u-form-item>
|
|
<u-form-item label="申请人" prop="APPLY_USER_NAME" borderBottom required>
|
|
<u-input v-model="form.APPLY_USER_NAME" border="none" readonly />
|
|
</u-form-item>
|
|
<u-form-item label="作业分公司" prop="CORP_NAME" borderBottom required>
|
|
<u-input v-model="form.CORP_NAME" border="none" readonly />
|
|
</u-form-item>
|
|
<u-form-item label="作业类别" prop="WORK_TYPE_NAME" borderBottom required
|
|
@click="fnSingleChoiceClick('WORK_TYPE_NAME')">
|
|
<u-input v-model="form.WORK_TYPE_NAME" border="none" readonly />
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</u-form-item>
|
|
<u-form-item label="设备管道名称" prop="NAME" borderBottom required>
|
|
<u-input v-model="form.NAME" border="none" />
|
|
</u-form-item>
|
|
<u-form-item label="实际作业开始时间" prop="BOARD_INSTALL_TIME" borderBottom required
|
|
@click="fnDateTimePickerClick('BOARD_INSTALL_TIME')">
|
|
<u-input v-model="form.BOARD_INSTALL_TIME" border="none" readonly />
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</u-form-item>
|
|
<u-form-item label="作业结束时间" prop="WORK_END_DATE" borderBottom required
|
|
@click="fnDateTimePickerClick('WORK_END_DATE')">
|
|
<u-input v-model="form.WORK_END_DATE" border="none" readonly />
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</u-form-item>
|
|
<u-form-item label="作业人" prop="WORK_USER" borderBottom required>
|
|
<u-input v-model="form.WORK_USER" border="none" />
|
|
</u-form-item>
|
|
<u-form-item label="地点坐标" borderBottom required>
|
|
<u-button type="primary" size="small" text="定位" :customStyle="{ width: '100upx', margin: 0 }"
|
|
@click="fnLocation" />
|
|
</u-form-item>
|
|
<u-form-item label="经度" prop="WORK_LONGITUDE" borderBottom required>
|
|
<u-input v-model="form.WORK_LONGITUDE" border="none" readonly />
|
|
</u-form-item>
|
|
<u-form-item label="纬度" prop="WORK_LATITUDE" borderBottom required>
|
|
<u-input v-model="form.WORK_LATITUDE" border="none" readonly />
|
|
</u-form-item>
|
|
<u-divider text="管道参数" textPosition="left" textColor="#3c9cff" lineColor="#3c9cff" />
|
|
<u-form-item label="介质" prop="MEDIUM" borderBottom required>
|
|
<u-input v-model="form.MEDIUM" border="none" />
|
|
</u-form-item>
|
|
<u-form-item label="温度" prop="TEMPERATURE" borderBottom required>
|
|
<u-input v-model="form.TEMPERATURE" border="none" />
|
|
</u-form-item>
|
|
<u-form-item label="压力" prop="PRESSURE" borderBottom required>
|
|
<u-input v-model="form.PRESSURE" border="none" />
|
|
</u-form-item>
|
|
<u-divider text="盲板抽堵参数" textPosition="left" textColor="#3c9cff" lineColor="#3c9cff" />
|
|
<view v-for="(item, index) in form.boardList" :key="item.ID" class="mt-10 p-10"
|
|
style="background-color: #f9f9f9;border-radius: 4px">
|
|
<view style="display: flex;justify-content: end">
|
|
<u-button v-if="index === 0" type="primary" size="small" text="新增"
|
|
:customStyle="{ width: '100upx', margin: 0 }" @click="fnAddBoardList" />
|
|
<u-button v-if="index !== 0" type="error" size="small" text="删除"
|
|
:customStyle="{ width: '100upx', margin: 0 }" @click="fnDeleteBoardList(index)" />
|
|
</view>
|
|
<u-form-item label="材质" prop="BOARD_MATERIAL" borderBottom required>
|
|
<u-input v-model="item.BOARD_MATERIAL" border="none" />
|
|
</u-form-item>
|
|
<u-form-item label="规格" prop="BOARD_SPECIFICATION" borderBottom required>
|
|
<u-input v-model="item.BOARD_SPECIFICATION" border="none" />
|
|
</u-form-item>
|
|
<u-form-item label="编号" prop="BOARD_NO" borderBottom required>
|
|
<u-input v-model="item.BOARD_NO" border="none" />
|
|
</u-form-item>
|
|
</view>
|
|
<u-divider text="盲板抽堵位置及安全措施" textPosition="left" textColor="#3c9cff" lineColor="#3c9cff" />
|
|
<u-form-item label="盲板抽堵位置图" prop="BOARD_PATH" borderBottom required labelPosition="top" labelWidth="auto">
|
|
<u-upload class="mt-10" :fileList="form.BOARD_PATH" @afterRead="fnAfterRead($event, 'BOARD_PATH')"
|
|
@delete="fnDeletePic($event, 'BOARD_PATH')" multiple :maxCount="1"></u-upload>
|
|
</u-form-item>
|
|
<u-form-item label="关联的其他特殊作业及安全作业票编号" prop="SPECIAL_WORK" borderBottom required labelPosition="top"
|
|
labelWidth="auto">
|
|
<u-button type="primary" size="mini" text="选择其它"
|
|
:customStyle="{ position: 'absolute', top: '-46upx', right: '20upx', width: '150upx' }"
|
|
@click="otherAssignmentsShow = true" />
|
|
<u-textarea v-model="form.SPECIAL_WORK" border="none" autoHeight maxlength="-1" />
|
|
</u-form-item>
|
|
<u-form-item label="风险辨识结果" prop="RISK_IDENTIFICATION" borderBottom required labelPosition="top"
|
|
labelWidth="auto">
|
|
<u-button type="primary" size="mini" text="选择其它"
|
|
:customStyle="{ position: 'absolute', top: '-46upx', right: '20upx', width: '150upx' }"
|
|
@click="otherIdentificationShow = true" />
|
|
<u-textarea v-model="form.RISK_IDENTIFICATION" border="none" autoHeight maxlength="-1" />
|
|
</u-form-item>
|
|
<u-form-item label="申请单位负责人签字" prop="SIGN" borderBottom required labelPosition="top" labelWidth="auto">
|
|
<view style="flex: 1">
|
|
<view>
|
|
<u-button type="primary" size="mini" text="签字"
|
|
:customStyle="{ position: 'absolute', top: '-46upx', right: '20upx', width: '100upx' }"
|
|
@click="signVisible = true" />
|
|
</view>
|
|
<view v-if="form.SIGN">
|
|
<u-image width="400rpx" height="200rpx" :src="form.SIGN" />
|
|
</view>
|
|
</view>
|
|
</u-form-item>
|
|
</u-form>
|
|
<view class="mt-10">
|
|
<u-button type="primary" text="下一步" @click="$u.debounce(fnSubmit, 1000, true)" />
|
|
</view>
|
|
</view>
|
|
<u-picker :show="picker.show" :columns="picker.columns" :keyName="picker.key" :key="picker.type"
|
|
:defaultIndex="picker.defaultIndex" @confirm="fnSingleChoiceConfirm" @cancel="fnSingleChoiceCancel" />
|
|
<u-datetime-picker :show="dateTimePicker.show" v-model="dateTimePicker.value" :mode="dateTimePicker.mode"
|
|
:minDate="dateTimePicker.min" :key="dateTimePicker.type" @confirm="fnDateTimePickerConfirm"
|
|
@cancel="fnDateTimePickerCancel" />
|
|
<other-select :visible.sync="otherAssignmentsShow" v-model="form.SPECIAL_WORK" type="assignments" />
|
|
<other-select :visible.sync="otherIdentificationShow" v-model="form.RISK_IDENTIFICATION" type="identification" />
|
|
<sign :signShow.sync="signVisible" @confirm="fnSign" />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import OtherSelect from '@/components/other-select/index.vue';
|
|
import Sign from '@/components/sign/sign.vue'
|
|
import {getData, setSubmitForm} from "@/utils/submitHomeworkProcess";
|
|
|
|
export default {
|
|
components: {
|
|
OtherSelect,
|
|
Sign
|
|
},
|
|
data() {
|
|
return {
|
|
type: '',
|
|
formItems: [
|
|
{ name: '申请单位', key_name: 'APPLY_DEPARTMENT_NAME', key_id: 'APPLY_DEPARTMENT_ID', type: 0 },
|
|
{ name: '申请人', key_name: 'APPLY_USER_NAME', key_id: 'APPLY_USER_ID', type: 0 },
|
|
{ name: '作业分公司', key_name: 'CORP_NAME', key_id: 'CORP_ID', type: 0 },
|
|
{ name: '作业类别', key_name: 'WORK_TYPE_NAME', key_id: 'WORK_TYPE', type: 0 },
|
|
{ name: '设备管道名称', key_name: 'NAME', type: 0 },
|
|
{ name: '实际作业开始时间', key_name: 'BOARD_INSTALL_TIME', type: 0 },
|
|
{ name: '作业结束时间', key_name: 'WORK_END_DATE', type: 0 },
|
|
{ name: '作业人', key_name: 'WORK_USER', type: 0 },
|
|
{ name: '经度', key_name: 'WORK_LONGITUDE', type: 0 },
|
|
{ name: '纬度', key_name: 'WORK_LATITUDE', type: 0 },
|
|
{ name: '管道参数', type: 3 },
|
|
{ name: '介质', key_name: 'MEDIUM', type: 0 },
|
|
{ name: '温度', key_name: 'TEMPERATURE', type: 0 },
|
|
{ name: '压力', key_name: 'PRESSURE', type: 0 },
|
|
{ name: '盲板抽堵参数', type: 3 },
|
|
{
|
|
key_name: 'boardList',
|
|
type: 4,
|
|
listStructure: [
|
|
{ name: '材质', key_name: 'BOARD_MATERIAL', type: 0 },
|
|
{ name: '规格', key_name: 'BOARD_SPECIFICATION', type: 0 },
|
|
{ name: '编号', key_name: 'BOARD_NO', type: 0 },
|
|
]
|
|
},
|
|
{ name: '盲板抽堵位置及安全措施', type: 3 },
|
|
{ name: '盲板抽堵位置图', key_name: 'BOARD_PATH', type: 1 },
|
|
{ name: '关联的其他特殊作业及安全作业票编号', key_name: 'SPECIAL_WORK', type: 0 },
|
|
{ name: '风险辨识结果', key_name: 'RISK_IDENTIFICATION', type: 0 },
|
|
{ name: '申请单位负责人签字', key_name: 'SIGN', type: 5 },
|
|
],
|
|
form: {
|
|
APPLY_DEPARTMENT_ID: this.$store.getters.getUserInfo.DEPARTMENT_ID,
|
|
APPLY_DEPARTMENT_NAME: this.$store.getters.getUserInfo.DEPARTMENT_NAME,
|
|
APPLY_USER_ID: this.$store.getters.getUserInfo.USER_ID,
|
|
APPLY_USER_NAME: this.$store.getters.getUserInfo.NAME,
|
|
CORP_ID: '',
|
|
CORP_NAME: '',
|
|
WORK_TYPE: '',
|
|
WORK_TYPE_NAME: '',
|
|
NAME: '',
|
|
BOARD_INSTALL_TIME: '',
|
|
WORK_END_DATE: '',
|
|
WORK_USER: '',
|
|
WORK_LONGITUDE: '1',
|
|
WORK_LATITUDE: '2',
|
|
MEDIUM: '',
|
|
TEMPERATURE: '',
|
|
PRESSURE: '',
|
|
boardList: [],
|
|
BOARD_PATH: [],
|
|
SPECIAL_WORK: '',
|
|
RISK_IDENTIFICATION: '',
|
|
SIGN: '',
|
|
},
|
|
rules: {
|
|
APPLY_DEPARTMENT_ID: [{ type: 'string', required: true, message: '请选择申请单位', trigger: ['blur', 'change'] }],
|
|
APPLY_USER_NAME: [{ type: 'string', required: true, message: '请选择申请人', trigger: ['blur', 'change'] }],
|
|
CORP_NAME: [{ type: 'string', required: true, message: '请选择作业分公司', trigger: ['blur', 'change'] }],
|
|
WORK_TYPE_NAME: [{ type: 'string', required: true, message: '请选择作业类别', trigger: ['blur', 'change'] }],
|
|
NAME: [{ type: 'string', required: true, message: '请输入设备管道名称', trigger: ['blur', 'change'] }],
|
|
BOARD_INSTALL_TIME: [{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请选择实际作业开始时间',
|
|
trigger: ['blur', 'change']
|
|
}],
|
|
WORK_END_DATE: [{ type: 'string', required: true, message: '请选择作业结束时间', trigger: ['blur', 'change'] }],
|
|
WORK_USER: [{ type: 'string', required: true, message: '请输入作业人', trigger: ['blur', 'change'] }],
|
|
WORK_LONGITUDE: [{ type: 'string', required: true, message: '请输入经度', trigger: ['blur', 'change'] }],
|
|
WORK_LATITUDE: [{ type: 'string', required: true, message: '请输入纬度', trigger: ['blur', 'change'] }],
|
|
MEDIUM: [{ type: 'string', required: true, message: '请输入介质', trigger: ['blur', 'change'] }],
|
|
TEMPERATURE: [{ type: 'string', required: true, message: '请输入温度', trigger: ['blur', 'change'] }],
|
|
PRESSURE: [{ type: 'string', required: true, message: '请输入压力', trigger: ['blur', 'change'] }],
|
|
BOARD_PATH: [{
|
|
type: 'array',
|
|
required: true,
|
|
message: '请上传盲板抽堵位置图',
|
|
trigger: ['blur', 'change']
|
|
}],
|
|
SPECIAL_WORK: [{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入关联的其他特殊作业及安全作业票编号',
|
|
trigger: ['blur', 'change']
|
|
}],
|
|
RISK_IDENTIFICATION: [{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入风险辨识结果',
|
|
trigger: ['blur', 'change']
|
|
}],
|
|
SIGN: [{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请签字',
|
|
trigger: ['blur', 'change']
|
|
}],
|
|
},
|
|
picker: {
|
|
show: false,
|
|
columns: [],
|
|
key: 'NAME',
|
|
type: 'picker',
|
|
defaultIndex: []
|
|
},
|
|
dateTimePicker: {
|
|
show: false,
|
|
value: Number(new Date()),
|
|
min: new Date().getTime(),
|
|
mode: 'datetime',
|
|
type: 'datetime-picker'
|
|
},
|
|
otherAssignmentsShow: false,
|
|
otherIdentificationShow: false,
|
|
signVisible: false,
|
|
}
|
|
},
|
|
async onLoad(options) {
|
|
this.form.CORP_ID = options.CORPINFO_ID
|
|
this.form.CORP_NAME = options.CORP_NAME
|
|
this.type = options.type
|
|
this.fnAddBoardList()
|
|
if (options.taskId) {
|
|
this.form = await getData(options.taskId)
|
|
}
|
|
},
|
|
methods: {
|
|
fnSingleChoiceClick(event) {
|
|
this.picker.type = event
|
|
if (event === 'WORK_TYPE_NAME') {
|
|
this.picker.columns = [[{ NAME: "堵盲板", ID: '0' }, { NAME: "抽盲板", ID: '1' }]]
|
|
}
|
|
this.picker.show = true
|
|
},
|
|
fnSingleChoiceConfirm(event) {
|
|
if (this.picker.type === 'WORK_TYPE_NAME') {
|
|
this.form.WORK_TYPE = event.value[0].ID
|
|
this.form.WORK_TYPE_NAME = event.value[0].NAME
|
|
}
|
|
this.fnSingleChoiceCancel()
|
|
},
|
|
fnSingleChoiceCancel() {
|
|
this.picker.show = false
|
|
},
|
|
fnDateTimePickerClick(event) {
|
|
this.dateTimePicker.type = event
|
|
this.dateTimePicker.value = Number(new Date(this.form[event])) || Number(new Date())
|
|
this.dateTimePicker.show = true
|
|
},
|
|
fnDateTimePickerConfirm(event) {
|
|
this.form[this.dateTimePicker.type] = uni.$u.timeFormat(event.value, 'yyyy-mm-dd hh:MM')
|
|
this.fnDateTimePickerCancel()
|
|
},
|
|
fnDateTimePickerCancel() {
|
|
this.dateTimePicker.show = false
|
|
},
|
|
fnLocation() {
|
|
uni.navigateTo({
|
|
url: '/pages/map/index',
|
|
events: {
|
|
acceptLocationData: (event) => {
|
|
this.form.WORK_LONGITUDE = event.data.longitue;
|
|
this.form.WORK_LATITUDE = event.data.latitude;
|
|
}
|
|
},
|
|
})
|
|
},
|
|
fnAddBoardList() {
|
|
this.form.boardList.push({ BOARD_MATERIAL: '', BOARD_SPECIFICATION: '', BOARD_NO: '', ID: uni.$u.guid() })
|
|
},
|
|
fnDeleteBoardList(index) {
|
|
uni.showModal({
|
|
title: '提示',
|
|
content: '确定删除该条信息吗？',
|
|
success: (res) => {
|
|
if (res.confirm) {
|
|
this.form.boardList.splice(index, 1)
|
|
}
|
|
}
|
|
})
|
|
},
|
|
fnAfterRead(event, key) {
|
|
this.form[key].push(...event.file)
|
|
},
|
|
fnDeletePic(event, key) {
|
|
uni.showModal({
|
|
title: '提示',
|
|
content: '确定删除该图片吗？',
|
|
success: (res) => {
|
|
if (res.confirm) {
|
|
this.form[key].splice(event.index, 1)
|
|
}
|
|
}
|
|
})
|
|
},
|
|
fnSign(event) {
|
|
this.form.SIGN = event.filePath
|
|
},
|
|
async fnSubmit() {
|
|
try {
|
|
await this.$refs.formRef.validate()
|
|
for (let i = 0; i < this.form.boardList.length; i++) {
|
|
if (!this.form.boardList[i].BOARD_MATERIAL) {
|
|
uni.$u.toast(`盲板抽堵参数第${i + 1}项中，请输入管道材质`)
|
|
return
|
|
}
|
|
if (!this.form.boardList[i].BOARD_SPECIFICATION) {
|
|
uni.$u.toast(`盲板抽堵参数第${i + 1}项中，请输入管道规格`)
|
|
return
|
|
}
|
|
if (!this.form.boardList[i].BOARD_NO) {
|
|
uni.$u.toast(`盲板抽堵参数第${i + 1}项中，请输入管道编号`)
|
|
return
|
|
}
|
|
}
|
|
try {
|
|
await setSubmitForm({
|
|
form: this.form,
|
|
formItems: this.formItems,
|
|
TYPE: this.type,
|
|
CORP_ID: this.form.CORP_ID
|
|
})
|
|
} catch {
|
|
}
|
|
} catch {
|
|
uni.$u.toast('请补全必填项')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss"></style>
|