485 lines
13 KiB
Vue
485 lines
13 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="hiddenImgs"
|
|||
|
|
border-bottom
|
|||
|
|
required
|
|||
|
|
label-position="top"
|
|||
|
|
>
|
|||
|
|
<u-upload
|
|||
|
|
style="margin-top: 20upx"
|
|||
|
|
:file-list="form.hiddenImgs"
|
|||
|
|
multiple
|
|||
|
|
:max-count="max_count"
|
|||
|
|
:key = "uploadKey"
|
|||
|
|
@afterRead="fnHiddenImgsAfterRead"
|
|||
|
|
@delete="fnHiddenImgsDelete"
|
|||
|
|
/>
|
|||
|
|
</u-form-item>
|
|||
|
|
|
|||
|
|
<view class="ai_btn">
|
|||
|
|
<view class="ai_btn_con" @click="goIdentifyImg">
|
|||
|
|
<image src="../../static/png/ai_img.png" style="width: 16px;height: 16px"/>
|
|||
|
|
<view class="text" style="margin-left: 5px;"> AI隐患识别与处置</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<block v-if="form.INSPECT_CONTENT">
|
|||
|
|
<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
|
|||
|
|
maxlength="-1"
|
|||
|
|
/>
|
|||
|
|
</u-form-item>
|
|||
|
|
</block>
|
|||
|
|
<u-form-item
|
|||
|
|
label="隐患描述"
|
|||
|
|
prop="HIDDENDESCR"
|
|||
|
|
border-bottom
|
|||
|
|
required
|
|||
|
|
label-position="top"
|
|||
|
|
>
|
|||
|
|
<u--textarea
|
|||
|
|
v-model="form.HIDDENDESCR"
|
|||
|
|
placeholder="请输入隐患描述"
|
|||
|
|
border="none"
|
|||
|
|
maxlength="200"
|
|||
|
|
auto-height
|
|||
|
|
/>
|
|||
|
|
</u-form-item>
|
|||
|
|
<u-form-item v-show="aiFlag"
|
|||
|
|
label="法律依据"
|
|||
|
|
prop="LEGALBASIS"
|
|||
|
|
border-bottom
|
|||
|
|
required
|
|||
|
|
label-position="top"
|
|||
|
|
>
|
|||
|
|
<u--textarea
|
|||
|
|
v-model="form.LEGALBASIS"
|
|||
|
|
placeholder="请输入法律依据"
|
|||
|
|
border="none"
|
|||
|
|
disabled
|
|||
|
|
auto-height
|
|||
|
|
/>
|
|||
|
|
</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 label-position="top">
|
|||
|
|
<u--textarea
|
|||
|
|
v-model="form.DISPOSE"
|
|||
|
|
placeholder="请输入整改意见"
|
|||
|
|
border="none"
|
|||
|
|
maxlength="200"
|
|||
|
|
auto-height
|
|||
|
|
/>
|
|||
|
|
</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-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,setSupervisionInspectionAIImgAdd } from "@/api";
|
|||
|
|
import debounce from "@/utils/debounce";
|
|||
|
|
import store from "../../store/index";
|
|||
|
|
import {decryptAes} from "../../utils/aesUtil";
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
type: "",
|
|||
|
|
deleteKey: false,
|
|||
|
|
index: 0,
|
|||
|
|
deleteImgsId: [],
|
|||
|
|
aiFlag: false,
|
|||
|
|
IDENTIFY_ID: '',
|
|||
|
|
buttonloading: false,
|
|||
|
|
max_count: 4,
|
|||
|
|
uploadKey: Math.random(),
|
|||
|
|
getUserInfo : store.getters.getUserInfo,
|
|||
|
|
form: {
|
|||
|
|
CONTENT_ID: "",
|
|||
|
|
IDENTIFY_ID: "",
|
|||
|
|
INSPECT_CONTENT: "",
|
|||
|
|
HIDDENDESCR: "",
|
|||
|
|
HIDDENPART: "",
|
|||
|
|
HIDDENLEVEL: "",
|
|||
|
|
LEGALBASIS: "",
|
|||
|
|
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) {
|
|||
|
|
this.form.SUPERVISE_INSPECT_CONTENT_ID = undefined;
|
|||
|
|
if (
|
|||
|
|
query.SUPERVISE_INSPECT_CONTENT_ID &&
|
|||
|
|
query.SUPERVISE_INSPECT_CONTENT_ID !== "undefined" &&
|
|||
|
|
query.SUPERVISE_INSPECT_CONTENT_ID !== "null"
|
|||
|
|
) {
|
|||
|
|
this.form.SUPERVISE_INSPECT_CONTENT_ID =
|
|||
|
|
query.SUPERVISE_INSPECT_CONTENT_ID;
|
|||
|
|
}
|
|||
|
|
if (
|
|||
|
|
query.HIDDENDESCR &&
|
|||
|
|
query.HIDDENDESCR !== "undefined" &&
|
|||
|
|
query.HIDDENDESCR !== "null"
|
|||
|
|
) {
|
|||
|
|
this.form.HIDDENDESCR = query.HIDDENDESCR;
|
|||
|
|
}
|
|||
|
|
if (
|
|||
|
|
query.DISPOSE &&
|
|||
|
|
query.DISPOSE !== "undefined" &&
|
|||
|
|
query.DISPOSE !== "null"
|
|||
|
|
) {
|
|||
|
|
this.form.DISPOSE = query.DISPOSE;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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;
|
|||
|
|
this.form.AI_FLAG = event.form.AI_FLAG
|
|||
|
|
if (query.type === "edit" && this.form.AI_FLAG === 1){
|
|||
|
|
this.aiFlag = true
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (query.type === "edit"){
|
|||
|
|
this.deleteKey = true
|
|||
|
|
uni.setNavigationBarTitle({
|
|||
|
|
title: "修改隐患", // 设置页面标题为"新的标题"
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
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) {
|
|||
|
|
this.max_count = 4
|
|||
|
|
this.deleteKey = false
|
|||
|
|
this.uploadKey = Math.random()
|
|||
|
|
if (event.file.SUPERVISE_INSPECT_FILES_ID) {
|
|||
|
|
this.deleteImgsId.push(event.file.SUPERVISE_INSPECT_FILES_ID);
|
|||
|
|
}
|
|||
|
|
if (this.aiFlag) {
|
|||
|
|
this.clearIdentifyInfo()
|
|||
|
|
}
|
|||
|
|
this.form.hiddenImgs.splice(event.index, 1);
|
|||
|
|
},
|
|||
|
|
fnSubmit() {
|
|||
|
|
debounce(async () => {
|
|||
|
|
this.$refs.formRef
|
|||
|
|
.validate()
|
|||
|
|
.then(async () => {
|
|||
|
|
this.getOpenerEventChannel().emit("hiddenAdd", {
|
|||
|
|
form: {
|
|||
|
|
...this.form,
|
|||
|
|
id: uni.$u.guid(),
|
|||
|
|
HIDDEN_TYPE: this.form.INSPECT_CONTENT ? "1" : "2",
|
|||
|
|
AI_FLAG: this.aiFlag ? 1 : 0,
|
|||
|
|
},
|
|||
|
|
type: this.type,
|
|||
|
|
index: this.index,
|
|||
|
|
deleteImgsId: this.deleteImgsId,
|
|||
|
|
});
|
|||
|
|
uni.$u.toast("保存成功");
|
|||
|
|
uni.navigateBack();
|
|||
|
|
})
|
|||
|
|
.catch(() => {
|
|||
|
|
uni.$u.toast("请填写完整信息");
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
async goIdentifyImg() {
|
|||
|
|
if (this.form.hiddenImgs.length === 0) {
|
|||
|
|
uni.showToast({
|
|||
|
|
icon: 'none',
|
|||
|
|
title: '请先上传图片',
|
|||
|
|
duration: 2000
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
} else if (this.form.hiddenImgs.length > 1) {
|
|||
|
|
uni.showToast({
|
|||
|
|
icon: 'none',
|
|||
|
|
title: '识别暂时只能上传一张图片',
|
|||
|
|
duration: 2000
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
if(this.deleteKey){
|
|||
|
|
uni.showToast({
|
|||
|
|
icon: 'none',
|
|||
|
|
title: '请删除图片重新上传图片后,再次进行图片识别',
|
|||
|
|
duration: 2000
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var _this = this;
|
|||
|
|
uni.showLoading({
|
|||
|
|
title: '识别中...'
|
|||
|
|
})
|
|||
|
|
const files = [];
|
|||
|
|
files.push({
|
|||
|
|
uri: this.form.hiddenImgs[0].url,
|
|||
|
|
name: "imgsList",
|
|||
|
|
});
|
|||
|
|
let resData = await setSupervisionInspectionAIImgAdd({
|
|||
|
|
loading: false,
|
|||
|
|
files,
|
|||
|
|
formData: {
|
|||
|
|
USER_ID: this.getUserInfo.USER_ID,
|
|||
|
|
DEPARTMENT_ID: this.getUserInfo.DEPARTMENT_ID,
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
_this.aiFlag = true
|
|||
|
|
if ("success" == resData.result) {
|
|||
|
|
const aiHiddens = resData.aiHiddens;
|
|||
|
|
let hiddenDescr = ""
|
|||
|
|
let rectificationSuggestions = ""
|
|||
|
|
let legalBasis = ""
|
|||
|
|
aiHiddens.forEach((item) => {
|
|||
|
|
hiddenDescr += JSON.parse(item).hiddenDescr + ";"
|
|||
|
|
rectificationSuggestions += JSON.parse(item).rectificationSuggestions + ";"
|
|||
|
|
legalBasis += JSON.parse(item).legalBasis + ";"
|
|||
|
|
})
|
|||
|
|
_this.form.HIDDENLEVEL = 'hiddenLevel0001'
|
|||
|
|
_this.form.HIDDENLEVEL_NAME = '一般隐患'
|
|||
|
|
_this.form.IDENTIFY_ID = resData.IDENTIFY_ID
|
|||
|
|
_this.form.HIDDENDESCR = hiddenDescr
|
|||
|
|
_this.form.LEGALBASIS = legalBasis
|
|||
|
|
_this.form.DISPOSE = rectificationSuggestions
|
|||
|
|
_this.max_count = 1
|
|||
|
|
_this.uploadKey = Math.random()
|
|||
|
|
} else {
|
|||
|
|
uni.showModal({
|
|||
|
|
content: resData.exception,
|
|||
|
|
showCancel: false
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
uni.hideLoading();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
clearIdentifyInfo() {
|
|||
|
|
this.aiFlag = false
|
|||
|
|
this.form.HIDDENLEVEL = ''
|
|||
|
|
this.form.HIDDENLEVEL_NAME = ''
|
|||
|
|
this.form.HIDDENDESCR = ""
|
|||
|
|
this.form.LEGALBASIS = ""
|
|||
|
|
this.form.DISPOSE = ""
|
|||
|
|
this.form.IDENTIFY_ID = ""
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.container {
|
|||
|
|
padding: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ai_btn {
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ai_btn .ai_btn_con {
|
|||
|
|
width: 45%;
|
|||
|
|
background: #dfeaff;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
height: 40px;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
}
|
|||
|
|
</style>
|