333 lines
9.0 KiB
Vue
333 lines
9.0 KiB
Vue
|
<template>
|
|||
|
|
<view class="container">
|
|||
|
|
<view class="tips_text">
|
|||
|
|
严禁在本互联网非涉密平台处理、传输国家秘密和工作秘密，请确认扫描、传输的文件资料不涉及国家秘密和工作秘密
|
|||
|
|
</view>
|
|||
|
|
<u--form
|
|||
|
|
ref="formRef"
|
|||
|
|
label-position="left"
|
|||
|
|
:model="form"
|
|||
|
|
:rules="rules"
|
|||
|
|
label-width="auto"
|
|||
|
|
>
|
|||
|
|
<u-divider
|
|||
|
|
text="内容上报"
|
|||
|
|
text-position="left"
|
|||
|
|
text-color="rgb(42, 86, 247)"
|
|||
|
|
line-color="rgb(42, 86, 247)"
|
|||
|
|
dashed
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<u-form-item
|
|||
|
|
label="上报时间"
|
|||
|
|
prop="INSPECTTIME"
|
|||
|
|
border-bottom
|
|||
|
|
required
|
|||
|
|
@click="fnInspectTimeShowChange"
|
|||
|
|
>
|
|||
|
|
<u--input
|
|||
|
|
:value="form.INSPECTTIME || '请选择'"
|
|||
|
|
readonly
|
|||
|
|
border="none"
|
|||
|
|
input-align="right"
|
|||
|
|
/>
|
|||
|
|
<u-icon name="arrow-right" color="#999999"></u-icon>
|
|||
|
|
</u-form-item>
|
|||
|
|
|
|||
|
|
<u-form-item
|
|||
|
|
label="上报照片"
|
|||
|
|
prop="onSiteInspectionPhotos"
|
|||
|
|
border-bottom
|
|||
|
|
label-position="top"
|
|||
|
|
>
|
|||
|
|
<u-upload
|
|||
|
|
class="mt-10"
|
|||
|
|
:file-list="form.onSiteInspectionPhotos"
|
|||
|
|
multiple
|
|||
|
|
:max-count="10"
|
|||
|
|
@afterRead="fnOnSiteInspectionPhotosAfterRead"
|
|||
|
|
@delete="fnOnSiteInspectionPhotosDelete"
|
|||
|
|
/>
|
|||
|
|
</u-form-item>
|
|||
|
|
<u-form-item
|
|||
|
|
label="上报内容"
|
|||
|
|
prop="INSPECT_CONTENT"
|
|||
|
|
border-bottom
|
|||
|
|
required
|
|||
|
|
label-position="top"
|
|||
|
|
>
|
|||
|
|
<u--input v-model="form.INSPECT_CONTENT" border="none" />
|
|||
|
|
</u-form-item>
|
|||
|
|
<div style="display: flex; gap: 20rpx">
|
|||
|
|
<u-button type="primary" text="保存" @click="fnSubmit" />
|
|||
|
|
</div>
|
|||
|
|
</u--form>
|
|||
|
|
<u-datetime-picker
|
|||
|
|
v-model="inspectTimeCurrent"
|
|||
|
|
:show="inspectTimeShow"
|
|||
|
|
mode="datetime"
|
|||
|
|
@cancel="fnInspectTimeShowChange"
|
|||
|
|
@confirm="fnInspectTimeConfirm"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
getRegDepartment,
|
|||
|
|
getInspectType,
|
|||
|
|
getUser,
|
|||
|
|
setDisasterPreventionInspectionAdd,
|
|||
|
|
setDisasterPreventionInspectionImgAdd,
|
|||
|
|
} from "@/api";
|
|||
|
|
import TkiTree from "@/components/tki-tree/tki-tree.vue";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
// eslint-disable-next-line vue/no-unused-components
|
|||
|
|
TkiTree,
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
form: {
|
|||
|
|
DISASTER_PREVENTION_INSPECT_ID: "",
|
|||
|
|
// 专项整治活动id
|
|||
|
|
DISASTER_PREVENTION_ACTIVITY_ID: "",
|
|||
|
|
// 专项整治活动任务id
|
|||
|
|
DISASTER_PREVENTION_ACTIVITY_TASK_ID: "",
|
|||
|
|
CORP_NAME: "",
|
|||
|
|
CORP_ADDRESS: "",
|
|||
|
|
LR_NAME: "",
|
|||
|
|
LR_PHONE: "",
|
|||
|
|
INSPECTNO: "",
|
|||
|
|
INSPECT_PLACE: "",
|
|||
|
|
CORPINFO_ID: "",
|
|||
|
|
INSPECTTYPE: "checkType0002",
|
|||
|
|
INSPECTTIME: "",
|
|||
|
|
HASEXPERTS: "",
|
|||
|
|
// 现场检查照片
|
|||
|
|
onSiteInspectionPhotos: [],
|
|||
|
|
},
|
|||
|
|
rules: {
|
|||
|
|
INSPECTTIME: {
|
|||
|
|
type: "string",
|
|||
|
|
required: true,
|
|||
|
|
message: "请选择检查时间",
|
|||
|
|
trigger: ["change"],
|
|||
|
|
},
|
|||
|
|
INSPECT_CONTENT: {
|
|||
|
|
type: "string",
|
|||
|
|
required: true,
|
|||
|
|
message: "请输入检查内容",
|
|||
|
|
trigger: ["blur", "change"],
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
inspectionContent: {
|
|||
|
|
show: false,
|
|||
|
|
type: "",
|
|||
|
|
index: "",
|
|||
|
|
form: {
|
|||
|
|
CONTENT_ID: "",
|
|||
|
|
INSPECT_CONTENT: "",
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
inspectTypeList: [],
|
|||
|
|
inspectTimeShow: false,
|
|||
|
|
inspectTimeCurrent: Number(new Date()),
|
|||
|
|
inspectionDepartment: [],
|
|||
|
|
inspectionUser: [],
|
|||
|
|
inspectUserList: [],
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onLoad(query) {
|
|||
|
|
this.form.DISASTER_PREVENTION_ACTIVITY_TASK_ID =
|
|||
|
|
query.DISASTER_PREVENTION_ACTIVITY_TASK_ID;
|
|||
|
|
this.form.CORPINFO_ID = query.CORPINFO_ID;
|
|||
|
|
this.form.CORP_NAME = query.CORP_NAME;
|
|||
|
|
this.form.CORP_ADDRESS = query.ADDRESS_BUSINESS || "";
|
|||
|
|
this.form.LR_NAME = query.LR_NAME || "";
|
|||
|
|
this.form.LR_PHONE = query.LR_PHONE || "";
|
|||
|
|
this.fnGetInspectType();
|
|||
|
|
this.fnAddInspectUserList();
|
|||
|
|
this.fnGetDepartment(query.DISASTER_PREVENTION_ACTIVITY_TASK_ID);
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
userInfo() {
|
|||
|
|
return this.$store.getters.getUserInfo;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
// getInspectionStandards,
|
|||
|
|
async fnGetDepartment(DISASTER_PREVENTION_ACTIVITY_TASK_ID) {
|
|||
|
|
const resData = await getRegDepartment(
|
|||
|
|
DISASTER_PREVENTION_ACTIVITY_TASK_ID,
|
|||
|
|
);
|
|||
|
|
this.inspectionDepartment = JSON.parse(resData.zTreeNodes);
|
|||
|
|
},
|
|||
|
|
async fnGetInspectType() {
|
|||
|
|
const resData = await getInspectType();
|
|||
|
|
this.inspectTypeList = resData.list;
|
|||
|
|
},
|
|||
|
|
fnInspectTimeShowChange() {
|
|||
|
|
this.inspectTimeShow = !this.inspectTimeShow;
|
|||
|
|
},
|
|||
|
|
fnInspectTimeConfirm(event) {
|
|||
|
|
this.form.INSPECTTIME = uni.$u.timeFormat(
|
|||
|
|
event.value,
|
|||
|
|
"yyyy-mm-dd hh:MM",
|
|||
|
|
);
|
|||
|
|
this.fnInspectTimeShowChange();
|
|||
|
|
},
|
|||
|
|
fnOnSiteInspectionPhotosAfterRead(event) {
|
|||
|
|
this.form.onSiteInspectionPhotos.push(...event.file);
|
|||
|
|
},
|
|||
|
|
fnOnSiteInspectionPhotosDelete(event) {
|
|||
|
|
this.form.onSiteInspectionPhotos.splice(event.index, 1);
|
|||
|
|
},
|
|||
|
|
async fnInspectionContentAdd() {
|
|||
|
|
this.inspectionContent.show = true;
|
|||
|
|
await this.$nextTick();
|
|||
|
|
this.inspectionContent.type = "add";
|
|||
|
|
},
|
|||
|
|
fnInspectionContentClose() {
|
|||
|
|
this.inspectionContent.show = false;
|
|||
|
|
this.$refs.inspectionContentFormRef.resetFields();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
fnAddInspectUserList() {
|
|||
|
|
this.inspectUserList.push({
|
|||
|
|
id: uni.$u.guid(),
|
|||
|
|
DEPARTMENT_NAME: "",
|
|||
|
|
DEPARTMENT_ID: "",
|
|||
|
|
USER_NAME: "",
|
|||
|
|
USER_ID: "",
|
|||
|
|
userList: [],
|
|||
|
|
userPickerShow: false,
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
fnDeleteInspectUserList(index) {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: "提示",
|
|||
|
|
content: "确认删除吗？",
|
|||
|
|
success: (res) => {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
this.inspectUserList.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
fnInspectionDepartmentTreeShow(index) {
|
|||
|
|
this.$refs.inspectionDepartmentTreeRef[index]._show();
|
|||
|
|
},
|
|||
|
|
fnInspectionDepartmentTreeConfirm(event, index) {
|
|||
|
|
this.inspectUserList[index].DEPARTMENT_NAME = event[0].name;
|
|||
|
|
this.inspectUserList[index].DEPARTMENT_ID = event[0].id;
|
|||
|
|
this.inspectUserList[index].USER_NAME = "";
|
|||
|
|
this.inspectUserList[index].USER_ID = "";
|
|||
|
|
this.fnGetUser(event[0].id, index);
|
|||
|
|
},
|
|||
|
|
async fnGetUser(DEPARTMENT_ID, index) {
|
|||
|
|
this.inspectUserList[index].userList = [];
|
|||
|
|
const resData = await getUser({ DEPARTMENT_ID });
|
|||
|
|
this.inspectUserList[index].userList.push(resData.userList);
|
|||
|
|
},
|
|||
|
|
fnInspectionUserPickerShow(index) {
|
|||
|
|
if (this.inspectUserList[index].userList.length === 0) {
|
|||
|
|
uni.$u.toast("请选择部门");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (this.inspectUserList[index].userList[0].length === 0) {
|
|||
|
|
uni.$u.toast("当前部门下没有人员");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.inspectUserList[index].userPickerShow =
|
|||
|
|
!this.inspectUserList[index].userPickerShow;
|
|||
|
|
},
|
|||
|
|
fnInspectionUserPickerConfirm(event, index) {
|
|||
|
|
this.inspectUserList[index].USER_NAME = event.value[0].NAME;
|
|||
|
|
this.inspectUserList[index].USER_ID = event.value[0].USER_ID;
|
|||
|
|
this.fnInspectionUserPickerShow(index);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
async fnSubmit() {
|
|||
|
|
this.$refs.formRef
|
|||
|
|
.validate()
|
|||
|
|
.then(async () => {
|
|||
|
|
uni.showLoading({
|
|||
|
|
title: "数据提交中",
|
|||
|
|
});
|
|||
|
|
const DISASTER_PREVENTION_INSPECT_ID = await this.fnSubmitForm();
|
|||
|
|
await this.fnUploadOnSiteInspectionPhotos(
|
|||
|
|
DISASTER_PREVENTION_INSPECT_ID,
|
|||
|
|
);
|
|||
|
|
uni.hideLoading();
|
|||
|
|
uni.$u.toast("保存成功");
|
|||
|
|
uni.navigateBack();
|
|||
|
|
})
|
|||
|
|
.catch((e) => {
|
|||
|
|
uni.$u.toast("请填写完整信息");
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
async fnSubmitForm() {
|
|||
|
|
const {
|
|||
|
|
pd: { DISASTER_PREVENTION_INSPECT_ID },
|
|||
|
|
} = await setDisasterPreventionInspectionAdd({
|
|||
|
|
loading: false,
|
|||
|
|
USER_NAME: this.userInfo.NAME,
|
|||
|
|
DEPARTMENT_ID: this.userInfo.DEPARTMENT_ID,
|
|||
|
|
USER_ID: this.userInfo.USER_ID,
|
|||
|
|
...this.form,
|
|||
|
|
});
|
|||
|
|
return DISASTER_PREVENTION_INSPECT_ID;
|
|||
|
|
},
|
|||
|
|
async fnUploadOnSiteInspectionPhotos(DISASTER_PREVENTION_INSPECT_ID) {
|
|||
|
|
for (let i = 0; i < this.form.onSiteInspectionPhotos.length; i++) {
|
|||
|
|
const files = [];
|
|||
|
|
files.push({
|
|||
|
|
uri: this.form.onSiteInspectionPhotos[i].url,
|
|||
|
|
name: "imgsList",
|
|||
|
|
});
|
|||
|
|
await setDisasterPreventionInspectionImgAdd({
|
|||
|
|
loading: false,
|
|||
|
|
files,
|
|||
|
|
formData: {
|
|||
|
|
DISASTER_PREVENTION_INSPECT_ID,
|
|||
|
|
USER_NAME: this.userInfo.USERNAME,
|
|||
|
|
CORPINFO_ID: this.form.CORPINFO_ID,
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.container {
|
|||
|
|
padding: 20upx;
|
|||
|
|
|
|||
|
|
.user_item {
|
|||
|
|
border: 1px dashed #ccc;
|
|||
|
|
margin: 30upx 0;
|
|||
|
|
padding: 0 30upx 30upx 30upx;
|
|||
|
|
position: relative;
|
|||
|
|
|
|||
|
|
.delete {
|
|||
|
|
position: absolute;
|
|||
|
|
right: -20upx;
|
|||
|
|
top: -20upx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.u-icon {
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
// 隐藏
|
|||
|
|
.hide {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
</style>
|