qa-prevention-gwj-first-app/pages/application/high-risk-work/high-work/high-work-archive-management/detail.vue

592 lines
22 KiB
Vue
Raw Permalink 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">
<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" ref="BELONGING_CORP" :disabled="forbidEdit" v-model="pd.BELONGING_CORP" placeholder="请输入作业单位"></input>-->
<input name="input" ref="BELONGING_CORP_NAME" :disabled="true" v-model="pd.BELONGING_CORP_NAME" placeholder="请输入作业单位"></input>
</view>
<view class="cu-form-group">
<view class="title">作业地点:</view>
<input name="input" ref="WORK_PLACE" :disabled="forbidEdit" v-model="pd.WORK_PLACE" placeholder="请输入作业地点"></input>
</view>
<view class="cu-form-group" v-if="pd.WORK_LONGITUDE">
<view class="title">地点坐标经度:</view>
<view>{{pd.WORK_LONGITUDE}}</view>
</view>
<view class="cu-form-group" v-if="pd.WORK_LATITUDE">
<view class="title">地点坐标纬度:</view>
<view>{{pd.WORK_LATITUDE}}</view>
</view>
<!-- <view class="cu-form-group" >-->
<!-- <view class="title">申请人:</view>-->
<!-- <input name="input" ref="APPLY_USER" :disabled="forbidEdit" v-model="pd.APPLY_USER" 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">
<view class="title">作业高度:</view>
<view>{{ pd.WORK_HEIGHT }}米</view>
</view>
<view class="cu-form-group" >
<view class="title">监护人:</view>
<input name="input" ref="GUARDIAN_USER_NAME" :disabled="forbidEdit" v-model="pd.GUARDIAN_USER_NAME" placeholder="请输入监护人"></input>
</view>
<view class="cu-form-group bb-default">
<view class="title">作业人员:</view>
<input name="input" ref="WORK_OPERATOR_NAME" :disabled="forbidEdit" v-model="pd.WORK_OPERATOR_NAME" placeholder="请输入作业人员"></input>
</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;">主要安全措施</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.HIGHWORK_MEASURES_ID">
<uni-td>{{ index + 1 }}</uni-td>
<uni-td>{{item.PROTECTIVE_MEASURES}}</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 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.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 class="cu-form-group">-->
<!-- <view class="title">危害识别:</view>-->
<!-- </view>-->
<!-- <view v-if="pd.CONFIRM_USER_IDENTIFICATION" class="ty-group">-->
<!-- <text class="title">-->
<!-- 作业负责人:</text>-->
<!-- <text>{{ pd.CONFIRM_USER_IDENTIFICATION}}</text>-->
<!-- </view>-->
<!-- <view v-if="pd.AUDIT_USER_IDENTIFICATION" class="ty-group">-->
<!-- <text class="title">-->
<!-- 作业单位负责人:</text>-->
<!-- <text>{{ pd.AUDIT_USER_IDENTIFICATION}}</text>-->
<!-- </view>-->
<!-- <view v-if="pd.APPROVE_USER_IDENTIFICATION" class="ty-group">-->
<!-- <text class="title">-->
<!-- 分公司(中心)审批人:</text>-->
<!-- <text>{{ pd.APPROVE_USER_IDENTIFICATION}}</text>-->
<!-- </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.CONSTRUCTION_CONTENT"></textarea>
</view>
<view class="cu-form-group" style="border-bottom: 1px solid #eee;border-top: 1px dashed #eee;">
<view class="title">作业负责人</view>
{{pd.CONSTRUCTION_USER_NAME}} {{pd.CONSTRUCTION_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" 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>
<view class="cu-form-group">
<view class="title">验收部门</view>
<view class="picker-tree-box">
<view class="picker-tree" @tap="showAcceptTree">{{pd.ACCEPT_DEPARTMENT_NAME?pd.ACCEPT_DEPARTMENT_NAME:'请选择'}}</view>
</view>
<tki-tree ref="tkiTree_accept"
:selectParent=true
:range="treeNode"
rangeKey="name"
@confirm="accepttreeConfirm"
@cancel="accepttreeCancel"></tki-tree>
</view>
<view class="cu-form-group">
<view class="title">验收人</view>
<picker @change="PickerAccept" :value="acceptindex" :range="acceptUserList" range-key="NAME" :disabled="acceptUserList.length == 0" @click="isBlankList('accept')">
<view class="picker">
{{pd.ACCEPT_USER_NAME?pd.ACCEPT_USER_NAME:'请选择'}}
</view>
</picker>
</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,'-5')">打 回</button>-->
<!-- <button class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goSubmit,'55')">提 交</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:[],//部门下拉数据
constructionUserList:[],
constructionindex:-1,
applyUserList:[],
applyindex:-1,
auditUserList:[],
auditindex:-1,
approveUserList:[],
approveindex:-1,
acceptUserList:[],
acceptindex:-1,
pd:{},// 数据
measuresList:[],
rules:[
{name:'CHECK_NO',message:'请输入编号'},
{name:'BELONGING_CORP',message:'请输入作业单位'},
{name:'WORK_PLACE',message:'请输入作业地点'},
// {name:'WORK_CORP',message:'请输入作业单位'},
{name:'APPLY_USER',message:'请输入填写人'},
{name:'WORK_HEIGHT', pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, message: '请输入正确的作业高度,可保留两位小数'},
{name:'GUARDIAN_USER_NAME',message:'请输入监护人'},
{name:'WORK_OPERATOR_NAME',message:'请输入作业人员'},
{name:'WORK_CONTENT',message:'请输入作业内容'},
{name:'WORK_START_DATE',message:'请选择作业开始时间'},
{name:'WORK_END_DATE',message:'请选择作业结束时间'},
{name:'CONSTRUCTION_USER_ID',message:'请选择作业负责人'},
{name:'AUDIT_USER_ID',message:'请选择作业单位负责人'},
{name:'APPROVE_USER_ID',message:'请选择分公司(中心)审批人'},
{name:'ACCEPT_USER_ID',message:'请选择验收人'},
],
todayDate:'',
modalName:null,
imgList:[],
}
},
onLoad(event){
this.todayDate = formatDate(new Date(), 'yyyy-MM-dd hh:mm');
this.pd.HIGHWORK_ID = event.HIGHWORK_ID;
if(this.pd.HIGHWORK_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 = loginUser.NAME;
this.forbidEdit = false;
}
// 初始化现场作业负责人
this.getDept();
loginSession();
},
methods: {
getData() {
var _this = this;
uni.showLoading({
title: '请稍候'
})
uni.request({
url: basePath + '/app/highwork/goEdit',
method: 'POST',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
data: {
HIGHWORK_ID: _this.pd.HIGHWORK_ID,
},
success: (res) => {
if ("success" == res.data.result) {
uni.hideLoading();
res.data.pd = Object.assign(res.data.pd,
{
"CONFIRM_USER_MEASURES": res.data.pd.OTHER_PROTECTIVE_MEASURES.split(";_;")[0],
"AUDIT_USER_MEASURES": res.data.pd.OTHER_PROTECTIVE_MEASURES.split(";_;")[1],
"APPROVE_USER_MEASURES": res.data.pd.OTHER_PROTECTIVE_MEASURES.split(";_;")[2]
})
res.data.pd.OTHER_PROTECTIVE_MEASURES = ''
// res.data.pd = Object.assign(res.data.pd,
// {
// "CONFIRM_USER_IDENTIFICATION": res.data.pd.HAZARD_IDENTIFICATION.split(";_;")[0],
// "AUDIT_USER_IDENTIFICATION": res.data.pd.HAZARD_IDENTIFICATION.split(";_;")[1],
// "APPROVE_USER_IDENTIFICATION": res.data.pd.HAZARD_IDENTIFICATION.split(";_;")[2]
// })
// res.data.pd.HAZARD_IDENTIFICATION = ''
_this.pd = res.data.pd; //参数map
_this.measuresList = res.data.measuresList
if(_this.pd.APPLY_STATUS < 1){
_this.forbidEdit = false;
}
} else if ("exception" == data.result) {
uni.showToast({
title: '错误',
duration: 2000
});
}
}
});
},
goSubmit(STATUS){
var _this = this;
let required = true
uni.showLoading({
title: '请稍候'
})
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
// formData.STATUS=STATUS
uni.request({
url: basePath + "/app/highwork/acceptApplySave",
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
});
}
})
},
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, 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
});
}
}
})
},
/*
*手写板
*/
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
});
},
/*
*作业单位
*/
// 确定回调事件
constructiontreeConfirm(e) {
this.isUps=false;
this.pd.CONSTRUCTION_DEPARTMENT_ID=e[0].id;
this.pd.CONSTRUCTION_DEPARTMENT_NAME=e[0].name;
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'constructionUserList');
},
// 取消回调事件
constructiontreeCancel(e) {
this.isUps=false;
},
// 显示树形选择器
showConstructionTree() {
this.isUps=true
this.$refs.tkiTree_construction._show();
},
PickerConstruction(e) {
this.constructionindex = e.detail.value;
this.pd.CONSTRUCTION_USER_ID=this.constructionUserList[this.constructionindex].USER_ID;
this.pd.CONSTRUCTION_USER_NAME=this.constructionUserList[this.constructionindex].NAME;
this.$forceUpdate();//强制刷新
},
/*
*审核人
*/
// 确定回调事件
audittreeConfirm(e) {
this.isUps=false;
this.pd.AUDIT_DEPARTMENT_ID=e[0].id;
this.pd.AUDIT_DEPARTMENT_NAME=e[0].name;
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'auditUserList');
},
// 取消回调事件
audittreeCancel(e) {
this.isUps=false;
},
// 显示树形选择器
showAuditTree() {
this.isUps=true
this.$refs.tkiTree_audit._show();
},
PickerAudit(e) {
this.auditindex = e.detail.value;
this.pd.AUDIT_USER_ID=this.auditUserList[this.auditindex].USER_ID;
this.pd.AUDIT_USER_NAME=this.auditUserList[this.auditindex].NAME;
this.$forceUpdate();//强制刷新
},
/*
*审批人
*/
// 确定回调事件
approvetreeConfirm(e) {
this.isUps=false;
this.pd.APPROVE_DEPARTMENT_ID=e[0].id;
this.pd.APPROVE_DEPARTMENT_NAME=e[0].name;
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'approveUserList');
},
// 取消回调事件
approvetreeCancel(e) {
this.isUps=false;
},
// 显示树形选择器
showApproveTree() {
this.isUps=true
this.$refs.tkiTree_approve._show();
},
PickerApprove(e) {
this.approveindex = e.detail.value;
this.pd.APPROVE_USER_ID=this.approveUserList[this.approveindex].USER_ID;
this.pd.APPROVE_USER_NAME=this.approveUserList[this.approveindex].NAME;
this.$forceUpdate();//强制刷新
},
/*
*验收部门
*/
// 确定回调事件
accepttreeConfirm(e) {
this.isUps=false;
this.pd.ACCEPT_DEPARTMENT_ID=e[0].id;
this.pd.ACCEPT_DEPARTMENT_NAME=e[0].name;
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'acceptUserList');
},
// 取消回调事件
accepttreeCancel(e) {
this.isUps=false;
},
// 显示树形选择器
showAcceptTree() {
this.isUps=true
this.$refs.tkiTree_accept._show();
},
PickerAccept(e) {
this.acceptindex = e.detail.value;
this.pd.ACCEPT_USER_ID=this.acceptUserList[this.acceptindex].USER_ID;
this.pd.ACCEPT_USER_NAME=this.acceptUserList[this.acceptindex].NAME;
this.$forceUpdate();//强制刷新
},
changeStartDate(e) {
this.pd.WORK_START_DATE = e
this.$forceUpdate();//强制刷新
},
changeEndDate(e) {
this.pd.WORK_END_DATE = e
this.$forceUpdate();//强制刷新
},
changeRadio(i,value){
this.measuresList[i].STATUS=value
},
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>