integrated_traffic_uniapp/pages/application/safety-environmental-inspec.../inspected/detail.vue

1089 lines
34 KiB
Vue
Raw Permalink Normal View History

2024-01-22 14:28:07 +08:00
<template>
<view :class="{showHiddenWindowActive:showHiddenWindow}">
<cu-custom bgColor="bg-gradual-blueness" :isBack="true">
<block slot="backText">返回</block>
<block slot="content">安全环保检查确认</block>
</cu-custom>
<view class="form">
<view class="wui-form-list">
<view class="cu-form-group">
<view class="title">检查标题</view>
<view>{{form.INSPECTION_SUBJECT}}现场检查记录</view>
</view>
<view class="cu-form-group">
<view class="title" style="height: auto;">
<view>被检查单位</view>
</view>
<view>{{ form.INSPECTED_DEPARTMENT_NAMES }}</view>
</view>
<view class="cu-form-group" v-if="form.INSPECTED_DEPARTMENT_NAME">
<view class="title">被检查单位现场负责人</view>
<view> {{ form.INSPECTED_SITEUSER_NAME }} </view>
</view>
<view class="cu-form-group">
<view class="title">检查场所</view>
<text> {{ form.INSPECTION_PLACE }} </text>
</view>
<view class="cu-form-group">
<view class="title" style="height: auto;">
<view>检查类型</view>
</view>
<text> {{ form.INSPECTION_TYPE_NAME }} </text>
</view>
<view class="cu-form-group">
<view class="title">检查开始时间</view>
<text>{{ form.INSPECTION_TIME_START }}</text>
</view>
<view class="cu-form-group">
<view class="title">检查结束时间</view>
<text >{{form.INSPECTION_TIME_END}}</text>
</view>
<view class="cu-form-group">
<view class="title">记录填写时间</view>
<view>{{form.CREATTIME}}</view>
</view>
</view>
</view>
<view class="form">
<view class="wui-form-list">
<view class="cu-form-group">
<view class="title">检查情况</view>
</view>
<view v-show="form.situationList && form.situationList.length > 0" class="ace-content">
<view class="add_pard_item" v-for="(item,index) of form.situationList" :key="'SITUATION'+index">
<view class="cu-form-textarea">
<textarea disabled v-model="item.SITUATION"></textarea>
</view>
</view>
</view>
</view>
</view>
<view class="form">
<view class="wui-form-list" style="padding-bottom: 10upx;">
<view class="cu-form-group">
<view class="title">检查人员</view>
</view>
<view v-if="form.inspectorList && form.inspectorList.length > 0" v-for="(item, index) of form.inspectorList" :key="'INSPECTOR'+index" class="add_pard_item">
<view class="cu-form-group">
<view class="title" style="height: auto;">
<view>{{ index + 1}}.检查人员单位</view>
</view>
<text>{{ item.INSPECTION_DEPARTMENT_NAME }}</text>
</view>
<view class="cu-form-group">
<view class="title">{{ index + 1}}.检查人员</view>
<text>
{{ item.INSPECTION_USER_NAME }}
</text>
</view>
</view>
</view>
</view>
<view class="form">
<view class="wui-form-list">
<view class="cu-form-group">
<view class="title">发现问题</view>
</view>
<view style="padding: 20upx">
<uni-table border stripe emptyText="暂无更多数据">
<uni-tr>
<uni-th align="center" style="font-weight: bold;width: 100upx">序号</uni-th>
<uni-th align="center" style="font-weight: bold">隐患部位</uni-th>
<uni-th align="center" style="font-weight: bold">隐患描述</uni-th>
<uni-th align="center" style="font-weight: bold;width: 180upx">操作</uni-th>
</uni-tr>
<uni-tr v-for="(item, index) in form.hiddenList" :key="item.HIDDEN_ID">
<uni-td>{{ index + 1 }}</uni-td>
<uni-td>{{ item.HIDDENPART_NAME?item.HIDDENPART_NAME:item.HIDDENPART }}</uni-td>
<uni-td>{{ item.HIDDENDESCR }}</uni-td>
<uni-td style="text-align: center;">
<icon type="info" size="26" @tap="showHidden(item, index)" />
</uni-td>
</uni-tr>
</uni-table>
</view>
</view>
</view>
<view class="form">
<view class="wui-form-list">
<view v-if="form.inspectorList && form.inspectorList.length > 0" class="cu-form-group">
<view class="title">检查人员核实结果</view>
</view>
<block v-for="(item, index) in form.inspectorList" :key="item.INSPECTION_INSPECTOR_ID">
<view class="cu-form-textarea">
<view class="cu-form-title">检查人意见:</view>
<textarea v-model="item.INSPECTION_USER_OPINION" disabled placeholder="请输入作业负责人意见"></textarea>
</view>
<view class="cu-form-group">
<view class="title">检查人签字</view>
<view>
<view>
<image :src="baseImgPath+ '/' + item.INSPECTION_USER_SIGN_IMG" style="width: 180upx;height: 100upx"></image>
</view>
<view style="text-align: center">{{item.INSPECTION_USER_SIGN_TIME}}</view>
</view>
</view>
</block>
</view>
</view>
<view class="form">
<view class="wui-form-list">
<view class="cu-form-group">
<view class="title">被检查单位现场负责人意见</view>
<radio-group @change="changeRadioGroup($event)">
<label class="radio"><radio value="3" :checked="inspectedForm.INSPECTION_STATUS === '3'" />同意</label>
<label v-if="form.hiddenList && form.hiddenList.length >0" class="radio"><radio value="-2" :checked="inspectedForm.INSPECTION_STATUS === '-2'" />申辩</label>
</radio-group>
</view>
<view class="cu-form-textarea" v-show="inspectedForm.INSPECTION_STATUS === '-2'">
<view class="cu-form-title text-hui">申辩说明</view>
<textarea maxlength="-1" v-model="inspectedForm.INSPECTED_EXPLAIN" placeholder="检查人意见(有异议时必填)"></textarea>
</view>
<view class="cu-form-group" style="border: none;">
<view class="title">签字</view>
<button class="cu-btn bg-green shadow" @tap="modalShow = true" data-target="Modal">手写签字</button>
</view>
<view class="cu-bar bg-white" v-show="signImgList && signImgList.length > 0">
<view class="action">
签字照片
</view>
</view>
<view class="cu-form-group" v-show="signImgList && signImgList.length > 0">
<view class="grid col-4 grid-square flex-sub">
<view style="width: 60%;" class="bg-img" v-for="(item,index) in signImgList" :key="index" @tap="ViewImage" data-type="1" :data-url="signImgList[index].filePath">
<image :src="signImgList[index].filePath" mode="aspectFill"></image>
<view class="cu-tag bg-red" @tap.stop="delImg" data-type="0" :data-index="index">
<text class='cuIcon-close'></text>
</view>
</view>
</view>
</view>
<view class="cu-modal" :class="{'show':modalShow}">
<sign @confirm="subCanvas" @cancel="modalShow = false"></sign>
</view>
</view>
</view>
<view class="cu-bar btn-group" style="margin-top: 30upx;">
<button v-if="forbidEdit" class="cu-btn bg-blue margin-tb-sm lg" @click="$noMultipleClicks(goSubmit)"></button>
<button v-if="!forbidEdit" class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goback)"></button>
</view>
<view class="padding flex flex-direction"></view>
<uni-drawer ref="showHiddenWindow" mode="right" :mask-click="true" @change="change($event,'showHiddenWindow')">
<scroll-view scroll-y="true" style="height: 90vh;">
<view class="de-drawer">
<view class="cu-bar bg-white">
<view class="action">
隐患照片
</view>
<view class="action">
{{hiddenForm.hiddenImgs.length}}/4
</view>
</view>
<view class="cu-form-group">
<view class="grid col-4 grid-square flex-sub">
<view class="bg-img" v-for="(item,index) in hiddenForm.hiddenImgs" :key="item.IMGFILES_ID" @tap="ViewImage" data-type="0" :data-url="item.FILEPATH">
<image :src="baseImgPath + item.FILEPATH" mode="aspectFill"></image>
</view>
</view>
</view>
<view class="cu-bar bg-white">
<view class="action">
隐患视频
</view>
<view class="action">
{{hiddenForm.hiddenVideos.length}}/1
</view>
</view>
<view class="cu-form-group">
<view class="grid col-4 grid-square flex-sub">
<view class="bg-img" v-for="(item,vindex) in hiddenForm.hiddenVideos" :key="item.IMGFILES_ID" @tap="ViewVideo" data-type="0" :data-url="item.FILEPATH" style="background-color: #000">
<image src="/static/icon-apps/video.png" mode="aspectFill" @click="playVideo"
:data-src="baseImgPath + item.FILEPATH"></image>
</view>
</view>
</view>
<view class="cu-form-textarea">
<view class="cu-form-title text-hui">隐患描述</view>
<textarea maxlength="-1" :disabled="true" v-model="hiddenForm.HIDDENDESCR" placeholder="请对隐患进行详细描述(必填项)"></textarea>
</view>
<view class="cu-form-group">
<view class="title">隐患部位</view>
<text>{{ hiddenForm.HIDDENPART_NAME?hiddenForm.HIDDENPART_NAME:hiddenForm.HIDDENPART }}</text>
</view>
<view class="cu-form-group">
<view class="title">隐患位置描述</view>
<text>{{ hiddenForm.POSITIONDESC }}</text>
</view>
<view class="cu-form-group">
<view class="title">隐患级别</view>
<text>{{ hiddenForm.HIDDENLEVEL_NAME }}</text>
</view>
<view class="cu-form-group">
<view class="title">隐患类型</view>
<text>{{ hiddenForm.HIDDENTYPE_NAME }}</text>
</view>
<view class="cu-form-group">
<view class="title">是否相关方</view>
<text>{{ hiddenForm.ISRELEVANT == '1'?'是':'否' }}</text>
</view>
<!--<view class="cu-form-group">
<view class="title">隐患类型2</view>
<text>{{ hiddenForm.HIDDENTYPE2_NAME }}</text>
</view>-->
<view class="cu-form-group">
<view class="title">隐患发现时间</view>
<text>{{ hiddenForm.DISCOVERYTIME }}</text>
</view>
<view class="cu-form-group">
<view class="title">隐患上报位置</view>
</view>
<view class="cu-form-group" v-if="hiddenForm.LONGITUDE && hiddenForm.LONGITUDE != 'undefined'">
<view class="sign-title">经度</view>
<view class="wui-sign-cotent">{{hiddenForm.LONGITUDE}}</view>
</view>
<view class="cu-form-group" v-if="hiddenForm.LATITUDE && hiddenForm.LATITUDE != 'undefined'">
<view class="sign-title">纬度</view>
<view class="wui-sign-cotent">{{hiddenForm.LATITUDE}}</view>
</view>
<view class="cu-form-group">
<view class="title">隐患发现人</view>
<text>
{{ hiddenForm.CREATOR_NAME }}
</text>
</view>
<view class="de-drawer-bottom">
<view class="cz-btn">
<text class="cu-btn" @click="cancelHidden"></text>
</view>
</view>
</view>
</scroll-view>
</uni-drawer>
<view :class="['cu-modal',{'show':modalShow1}]" v-if="modalShow1">
<view class="cu-dialog">
<view class="cu-bar bg-white justify-end">
<view class="content">播放视频</view>
<view class="action" @tap="modalShow1 = false">
<text class="cuIcon-close text-red"></text>
</view>
</view>
<video :src="videoSrc" :autoplay="true"></video>
<view class="cu-bar bg-white justify-end">
<view class="action">
<button class="cu-btn line-green text-green" @click="modalShow1 = false">关闭</button>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
basePath,corpinfoId,deptId,loginUser,formatDate,loginSession,baseImgPath
} from '@/common/tool.js';
import tkiTree from "@/components/select-tree/select-tree.vue"
import gcoord from '@/common/gcoord.js'
import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue'
import moreSelect from '@/components/more-select/more-select.vue';
import uniPopup from '@/components/more-select/uni-popup/uni-popup.vue';
import sign from '@/components/sign/sign.vue';
export default {
components: {
tkiTree, ruiDatePicker, moreSelect, uniPopup, sign
},
data() {
return {
baseImgPath:baseImgPath,
isUps:false,
forbidEdit:true,// 禁止修改
msg:'add',
noClick:true,
treeNode:[],//部门下拉数据
inspectedSiteuserList: [], // 被检查单位现场负责人下拉数据
inspectionTypeTreeList: [], // 检查类型下拉数据
inspectorList: [], // 检查人员(二维数组)下拉数据
form:{
INSPECTION_ID: '', // 检查ID
INSPECTION_SUBJECT: '', // 检查标题
INSPECTION_SOURCE: '5', // 检查来源4-监管端 5-企业端)
INSPECTION_ORIGINATOR_ID: '', // 检查发起人
INSPECTED_DEPARTMENT_ID: '', // 被检查单位
INSPECTED_DEPARTMENT_NAME: '',
INSPECTED_SITEUSER_ID: '', // 被检查单位现场负责人
INSPECTED_SITEUSER_INDEX: '',
INSPECTED_SITEUSER_NAME: '',
INSPECTED_EXPLAIN: '', // 申辩内容
INSPECTED_SITEUSER_SIGN_IMG: '', // 被检查单位现场负责人签字
INSPECTED_SITEUSER_SIGN_TIME: '', // 被检查单位现场负责人签字时间
INSPECTION_TYPE: '', // 检查类型
INSPECTION_TYPE_NAME: '',
INSPECTION_PLACE: '', // 检查场所
INSPECTION_TIME_START: '', // 检查开始时间
INSPECTION_TIME_END: '', // 检查结束时间
INSPECTION_STATUS: '', // 状态(0.暂存 1.检查人待确认、2.被检查人待确认、3.归档 -1.检查人异议打回 -2被检查人申辩)
CREATTIME: '',
inspectorList:
[{
INSPECTION_INSPECTOR_ID: '', //检查人员主键
INSPECTION_DEPARTMENT_ID: '', //检查人员部门ID
INSPECTION_DEPARTMENT_NAME: '',
INSPECTION_USER_ID: '', //检查人员ID
INSPECTION_USER_INDEX: '',
INSPECTION_USER_NAME: ''
}], // 检查人员
inspectorVerifyList: [],
situationList:
[{
INSPECTION_SITUATION_ID: '',
SITUATION: ''
}], // 检查情况
hiddenList: [{ ...this.hiddenForm }] // 隐患信息集合
},// 数据
hiddenIds: [], // 检查保存后返回的隐患ID集合
delSituations: [], // 编辑时删除的原来检查情况
delInspectors: [], // 编辑时删除的原来检查情况
delHiddens: [], // 编辑时删除的原来发现问题
delHiddenFiles: [], // 编辑时删除的原来发现问题附件
rules:[
{name:'INSPECTION_SUBJECT',message:'请输入检查标题'},
{name:'INSPECTED_DEPARTMENT_ID',message:'请选择被检查单位'},
{name:'INSPECTED_SITEUSER_ID',message:'请选择被检查单位现场负责人'},
{name:'INSPECTION_TYPE',message:'请选择检查类型不能为空'},
{name:'INSPECTION_PLACE',message:'请输入检查场所'},
{name:'INSPECTION_TIME_START',message:'请选择检查开始时间'},
{name:'INSPECTION_TIME_END',message:'请选择作业结束时间'}
],
showHiddenWindow: false, // 隐患添加窗口显隐
hiddenRegionTreeList: [], // 隐患部位下拉数据
hiddenLevelTreeList: [], // 隐患级别下拉数据
hiddenTypeTreeList: [], // 隐患类型下拉数据
hiddenType2TreeList: [], // 隐患类型2下拉数据
creatorList: [], // 隐患责任人下拉数据
hiddenForm: {
HIDDEN_ID: '', // 隐患ID
HIDDENDESCR: '', // 隐患描述
HIDDENPART: '', // 隐患部位
HIDDENPART_NAME: '',
HIDDENLEVEL: '', // 隐患级别
HIDDENLEVEL_NAME: '',
HIDDENTYPE: '', // 隐患类型1
HIDDENTYPE_NAME: '',
HIDDENTYPE2: '', // 隐患类型2
HIDDENTYPE2_NAME: '',
LONGITUDE: '', // 隐患位置经度
LATITUDE: '', // 隐患位置纬度
DISCOVERYTIME: '', // 隐患发现时间
HIDDENFINDDEPT: '', // 隐患发现部门(隐患责任人部门)
HIDDENFINDDEPT_NAME: '',
CREATOR: '', // 发现人(隐患责任人)
CREATOR_INDEX: '',
CREATOR_NAME: '',
SOURCE: '5', // 隐患来源,
POSITIONDESC: '',// 隐患位置描述
ISRELEVANT: '', // 是否相关方
hiddenImgs: [],
hiddenVideos: []
},
modalShow: false,
modalShow1: false,
videoSrc: '',
hiddenRules:[
{name:'HIDDENDESCR',message:'请选择隐患描述'},
{name:'HIDDENPART',message:'请选择隐患部位'},
{name:'HIDDENLEVEL',message:'请选择隐患级别'},
{name:'HIDDENTYPE',message:'请选择隐患类型'},
/*{name:'HIDDENTYPE2',message:'请选择隐患类型2'},*/
{name:'LONGITUDE',message:'请选择隐患位置'},
{name:'LATITUDE',message:'请选择隐患位置'},
{name:'DISCOVERYTIME',message:'请选择隐患发现时间'},
// {name:'HIDDENFINDDEPT',message:'请选择隐患责任人部门'},
{name:'CREATOR',message:'请选择隐患发现人'}
],
todayDate:'',
cityIndex: 0,
signImgList: [],
inspectedForm: {
INSPECTION_EXPLAIN_ID: '', // 安全环保检查人员主键ID
INSPECTION_STATUS: '3',
INSPECTION_ID: '', // 安全环保检查ID
INSPECTED_EXPLAIN: '', // 申辩内容
INSPECTED_EXPLAIN_FILENAME: '', // 申辩附件名称
INSPECTED_SITEUSER_SIGN_IMG: '', // 被检查单位现场负责人签字
INSPECTED_SITEUSER_SIGN_TIME: ''
},
inspectedRules: [
{name:'INSPECTION_ID',message:'安全环保检查ID不能为空'},
],
}
},
onLoad(event){
this.todayDate = formatDate(new Date(), 'yyyy-MM-dd hh:mm');
this.form.INSPECTION_ID = event.INSPECTION_ID;
this.inspectedForm.INSPECTION_ID = event.INSPECTION_ID;
this.msg="edit";
this.getData();
// 初始化现场作业负责人
this.getDept()
this.getDict()
loginSession();
},
methods: {
getData() {
var _this = this;
uni.showLoading({
title: '请稍候'
})
uni.request({
url: basePath + '/app/safetyenvironmental/goShow',
method: 'POST',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
data: {
INSPECTION_ID: _this.form.INSPECTION_ID,
},
success: (res) => {
if ("success" == res.data.result) {
uni.hideLoading();
_this.form = res.data.pd; //参数map
for (let i = 0; i < _this.form.inspectorList.length; i++) {
_this.inspectorList.push([])
_this.getUserList('inspectorList', _this.form.inspectorList[i].INSPECTION_DEPARTMENT_ID, i)
}
if (Number(_this.form.INSPECTION_STATUS) < 1) {
_this.forbidEdit = false;
}
} else if ("exception" == data.result) {
uni.showToast({
title: '错误',
duration: 2000
});
}
}
});
},
changeRadioGroup(e){
this.inspectedForm.INSPECTED_EXPLAIN = ''
this.inspectedForm.INSPECTION_STATUS = e.detail.value
},
subCanvas (e) {
this.signImgList.splice(0, this.signImgList.length);
this.signImgList.push(e);
this.$set(this.inspectedForm, 'INSPECTED_SITEUSER_SIGN_TIME', formatDate(new Date(), 'yyyy-MM-dd hh:mm'))
this.modalShow = false;
},
delImg (e) {
var _this = this;
let i = e.currentTarget.dataset.index
uni.showModal({
title: '秦港-双基双控',
content: '确定要删除这张图片吗?',
cancelColor: "#000000",
cancelText: '取消',
confirmText: '确定',
success: res => {
if (res.confirm) {
_this.signImgList.splice(i, 1)
}
}
})
},
goSubmit(){
var _this = this;
let required = true
this.inspectedRules.map(({name,message}) => {
if (!this.inspectedForm[name]) {
uni.showToast({
icon: 'none',
title: message,
duration: 1500
});
required = false
}
})
if (!required) {
return
}
if (this.inspectedForm.INSPECTION_STATUS === '-2' && !this.validStr(this.inspectedForm.INSPECTED_EXPLAIN)) {
uni.showToast({
icon: 'none',
title: '请填写申辩说明',
duration: 1500
});
return;
}
if (this.signImgList.length === 0) {
uni.showToast({
icon: 'none',
title: '请签字',
duration: 1500
});
return;
}
this.$set(this.inspectedForm, 'CREATOR', loginUser.USER_ID)
this.$set(this.inspectedForm, 'CORPINFO_ID', corpinfoId)
this.$set(this.inspectedForm, 'ACTION_USER', loginUser.NAME)
var _this = this;
uni.showLoading({
title: '请稍候'
})
uni.uploadFile({
url: basePath + "/app/safetyenvironmentalexplain/add",
filePath: _this.signImgList[0].filePath,
name: 'FFILE',
formData: this.inspectedForm,
success: (res) => {
uni.showToast({
icon: 'none',
title: '保存成功',
duration: 2000
});
_this.goback()
},
fail: (err) => {
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
})
},
goback(){
var pages = getCurrentPages(); // 获取当前页面栈
var prePage = pages[pages.length - 2]; // 上二级页面
prePage.$vm.initflag = true; // A 页面 init方法 为true
uni.navigateBack({delta: 1});
uni.hideLoading();
},
uploadImg(hiddenList){
return new Promise((resolve, reject) => {
var _this = this;
if(hiddenList.length === 0){
resolve();
}
uni.showLoading({
title: '上传中'
})
for (let i = 0; i < hiddenList.length; i++) {
let hiddenID = _this.hiddenIds[i]
let fileList = hiddenList[i]
for (let j = 0; j < fileList.length; j++) {
uni.uploadFile({
url: basePath+'/app/imgfiles/add',
filePath: fileList[j].filePath,
name: 'FFILE',
formData: {
'TYPE': fileList[j].type,
'FOREIGN_KEY': hiddenID
},
success: (res) => {
console.info(res)
},
fail: (err) => {
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
})
}
}
uni.hideLoading();
resolve();
})
},
submit(){
return new Promise((resolve, reject) => {
var _this = this;
uni.request({
url: basePath+'/app/safetyenvironmental/'+_this.msg,
method: 'POST',
dataType: 'json',
header: {
'Content-type':'application/x-www-form-urlencoded'
},
data: {
..._this.form
},
success: (res) => {
if ("success" == res.data.result) {
_this.hiddenIds= res.data.pd.hiddenList
resolve()
} else {
uni.showToast({
title: res.data.msaesge,
duration: 2000
});
}
}
});
});
},
changeStartDate(e) {
this.form.INSPECTION_TIME_START = e
this.$forceUpdate();//强制刷新
},
changeEndDate(e) {
this.form.INSPECTION_TIME_END = e
this.$forceUpdate();//强制刷新
},
showZgTree(ref, index) {
// console.info('ref > tkiTree2:'+(ref > 'tkiTree2'))
if (index > 7) {
this.$refs[ref][0]._show();
} else {
this.$refs[ref]._show();
}
},
zgtreeCancel(e) {
this.isUps = false;
},
zgtreeConfirm(e, list, i) {
if (list === 'inspectedSiteuserList') { // 被检查单位现场负责人
this.form.INSPECTED_DEPARTMENT_ID = e[0].id
this.form.INSPECTED_DEPARTMENT_NAME = e[0].name
this.form.INSPECTED_SITEUSER_INDEX = ''
this.form.INSPECTED_SITEUSER_ID = ''
this.form.INSPECTED_SITEUSER_NAME = ''
this.getUserList(list, e[0].id)
}
if (list === 'inspectionTypeTreeList') { // 检查类型
this.form.INSPECTION_TYPE = e[0].id
this.form.INSPECTION_TYPE_NAME = e[0].name
}
if (list === 'inspectorList') { // 检查人员
this.form.inspectorList[i].INSPECTION_DEPARTMENT_ID = e[0].id
this.form.inspectorList[i].INSPECTION_DEPARTMENT_NAME= e[0].name
this.form.inspectorList[i].INSPECTION_USER_INDEX = ''
this.form.inspectorList[i].INSPECTION_USER_ID = ''
this.form.inspectorList[i].INSPECTION_USER_NAME = ''
this.getUserList(list, e[0].id, i);
}
if (list === 'hiddenRegionTreeList') { // 隐患部位
this.hiddenForm.HIDDENPART = e[0].id
this.hiddenForm.HIDDENPART_NAME = e[0].name
}
if (list === 'hiddenLevelTreeList') { // 隐患级别
this.hiddenForm.HIDDENLEVEL = e[0].id
this.hiddenForm.HIDDENLEVEL_NAME = e[0].name
}
if (list === 'hiddenTypeTreeList') { // 隐患级别
this.hiddenForm.HIDDENTYPE = e[0].id
this.hiddenForm.HIDDENTYPE_NAME = e[0].name
}
if (list === 'hiddenType2TreeList') { // 隐患级别
this.hiddenForm.HIDDENTYPE2 = e[0].id
this.hiddenForm.HIDDENTYPE2_NAME = e[0].name
}
if (list === 'creatorList') { // 隐患级别
this.hiddenForm.HIDDENFINDDEPT = e[0].id
this.hiddenForm.HIDDENFINDDEPT_NAME = e[0].name
this.hiddenForm.CREATOR_INDEX = ''
this.hiddenForm.CREATOR = ''
this.hiddenForm.CREATOR_NAME = ''
this.getUserList(list, e[0].id)
}
},
inspectedSiteuserChange(e) {
this.form.INSPECTED_SITEUSER_INDEX = e.detail.value;
this.form.INSPECTED_SITEUSER_ID = this.inspectedSiteuserList[e.detail.value].USER_ID;
this.form.INSPECTED_SITEUSER_NAME = this.inspectedSiteuserList[e.detail.value].NAME;
},
inspectorChange(e,index) {
this.form.inspectorList[index].INSPECTION_USER_INDEX = e.detail.value;
this.form.inspectorList[index].INSPECTION_USER_ID = this.inspectorList[index][e.detail.value].USER_ID;
this.form.inspectorList[index].INSPECTION_USER_NAME = this.inspectorList[index][e.detail.value].NAME;
},
addSituation() {
this.form.situationList.push(
{
INSPECTION_SITUATION_ID: '',
SITUATION: ''
}
)
},
removeSituation (item, index) {
var _this = this;
uni.showModal({
title: '提示',
cancelText: '确认',
confirmText: '取消',
content: '确定删除检查情况吗?',
success: function (res) {
if (res.cancel) {
_this.form.situationList.splice(index, 1)
if (item.INSPECTION_SITUATION_ID) {
_this.delSituations.push(item.INSPECTION_SITUATION_ID)
}
}
}
});
},
addInspector() {
this.form.inspectorList.push(
{
INSPECTION_INSPECTOR_ID: '', //检查人员主键
INSPECTION_DEPARTMENT_ID: '', //检查人员部门ID
INSPECTION_DEPARTMENT_NAME: '',
INSPECTION_USER_ID: '', //检查人员ID
INSPECTION_USER_INDEX: '',
INSPECTION_USER_NAME: ''
}
)
},
removeInspector(item, index){
var _this = this;
uni.showModal({
title: '提示',
cancelText: '确认',
confirmText: '取消',
content: '确定移除检查人员吗?',
success: function (res) {
if (res.cancel) {
this.form.inspectorList.splice(index,1);
if (item.INSPECTION_INSPECTOR_ID) {
_this.delInspectors.push(item.INSPECTION_INSPECTOR_ID)
}
}
}
});
},
// 打开隐患添加窗口
showHidden(item) {
this.resetHd()
this.creatorList = []
this.form.inspectorList.forEach(item => {
this.creatorList.push({ USER_ID: item.INSPECTION_USER_ID, NAME: item.INSPECTION_USER_NAME })
})
this.hiddenForm = item
this.$refs['showHiddenWindow'].open()
this.showHiddenWindow = true
},
// 取消添加隐患
cancelHidden() {
this.$refs['showHiddenWindow'].close()
this.showHiddenWindow = false
},
// 抽屉状态发生变化触发
change(e, type) {
this[type] = e
},
ViewImage(e) {
if(e.currentTarget.dataset.type==0) {
let files =[];
for(var i=0;i<this.hiddenForm.hiddenImgs.length;i++){
files.push(baseImgPath + this.hiddenForm.hiddenImgs[i].FILEPATH)
}
uni.previewImage({
urls: files,
current: baseImgPath + e.currentTarget.dataset.url
});
}else{
let files =[];
for(var i=0;i<this.signImgList.length;i++){
files.push(this.signImgList[i].filePath)
}
uni.previewImage({
urls: files,
current: e.currentTarget.dataset.url
});
}
},
ViewVideo(e){
},
playVideo(e) {
this.videoSrc = e.currentTarget.dataset.src
this.modalShow1 = true
},
changeDiscoverDate(e) {
this.hiddenForm.DISCOVERYTIME = e
this.$forceUpdate();//强制刷新
},
creatorChange(e) {
this.hiddenForm.CREATOR_INDEX = e.detail.value;
this.hiddenForm.CREATOR = this.creatorList[e.detail.value].USER_ID;
this.hiddenForm.CREATOR_NAME = this.creatorList[e.detail.value].NAME;
},
/** 坐标定位 */
showMapModal() {
var _this = this
uni.navigateTo({
url: '/pages/map/map',
events: {
// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
acceptDataFromOpenedPage: function (e) {
_this.hiddenForm.LONGITUDE = e.data.longitue;
_this.hiddenForm.LATITUDE = e.data.latitude;
}
},
})
},
getDept() {
var _this = this;
uni.request({
url: basePath + '/app/sys/listTree',//部门下拉接口
method: 'POST',
dataType: 'json',
header: {
'Content-type':'application/x-www-form-urlencoded'
},
data: {
CORPINFO_ID : corpinfoId,
},
success: (res) => {
if("success" == res.data.result){
_this.treeNode=eval(res.data.zTreeNodes);
} else {
uni.showToast({
title: res.data.message,
duration: 2000
});
}
}
});
},
//获取人员列表
getUserList(list,dept,i){
//发送 post 请求
var _this=this
uni.request({
method: 'POST',
dataType: 'json',
header: {
'Content-type':'application/x-www-form-urlencoded'
},
url: basePath+'/app/sys/listUser',
data: {DEPARTMENT_ID:dept, NOMAIN:'1', tm:new Date().getTime()},
success: function(res){
if("success" == res.data.result){
if(i>-1) {
_this[list][i] = [];
_this[list][i] = res.data.userList;
_this.$forceUpdate();//强制刷新
}else{
_this[list]=res.data.userList;
}
}else{
uni.showToast({
title: res.data.message,
duration: 2000
});
}
}
})
},
//获取数据字典数据
getDict() {
var _this = this;
uni.request({
method: 'POST',
dataType: 'json',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
url: basePath + '/dictionaries/listSelectTreeByTkiTree?tm=' + new Date().getTime(),
data: {DICTIONARIES_ID: '60e6481d96e44a5390ff5c347c4d1ffe'},
success: function (res) {
_this.inspectionTypeTreeList = eval(res.data.zTreeNodes);
}
});
uni.request({
method: 'POST',
dataType: 'json',
header: {
'Content-type':'application/x-www-form-urlencoded'
},
url: basePath+'/app/hidden/getTreehiddenRegionListAll',
data: {
CORPINFO_ID: corpinfoId,
tm:new Date().getTime()
},
success: function(res){
if("success" == res.data.result){
var json = res.data.zTreeNodes
_this.hiddenRegionTreeList = JSON.parse(json) ;
}else{
uni.showToast({
title: res.data.message,
duration: 2000
});
}
}
})
uni.request({
method: 'POST',
dataType: 'json',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
url: basePath + '/dictionaries/listSelectTreeByTkiTree?tm=' + new Date().getTime(),
data: {DICTIONARIES_ID: '5e7cf8620ba54ad89719d0be62133c7a'},
success: function (res) {
var data = res.data.zTreeNodes ;
_this.hiddenLevelTreeList = JSON.parse(data) ;
}
})
uni.request({
method: 'POST',
dataType: 'json',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
url: basePath + '/dictionaries/listSelectTreeByTkiTree?tm=' + new Date().getTime(),
data: {DICTIONARIES_ID: '3babc15144444bdc8d763d0af2bdfff6'},
success: function (res) {
var jons = res.data.zTreeNodes ;
_this.hiddenTypeTreeList = JSON.parse(jons) ;
}
})
uni.request({
method: 'POST',
dataType: 'json',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
url: basePath + '/dictionaries/listSelectTreeByTkiTree?tm=' + new Date().getTime(),
data: {DICTIONARIES_ID: '18c0a9aea6e54feab9f4ab3f46e0bc86'},
success: function (res) {
var jons = res.data.zTreeNodes ;
_this.hiddenType2TreeList = JSON.parse(jons) ;
}
})
},
resetHd() {
this.hiddenForm = {
HIDDEN_ID: '', // 隐患ID
HIDDENDESCR: '', // 隐患描述
HIDDENPART: '', // 隐患部位
HIDDENPART_NAME: '',
HIDDENLEVEL: '', // 隐患级别
HIDDENLEVEL_NAME: '',
HIDDENTYPE: '', // 隐患类型1
HIDDENTYPE_NAME: '',
HIDDENTYPE2: '', // 隐患类型2
HIDDENTYPE2_NAME: '',
LONGITUDE: '', // 隐患位置经度
LATITUDE: '', // 隐患位置纬度
DISCOVERYTIME: '', // 隐患发现时间
HIDDENFINDDEPT: '', // 隐患发现部门(隐患责任人部门)
HIDDENFINDDEPT_NAME: '',
CREATOR: '', // 发现人(隐患责任人)
CREATOR_INDEX: '',
CREATOR_NAME: '',
SOURCE: '5', // 隐患描述
hiddenImgs: [],
hiddenVideos: []
}
}
}
}
</script>
<style>
.right_icon {
position: relative;
padding-right: 36upx;
width: 200upx;
text-align: right;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.right_icon ::after {
font-family: cuIcon;
display: block;
content: "\e6a3";
position: absolute;
font-size: 17px;
color: #8799a3;
line-height: 50px;
width: 30px;
text-align: center;
top: -28upx;
bottom: 0;
right: -22upx;
margin: auto;
}
.modal_content {
display: flex;
text-align: left;
}
.modal_left {
flex-basis: 50%;
padding: 50upx 20upx;
border-right: 1px solid #000000;
}
.modal_right {
flex-basis: 50%;
padding: 50upx;
}
.modal_left_title,.modal_right_title{
font-size: 16px;
color: #000000;
font-weight: 700;
}
.checkbox-item{
display: flex;
align-items:center;
padding: 0 30upx;
min-height: 100upx;
background-color: #ffffff;
border-bottom: 1upx solid #ddd;
}
.checkbox-item:last-child{
border-bottom: none;
}
</style>