263 lines
12 KiB
Vue
263 lines
12 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_START_DATE" borderBottom required
|
|
@click="fnDateTimePickerClick('WORK_START_DATE')">
|
|
<u-input v-model="form.WORK_START_DATE" 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="地点坐标" 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-form-item label="作业地点" prop="WORK_PLACE" borderBottom required>
|
|
<u-input v-model="form.WORK_PLACE" border="none"/>
|
|
</u-form-item>
|
|
<u-form-item label="作业内容" prop="WORK_CONTENT" borderBottom required labelPosition="top" labelWidth="auto">
|
|
<u-textarea v-model="form.WORK_CONTENT" border="none" autoHeight/>
|
|
</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="电工证号" prop="CARD_NO" borderBottom required>
|
|
<u-input v-model="form.CARD_NO" border="none"/>
|
|
</u-form-item>
|
|
<u-form-item label="电源接入点及许可用电功率" prop="ALLOW_POWER" borderBottom required>
|
|
<u-input v-model="form.ALLOW_POWER" border="none"/>
|
|
</u-form-item>
|
|
<u-form-item label="用电设备名称及额定功率" prop="RATED_POWER" borderBottom required>
|
|
<u-input v-model="form.RATED_POWER" border="none"/>
|
|
</u-form-item>
|
|
<u-form-item label="工作电压" prop="WORK_VOLTAGE" borderBottom required>
|
|
<u-input v-model="form.WORK_VOLTAGE" border="none"/>
|
|
</u-form-item>
|
|
<u-form-item label="用电人" prop="ELECTRICITY_USER" borderBottom required>
|
|
<u-input v-model="form.ELECTRICITY_USER" border="none"/>
|
|
</u-form-item>
|
|
<u-form-item label="负责人电工号" prop="LEADER_CARD_NO" borderBottom required>
|
|
<u-input v-model="form.LEADER_CARD_NO" border="none"/>
|
|
</u-form-item>
|
|
<u-form-item label="是否进行气体分析" prop="ISANALYZE" borderBottom required>
|
|
<u-radio-group v-model="form.ISANALYZE" :customStyle="{'justify-content': 'flex-end'}">
|
|
<u-radio label="是" name="1"/>
|
|
<u-radio :customStyle="{marginLeft: '8px'}" label="否" name="0"/>
|
|
</u-radio-group>
|
|
</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>
|
|
<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"
|
|
: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"/>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import OtherSelect from '@/components/other-select/index.vue';
|
|
import {setSubmitForm} from "@/utils/submitHomeworkProcess";
|
|
|
|
export default {
|
|
components: {
|
|
OtherSelect,
|
|
},
|
|
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_START_DATE', type: 0},
|
|
{name: '作业实施结束时间', key_name: 'WORK_END_DATE', type: 0},
|
|
{name: '经度', key_name: 'WORK_LONGITUDE', type: 0},
|
|
{name: '纬度', key_name: 'WORK_LATITUDE', type: 0},
|
|
{name: '作业地点', key_name: 'WORK_PLACE', type: 0},
|
|
{name: '作业内容', key_name: 'WORK_CONTENT', type: 0},
|
|
{name: '作业人', key_name: 'WORK_USER', type: 0},
|
|
{name: '电工证号', key_name: 'CARD_NO', type: 0},
|
|
{name: '电源接入点及许可用电功率', key_name: 'ALLOW_POWER', type: 0},
|
|
{name: '用电设备名称及额定功率', key_name: 'RATED_POWER', type: 0},
|
|
{name: '工作电压', key_name: 'WORK_VOLTAGE', type: 0},
|
|
{name: '用电人', key_name: 'ELECTRICITY_USER', type: 0},
|
|
{name: '负责人电工号', key_name: 'LEADER_CARD_NO', type: 0},
|
|
{name: '是否进行气体分析', key_name: 'ISANALYZE', type: 0},
|
|
{name: '关联的其他特殊作业及安全作业票编号', key_name: 'SPECIAL_WORK', type: 0},
|
|
{name: '风险辨识结果', key_name: 'RISK_IDENTIFICATION', type: 0},
|
|
],
|
|
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_START_DATE: '',
|
|
WORK_END_DATE: '',
|
|
WORK_LONGITUDE: '1',
|
|
WORK_LATITUDE: '2',
|
|
WORK_PLACE: '',
|
|
WORK_CONTENT: '',
|
|
WORK_USER: '',
|
|
CARD_NO: '',
|
|
ALLOW_POWER: '',
|
|
RATED_POWER: '',
|
|
WORK_VOLTAGE: '',
|
|
ELECTRICITY_USER: '',
|
|
LEADER_CARD_NO: '',
|
|
ISANALYZE: '',
|
|
SPECIAL_WORK: '',
|
|
RISK_IDENTIFICATION: '',
|
|
},
|
|
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_START_DATE: [{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请选择作业实施开始时间',
|
|
trigger: ['blur', 'change']
|
|
}],
|
|
WORK_END_DATE: [{
|
|
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']}],
|
|
WORK_PLACE: [{type: 'string', required: true, message: '请输入作业地点', trigger: ['blur', 'change']}],
|
|
WORK_CONTENT: [{type: 'string', required: true, message: '请输入作业内容', trigger: ['blur', 'change']}],
|
|
WORK_USER: [{type: 'string', required: true, message: '请输入作业人', trigger: ['blur', 'change']}],
|
|
CARD_NO: [{type: 'string', required: true, message: '请输入电工证号', trigger: ['blur', 'change']}],
|
|
ALLOW_POWER: [{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入电源接入点及许可用电功率',
|
|
trigger: ['blur', 'change']
|
|
}],
|
|
RATED_POWER: [{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入用电设备名称及额定功率',
|
|
trigger: ['blur', 'change']
|
|
}],
|
|
WORK_VOLTAGE: [{type: 'string', required: true, message: '请输入工作电压', trigger: ['blur', 'change']}],
|
|
ELECTRICITY_USER: [{type: 'string', required: true, message: '请输入用电人', trigger: ['blur', 'change']}],
|
|
LEADER_CARD_NO: [{type: 'string', required: true, message: '请输入负责人电工号', trigger: ['blur', 'change']}],
|
|
ISANALYZE: [{type: 'string', 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']
|
|
}],
|
|
},
|
|
dateTimePicker: {
|
|
show: false,
|
|
value: Number(new Date()),
|
|
min: new Date().getTime(),
|
|
mode: 'datetime',
|
|
type: 'datetime-picker'
|
|
},
|
|
otherAssignmentsShow: false,
|
|
otherIdentificationShow: false,
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.form.CORP_ID = options.CORPINFO_ID
|
|
this.form.CORP_NAME = options.CORP_NAME
|
|
this.type = options.type
|
|
},
|
|
methods: {
|
|
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;
|
|
}
|
|
},
|
|
})
|
|
},
|
|
async fnSubmit() {
|
|
try {
|
|
await this.$refs.formRef.validate()
|
|
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>
|