230 lines
9.2 KiB
Vue
230 lines
9.2 KiB
Vue
<template>
|
|
<view class="page-wrap" v-bind:style="{paddingBottom:paddingBottom+'px'}">
|
|
<view class="background"></view>
|
|
<view class="card">
|
|
<!-- <uni-card margin="0" :is-shadow="true"> -->
|
|
<u--form labelPosition="left" labelWidth="auto" labelAlign="center" :model="model" class="demo-ruleForm">
|
|
<view style="position: relative;">
|
|
<view style="position: absolute;left: -10px;color: #3d4b70;top: -3px;">*</view>
|
|
</view>
|
|
|
|
<view style="font-size: 15px; font-weight: bold;color: #3d4b70;margin-bottom: 10px;">基本信息</view>
|
|
|
|
<u-form-item label="项目名称：" prop="Nav_Project.NAME" borderBottom>
|
|
<u--input v-if="model.Nav_Project" v-model="model.Nav_Project.NAME" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="外包单位名称：" prop="Nav_Project.UNIT_NAME" borderBottom>
|
|
<u--input v-if="model.Nav_Project" v-model="model.Nav_Project.UNIT_NAME" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="作业类别：" prop="Nav_Type.NAME" borderBottom>
|
|
<u--input v-if="model.Nav_Type" v-model="model.Nav_Type.NAME" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="危险作业名称：" prop="DANGEROUS_JOB_NAME" borderBottom>
|
|
<u--input autoHeight v-model="model.DANGEROUS_JOB_NAME" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="危险作业具体事项：" prop="DANGEROUS_JOB_ITEM" borderBottom>
|
|
<u--input autoHeight v-model="model.DANGEROUS_JOB_ITEM" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="作业风险辨识：" prop="JOB_RISK_IDENTIFY" borderBottom>
|
|
<u--input autoHeight v-model="model.JOB_RISK_IDENTIFY" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="作业开始时间：" prop="START_TIME" borderBottom>
|
|
<u--input autoHeight v-model="model.START_TIME" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="作业结束时间：" prop="END_TIME" borderBottom>
|
|
<u--input autoHeight v-model="model.END_TIME" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="作业地点：" prop="JOB_ADDRESS" borderBottom>
|
|
<u--input autoHeight v-model="model.JOB_ADDRESS" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="作业人员：" prop="UserNames" borderBottom>
|
|
<view class="right-align">
|
|
<view v-for="(item,index) in model.UserNames" :key="index">
|
|
<view :style="item.type == 'red'?'color:red':''" style="margin-right: 5px;">{{item.value}}</view>
|
|
</view>
|
|
</view>
|
|
</u-form-item>
|
|
<u-form-item label="现场监护人：" prop="Nav_User.NAME" borderBottom>
|
|
<u--input v-if="model.Nav_User" v-model="model.Nav_User.NAME" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<view class="upload-title">附件:</view>
|
|
<full-upload v-model="model.Nav_Files" :listProp='listPropUpload' :listPropVal='listPropValUpload' :isShowBtn="false"></full-upload>
|
|
</u--form>
|
|
<u--form labelPosition="left" labelWidth="auto" labelAlign="center" errorType="border-bottom" ref="sForm" class="sub-form" style="margin-top: 10px;">
|
|
<view style="position: relative;">
|
|
<view style="position: absolute;left: -10px;color: #3d4b70;top: -3px;">*</view>
|
|
</view>
|
|
|
|
<view style="font-size: 15px; font-weight: bold;color: #3d4b70;margin-bottom: 10px;">安全措施</view>
|
|
|
|
<uni-collapse :border="false" accordion>
|
|
<view v-for="(item, index) in model.Nav_Detail" :key="index">
|
|
<uni-collapse-item title-border="none" :border="false">
|
|
<template v-slot:title>
|
|
<view class="uni-collapse-item__title-box">
|
|
<view class="uni-collapse-item__title-text">
|
|
{{index+1+'.'+item.MEASURE}}
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
<view class="content" style="margin: 0px 10px;">
|
|
<!-- <u-form-item label="序号" prop="ROW_NUM" borderBottom>
|
|
<u--input disabledColor="#fff" disabled v-model="item.ROW_NUM" border="none" inputAlign="right" fontSize="14px"></u--input>
|
|
</u-form-item> -->
|
|
<u-form-item label="安全措施" class="subRequired" prop="MEASURE" borderBottom>
|
|
<u--input disabledColor="#fff" disabled v-model="item.MEASURE" border="none" inputAlign="right" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
<!-- <u-form-item label="是否涉及" class="subRequired" prop="ISORNOTShow" borderBottom >
|
|
<view class="right-align">{{transLevel(item.ISORNOT)}}</view>
|
|
|
|
</u-form-item> -->
|
|
<u-form-item label="说明" prop="REMARK" borderBottom>
|
|
<u--input disabledColor="#fff" disabled v-model="item.REMARK" border="none" inputAlign="right" fontSize="14px"></u--input>
|
|
</u-form-item>
|
|
</view>
|
|
|
|
|
|
</uni-collapse-item>
|
|
<!-- <u-collapse-item :title="item.ROW_NUM + '. ' + item.MEASURE+' - '+transLevel(item.ISORNOT)+' - '+item.REMARK">
|
|
</u-collapse-item> -->
|
|
</view>
|
|
</uni-collapse>
|
|
</u--form>
|
|
<!-- <u-sticky offset-top="20">
|
|
<view class="sub-form">
|
|
<view class="sub-form-wrap">
|
|
<u--form labelPosition="left" labelWidth="auto" labelAlign="center" errorType="border-bottom" ref="sForm">
|
|
<u-collapse :border="false" accordion>
|
|
<uni-card style="margin-bottom: 16px;" margin="0" spacing="0" :is-shadow="false" v-for="(item, index) in model.Nav_Detail">
|
|
<u-collapse-item :title="item.ROW_NUM + '. ' + item.MEASURE+' - '+transLevel(item.ISORNOT)+' - '+item.REMARK">
|
|
</u-collapse-item>
|
|
</uni-card>
|
|
</u-collapse>
|
|
</u--form>
|
|
</view>
|
|
</view>
|
|
</u-sticky> -->
|
|
<!-- </uni-card> -->
|
|
<audit-process :show="showAudit" @close="handleCloseAudit" :dataSource="auditData" />
|
|
<check-action v-if="isLoadOK&&tableKey==1&&isAudit" :okApi="okApi" :refuseApi="refuseApi" :dataSource="auditModel"></check-action>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
initFilter,
|
|
extendRule,
|
|
extendInclude
|
|
} from '../../../../utils/common'
|
|
|
|
import {
|
|
getRequest,
|
|
} from '../../../../services/apply/FOServices/FOServices'
|
|
|
|
import '../../../../utils/showMsg.js'
|
|
import color from '../../../../uni_modules/uview-ui/libs/config/color'
|
|
import config from '../../../../config/common'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
showAudit: false,
|
|
auditData: [],
|
|
model: {},
|
|
listPropUpload: ['PARENT_ID'],
|
|
listPropValUpload: [],
|
|
paddingBottom: '150',
|
|
TaskID: "",
|
|
tableKey: '0',
|
|
isLoadOK: false,
|
|
isSign: true,
|
|
isAudit: true,
|
|
DEALOPINION: "",
|
|
ORG_ID: uni.getStorageSync('orgId'),
|
|
}
|
|
},
|
|
onLoad(option) {
|
|
this.model.ID = option.ID;
|
|
this.TaskID = option.taskID;
|
|
this.tableKey = option.tableKey ? option.tableKey : '0'
|
|
this.okApi = option.okApi
|
|
this.refuseApi = option.refuseApi
|
|
this.auditModel = {
|
|
...this.$store.state.auditModel,
|
|
TaskID: option.taskID ? option.taskID : ''
|
|
}
|
|
this.loadData()
|
|
},
|
|
methods: {
|
|
transLevel(level) {
|
|
if (level == 0) {
|
|
return '否';
|
|
}
|
|
if (level == 1) {
|
|
return '是 ';
|
|
}
|
|
},
|
|
loadData() {
|
|
const json = initFilter(this.ORG_ID)
|
|
extendRule(json, 'ID', 1, this.model.ID);
|
|
extendInclude(json, 'Nav_Project')
|
|
extendInclude(json, 'Nav_Type')
|
|
extendInclude(json, 'Nav_User')
|
|
extendInclude(json, 'Nav_Users.Nav_User')
|
|
extendInclude(json, 'Nav_Detail')
|
|
extendInclude(json, 'Nav_Files.Nav_ImgFile')
|
|
getRequest(json, "/WB/WBDangerousJob/GetApprove").then(res => {
|
|
this.model = res
|
|
this.auditData = [res.Nav_Approve]
|
|
let strUserName = []
|
|
if (res.Nav_Users && res.Nav_Users.length > 0) {
|
|
for (let i = 0; i < res.Nav_Users.length; i++) {
|
|
if (res.Nav_Users[i].USER_SHIFT_STATUS == 0) {
|
|
strUserName.push({
|
|
type: 'red',
|
|
value: res.Nav_Users[i].Nav_User.NAME
|
|
})
|
|
} else {
|
|
strUserName.push({
|
|
type: 'normal',
|
|
value: res.Nav_Users[i].Nav_User.NAME
|
|
})
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
this.model.UserNames = strUserName;
|
|
if (this.model.STATUS == 30) {
|
|
this.isSign = true;
|
|
this.isAudit = false;
|
|
} else if (this.model.STATUS == 20) {
|
|
this.isSign = false;
|
|
this.isAudit = true;
|
|
}
|
|
this.model.Nav_Detail.sort((a, b) => a.ROW_NUM - b.ROW_NUM);
|
|
this.isLoadOK = true
|
|
})
|
|
},
|
|
handleCloseAudit() {
|
|
this.showAudit = false
|
|
},
|
|
async onNavigationBarButtonTap() {
|
|
// const res = await this.loadAuditData()
|
|
// if (res) {
|
|
// this.auditData = res
|
|
this.showAudit = true
|
|
// }
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
/* @import url("../../../../style/css/editTemplate.css"); */
|
|
@import url("../../../../style/css/newTemplate.css");
|
|
</style> |