八项作业企业端-相关方端逻辑统一
parent
97be0753ce
commit
8ac1c0d027
|
@ -226,6 +226,12 @@
|
|||
"navigationBarTitleText": "动火作业申请"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/eight_assignments/hot_work/select_operator",
|
||||
"style": {
|
||||
"navigationBarTitleText": "动火作业申请"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/eight_assignments/hot_work/gas/name",
|
||||
"style": {
|
||||
|
|
|
@ -8,6 +8,9 @@
|
|||
<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 v-if="false" label="作业编号" prop="JOB_NUMBER" borderBottom>
|
||||
<u-input v-model="form.JOB_NUMBER" border="none" placeholder="请输入作业编号" />
|
||||
</u-form-item>
|
||||
|
@ -64,7 +67,7 @@
|
|||
</u-radio-group>
|
||||
</u-form-item>
|
||||
<u-form-item label="是否需要气体检测" props="IS_GAS_TESTING" borderBottom required>
|
||||
<u-radio-group v-model="form.IS_GAS_TESTING" :customStyle="{ 'justify-content': 'flex-end' }">
|
||||
<u-radio-group v-model="form.IS_GAS_TESTING" :customStyle="{ 'justify-content': 'flex-end' }" @change="fnRadioChange($event, 'IS_GAS_TESTING_NAME')">
|
||||
<u-radio label="是" name="1" />
|
||||
<u-radio :customStyle="{ marginLeft: '8px' }" label="否" name="0" />
|
||||
</u-radio-group>
|
||||
|
@ -87,7 +90,7 @@
|
|||
<script>
|
||||
import OtherSelect from '@/components/other-select/index.vue';
|
||||
import {getData, setSubmitForm} from "@/utils/submitHomeworkProcess";
|
||||
|
||||
import useFormValidate from "@/utils/useFormValidate";
|
||||
export default {
|
||||
components: { OtherSelect },
|
||||
|
||||
|
@ -95,21 +98,30 @@ export default {
|
|||
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: 'JOB_NUMBER', key_id: 'JOB_NUMBER_ID', type: 0 },
|
||||
{ name: '申请日期', key_name: 'APPLICATION_DATE', type: 0 },
|
||||
{ name: '作业类型', key_name: 'JOB_TYPE_NAME', key_id: 'JOB_TYPE_ID', type: 0 },
|
||||
{ name: '动火部位', key_name: 'HOT_WORK_POSITION', type: 0 },
|
||||
{ name: '动火方法', key_name: 'HOT_WORK_METHOD_ID', type: 0 },
|
||||
{ name: '动火等级', key_name: 'HOT_WORK_LEVEL_INDEX', key_id: 'HOT_WORK_LEVEL_ID', type: 0 },
|
||||
{ name: '动火开始时间', key_name: 'HOT_WORK_TIME_START', type: 0 },
|
||||
{ name: '动火结束时间', key_name: 'HOT_WORK_TIME_END', type: 0 },
|
||||
{ name: '作业内容', key_name: 'JOB_CONTENT', type: 0 },
|
||||
{ name: '动火操作人', key_name: 'USER_NAME', type: 0 },
|
||||
{ name: '动火操作人', key_name: 'SUPERVISOR_OF_HOT_WORK_UNIT', type: 0 },
|
||||
{ name: '是否安全总监审批', key_name: 'IS_SAFETY_DIRECTOR', type: 0 },
|
||||
{ name: '是否需要气体检测', key_name: 'IS_GAS_TESTING', type: 0 },
|
||||
{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: 'JOB_NUMBER', key_id: 'JOB_NUMBER_ID', type: 0},
|
||||
{name: '申请日期', key_name: 'APPLICATION_DATE', type: 0},
|
||||
{name: '作业类型', key_name: 'JOB_TYPE_NAME', key_id: 'JOB_TYPE_INDEX', type: 0},
|
||||
{name: '动火部位', key_name: 'HOT_WORK_POSITION', type: 0},
|
||||
{name: '动火方法', key_id: "HOT_WORK_METHOD_ID", key_name: "HOT_WORK_METHOD_NAME", type: 0},
|
||||
{name: '动火等级', key_name: 'HOT_WORK_LEVEL_INDEX', key_id: 'HOT_WORK_LEVEL_NAME', type: 0},
|
||||
{name: '动火开始时间', key_name: 'HOT_WORK_TIME_START', type: 0},
|
||||
{name: '动火结束时间', key_name: 'HOT_WORK_TIME_END', type: 0},
|
||||
{name: '作业内容', key_name: 'JOB_CONTENT', type: 0},
|
||||
{
|
||||
key_name: "hotWorkOperatorList",
|
||||
type: 4,
|
||||
listStructure: [
|
||||
{name: "动火操作人部门", key_name: "DEPARTMENT_NAME", key_id: "DEPARTMENT_ID", type: 0},
|
||||
{name: "动火操作人", key_name: "USER_NAME", key_id: "USER_ID", type: 0},
|
||||
{name: "所属端", key_name: "TYPE", type: 0, IS_NOT_SHOW: "1"},
|
||||
],
|
||||
},
|
||||
{name: '动火操作人', key_name: 'SUPERVISOR_OF_HOT_WORK_UNIT', type: 0},
|
||||
{name: "是否安全总监审批", key_name: "IS_SAFETY_DIRECTOR_NAME", key_id: "IS_SAFETY_DIRECTOR", type: 0},
|
||||
{name: "是否需要气体检测", key_name: "IS_GAS_TESTING_NAME", key_id: "IS_GAS_TESTING", type: 0},
|
||||
],
|
||||
form: {
|
||||
// 申请单位
|
||||
|
@ -146,6 +158,7 @@ export default {
|
|||
IS_SAFETY_DIRECTOR: '',
|
||||
/** 是否需要气体检测 */
|
||||
IS_GAS_TESTING: '',
|
||||
hotWorkOperatorList: []
|
||||
},
|
||||
rules: {
|
||||
APPLY_DEPARTMENT_NAME: [{ type: 'string', required: true, message: '请选择申请单位', trigger: ['blur', 'change'] }],
|
||||
|
@ -233,24 +246,28 @@ export default {
|
|||
fnDateTimePickerCancel() {
|
||||
this.dateTimePicker.show = false
|
||||
},
|
||||
fnRadioChange(event, key){
|
||||
if (event === "1") {
|
||||
this.form[key] = "是";
|
||||
} else {
|
||||
this.form[key] = "否";
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 下一步所触发的按钮事件
|
||||
*/
|
||||
async fnSubmit() {
|
||||
try {
|
||||
await this.$refs.formRef.validate()
|
||||
try {
|
||||
await setSubmitForm({
|
||||
uni.navigateTo({
|
||||
url: "/pages/eight_assignments/hot_work/select_operator",
|
||||
success: ({ eventChannel }) => {
|
||||
eventChannel.emit("data", {
|
||||
form: this.form,
|
||||
formItems: this.formItems,
|
||||
TYPE: this.type,
|
||||
CORP_ID: this.form.CORP_ID,
|
||||
EW_RU_TASK_ID: this.taskId
|
||||
})
|
||||
} catch { }
|
||||
} catch (err) {
|
||||
uni.$u.toast('请补全必填项')
|
||||
}
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,174 @@
|
|||
<template>
|
||||
<view class="container">
|
||||
<view class="card">
|
||||
<view class="card">
|
||||
<u-form label-position="left" label-width="auto">
|
||||
<view class="mt-10 flex-end">
|
||||
<u-button custom-style="width: 100rpx;margin:0" type="primary" size="mini" text="添加" @click="fnAddHotWorkOperatorList()"/>
|
||||
</view>
|
||||
<view v-for="(item, index) in hotWorkOperatorList" :key="item.id" style="position: relative;border: 1px dashed #ccc;padding: 20rpx 20rpx 20rpx 40rpx;" class="mt-10">
|
||||
<u-form-item label="动火操作人部门" prop="DEPARTMENT_NAME" required @click="fnSelectDepartment(index)">
|
||||
<view class="select_content">
|
||||
<u-input v-model="item.DEPARTMENT_NAME || '请选择'" border="none" input-align="right" readonly />
|
||||
<u-icon name="arrow-right"></u-icon>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-line/>
|
||||
<u-form-item label="动火操作人" prop="USER_NAME" required @click="fnSelectUser(index)">
|
||||
<view class="select_content">
|
||||
<u-input v-model="item.USER_NAME || '请选择'" border="none" input-align="right" readonly/>
|
||||
<u-icon name="arrow-right"></u-icon>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-line/>
|
||||
<u-icon v-if="index !== 0" name="close-circle-fill" color="#ff2929" size="20" custom-style="position: absolute;right: -20rpx;top: -20rpx" @click="hotWorkOperatorList.splice(index, 1)"/>
|
||||
</view>
|
||||
<view class="mt-10 flex-between">
|
||||
<u-button type="primary" shape="circle" text="下一步" :throttle-time="1000" @click="fnSubmit()"/>
|
||||
</view>
|
||||
</u-form>
|
||||
</view>
|
||||
</view>
|
||||
<u-picker
|
||||
:key="picker.key"
|
||||
:show="picker.show"
|
||||
:columns="picker.columns"
|
||||
:default-index="picker.defaultIndex"
|
||||
key-name="NAME"
|
||||
@confirm="fnPickerConfirm"
|
||||
@cancel="fnPickerCancel"
|
||||
/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { setSubmitForm} from "@/utils/submitHomeworkProcess";
|
||||
import {getUserList} from "@/api";
|
||||
|
||||
export default {
|
||||
components: { setSubmitForm },
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
formItems: {},
|
||||
taskId: '',
|
||||
hotWorkOperatorList: [],
|
||||
picker: {
|
||||
show: false,
|
||||
columns: [],
|
||||
key: "",
|
||||
defaultIndex: [0]
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
const eventChannel = this.getOpenerEventChannel();
|
||||
eventChannel.on('data', (data) => {
|
||||
console.log(data)
|
||||
this.form = data.form;
|
||||
this.formItems = data.formItems;
|
||||
this.taskId = data.taskId;
|
||||
this.hotWorkOperatorList = uni.$u.deepClone(data.form.hotWorkOperatorList);
|
||||
if (this.hotWorkOperatorList.length === 0) this.fnAddHotWorkOperatorList();
|
||||
else {
|
||||
for (let i = 0; i < this.hotWorkOperatorList.length; i++) {
|
||||
for (let i = 0; i < this.hotWorkOperatorList.length; i++) {
|
||||
fnGetUserList(this.hotWorkOperatorList.value[i], i);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
methods: {
|
||||
fnAddHotWorkOperatorList() {
|
||||
this.hotWorkOperatorList.push({
|
||||
DEPARTMENT_NAME: "",
|
||||
DEPARTMENT_ID: "",
|
||||
USER_NAME: "",
|
||||
USER_ID: "",
|
||||
TYPE: "",
|
||||
id: uni.$u.guid(),
|
||||
columns: [],
|
||||
});
|
||||
},
|
||||
fnSelectDepartment(index) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/eight_assignments/select_department",
|
||||
events: {
|
||||
confirm: (event) => {
|
||||
this.hotWorkOperatorList[index].DEPARTMENT_NAME = event.DEPARTMENT_NAME;
|
||||
this.hotWorkOperatorList[index].DEPARTMENT_ID = event.DEPARTMENT_ID;
|
||||
this.hotWorkOperatorList[index].USER_NAME = "";
|
||||
this.hotWorkOperatorList[index].USER_ID = "";
|
||||
this.hotWorkOperatorList[index].TYPE = event.TYPE;
|
||||
this.fnGetUserList(event, index);
|
||||
},
|
||||
},
|
||||
});
|
||||
},
|
||||
fnSelectUser(index) {
|
||||
this.picker.key = index;
|
||||
this.picker.columns = this.hotWorkOperatorList[index].columns;
|
||||
this.picker.defaultIndex = [0];
|
||||
if (this.picker.columns[0].length === 0) {
|
||||
uni.$u.toast("没有选择部门或当前部门没有人员");
|
||||
return;
|
||||
}
|
||||
for (let i = 0; i < this.picker.columns[0].length; i++) {
|
||||
if (
|
||||
this.picker.columns[0][i].USER_ID ===
|
||||
this.hotWorkOperatorList[index].USER_ID
|
||||
) {
|
||||
this.picker.defaultIndex = [i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
this.picker.show = true;
|
||||
},
|
||||
async fnSubmit() {
|
||||
for (let i = 0; i < this.hotWorkOperatorList.length; i++) {
|
||||
if (
|
||||
!this.hotWorkOperatorList[i].DEPARTMENT_ID ||
|
||||
!this.hotWorkOperatorList[i].USER_ID
|
||||
) {
|
||||
uni.$u.toast("请完善动火操作人信息");
|
||||
return;
|
||||
}
|
||||
}
|
||||
await setSubmitForm({
|
||||
form: {...this.form, hotWorkOperatorList: this.hotWorkOperatorList},
|
||||
formItems: this.formItems,
|
||||
TYPE: "hotWork",
|
||||
EW_RU_TASK_ID: this.taskId,
|
||||
});
|
||||
},
|
||||
async fnGetUserList({DEPARTMENT_ID, TYPE}, index) {
|
||||
const resData = await getUserList({DEPARTMENT_ID, TYPE});
|
||||
for (let i = 0; i < resData.list.list.length; i++) {
|
||||
resData.list.list[i].NAME = resData.list.list[i].name || resData.list.list[i].NAME;
|
||||
resData.list.list[i].USER_ID = resData.list.list[i].user_ID || resData.list.list[i].USER_ID;
|
||||
}
|
||||
this.hotWorkOperatorList[index].columns = [resData.list.list];
|
||||
},
|
||||
fnPickerConfirm(event){
|
||||
this.hotWorkOperatorList[this.picker.key].USER_ID = event.value[0].USER_ID;
|
||||
this.hotWorkOperatorList[this.picker.key].USER_NAME = event.value[0].NAME;
|
||||
this.fnPickerCancel();
|
||||
},
|
||||
fnPickerCancel(){
|
||||
this.picker.show = false;
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.select_content{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
|
@ -21,7 +21,7 @@
|
|||
<view></view>
|
||||
<view class="flex-between">
|
||||
<u-button type="primary" text="修改" size="mini" class="bth-mini" v-if="item.canEditFlag === '1'" @click="handleEditTask(item)" />
|
||||
<u-button type="primary" text="流程" size="mini" class="bth-mini ml-10"
|
||||
<u-button v-if="false" type="primary" text="流程" size="mini" class="bth-mini ml-10"
|
||||
@click="$u.route({
|
||||
url: '/pages/eight_assignments/technological_process',
|
||||
params: {taskId:item.taskId,type,title}
|
||||
|
@ -32,6 +32,14 @@
|
|||
params: {taskId:item.taskId,jobId:item.jobId,type,title}
|
||||
})"/>
|
||||
</view>
|
||||
<view class="ml-10" v-for="(item1, index1) in item.buttons" :key="index1">
|
||||
<up-button type="primary" size="mini" shape="circle" :text="item1.name"
|
||||
@click="$u.route({
|
||||
url: item1.route,
|
||||
params: {taskId: item.taskId,EW_RU_JOB_ID: item.jobId,isView: '1'},
|
||||
})"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</u-list-item>
|
||||
</u-list>
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
After Width: | Height: | Size: 7.9 KiB |
|
@ -0,0 +1,15 @@
|
|||
const useFormValidate = (ref, message = "请补全必填项!") => {
|
||||
return new Promise((resolve) => {
|
||||
ref.value
|
||||
.validate()
|
||||
.then(() => {
|
||||
resolve(true);
|
||||
})
|
||||
.catch(() => {
|
||||
// eslint-disable-next-line prefer-promise-reject-errors
|
||||
resolve(false);
|
||||
uni.$u.toast(message);
|
||||
});
|
||||
});
|
||||
};
|
||||
export default useFormValidate;
|
Loading…
Reference in New Issue