jszjdy-regulatory-app/pages/disaster_prevention/edit_inspect.vue

1209 lines
39 KiB
Vue
Raw Normal View History

2026-04-27 11:54:37 +08:00
<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="CORP_NAME" border-bottom required>
<u--input
v-model="form.CORP_NAME"
readonly
border="none"
input-align="right"
/>
</u-form-item>
<u-form-item
label="地址"
prop="CORP_ADDRESS"
border-bottom
required
label-position="top"
>
<u--input v-model="form.CORP_ADDRESS" border="none" />
</u-form-item>
<u-form-item label="姓名" prop="LR_NAME" border-bottom required>
<u--input v-model="form.LR_NAME" border="none" input-align="right" />
</u-form-item>
<u-form-item label="联系电话" prop="LR_PHONE" border-bottom required>
<u--input v-model="form.LR_PHONE" border="none" input-align="right" />
</u-form-item>
<u-form-item
label="检查编号"
prop="INSPECTNO"
border-bottom
required
label-position="top"
>
<view
style="
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
"
>
<!-- <view>秦开应急</view>-->
<u-input v-model="form.INSPECTNO" border="none" />
<!-- <view></view>-->
</view>
</u-form-item>
<u-form-item
label="检查场所"
prop="INSPECT_PLACE"
border-bottom
required
label-position="top"
>
<u--input v-model="form.INSPECT_PLACE" border="none" />
</u-form-item>
<u-form-item label="检查类型" prop="INSPECTTYPE" border-bottom required>
<u-radio-group v-model="form.INSPECTTYPE" class="mt-10">
<u-radio
v-for="(item, index) in inspectTypeList"
:key="index"
:name="item.BIANMA"
:label="item.NAME"
:class="{ hide: form.INSPECTTYPE !== item.BIANMA }"
style="margin-left: 10upx"
/>
</u-radio-group>
</u-form-item>
<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="HASEXPERTS" border-bottom required>
<u-radio-group v-model="form.HASEXPERTS" style="justify-content: end">
<u-radio
v-for="(item, index) in [
{ ID: '1', NAME: '是' },
{ ID: '0', NAME: '否' },
]"
:key="index"
:name="item.ID"
:label="item.NAME"
style="margin-left: 10upx"
/>
</u-radio-group>
</u-form-item>
<u-form-item
label="现场检查照片"
prop="onSiteInspectionPhotos"
border-bottom
required
label-position="top"
>
<u-upload
class="mt-10"
:file-list="form.onSiteInspectionPhotos"
multiple
:max-count="10"
@afterRead="fnOnSiteInspectionPhotosAfterRead"
@delete="fnOnSiteInspectionPhotosDelete"
/>
</u-form-item>
<u-divider
text="检查内容"
text-position="left"
text-color="rgb(42, 86, 247)"
line-color="rgb(42, 86, 247)"
dashed
/>
<view style="display: flex; justify-content: end">
<!-- <u-button
type="primary"
text="选择标准"
:custom-style="{ width: '150upx', margin: 0, height: '50upx' }"
@click="fnSelectInspectionStandards"
/>-->
<u-button
type="primary"
text="录入"
:custom-style="{
width: '150upx',
margin: 0,
marginLeft: '20upx',
height: '50upx',
}"
@click="fnInspectionContentAdd"
/>
</view>
<uni-table border stripe empty-text="" class="mt-10 mb-10">
<uni-tr>
<uni-th align="center" width="50">序号</uni-th>
<uni-th align="center">检查内容</uni-th>
<uni-th align="center" width="80">操作</uni-th>
</uni-tr>
<uni-tr
v-for="(item, index) in inspectionContentList"
:key="item.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID"
>
<uni-td align="center">{{ index + 1 }}</uni-td>
<uni-td>{{ item.INSPECT_CONTENT }}</uni-td>
<uni-td align="center">
<view style="display: flex; justify-content: space-evenly">
<u-icon
name="edit-pen-fill"
size="20"
@click="fnInspectionContentEdit(index)"
/>
<u-icon
name="trash-fill"
color="red"
size="20"
@click="fnInspectionContentDelete(index)"
/>
<u-icon
name="plus-circle-fill"
color="#19be6b"
size="20"
@click="fnHiddenAdd(index)"
/>
</view>
</uni-td>
</uni-tr>
</uni-table>
<u-divider
text="检查人"
text-position="left"
text-color="rgb(42, 86, 247)"
line-color="rgb(42, 86, 247)"
dashed
/>
<view style="display: flex; justify-content: end">
<u-button
type="primary"
text="添加"
:custom-style="{ width: '150upx', margin: 0, height: '50upx' }"
@click="fnAddInspectUserList"
/>
</view>
<view
v-for="(item, index) in inspectUserList"
:key="item.id"
class="user_item"
>
<u-form-item
label="检查部门"
border-bottom
required
@click="fnInspectionDepartmentTreeShow(index)"
>
<u--input
:value="item.DEPARTMENT_NAME || '请选择'"
readonly
border="none"
input-align="right"
/>
<u-icon name="arrow-right" color="#999999"></u-icon>
</u-form-item>
<u-form-item
label="检查人"
border-bottom
required
@click="fnInspectionUserPickerShow(index)"
>
<u--input
:value="item.USER_NAME || '请选择'"
readonly
border="none"
input-align="right"
/>
<u-icon name="arrow-right" color="#999999"></u-icon>
</u-form-item>
<view v-if="index !== 0" class="delete">
<u-icon
name="close-circle-fill"
color="red"
:size="20"
@click="fnDeleteInspectUserList(index)"
/>
</view>
<tki-tree
ref="inspectionDepartmentTreeRef"
:range="inspectionDepartment"
id-key="id"
range-key="name"
children-name="nodes"
select-parent
@confirm="fnInspectionDepartmentTreeConfirm($event, index)"
/>
<u-picker
:show="item.userPickerShow"
:columns="item.userList"
key-name="NAME"
@cancel="fnInspectionUserPickerShow(index)"
@confirm="fnInspectionUserPickerConfirm($event, index)"
/>
</view>
<u-divider
text="隐患"
text-position="left"
text-color="rgb(42, 86, 247)"
line-color="rgb(42, 86, 247)"
dashed
/>
<uni-table border stripe empty-text="" class="mt-10 mb-10">
<uni-tr>
<uni-th align="center" width="50">序号</uni-th>
<uni-th align="center">所属检查</uni-th>
<uni-th align="center">隐患描述</uni-th>
<uni-th align="center" width="60">操作</uni-th>
</uni-tr>
<uni-tr v-for="(item, index) in hiddenList" :key="item.id">
<uni-td align="center">{{ index + 1 }}</uni-td>
<uni-td>{{ item.INSPECT_CONTENT }}</uni-td>
<uni-td>{{ item.HIDDENDESCR }}</uni-td>
<uni-td align="center">
<view style="display: flex; justify-content: space-evenly">
<u-icon
name="edit-pen-fill"
size="20"
@click="fnHiddenEdit(index)"
/>
<u-icon
name="trash-fill"
color="red"
size="20"
@click="fnHiddenDelete(index)"
/>
</view>
</uni-td>
</uni-tr>
</uni-table>
<div style="display: flex; gap: 20rpx">
<u-button type="primary" text="保存" @click="fnSubmit" />
<u-button type="success" text="暂存" @click="fntempleSubmit" />
</div>
</u--form>
<u-datetime-picker
v-model="inspectTimeCurrent"
:show="inspectTimeShow"
mode="datetime"
@cancel="fnInspectTimeShowChange"
@confirm="fnInspectTimeConfirm"
/>
<u-modal
:show="inspectionContent.show"
title="检查内容"
show-cancel-button
cancel-text="关闭"
@confirm="fnInspectionContentConfirm"
@cancel="fnInspectionContentClose"
>
<view style="flex: 1">
<u--form
ref="inspectionContentFormRef"
label-position="left"
:model="inspectionContent.form"
:rules="inspectionContent.rules"
label-width="auto"
>
<u-form-item
label="检查内容"
prop="INSPECT_CONTENT"
required
label-position="top"
>
<u--textarea
v-model="inspectionContent.form.INSPECT_CONTENT"
auto-height
input-align="right"
/>
</u-form-item>
</u--form>
</view>
</u-modal>
</view>
</template>
<script>
import {
getRegDepartment,
getInspectType,
getUser,
setSpecialRectificationInspectionAdd,
setSpecialRectificationInspectionHiddenImgAdd,
setSpecialRectificationInspectionImgAdd,
} from "@/api";
import TkiTree from "@/components/tki-tree/tki-tree.vue";
import { arrayObjectDeduplication } from "@/utils/utils";
import {
getSpecialRectificationInspectionRecordView,
setSpecialRectificationInspectionImgDel,
setSpecialRectificationInspectionUpdate,
} from "../../api";
export default {
components: {
// eslint-disable-next-line vue/no-unused-components
TkiTree,
},
data() {
return {
form: {
SPECIAL_RECTIFICATION_INSPECT_ID: "",
// 专项整治活动id
SPECIAL_RECTIFICATION_ACTIVITY_ID: "",
// 专项整治活动任务id
SPECIAL_RECTIFICATION_ACTIVITY_TASK_ID: "",
CORP_NAME: "",
CORP_ADDRESS: "",
LR_NAME: "",
LR_PHONE: "",
INSPECTNO: "",
INSPECT_PLACE: "",
CORPINFO_ID: "",
INSPECTTYPE: "checkType0002",
INSPECTTIME: "",
HASEXPERTS: "",
// 现场检查照片
onSiteInspectionPhotos: [],
},
rules: {
CORP_NAME: {
type: "string",
required: true,
message: "请输入公司名称",
trigger: ["blur", "change"],
},
CORP_ADDRESS: {
type: "string",
required: true,
message: "请输入地址",
trigger: ["blur", "change"],
},
LR_NAME: {
type: "string",
required: true,
message: "请输入姓名",
trigger: ["blur", "change"],
},
LR_PHONE: {
type: "string",
required: true,
message: "请输入联系电话",
trigger: ["blur", "change"],
},
INSPECTNO: {
type: "string",
required: true,
message: "请输入检查编号",
trigger: ["blur", "change"],
},
INSPECT_PLACE: {
type: "string",
required: true,
message: "请输入检查场所",
trigger: ["blur", "change"],
},
INSPECTTYPE: {
type: "string",
required: true,
message: "请选择检查类型",
trigger: ["change"],
},
INSPECTTIME: {
type: "string",
required: true,
message: "请选择检查时间",
trigger: ["change"],
},
HASEXPERTS: {
type: "string",
required: true,
message: "请选择邀请专家",
trigger: ["change"],
},
onSiteInspectionPhotos: {
type: "array",
required: true,
message: "请上传现场检查照片",
trigger: ["change"],
},
},
inspectionContent: {
show: false,
type: "",
index: "",
form: {
CONTENT_ID: "",
INSPECT_CONTENT: "",
},
rules: {
INSPECT_CONTENT: {
type: "string",
required: true,
message: "请输入检查内容",
trigger: ["blur", "change"],
},
},
},
inspectTypeList: [],
inspectTimeShow: false,
inspectTimeCurrent: Number(new Date()),
inspectionDepartment: [],
inspectionUser: [],
inspectUserList: [],
hiddenList: [],
inspectionContentList: [],
inspectionContentListAll: [],
inspectionContentListOld: [],
hiddenListRemoveId: [],
inspectUserRemoveId: [],
hiddenDeleteImgsId: [],
SPECIAL_RECTIFICATION_FILES_ID: [],
};
},
onLoad(query) {
if (query.SPECIAL_RECTIFICATION_INSPECT_ID) {
this.SPECIAL_RECTIFICATION_INSPECT_ID =
query.SPECIAL_RECTIFICATION_INSPECT_ID;
this.fnGetData(query.SPECIAL_RECTIFICATION_INSPECT_ID);
} else {
this.form.SPECIAL_RECTIFICATION_ACTIVITY_TASK_ID =
query.SPECIAL_RECTIFICATION_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.fnAddInspectUserList();
}
this.fnGetInspectType();
this.fnGetDepartment(query.SPECIAL_RECTIFICATION_ACTIVITY_TASK_ID);
},
computed: {
userInfo() {
return this.$store.getters.getUserInfo;
},
},
onBackPress(event) {
if (event.from === "backbutton") {
uni.showModal({
title: "提示",
content: "是否保存该页面数据",
success: async (res) => {
if (res.confirm) {
this.fntempleSubmit();
} else {
uni.navigateBack();
}
},
});
return true;
}
return false;
},
methods: {
async fnGetData(SPECIAL_RECTIFICATION_INSPECT_ID) {
const resData = await getSpecialRectificationInspectionRecordView({
SPECIAL_RECTIFICATION_INSPECT_ID,
});
for (let i = 0; i < resData.pd.imgsList.length; i++) {
resData.pd.imgsList[i].FILEPATH =
this.$filePath + resData.pd.imgsList[i].FILEPATH;
}
this.form = resData.pd;
for (let i = 0; i < resData.pd.imgsList.length; i++) {
resData.pd.imgsList[i].url = resData.pd.imgsList[i].FILEPATH;
}
this.form.onSiteInspectionPhotos = resData.pd.imgsList;
this.inspectionContentList = resData.pd.contentList;
this.OldinspectionContentList = uni.$u.deepClone(resData.pd.contentList);
const contentListOld = []; // 从表中查询出来的检查内容id集合
if (resData.pd.contentList) {
for (let i = 0; i < resData.pd.contentList.length; i++) {
contentListOld.push(
resData.pd.contentList[i].SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID,
);
}
}
this.inspectionContentListOld = uni.$u.deepClone(contentListOld);
for (let i = 0; i < resData.pd.hiddenList.length; i++) {
resData.pd.hiddenList[i].id =
resData.pd.hiddenList[i].SPECIAL_RECTIFICATION_INSPECT_HIDDEN_ID;
for (let j = 0; j < resData.pd.hiddenList[i].hiddenImgs.length; j++) {
resData.pd.hiddenList[i].hiddenImgs[j].url =
this.$filePath + resData.pd.hiddenList[i].hiddenImgs[j].FILEPATH;
}
}
this.hiddenList = resData.pd.hiddenList;
const userList = [];
for (let i = 0; i < resData.pd.checkUserList.length; i++) {
userList.push({
id: uni.$u.guid(),
DEPARTMENT_NAME:
resData.pd.checkUserList[i].DEPARTMENT_FULL_NAME || "",
DEPARTMENT_ID: resData.pd.checkUserList[i].DEPARTMENT_ID || "",
USER_NAME: resData.pd.checkUserList[i].USER_NAME || "",
USER_ID: resData.pd.checkUserList[i].USER_ID || "",
SPECIAL_RECTIFICATION_ACTIVITY_TASK_USER_ID:
resData.pd.checkUserList[i]
.SPECIAL_RECTIFICATION_ACTIVITY_TASK_USER_ID || "",
userList: [],
userPickerShow: false,
});
}
this.inspectUserList = userList;
for (let i = 0; i < resData.pd.checkUserList.length; i++) {
if (resData.pd.checkUserList[i].DEPARTMENT_ID)
this.fnGetUser(resData.pd.checkUserList[i].DEPARTMENT_ID, i);
}
if (this.inspectUserList.length === 0) this.fnAddInspectUserList();
},
// getInspectionStandards,
async fnGetDepartment(SPECIAL_RECTIFICATION_ACTIVITY_TASK_ID) {
const resData = await getRegDepartment(
SPECIAL_RECTIFICATION_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);
},
async fnOnSiteInspectionPhotosDelete(event) {
// await setSpecialRectificationInspectionImgDel({
// formData: {
// SPECIAL_RECTIFICATION_FILES_ID:
// event.file.SPECIAL_RECTIFICATION_FILES_ID,
// },
// });
if (event.file.SPECIAL_RECTIFICATION_FILES_ID) {
this.SPECIAL_RECTIFICATION_FILES_ID.push(
event.file.SPECIAL_RECTIFICATION_FILES_ID,
);
}
this.form.onSiteInspectionPhotos.splice(event.index, 1);
},
async fnInspectionContentAdd() {
this.inspectionContent.show = true;
await this.$nextTick();
this.inspectionContent.type = "add";
},
async fnInspectionContentEdit(index) {
this.inspectionContent.show = true;
await this.$nextTick();
this.inspectionContent.index = index;
this.inspectionContent.type = "edit";
this.inspectionContent.form = uni.$u.deepClone(
this.inspectionContentList[index],
);
},
fnInspectionContentClose() {
this.inspectionContent.show = false;
this.$refs.inspectionContentFormRef.resetFields();
},
fnInspectionContentConfirm() {
this.$refs.inspectionContentFormRef
.validate()
.then(() => {
if (this.inspectionContent.type === "add") {
this.inspectionContentList.push({
CONTENT_ID: uni.$u.guid(),
SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID: "",
INSPECT_CONTENT: this.inspectionContent.form.INSPECT_CONTENT,
INSPECT_CONTENT_SOURCE: 2,
});
} else {
this.inspectionContentList[this.inspectionContent.index] =
uni.$u.deepClone(this.inspectionContent.form);
for (let i = 0; i < this.hiddenList.length; i++) {
if (
this.hiddenList[i].SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID ===
this.inspectionContentList[this.inspectionContent.index]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID
) {
this.hiddenList[i].INSPECT_CONTENT =
this.inspectionContentList[
this.inspectionContent.index
].INSPECT_CONTENT;
}
if (this.OldinspectionContentList) {
this.OldinspectionContentList.map((item) => {
if (
item.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID ===
this.inspectionContentList[this.inspectionContent.index]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID
) {
item.INSPECT_CONTENT =
this.inspectionContentList[
this.inspectionContent.index
].INSPECT_CONTENT;
}
});
}
}
}
this.fnInspectionContentClose();
})
.catch(() => {
uni.$u.toast("请填写完整信息");
});
},
fnInspectionContentDelete(index) {
let message = "确认删除吗?";
const currentContentId =
this.inspectionContentList[index].CONTENT_ID ||
this.inspectionContentList[index]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID;
const deleteHiddenListContentId = [];
const deleteHiddenListHiddenId = [];
for (let i = 0; i < this.hiddenList.length; i++) {
if (
this.hiddenList[i].CONTENT_ID === currentContentId ||
this.hiddenList[i].SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID ===
currentContentId
) {
message = "该检查项已添加隐患信息,会同步删除隐患信息,确认删除?";
deleteHiddenListContentId.push(currentContentId);
deleteHiddenListHiddenId.push(
this.hiddenList[i].SPECIAL_RECTIFICATION_INSPECT_HIDDEN_ID,
);
break;
}
}
uni.showModal({
title: "提示",
content: message,
success: (res) => {
if (res.confirm) {
if (deleteHiddenListContentId.length > 0) {
this.hiddenListRemoveId.push(...deleteHiddenListHiddenId);
this.hiddenList = this.hiddenList.filter(
(item) =>
!deleteHiddenListContentId.includes(
item.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID,
),
);
}
this.inspectionContentList.splice(index, 1);
}
},
});
},
fnSelectInspectionStandards() {
uni.navigateTo({
url: "/pages/supervision_inspection/inspection_standards",
events: {
inspectionStandardsAdd: (event) => {
const { checkList, checkListAll } = event;
const previousIds = this.inspectionContentList
.filter((item) => item.INSPECT_CONTENT_SOURCE === 1)
.map((item) => item.CONTENT_ID);
const currentIds = checkList.map((item) => item.CONTENT_ID);
if (currentIds.length === 0) {
uni.navigateBack();
return;
}
const difference = previousIds
.filter((x) => !currentIds.includes(x))
.join(",");
const needDeleteHiddenIndexList = [];
for (let i = 0; i < this.hiddenList.length; i++) {
if (difference.indexOf(this.hiddenList[i].CONTENT_ID) !== -1) {
needDeleteHiddenIndexList.push(i);
}
}
if (needDeleteHiddenIndexList.length > 0) {
uni.showModal({
title: "提示",
content:
"原有选择的检查内容中有存在隐患信息的检查内容未包含在本次勾选检查内容中,确定后将删除原检查内容及隐患信息,确认是否继续?",
success: (res) => {
if (res.confirm) {
for (
let i = needDeleteHiddenIndexList.length - 1;
i >= 0;
i--
) {
this.hiddenList.splice(needDeleteHiddenIndexList[i], 1);
}
this.fnInspectionStandardsAdd(
checkList,
checkListAll,
difference,
);
}
},
});
} else {
this.fnInspectionStandardsAdd(
checkList,
checkListAll,
difference,
);
}
},
},
success: (event) => {
event.eventChannel.emit(
"inspectionStandardsEdit",
this.inspectionContentListAll.map((item) => item.id),
);
},
});
},
fnInspectionStandardsAdd(checkList, checkListAll) {
let inspectionContentList = this.inspectionContentList.map((item) => ({
...item,
CONTENT_ID:
item.CONTENT_ID || item.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID,
}));
inspectionContentList.push(...checkList);
const newInspectionContentList = arrayObjectDeduplication(
inspectionContentList,
"CONTENT_ID",
);
inspectionContentList = newInspectionContentList;
this.inspectionContentList = inspectionContentList;
this.inspectionContentListAll = checkListAll;
uni.navigateBack();
},
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.inspectUserRemoveId.push(
this.inspectUserList[index]
.SPECIAL_RECTIFICATION_ACTIVITY_TASK_USER_ID,
);
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);
},
fnHiddenAdd(index) {
uni.navigateTo({
url:
"/pages/special_rectification/hidden_add?type=add&CONTENT_ID=" +
this.inspectionContentList[index].CONTENT_ID +
"&INSPECT_CONTENT=" +
this.inspectionContentList[index].INSPECT_CONTENT +
"&SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID=" +
this.inspectionContentList[index]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID,
events: {
hiddenAdd: (event) => {
if (event.type === "add") this.hiddenList.push(event.form);
},
},
});
},
fnHiddenEdit(index) {
uni.navigateTo({
url: "/pages/special_rectification/hidden_add?type=edit&index=" + index,
success: (event) => {
event.eventChannel.emit("hiddenEdit", {
form: uni.$u.deepClone(this.hiddenList[index]),
});
},
events: {
hiddenAdd: (event) => {
if (event.type === "edit") {
this.hiddenList.splice(event.index, 1, event.form);
this.hiddenDeleteImgsId = event.deleteImgsId;
}
},
},
});
},
fnHiddenDelete(index) {
uni.showModal({
title: "提示",
content: "确认删除吗?",
success: (res) => {
if (res.confirm) {
this.hiddenListRemoveId.push(
this.hiddenList[index].SPECIAL_RECTIFICATION_INSPECT_HIDDEN_ID,
);
this.hiddenList.splice(index, 1);
}
},
});
},
async fntempleSubmit() {
if (this.hiddenList) {
for (let i = 0; i < this.inspectUserList.length; i++) {
if (!this.inspectUserList[i].USER_ID) {
uni.$u.toast("请选择检查人");
return;
}
}
const hiddenList = await this.fnUploadHiddenImg();
const SPECIAL_RECTIFICATION_INSPECT_ID =
await this.fntempleSubmitForm(hiddenList);
await this.fnUploadOnSiteInspectionPhotos(
SPECIAL_RECTIFICATION_INSPECT_ID,
);
}
uni.$u.toast("保存成功");
uni.navigateBack();
},
async fnSubmit() {
this.$refs.formRef
.validate()
.then(async () => {
if (this.inspectionContentList.length === 0) {
uni.$u.toast("请填写检查内容");
return;
}
for (let i = 0; i < this.inspectUserList.length; i++) {
if (!this.inspectUserList[i].USER_ID) {
uni.$u.toast("请选择检查人");
return;
}
}
uni.showLoading({
title: "数据提交中",
});
const hiddenList = await this.fnUploadHiddenImg();
const SPECIAL_RECTIFICATION_INSPECT_ID =
await this.fnSubmitForm(hiddenList);
await this.fnUploadOnSiteInspectionPhotos(
SPECIAL_RECTIFICATION_INSPECT_ID,
);
uni.hideLoading();
uni.$u.toast("保存成功");
uni.navigateBack();
})
.catch((e) => {
uni.$u.toast("请填写完整信息");
});
},
async fnUploadHiddenImg() {
const hiddenList = [];
for (let i = 0; i < this.hiddenList.length; i++) {
const files = [];
for (let j = 0; j < this.hiddenList[i].hiddenImgs.length; j++) {
if (!this.hiddenList[i].hiddenImgs[j].FILEPATH) {
files.push({
uri: this.hiddenList[i].hiddenImgs[j].url,
name: "hiddenImgs",
});
}
}
const newPathList = [];
for (let i = 0; i < files.length; i++) {
const newFile = [];
newFile.push(files[i]);
const {
pathList,
// hiddenIndex
} = await setSpecialRectificationInspectionHiddenImgAdd({
files: newFile,
formData: {
CORPINFO_ID: this.form.CORPINFO_ID,
hiddenIndex: i,
},
});
newPathList.push(pathList);
}
hiddenList.push({
...this.hiddenList[i],
hiddenImgs: newPathList,
hiddenImgsStr: newPathList.join(","),
hiddenFiles: [],
});
}
return hiddenList;
},
async fntempleSubmitForm(hiddenList) {
const inspectUserList = [];
for (let i = 0; i < this.inspectUserList.length; i++) {
inspectUserList.push({
DEPARTMENT_ID: this.inspectUserList[i].DEPARTMENT_ID,
USER_ID: this.inspectUserList[i].USER_ID,
SPECIAL_RECTIFICATION_ACTIVITY_TASK_USER_ID:
this.inspectUserList[i]
.SPECIAL_RECTIFICATION_ACTIVITY_TASK_USER_ID || "",
});
}
for (let i = 0; i < this.SPECIAL_RECTIFICATION_FILES_ID.length; i++) {
await setSpecialRectificationInspectionImgDel({
SPECIAL_RECTIFICATION_FILES_ID:
this.SPECIAL_RECTIFICATION_FILES_ID[i],
});
}
for (let i = 0; i < this.hiddenDeleteImgsId.length; i++) {
await setSpecialRectificationInspectionImgDel({
SPECIAL_RECTIFICATION_FILES_ID: this.hiddenDeleteImgsId[i],
});
}
const inspectionContentListOld = this.inspectionContentListOld;
const inspectionContentListNew = [];
for (let i = 0; i < this.inspectionContentList.length; i++) {
if (
this.inspectionContentList[i]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID === "" ||
this.inspectionContentList[i]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID == null
) {
inspectionContentListNew.push(
this.inspectionContentList[i].CONTENT_ID,
);
} else {
inspectionContentListNew.push(
this.inspectionContentList[i]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID,
);
}
}
const resAdd = inspectionContentListNew.filter(
(item) => inspectionContentListOld.indexOf(item) === -1,
); // 新增的标准id
const resDel = inspectionContentListOld.filter(
(item) => inspectionContentListNew.indexOf(item) === -1,
); // 删除的标准id
const addInspectionContentList = [];
resAdd.map((i) => {
this.inspectionContentList.filter((item) => {
item.CONTENT_ID === i && addInspectionContentList.push(item);
});
}); // 新增的标准的集合
const params = {
USER_NAME: this.userInfo.USERNAME,
DEPARTMENT_ID: this.userInfo.DEPARTMENT_ID,
...this.form,
isStore: 0,
inspectUserList: JSON.stringify(inspectUserList),
addInspectContentList: JSON.stringify(addInspectionContentList),
hiddenList: JSON.stringify(hiddenList),
inspectContentList: JSON.stringify(this.inspectionContentList),
delInspectContentList: resDel.join(","),
hiddenListRemoveList: this.hiddenListRemoveId.join(","),
inspectUserRemoveList: this.inspectUserRemoveId.join(","),
};
const {
pd: { SPECIAL_RECTIFICATION_INSPECT_ID },
} = !this.SPECIAL_RECTIFICATION_INSPECT_ID
? await setSpecialRectificationInspectionAdd(params)
: await setSpecialRectificationInspectionUpdate(params);
return SPECIAL_RECTIFICATION_INSPECT_ID;
},
async fnSubmitForm(hiddenList) {
const inspectUserList = [];
for (let i = 0; i < this.inspectUserList.length; i++) {
inspectUserList.push({
DEPARTMENT_ID: this.inspectUserList[i].DEPARTMENT_ID,
USER_ID: this.inspectUserList[i].USER_ID,
SPECIAL_RECTIFICATION_ACTIVITY_TASK_USER_ID:
this.inspectUserList[i]
.SPECIAL_RECTIFICATION_ACTIVITY_TASK_USER_ID || "",
});
}
for (let i = 0; i < this.SPECIAL_RECTIFICATION_FILES_ID.length; i++) {
await setSpecialRectificationInspectionImgDel({
SPECIAL_RECTIFICATION_FILES_ID:
this.SPECIAL_RECTIFICATION_FILES_ID[i],
});
}
for (let i = 0; i < this.hiddenDeleteImgsId.length; i++) {
await setSpecialRectificationInspectionImgDel({
SPECIAL_RECTIFICATION_FILES_ID: this.hiddenDeleteImgsId[i],
});
}
const inspectionContentListOld = this.inspectionContentListOld;
const inspectionContentListNew = [];
for (let i = 0; i < this.inspectionContentList.length; i++) {
if (
this.inspectionContentList[i]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID === "" ||
this.inspectionContentList[i]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID == null
) {
inspectionContentListNew.push(
this.inspectionContentList[i].CONTENT_ID,
);
} else {
inspectionContentListNew.push(
this.inspectionContentList[i]
.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID,
);
}
}
const resAdd = inspectionContentListNew.filter(
(item) => inspectionContentListOld.indexOf(item) === -1,
); // 新增的标准id
const resDel = inspectionContentListOld.filter(
(item) => inspectionContentListNew.indexOf(item) === -1,
); // 删除的标准id
const addInspectionContentList = [];
resAdd.map((i) => {
this.inspectionContentList.filter((item) => {
item.CONTENT_ID === i && addInspectionContentList.push(item);
});
}); // 新增的标准的集合
const params = {
USER_NAME: this.userInfo.USERNAME,
DEPARTMENT_ID: this.userInfo.DEPARTMENT_ID,
...this.form,
isStore: 1,
inspectUserList: JSON.stringify(inspectUserList),
addInspectContentList: JSON.stringify(addInspectionContentList),
hiddenList: JSON.stringify(hiddenList),
inspectContentList: JSON.stringify(this.OldinspectionContentList),
delInspectContentList: resDel.join(","),
hiddenListRemoveList: this.hiddenListRemoveId.join(","),
inspectUserRemoveList: this.inspectUserRemoveId.join(","),
};
const {
pd: { SPECIAL_RECTIFICATION_INSPECT_ID },
} = !this.SPECIAL_RECTIFICATION_INSPECT_ID
? await setSpecialRectificationInspectionAdd(params)
: await setSpecialRectificationInspectionUpdate(params);
return SPECIAL_RECTIFICATION_INSPECT_ID;
},
async fnUploadOnSiteInspectionPhotos(SPECIAL_RECTIFICATION_INSPECT_ID) {
const files = [];
for (let i = 0; i < this.form.onSiteInspectionPhotos.length; i++) {
if (!this.form.onSiteInspectionPhotos[i].FILEPATH) {
files.push({
uri: this.form.onSiteInspectionPhotos[i].url,
name: "imgsList",
});
}
}
if (files.length === 0) {
return Promise.resolve();
}
for (let i = 0; i < files.length; i++) {
const newFile = [];
newFile.push(files[i]);
await setSpecialRectificationInspectionImgAdd({
files: newFile,
formData: {
SPECIAL_RECTIFICATION_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>