307 lines
8.4 KiB
Vue
307 lines
8.4 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-form-item
|
||
label="检查内容"
|
||
prop="INSPECT_CONTENT"
|
||
border-bottom
|
||
required
|
||
label-position="top"
|
||
>
|
||
<u--textarea
|
||
v-model="form.INSPECT_CONTENT"
|
||
disabled
|
||
placeholder="请输入检查内容"
|
||
border="none"
|
||
auto-height
|
||
/>
|
||
</u-form-item>
|
||
<u-form-item
|
||
label="隐患描述"
|
||
prop="HIDDENDESCR"
|
||
border-bottom
|
||
required
|
||
label-position="top"
|
||
>
|
||
<u--textarea
|
||
v-model="form.HIDDENDESCR"
|
||
placeholder="请输入隐患描述"
|
||
border="none"
|
||
/>
|
||
</u-form-item>
|
||
<u-form-item label="隐患部位" prop="HIDDENPART" border-bottom required>
|
||
<u--input
|
||
v-model="form.HIDDENPART"
|
||
border="none"
|
||
input-align="right"
|
||
placeholder="请输入隐患部位"
|
||
/>
|
||
</u-form-item>
|
||
<u-form-item
|
||
label="隐患级别"
|
||
prop="HIDDENLEVEL_NAME"
|
||
border-bottom
|
||
required
|
||
@click="fnHiddenLevelPickerShow"
|
||
>
|
||
<u--input
|
||
:value="form.HIDDENLEVEL_NAME || '请选择'"
|
||
readonly
|
||
border="none"
|
||
input-align="right"
|
||
/>
|
||
<u-icon name="arrow-right" color="#999999"></u-icon>
|
||
</u-form-item>
|
||
<u-form-item label="整改意见" prop="DISPOSE" border-bottom required>
|
||
<u--input
|
||
v-model="form.DISPOSE"
|
||
border="none"
|
||
input-align="right"
|
||
placeholder="请输入隐患处置"
|
||
/>
|
||
</u-form-item>
|
||
<u-form-item
|
||
label="发现时间"
|
||
prop="DISCOVER_TIME"
|
||
border-bottom
|
||
required
|
||
@click="fnDiscoverTimeShowChange"
|
||
>
|
||
<u--input
|
||
:value="form.DISCOVER_TIME || '请选择'"
|
||
readonly
|
||
border="none"
|
||
input-align="right"
|
||
/>
|
||
<u-icon name="arrow-right" color="#999999"></u-icon>
|
||
</u-form-item>
|
||
<u-form-item
|
||
label="整改截止时间"
|
||
prop="RECTIFY_DEADLINE"
|
||
border-bottom
|
||
required
|
||
@click="fnRectifyDeadlineShowChange"
|
||
>
|
||
<u--input
|
||
:value="form.RECTIFY_DEADLINE || '请选择'"
|
||
readonly
|
||
border="none"
|
||
input-align="right"
|
||
/>
|
||
<u-icon name="arrow-right" color="#999999"></u-icon>
|
||
</u-form-item>
|
||
<u-form-item
|
||
label="隐患图片"
|
||
prop="hiddenImgs"
|
||
border-bottom
|
||
required
|
||
label-position="top"
|
||
>
|
||
<u-upload
|
||
style="margin-top: 20upx"
|
||
:file-list="form.hiddenImgs"
|
||
multiple
|
||
:max-count="4"
|
||
@afterRead="fnHiddenImgsAfterRead"
|
||
@delete="fnHiddenImgsDelete"
|
||
/>
|
||
</u-form-item>
|
||
<u-button type="primary" text="保存" @click="fnSubmit" />
|
||
</u--form>
|
||
<u-picker
|
||
:show="hiddenLevelPickerShow"
|
||
:columns="hiddenLevelList"
|
||
key-name="NAME"
|
||
@cancel="fnHiddenLevelPickerShow"
|
||
@confirm="fnHiddenLevelPickerConfirm"
|
||
/>
|
||
<u-datetime-picker
|
||
v-model="discoverTimeCurrent"
|
||
:show="discoverTimeShow"
|
||
mode="datetime"
|
||
@cancel="fnDiscoverTimeShowChange"
|
||
@confirm="fnInspectTimeConfirm"
|
||
/>
|
||
<u-datetime-picker
|
||
v-model="rectifyDeadlineCurrent"
|
||
:show="rectifyDeadlineShow"
|
||
mode="date"
|
||
@cancel="fnRectifyDeadlineShowChange"
|
||
@confirm="fnRectifyDeadlineConfirm"
|
||
/>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { getHiddenLevel } from "@/api";
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
type: "",
|
||
index: 0,
|
||
deleteImgsId: [],
|
||
form: {
|
||
CONTENT_ID: "",
|
||
INSPECT_CONTENT: "",
|
||
HIDDENDESCR: "",
|
||
HIDDENPART: "",
|
||
HIDDENLEVEL: "",
|
||
HIDDENLEVEL_NAME: "",
|
||
DISPOSE: "",
|
||
DISCOVER_TIME: "",
|
||
RECTIFY_DEADLINE: "",
|
||
hiddenImgs: [],
|
||
},
|
||
rules: {
|
||
INSPECT_CONTENT: {
|
||
type: "string",
|
||
required: true,
|
||
message: "请输入检查内容",
|
||
trigger: ["blur", "change"],
|
||
},
|
||
HIDDENDESCR: {
|
||
type: "string",
|
||
required: true,
|
||
message: "请输入隐患描述",
|
||
trigger: ["blur", "change"],
|
||
},
|
||
HIDDENPART: {
|
||
type: "string",
|
||
required: true,
|
||
message: "请输入隐患部位",
|
||
trigger: ["blur", "change"],
|
||
},
|
||
HIDDENLEVEL_NAME: {
|
||
type: "string",
|
||
required: true,
|
||
message: "请选择隐患级别",
|
||
trigger: ["change"],
|
||
},
|
||
DISPOSE: {
|
||
type: "string",
|
||
required: true,
|
||
message: "请输入隐患处置",
|
||
trigger: ["blur", "change"],
|
||
},
|
||
DISCOVER_TIME: {
|
||
type: "string",
|
||
required: true,
|
||
message: "请选择发现时间",
|
||
trigger: ["change"],
|
||
},
|
||
RECTIFY_DEADLINE: {
|
||
type: "string",
|
||
required: true,
|
||
message: "请选择整改截止时间",
|
||
trigger: ["change"],
|
||
},
|
||
hiddenImgs: {
|
||
type: "array",
|
||
required: true,
|
||
message: "请上传现场检查照片",
|
||
trigger: ["change"],
|
||
},
|
||
},
|
||
hiddenLevelPickerShow: false,
|
||
hiddenLevelList: [],
|
||
discoverTimeShow: false,
|
||
discoverTimeCurrent: Number(new Date()),
|
||
rectifyDeadlineShow: false,
|
||
rectifyDeadlineCurrent: Number(new Date()),
|
||
};
|
||
},
|
||
onLoad(query) {
|
||
if (
|
||
query.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID &&
|
||
query.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID !== "undefined" &&
|
||
query.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID !== "null"
|
||
) {
|
||
this.form.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID =
|
||
query.SPECIAL_RECTIFICATION_INSPECT_CONTENT_ID;
|
||
}
|
||
this.type = query.type;
|
||
this.index = query.index;
|
||
this.form.CONTENT_ID = query.CONTENT_ID;
|
||
this.form.INSPECT_CONTENT = query.INSPECT_CONTENT;
|
||
this.fnGetHiddenLevel();
|
||
this.getOpenerEventChannel().on("hiddenEdit", (event) => {
|
||
this.form = event.form;
|
||
});
|
||
},
|
||
methods: {
|
||
async fnGetHiddenLevel() {
|
||
const resData = await getHiddenLevel();
|
||
this.hiddenLevelList.push(resData.list);
|
||
},
|
||
fnHiddenLevelPickerShow() {
|
||
this.hiddenLevelPickerShow = !this.hiddenLevelPickerShow;
|
||
},
|
||
fnHiddenLevelPickerConfirm(event) {
|
||
this.form.HIDDENLEVEL_NAME = event.value[0].NAME;
|
||
this.form.HIDDENLEVEL = event.value[0].BIANMA;
|
||
this.fnHiddenLevelPickerShow();
|
||
},
|
||
fnDiscoverTimeShowChange() {
|
||
this.discoverTimeShow = !this.discoverTimeShow;
|
||
},
|
||
fnInspectTimeConfirm(event) {
|
||
this.form.DISCOVER_TIME = uni.$u.timeFormat(
|
||
event.value,
|
||
"yyyy-mm-dd hh:MM",
|
||
);
|
||
this.fnDiscoverTimeShowChange();
|
||
},
|
||
fnRectifyDeadlineShowChange() {
|
||
this.rectifyDeadlineShow = !this.rectifyDeadlineShow;
|
||
},
|
||
fnRectifyDeadlineConfirm(event) {
|
||
this.form.RECTIFY_DEADLINE = uni.$u.timeFormat(event.value, "yyyy-mm-dd");
|
||
this.fnRectifyDeadlineShowChange();
|
||
},
|
||
fnHiddenImgsAfterRead(event) {
|
||
this.form.hiddenImgs.push(...event.file);
|
||
},
|
||
fnHiddenImgsDelete(event) {
|
||
if (event.file.SPECIAL_RECTIFICATION_FILES_ID) {
|
||
this.deleteImgsId.push(event.file.SPECIAL_RECTIFICATION_FILES_ID);
|
||
}
|
||
this.form.hiddenImgs.splice(event.index, 1);
|
||
},
|
||
fnSubmit() {
|
||
this.$refs.formRef
|
||
.validate()
|
||
.then(async () => {
|
||
this.getOpenerEventChannel().emit("hiddenAdd", {
|
||
form: { ...this.form, id: uni.$u.guid() },
|
||
SPECIAL_RECTIFICATION_FILES_ID: this.SPECIAL_RECTIFICATION_FILES_ID,
|
||
type: this.type,
|
||
index: this.index,
|
||
deleteImgsId: this.deleteImgsId,
|
||
});
|
||
uni.$u.toast("保存成功");
|
||
uni.navigateBack();
|
||
})
|
||
.catch(() => {
|
||
uni.$u.toast("请填写完整信息");
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.container {
|
||
padding: 20upx;
|
||
}
|
||
</style>
|