QA-UniApp-wlaq/pages/application/confinedspace/confinedspace-accept/confinedspace-accept-detail...

616 lines
19 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view >
<cu-custom bgColor="bg-gradual-blueness" :isBack="true" >
<block slot="backText">返回</block>
<block slot="content">有限空间作业验收</block>
</cu-custom>
<scroll-view scroll-y="false" >
<view class="form">
<view class="wui-form-list">
<view class="cu-form-group group-picker" >
<view class="title">申请单位</view>
{{pd.APPLY_DEPARTMENT_NAME}}
</view>
<view class="cu-form-group group-picker" >
<view class="title">申请人</view>
{{pd.APPLY_USER_NAME}}
</view>
<view class="cu-form-group">
<view class="title">编号</view>
<input name="input" ref="CHECK_NO" :disabled="forbidEdit" v-model="pd.CHECK_NO" placeholder="请输入编号"></input>
</view>
<view class="cu-form-group">
<view class="title">受限空间所属单位:</view>
<input name="input" :disabled="forbidEdit" v-model="pd.BELONG_CORP" placeholder="请输入"></input>
</view>
<view class="cu-form-group group-picker">
<view class="title">有限空间名称:</view>
<picker v-if="!forbidEdit" @change="limitspaceChange" :disabled="forbidEdit" :value="lindex" :range="limitSpaceList" range-key="NAME">
<view class="picker">
{{pd.LIMITSPACE_NAME?pd.LIMITSPACE_NAME:'请选择'}}
</view>
</picker>
<view v-else>{{pd.LIMITSPACE_NAME}}</view>
</view>
<view class="cu-form-group bb-default">
<view class="title">受限空间内原有介质名称:</view>
<input name="input" :disabled="forbidEdit" v-model="pd.MEDIUM_NAME" placeholder="请输入"></input>
</view>
<view class="cu-form-textarea">
<view class="cu-form-title">作业内容:</view>
<textarea maxlength="255" :disabled="forbidEdit" v-model="pd.WORK_CONTENT" placeholder="请输入作业内容"></textarea>
</view>
<view class="cu-form-group ">
<view class="title">作业开始时间</view>
<ruiDatePicker v-if="!forbidEdit"
:start="todayDate"
fields="minute"
:value="pd.WORK_START_DATE?pd.WORK_START_DATE:''"
@change="changeStartDate"
></ruiDatePicker>
<view v-else>{{pd.WORK_START_DATE}}</view>
</view>
<view class="cu-form-group">
<view class="title">作业结束时间</view>
<ruiDatePicker v-if="!forbidEdit"
:start="todayDate"
fields="minute"
:value="pd.WORK_END_DATE?pd.WORK_END_DATE:''"
@change="changeEndDate"
></ruiDatePicker>
<view v-else>{{pd.WORK_END_DATE}}</view>
</view>
<view class="cu-form-group bb-default" >
<view class="title">作业人:</view>
<input name="input" ref="WORK_USER" :disabled="forbidEdit" v-model="pd.WORK_USER" placeholder="请输入作业人"></input>
</view>
<view class="cu-form-textarea" >
<view class="cu-form-title">涉及的其他特殊作业:</view>
<textarea maxlength="255" :disabled="forbidEdit" v-model="pd.SPECIAL_WORK" placeholder="请输入涉及的其他特殊作业"></textarea>
</view>
<view class="cu-form-textarea" >
<view class="cu-form-title">危害识别:</view>
<textarea maxlength="255" :disabled="forbidEdit" v-model="pd.RISK_IDENTIFICATION" placeholder="请输入风险辨识结果"></textarea>
</view>
</view>
<view class="wui-form-list" style="padding-top: 20upx;">
<view class="wui-title" style="margin-left: 20upx;">
<text class="text-semi">安全防护措施</text>
</view>
<view class="wui-table" style="padding: 0 20upx;">
<uni-table name='measuresList' border stripe emptyText="暂无更多数据" >
<!-- 表头行 -->
<uni-tr>
<uni-th align="center" style="font-weight: bold;">主要安全措施</uni-th>
<uni-th align="center" style="font-weight: bold;width: 100upx">操作</uni-th>
</uni-tr>
<uni-tr v-for="(item,index) in measuresList" :key="item.BUS_CONFINEDSPACE_MEASURES_ID">
<uni-td>
<view style="margin-bottom: 20upx;">
{{item.PROTECTIVE_MEASURES}}
</view>
<template v-if="item.QUESTION1">
<view style="border: 1px solid #eee;">
<view class="cu-form-group" >
<view class="title">{{item.QUESTION1}}</view>
<input name="input" :disabled="forbidEdit" v-model="item.ANSWER1" placeholder="请输入"></input>
</view>
<view class="cu-form-group" >
<view class="title">{{item.QUESTION2}}</view>
<input name="input" :disabled="forbidEdit" v-model="item.ANSWER2" placeholder="请输入"></input>
</view>
<view class="cu-form-group" >
<view class="title">{{item.QUESTION3}}</view>
<input name="input" :disabled="forbidEdit" v-model="item.ANSWER3" placeholder="请输入"></input>
</view>
</view>
</template>
</uni-td>
<uni-td align="center">
<radio-group class="wui-radio-group">
<view class="group" v-if="item.STATUS=='-1'">
<radio class='radio' value="-1" checked></radio>
</view>
<view class="group" v-if="item.STATUS=='1'">
<radio value="1" checked></radio>
</view>
</radio-group>
</uni-td>
</uni-tr>
</uni-table>
</view>
<view v-if="pd.APPLY_STATUS && pd.APPLY_STATUS!=0 && pd.APPLY_STATUS!=1">
<view class="cu-form-group">
<view class="title">补充措施:</view>
</view>
<view v-if="pd.CONFIRM_USER_MEASURES" class="ty-group">
<text class="title">
作业单位:</text>
<text>{{ pd.CONFIRM_USER_MEASURES}}</text>
</view>
<view v-if="pd.GUARDIAN_USER_MEASURES" class="ty-group">
<text class="title">
监护人:</text>
<text>{{ pd.GUARDIAN_USER_MEASURES}}</text>
</view>
<view v-if="pd.AUDIT_USER_MEASURES" class="ty-group">
<text class="title">
审核部门:</text>
<text>{{ pd.AUDIT_USER_MEASURES}}</text>
</view>
<view v-if="pd.APPROVE_USER_MEASURES" class="ty-group">
<text class="title">
审批人:</text>
<text>{{ pd.APPROVE_USER_MEASURES}}</text>
</view>
</view>
<view class="cu-form-group" v-if="pd.APPLY_STATUS && pd.APPLY_STATUS!=0 && pd.APPLY_STATUS!=1">
<view class="title">实施安全教育人:</view>
<input name="input" ref="EDUCATE_USER" disabled="disabled" v-model="pd.EDUCATE_USER" placeholder="请输入教育人"></input>
</view>
<view class="cu-form-group" v-if="pd.APPLY_STATUS && pd.APPLY_STATUS!=0 && pd.APPLY_STATUS!=1">
<view>
<text class="title">分析人:</text>
<text>{{pd.ANALYZE_USER_NAME}}</text>
</view>
<button class="cu-btn bg-green sm" @click="$noMultipleClicks(goToDetail,pd.CONFINEDSPACE_ID)">分析详情</button>
</view>
</view>
<view class="wui-form-list">
<view class="cu-form-textarea" style="border: none;">
<view class="cu-form-title">作业单位负责人意见</view>
<textarea maxlength="255" disabled="disabled" v-model="pd.CONFIRM_CONTENT"></textarea>
</view>
<view class="cu-form-group" style="border-bottom: 1px solid #eee;border-top: 1px dashed #eee;">
<view class="title">作业单位负责人</view>
{{pd.CONFIRM_USER_NAME}} {{pd.CONFIRM_USER_SIGNER_TIME}}
</view>
<view class="cu-form-textarea" style="border: none;">
<view class="cu-form-title">监护人意见</view>
<textarea maxlength="255" disabled="disabled" v-model="pd.GUARDIAN_CONTENT"></textarea>
</view>
<view class="cu-form-group" style="border-bottom: 1px solid #eee;border-top: 1px dashed #eee;">
<view class="title">监护人</view>
{{pd.GUARDIAN_USER_NAME}} {{pd.GUARDIAN_USER_SIGNER_TIME}}
</view>
<view class="cu-form-textarea" style="border: none;">
<view class="cu-form-title">审核单位负责人意见</view>
<textarea maxlength="255" disabled="disabled" v-model="pd.AUDIT_CONTENT"></textarea>
</view>
<view class="cu-form-group" style="border-bottom: 1px solid #eee;border-top: 1px dashed #eee;">
<view class="title">审核单位负责人</view>
{{pd.AUDIT_USER_NAME}} {{pd.AUDIT_USER_SIGNER_TIME}}
</view>
<view class="cu-form-textarea" style="border: none;">
<view class="cu-form-title">审批人意见</view>
<textarea maxlength="255" disabled="disabled" v-model="pd.APPROVE_CONTENT"></textarea>
</view>
<view class="cu-form-group" v-if="forbidEdit" style="border-bottom: 1px solid #eee;border-top: 1px dashed #eee;">
<view class="title">审批人</view>
{{pd.APPROVE_USER_NAME}} {{pd.APPROVE_USER_SIGNER_TIME}}
</view>
<view class="cu-form-textarea" style="border-bottom: 1px dashed #eee;">
<view class="cu-form-title">验收人意见</view>
<textarea maxlength="255" v-model="pd.CONTENT" placeholder="请输入意见"></textarea>
</view>
<view class="wui-sign">
<view class="title">验收人</view>
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="Modal">手写签字</button>
</view>
<view class="wui-sign-box" v-show="imgList && imgList.length > 0">
<view class="sign-title">
签字照片:
</view>
<view class="wui-sign-cotent">
<view class="sign-img" v-for="(item,index) in imgList" :key="index" @tap="ViewImage" data-type="0" :data-url="imgList[index].filePath">
<image :src="imgList[index].filePath" mode="aspectFit"></image>
</view>
</view>
</view>
<view class="cu-modal" :class="modalName=='Modal'?'show':''">
<writing-board @confirm="subCanvas" @cancel="hideModal"></writing-board>
</view>
</view>
</view>
<view class="cu-bar btn-group" style="margin-top: 30upx;">
<button class="cu-btn bg-red margin-tb-sm lg" @click="$noMultipleClicks(goSubmit,'-6')">打 回</button>
<button class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goSubmit,'6')">通 过</button>
</view>
<view class="padding flex flex-direction">
</view>
</scroll-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 writingBoard from "@/components/writing-board/writing-board.vue"
import gcoord from '@/common/gcoord.js'
import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue';
export default {
components: {
tkiTree,ruiDatePicker,writingBoard
},
data() {
return {
baseImgPath:baseImgPath,
isUps:false,
forbidEdit:true,// 禁止修改
msg:'add',
noClick:true,
treeNode:[],//部门下拉数据
analyzeUserList:[],
analyzeindex:-1,
pd:{
OTHER_PROTECTIVE_MEASURES: ';_;;_;;_;;_;'
},// 数据
measuresList:[],
gasList:[],
rules:[
{name:'OTHER_PROTECTIVE_MEASURES',message:'请输入补充措施'},
{name:'EDUCATE_USER',message:'请输入实施安全教育人'},
{name:'ANALYZE_USER_ID',message:'请选择分析人'}
],
todayDate:'',
modalName:null,
imgList:[],
}
},
onLoad(event){
this.todayDate = formatDate(new Date(), 'yyyy-MM-dd hh:mm');
this.pd.CONFINEDSPACE_ID = event.CONFINEDSPACE_ID;
if(this.pd.CONFINEDSPACE_ID){
this.msg="edit";
this.getData();
}else {
// 初始化作业负责人
this.pd.APPLY_DEPARTMENT_ID = loginUser.DEPARTMENT_ID;
this.pd.APPLY_DEPARTMENT_NAME = loginUser.DEPARTMENT_NAME;
this.pd.APPLY_USER_ID = loginUser.USER_ID;
this.pd.APPLY_USER_NAME = loginUser.NAME;
this.forbidEdit = false;
}
// 初始化现场作业负责人
this.getDept();
this.getLimitSpace();
loginSession();
},
methods: {
//跳转事件
goToDetail(e) {
uni.navigateTo({
url: '/pages/application/confinedspace/confinedspace-gas/gas-list?CONFINEDSPACE_ID='+e
});
},
getData() {
var _this = this;
uni.showLoading({
title: '请稍候'
})
uni.request({
url: basePath + '/app/confinedspace/goEdit',
method: 'POST',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
data: {
CONFINEDSPACE_ID: _this.pd.CONFINEDSPACE_ID,
},
success: (res) => {
if ("success" == res.data.result) {
uni.hideLoading();
_this.pd = res.data.pd; //参数map
_this.pd = Object.assign(_this.pd,
{
"CONFIRM_USER_MEASURES": _this.pd.OTHER_PROTECTIVE_MEASURES.split(";_;")[0],
"GUARDIAN_USER_MEASURES": _this.pd.OTHER_PROTECTIVE_MEASURES.split(";_;")[1],
"AUDIT_USER_MEASURES": _this.pd.OTHER_PROTECTIVE_MEASURES.split(";_;")[2],
"APPROVE_USER_MEASURES": _this.pd.OTHER_PROTECTIVE_MEASURES.split(";_;")[3]
})
_this.pd.OTHER_PROTECTIVE_MEASURES = ''
_this.measuresList = res.data.measuresList
_this.gasList = res.data.gasList
if(_this.pd.APPLY_STATUS < 1){
_this.forbidEdit = false;
}
} else if ("exception" == data.result) {
uni.showToast({
title: '错误',
duration: 2000
});
}
}
});
},
async goSubmit(STATUS){
var _this = this;
let required = true
uni.showLoading({
title: '请稍候'
})
if(STATUS==6) {
if (_this.imgList.length <= 0) {
uni.showToast({
icon: 'none',
title: '请签字',
duration: 1500
});
return;
}
}
const formData={}
Object.keys(this.pd).map(key => {
formData[key]=this.pd[key]
})
formData.CORPINFO_ID=corpinfoId
formData.CREATOR=loginUser.USER_ID
formData.OPERATOR=loginUser.USER_ID
formData.ACTION_USER=loginUser.NAME
formData.APPLY_STATUS=STATUS
if(STATUS==6){
formData.STATUS = STATUS
if (await this.getGasFlag()) {
uni.uploadFile({
url: basePath+'app/confinedspace/editStatus',
filePath: _this.imgList[0].filePath,
name: 'FFILE',
formData:formData,
success: (res) => {
uni.showToast({
icon:'none',
title: '保存成功',
duration: 2000
});
_this.goback()
},
fail: (err) => {
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
})
} else {
uni.hideLoading();
return
}
}else{
formData.STATUS=STATUS
uni.request({
url: basePath + "app/confinedspace/editStatus",
method: 'POST',
dataType: 'json',
header:{
'Content-type':'application/x-www-form-urlencoded'
},
data: formData,
success: (res) => {
uni.showToast({
icon:'none',
title: '保存成功',
duration: 2000
});
_this.goback()
},
fail: (err) => {
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
})
}
},
// 获取有限空间列表
getLimitSpace(){
var _this = this;
uni.request({
method: 'POST',
dataType: 'json',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
url: basePath + '/app/limitspace/listAllSpace?tm=' + new Date().getTime(),
data: {CORPINFO_ID: corpinfoId},
dataType: 'json',
success: function (res) {
_this.limitSpaceList = res.data.varList;
}
});
},
limitspaceChange(e){
this.lindex = e.detail.value;
this.pd.LIMITSPACE_ID=this.limitSpaceList[this.lindex].LIMITSPACE_ID;
this.pd.LIMITSPACE_NAME=this.limitSpaceList[this.lindex].NAME;
this.$forceUpdate();//强制刷新
},
getGasFlag(){
return new Promise((resolve,reject)=> {
if (this.gasList.length < 1) {
uni.showModal({
title: '',
content: '没有进行气体检测,是否继续验收?',
cancelColor: "#000000",
cancelText: '取消',
confirmText: '确定',
success: res => {
if (res.confirm) {
resolve(true)
} else {
resolve(false)
}
}
})
} else {
resolve(true)
}
})
},
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(dept,list,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,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
});
}
}
})
},
/*
*手写板
*/
showModal(e) {
this.modalName = e.currentTarget.dataset.target
},
hideModal(e) {
this.modalName = null
},
//完成
subCanvas(e) {
this.imgList.splice(0,this.imgList.length);
this.imgList.push(e);
this.pd.SIGNER_TIME = formatDate(new Date(), 'yyyy-MM-dd hh:mm');
this.hideModal()
},
ViewImage(e) {
let files =[];
files.push(e.currentTarget.dataset.url)
uni.previewImage({
urls: files,
current: e.currentTarget.dataset.url
});
},
/*
*分析人
*/
// 确定回调事件
analyzetreeConfirm(e) {
this.isUps=false;
this.pd.ANALYZE_DEPARTMENT_ID=e[0].id;
this.pd.ANALYZE_DEPARTMENT_NAME=e[0].name;
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'analyzeUserList');
},
// 取消回调事件
analyzetreeCancel(e) {
this.isUps=false;
},
// 显示树形选择器
showAnalyzeTree() {
this.isUps=true
this.$refs.tkiTree_analyze._show();
},
PickerAnalyze(e) {
this.analyzeindex = e.detail.value;
this.pd.ANALYZE_USER_ID=this.analyzeUserList[this.analyzeindex].USER_ID;
this.pd.ANALYZE_USER_NAME=this.analyzeUserList[this.analyzeindex].NAME;
this.$forceUpdate();//强制刷新
},
changeRadio(i,value){
this.measuresList[i].STATUS=value
},
changeStartDate(e) {
this.pd.WORK_START_DATE = e
this.$forceUpdate();//强制刷新
},
changeEndDate(e) {
this.pd.WORK_END_DATE = e
this.$forceUpdate();//强制刷新
},
goback(){
var pages = getCurrentPages(); // 获取当前页面栈
var prePage = pages[pages.length - 2]; // 上二级页面
prePage.$vm.initflag = true; // A 页面 init方法 为true
uni.navigateBack({delta: 1});
uni.hideLoading();
},
radioType(e){
this.HASINSTRUCTOR = e.detail.value
},
goToEdit(){
this.forbidEdit = false;
}
}
}
</script>
<style>
</style>