integrated_traffic_uniapp/pages/application/confinedspace/confinedspace-apply/confinedspace-apply-detail.vue

1178 lines
41 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="!otherIdentification && !otherAssignments" >
<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>
{{pd.APPLY_DEPARTMENT_NAME}}
</view>
<view class="cu-form-group" >
<view class="title">申请人</view>
{{pd.APPLY_USER_NAME}}
</view>
<view class="cu-form-group" v-if="pd.CHECK_NO != '' && pd.CHECK_NO != null">
<view class="title">编号:</view>
{{pd.CHECK_NO}}
</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">
<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-group bb-default" >-->
<!-- <view class="title">安全交底人:</view>-->
<!-- <input name="input" ref="CONFESS_USER" :disabled="forbidEdit" v-model="pd.CONFESS_USER" placeholder="请输入安全交底人"></input>-->
<!-- </view>-->
<!-- <view class="cu-form-group bb-default" >-->
<!-- <view class="title">接受交底人:</view>-->
<!-- <input name="input" ref="ACCEPT_CONFESS_USER" :disabled="forbidEdit" v-model="pd.ACCEPT_CONFESS_USER" placeholder="请输入接受交底人"></input>-->
<!-- </view>-->
<!-- <view class="cu-form-group bb-default" >-->
<!-- <view class="title">监护人:</view>-->
<!-- <input name="input" ref="GUARDIAN_USER" :disabled="forbidEdit" v-model="pd.GUARDIAN_USER" placeholder="请输入监护人"></input>-->
<!-- </view>-->
<view class="cu-form-textarea" >
<view class="cu-form-title">
关联的其他特殊作业及安全作业票编号
<button class="cu-btn bg-green sm reg-btn" v-if="!forbidEdit && pd.APPLY_STATUS != -99 && pd.APPLY_STATUS != -98" @click="otherAssignments = true">选择其它</button>
</view>
<textarea maxlength="255" auto-height :disabled="forbidEdit" v-model="pd.SPECIAL_WORK" placeholder="请输入关联的其他特殊作业及安全作业票编号"></textarea>
</view>
<view class="cu-form-textarea" >
<view class="cu-form-title">
风险辨识结果
<button class="cu-btn bg-green sm reg-btn" v-if="!forbidEdit && pd.APPLY_STATUS != -99 && pd.APPLY_STATUS != -98" @click="otherIdentification = true">选择其它</button>
</view>
<textarea maxlength="255" auto-height :disabled="forbidEdit" v-model="pd.RISK_IDENTIFICATION" placeholder="请输入风险辨识结果"></textarea>
</view>
</view>
<view class="wui-form-list" style="padding-top: 20upx;" v-if="pd.APPLY_STATUS > 1">
<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: 100px">操作</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;" v-if="item.STATUS=='1'">
<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>
<text class="wui-pl10">不涉及</text></radio>
</view>
<view class="group" v-if="item.STATUS=='1'">
<radio class='radio' value="1" checked>
<text class="wui-pl10">涉&nbsp;&nbsp;&nbsp;&nbsp;及</text></radio>
</view>
</radio-group>
</uni-td>
</uni-tr>
</uni-table>
</view>
<view v-if=" pd.CONFIRM_USER_MEASURES || pd.APPROVE_USER_MEASURES">
<view class="ty-group" style="border-left:4px solid #1d82fe">
<view class="title">其他安全措施:</view>
</view>
<view v-if="pd.CONFIRM_USER_MEASURES" class="ty-group" style="border-bottom: 1px solid #eee;">
<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" style="border-top: 1px solid #eee;" 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 style="border-bottom: 1px solid #eee;border-top: 1px dashed #eee;" 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 v-if="pd.GUARDIAN_USER_SIGNER_PATH">
<view style="border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee">
<view class="cu-form-group" >
<view class="title">监护人</view>
{{pd.GUARDIAN_USER_NAME}} {{pd.GUARDIAN_USER_SIGNER_TIME}}
</view>
<view style="width: 400upx; height: 200upx; margin: 30upx;margin-top: 0upx;margin-bottom: 20upx;" >
<image :src="baseImgPath + pd.GUARDIAN_USER_SIGNER_PATH" mode="aspectFill" @click="previewImage(baseImgPath + pd.GUARDIAN_USER_SIGNER_PATH)" style="height: 100%;"></image>
</view>
</view>
</view>
<view v-if="pd.CONFESS_USER_SIGNER_PATH">
<view style="border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee">
<view class="cu-form-group" >
<view class="title">安全交底人</view>
{{pd.CONFESS_USER_NAME}} {{pd.CONFESS_USER_SIGNER_TIME}}
</view>
<view style="width: 400upx; height: 200upx; margin: 30upx;margin-top: 0upx;margin-bottom: 20upx;" >
<image :src="baseImgPath + pd.CONFESS_USER_SIGNER_PATH" mode="aspectFill" @click="previewImage(baseImgPath + pd.CONFESS_USER_SIGNER_PATH)" style="height: 100%;"></image>
</view>
</view>
</view>
<view v-if="files.length > 0">
<view style="border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee">
<view class="cu-form-group" >
<view class="title">接受交底人</view>
{{pd.ACCEPT_CONFESS_USER_NAME}} {{pd.ACCEPT_CONFESS_USER_SIGNER_TIME}}
</view>
<view class="cu-item" v-for="(item,index) in files" :key="index" style="border-bottom: 1px solid #e3e3e3">
<view class="imgs" style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
<image :src="baseImgPath+item.ACCEPT_CONFESS_USER_SIGNER_PATH" :data-index="index" @click="ViewShowImage(baseImgPath+item.ACCEPT_CONFESS_USER_SIGNER_PATH)"
mode="" style="width: 200upx;height: 200upx;"></image>
<text>{{item.ACCEPT_CONFESS_USER_SIGNER_TIME}}</text>
</view>
</view>
</view>
</view>
</view>
<view class="wui-form-list" v-if="!forbidEdit">
<view class="cu-form-group" v-if="!forbidEdit">
<view class="title">分析单位</view>
<view class="picker-tree-box">
<view class="picker-tree" @tap="showAnalyzeTree">{{pd.ANALYZE_DEPARTMENT_NAME?pd.ANALYZE_DEPARTMENT_NAME:'请选择'}}</view>
</view>
<tki-tree ref="tkiTree_analyze"
:selectParent=true
:range="treeNode"
rangeKey="name"
@confirm="analyzetreeConfirm"
@cancel="analyzetreeCancel"></tki-tree>
</view>
<view class="cu-form-group" >
<view class="title">分析单位负责人</view>
<picker @change="PickerAnalyze" :value="analyzeindex" :range="analyzeUserList" range-key="NAME">
<view class="picker">
{{pd.ANALYZE_USER_NAME?pd.ANALYZE_USER_NAME:'请选择'}}
</view>
</picker>
</view>
</view>
<view class="wui-form-list" v-if="!forbidEdit">
<view class="cu-form-group" v-if="!forbidEdit">
<view class="title">作业负责人单位</view>
<view class="picker-tree-box">
<view class="picker-tree" @tap="showConfirmTree">{{pd.CONFIRM_DEPARTMENT_NAME?pd.CONFIRM_DEPARTMENT_NAME:'请选择'}}</view>
</view>
<tki-tree ref="tkiTree_confirm"
:selectParent=true
:range="treeNode"
rangeKey="name"
@confirm="confirmtreeConfirm"
@cancel="confirmtreeCancel"></tki-tree>
</view>
<view class="cu-form-group" v-if="!forbidEdit">
<view class="title">作业负责人</view>
<picker @change="PickerConfirm" :value="confirmindex" :range="confirmUserList" range-key="NAME" :disabled="confirmUserList.length == 0" @click="isBlankList('confirm')">
<view class="picker">
{{pd.CONFIRM_USER_NAME?pd.CONFIRM_USER_NAME:'请选择'}}
</view>
</picker>
</view>
</view>
<view class="wui-form-list" v-if="!forbidEdit">
<view class="cu-form-group">
<view class="title">监护人单位</view>
<view class="picker-tree-box">
<view class="picker-tree" @tap="showGuardianTree">{{pd.GUARDIAN_DEPARTMENT_NAME?pd.GUARDIAN_DEPARTMENT_NAME:'请选择'}}</view>
</view>
<tki-tree ref="tkiTree_guardian"
:selectParent=true
:range="treeNode"
rangeKey="name"
@confirm="guardiantreeConfirm"
@cancel="guardiantreeCancel"></tki-tree>
</view>
<view class="cu-form-group" >
<view class="title">监护人</view>
<picker @change="PickerGuardian" :value="guardianindex" :range="guardianUserList" range-key="NAME" :disabled="guardianUserList.length == 0" @click="isBlankList('guardian')">
<view class="picker">
{{pd.GUARDIAN_USER_NAME?pd.GUARDIAN_USER_NAME:'请选择'}}
</view>
</picker>
</view>
</view>
<view class="wui-form-list" v-if="!forbidEdit">
<view class="cu-form-group" >
<view class="title">安全交底人单位</view>
<view class="picker-tree-box">
<view class="picker-tree" @tap="showConfessTree">{{pd.CONFESS_DEPARTMENT_NAME?pd.CONFESS_DEPARTMENT_NAME:'请选择'}}</view>
</view>
<tki-tree ref="tkiTree_confess"
:selectParent=true
:range="treeNode"
rangeKey="name"
@confirm="confesstreeConfirm"
@cancel="confesstreeCancel"></tki-tree>
</view>
<view class="cu-form-group" >
<view class="title">安全交底人</view>
<picker @change="PickerConfess" :value="confessindex" :range="confessUserList" range-key="NAME" :disabled="confessUserList.length == 0" @click="isBlankList('confess')">
<view class="picker">
{{pd.CONFESS_USER_NAME?pd.CONFESS_USER_NAME:'请选择'}}
</view>
</picker>
</view>
</view>
<view class="wui-form-list" v-if="!forbidEdit">
<view class="cu-form-group" >
<view class="title">接受交底人单位</view>
<view class="picker-tree-box">
<view class="picker-tree" @tap="showAcceptconfessTree">{{pd.ACCEPT_CONFESS_DEPARTMENT_NAME?pd.ACCEPT_CONFESS_DEPARTMENT_NAME:'请选择'}}</view>
</view>
<tki-tree ref="tkiTree_acceptconfess"
:selectParent=true
:range="treeNode"
rangeKey="name"
@confirm="confesstreeAcceptconfirm"
@cancel="acceptconfesstreeCancel"></tki-tree>
</view>
<view class="cu-form-group" >
<view class="title">接受交底人</view>
<picker @change="PickerAcceptconfess" :value="acceptconfessindex" :range="acceptconfessUserList" range-key="NAME" :disabled="acceptconfessUserList.length == 0" @click="isBlankList('acceptconfess')">
<view class="picker">
{{pd.ACCEPT_CONFESS_USER_NAME?pd.ACCEPT_CONFESS_USER_NAME:'请选择'}}
</view>
</picker>
</view>
</view>
<!-- <view class="cu-form-group" >-->
<!-- <view class="title">审核单位</view>-->
<!-- <view class="picker-tree-box">-->
<!-- <view class="picker-tree" @tap="showAuditTree">{{pd.AUDIT_DEPARTMENT_NAME?pd.AUDIT_DEPARTMENT_NAME:'请选择'}}</view>-->
<!-- </view>-->
<!-- <tki-tree ref="tkiTree_audit"-->
<!-- :selectParent=true-->
<!-- :range="treeNode"-->
<!-- rangeKey="name"-->
<!-- @confirm="audittreeConfirm"-->
<!-- @cancel="audittreeCancel"></tki-tree>-->
<!-- </view>-->
<!-- <view class="cu-form-group" >-->
<!-- <view class="title">审核部门</view>-->
<!-- <picker @change="PickerAudit" :value="auditindex" :range="auditUserList" range-key="NAME" :disabled="auditUserList.length == 0" @click="isBlankList('audit')">-->
<!-- <view class="picker">-->
<!-- {{pd.AUDIT_USER_NAME?pd.AUDIT_USER_NAME:'请选择'}}-->
<!-- </view>-->
<!-- </picker>-->
<!-- </view>-->
<view class="wui-form-list" v-if="!forbidEdit">
<view class="cu-form-group" >
<view class="title">所在单位</view>
<view class="picker-tree-box">
<view class="picker-tree" @tap="showApproveTree">{{pd.APPROVE_DEPARTMENT_NAME?pd.APPROVE_DEPARTMENT_NAME:'请选择'}}</view>
</view>
<tki-tree ref="tkiTree_approve"
:selectParent=true
:range="treeNode"
rangeKey="name"
@confirm="approvetreeConfirm"
@cancel="approvetreeCancel"></tki-tree>
</view>
<view class="cu-form-group" >
<view class="title">所在单位负责人</view>
<picker @change="PickerApprove" :value="approveindex" :range="approveUserList" range-key="NAME" :disabled="approveUserList.length == 0" @click="isBlankList('approve')">
<view class="picker">
{{pd.APPROVE_USER_NAME?pd.APPROVE_USER_NAME:'请选择'}}
</view>
</picker>
</view>
</view>
<view class="wui-form-list" v-if="!forbidEdit">
<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="wui-form-list" v-if="forbidEdit">
<view v-if="pd.CONFIRM_USER_SIGNER_PATH">
<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 style="border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee">
<view class="cu-form-group" >
<view class="title">作业负责人</view>
{{pd.CONFIRM_USER_NAME}} {{pd.CONFIRM_USER_SIGNER_TIME}}
</view>
<view style="width: 400upx; height: 200upx; margin: 30upx;margin-top: 0upx;margin-bottom: 20upx;" >
<image :src="baseImgPath + pd.CONFIRM_USER_SIGNER_PATH" mode="aspectFill" @click="previewImage(baseImgPath + pd.CONFIRM_USER_SIGNER_PATH)" style="height: 100%;"></image>
</view>
</view>
</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 v-if="pd.APPROVE_USER_SIGNER_PATH">
<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 style="border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee">
<view class="cu-form-group" >
<view class="title">所在单位负责人</view>
{{pd.APPROVE_USER_NAME}} {{pd.APPROVE_USER_SIGNER_TIME}}
</view>
<view style="width: 400upx; height: 200upx; margin: 30upx;margin-top: 0upx;margin-bottom: 20upx;" >
<image :src="baseImgPath + pd.APPROVE_USER_SIGNER_PATH" mode="aspectFill" @click="previewImage(baseImgPath + pd.APPROVE_USER_SIGNER_PATH)" style="height: 100%;"></image>
</view>
</view>
</view>
<view v-if="files1.length > 0">
<view class="cu-form-textarea" style="border: none;">
<view class="cu-form-title">完工验收</view>
<textarea maxlength="255" disabled="disabled" v-model="pd.ACCEPT_CONTENT"></textarea>
</view>
<view style="border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee">
<view class="cu-form-group" >
<view class="title">验收部门负责人</view>
{{pd.ACCEPT_USER_NAME}} {{pd.ACCEPT_USER_SIGNER_TIME}}
</view>
<view class="cu-item" v-for="(item,index) in files1" :key="index" style="border-bottom: 1px solid #e3e3e3">
<view class="imgs" style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
<image :src="baseImgPath+item.ACCEPT_USER_SIGNER_PATH" :data-index="index" @click="ViewShowImage1(baseImgPath+item.ACCEPT_USER_SIGNER_PATH)"
mode="" style="width: 200upx;height: 200upx;"></image>
<text>{{item.ACCEPT_USER_SIGNER_TIME}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="cu-bar btn-group" style="margin-top: 30upx;">
<button v-if="!forbidEdit && pd.APPLY_STATUS <1 && pd.APPLY_STATUS != -99 && pd.APPLY_STATUS != -98 || !pd.APPLY_STATUS " :loading="buttonloading" class="cu-btn bg-blue margin-tb-sm lg" @click="$noMultipleClicks(goSubmit,'1')">提交</button>
<button v-if="!forbidEdit && pd.APPLY_STATUS <1 && pd.APPLY_STATUS != -99 && pd.APPLY_STATUS != -98 || !pd.APPLY_STATUS " :loading="buttonloading" class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goSubmit,'0')">暂存</button>
<button v-if="pd.APPLY_STATUS == -99 || pd.APPLY_STATUS == -98 ||forbidEdit " class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goback)">返回</button>
</view>
<view class="padding flex flex-direction">
</view>
</scroll-view>
<other-select :visible.sync="otherAssignments" v-model="pd.SPECIAL_WORK" type="assignments"/>
<other-select :visible.sync="otherIdentification" v-model="pd.RISK_IDENTIFICATION" type="identification"/>
</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';
import OtherSelect from '@/components/other-select/index.vue';
export default {
components: {
tkiTree,ruiDatePicker,writingBoard,OtherSelect
},
data() {
return {
baseImgPath:baseImgPath,
buttonloading: false,
isUps:false,
forbidEdit:true,// 禁止修改
msg:'add',
files: [],
files1: [],
noClick:true,
treeNode:[],//部门下拉数据
analyzeUserList:[],
analyzeindex:-1,
limitSpaceList:[],
lindex:-1,
confirmUserList:[],
confirmindex:-1,
guardianUserList:[],
guardianindex:-1,
confessUserList: [],
confessindex:-1,
auditUserList:[],
auditindex:-1,
acceptconfessUserList:[],
acceptconfessindex:-1,
approveUserList:[],
approveindex:-1,
acceptUserList:[],
acceptindex:-1,
pd:{
OTHER_PROTECTIVE_MEASURES: ';_;;_;;_;;_;'
},// 数据
measuresList:[],
rules:[
// {name:'CHECK_NO',message:'请输入编号'},
// {name:'BELONG_CORP',message:'请输入受限空间所属单位'},
{name:'LIMITSPACE_ID',message:'请选择受限空间名称'},
{name:'WORK_CONTENT',message:'请输入作业内容'},
{name:'WORK_START_DATE',message:'请选择工作开始时间'},
{name:'WORK_END_DATE',message:'请选择工作结束时间'},
{name:'MEDIUM_NAME',message:'请输入受限空间内原有介质名称'},
{name:'WORK_USER',message:'请输入作业人'},
{name:'CONFESS_USER_ID',message:'请输入安全交底人'},
{name:'ACCEPT_CONFESS_USER_ID',message:'请输入接受交底人'},
// {name:'GUARDIAN_USER',message:'请输入监护人'},
// {name:'SPECIAL_WORK',message:'请输入关联的其他特殊作业及安全作业票编号'},
{name:'RISK_IDENTIFICATION',message:'请输入风险辨识结果'},
{name:'CONFIRM_USER_ID',message:'请选择作业负责人'},
{name:'GUARDIAN_USER_ID',message:'请选择监护人'},
// {name:'AUDIT_USER_ID',message:'请选择审核部门'},
{name:'APPROVE_USER_ID',message:'请选择审批人'},
{name:'ACCEPT_USER_ID',message:'请选择验收部门负责人'}
],
todayDate:'',
otherAssignments:false,
otherIdentification:false,
}
},
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.pd.OTHER_PROTECTIVE_MEASURES = ''
}
// 初始化现场作业负责人
this.getDept();
this.getLimitSpace();
loginSession();
},
methods: {
//跳转事件
goToDetail(e) {
uni.navigateTo({
url: '/pages/application/confinedspace/confinedspace-gas/gas-name?isShow=true&CONFINEDSPACE_ID='+e
});
},
getCode(){
uni.request({
url: basePath + '/app/confinedspace/getCode',
method: 'POST',
dataType: 'json',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
data: {
CORPINFO_ID: loginUser.CORPINFO_ID,
},
success: (res) => {
this.pd.CHECK_NO = res.data.code;
}
})
},
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,
CORPINFO_ID:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
},
success: (res) => {
if ("success" == res.data.result) {
uni.hideLoading();
_this.pd = res.data.pd; //参数map
console.log(_this.pd)
_this.pd = Object.assign(_this.pd,
{
"CONFIRM_USER_MEASURES": _this.pd.OTHER_PROTECTIVE_MEASURES.split(";_;")[0],
"APPROVE_USER_MEASURES": _this.pd.OTHER_PROTECTIVE_MEASURES.split(";_;")[1],
})
_this.pd.OTHER_PROTECTIVE_MEASURES = ''
_this.measuresList = res.data.measuresList
_this.files = res.data.imgList;
_this.files1 = res.data.imgList1;
if(_this.pd.APPLY_STATUS < 1 ){
_this.forbidEdit = false;
}
this.getUserList(this.pd.CONFIRM_DEPARTMENT_ID,'confirmUserList');
this.getUserList(this.pd.APPROVE_DEPARTMENT_ID,'approveUserList');
this.getUserList(this.pd.ACCEPT_DEPARTMENT_ID,'acceptUserList');
this.getUserList(this.pd.CONFESS_DEPARTMENT_ID,'confessUserList');
this.getUserList(this.pd.ACCEPT_CONFESS_DEPARTMENT_ID,'acceptconfessUserList');
} else if ("exception" == data.result) {
uni.showToast({
title: '错误',
duration: 2000
});
}
}
});
},
goSubmit(STATUS){
var _this = this;
let required = true
uni.showLoading({
title: '请稍候'
})
if(STATUS==1) {
this.rules.map(({name,message}) => {
if (!this.pd[name]) {
uni.showToast({
icon: 'none',
title: message,
duration: 1500
});
required = false
}
})
if(new Date(this.pd.WORK_END_DATE).getTime() - new Date(this.pd.WORK_START_DATE).getTime() <=0){
uni.showToast({
icon: 'none',
title: '作业开始时间不能晚于或等于结束时间,请重新选择',
duration: 1500
});
required = false
}
if(new Date(this.pd.WORK_END_DATE).getTime() - new Date(this.pd.WORK_START_DATE).getTime() >= 86400000){
uni.showToast({
icon: 'none',
title: '受限作业空间作业开始时间与结束时间应不超过24小时请重新选择',
duration: 1500
});
required = false
}
if (!required) {
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
this.buttonloading = true
uni.request({
url: basePath + "app/confinedspace/"+_this.msg,
method: 'POST',
dataType: 'json',
header:{
'Content-type':'application/x-www-form-urlencoded'
},
data: {
...formData,
CORPINFO_ID:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
},
success: (res) => {
uni.showToast({
icon:'none',
title: '保存成功',
duration: 2000
});
_this.goback()
this.buttonloading = false
},
fail: (err) => {
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
})
},
// 获取受限空间列表
ViewShowImage(url) {
let files = [];
files.push(url)
uni.previewImage({
urls: files,
current: 0
});
},
ViewShowImage1(url) {
let files1 = [];
files1.push(url)
uni.previewImage({
urls: files1,
current: 0
});
},
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:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
},
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();//强制刷新
},
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:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
},
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(),
CORPINFO_ID:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
},
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
});
}
}
})
},
isBlankList(userType) {
switch(userType) {
case 'confirm':
if(this.confirmUserList.length == 0) {
uni.showToast({
icon: 'none',
title: '请先选择作业负责人单位',
duration: 1500
})
}
break
case 'guardian':
if(this.guardianUserList.length == 0) {
uni.showToast({
icon: 'none',
title: '请先选择监护人单位',
duration: 1500
})
}
break
case 'confess':
if(this.confessUserList.length == 0) {
uni.showToast({
icon: 'none',
title: '请先选择安全交底人单位',
duration: 1500
})
}
break
case 'acceptconfess':
if(this.acceptconfessUserList.length == 0) {
uni.showToast({
icon: 'none',
title: '请先选择接受交底人单位',
duration: 1500
})
}
break
case 'audit':
if(this.auditUserList.length == 0) {
uni.showToast({
icon: 'none',
title: '请先选择审核单位',
duration: 1500
})
}
break
case 'approve':
if(this.approveUserList.length == 0) {
uni.showToast({
icon: 'none',
title: '请先选择所在单位',
duration: 1500
})
}
break
case 'accept':
if(this.acceptUserList.length == 0) {
uni.showToast({
icon: 'none',
title: '请先选择验收部门',
duration: 1500
})
}
break
}
},
/*
*确认人
*/
// 确定回调事件
confirmtreeConfirm(e) {
this.isUps=false;
this.pd.CONFIRM_DEPARTMENT_ID=e[0].id;
this.pd.CONFIRM_DEPARTMENT_NAME=e[0].name;
this.pd.CONFIRM_USER_ID=''
this.pd.CONFIRM_USER_NAME=''
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'confirmUserList');
},
// 取消回调事件
confirmtreeCancel(e) {
this.isUps=false;
},
// 显示树形选择器
showConfirmTree() {
this.isUps=true
this.$refs.tkiTree_confirm._show();
},
PickerConfirm(e) {
this.confirmindex = e.detail.value;
this.pd.CONFIRM_USER_ID=this.confirmUserList[this.confirmindex].USER_ID;
this.pd.CONFIRM_USER_NAME=this.confirmUserList[this.confirmindex].NAME;
this.$forceUpdate();//强制刷新
},
/*
*分析人
*/
// 确定回调事件
analyzetreeConfirm(e) {
this.isUps=false;
this.pd.ANALYZE_DEPARTMENT_ID=e[0].id;
this.pd.ANALYZE_DEPARTMENT_NAME=e[0].name;
this.pd.ANALYZE_USER_ID = ''
this.pd.ANALYZE_USER_NAME = ''
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'analyzeUserList');
},
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();//强制刷新
},
// 取消回调事件
analyzetreeCancel(e) {
this.isUps=false;
},
// 显示树形选择器
showAnalyzeTree() {
this.isUps=true
this.$refs.tkiTree_analyze._show();
},
/*
*监护人
*/
// 确定回调事件
guardiantreeConfirm(e) {
this.isUps=false;
this.pd.GUARDIAN_DEPARTMENT_ID=e[0].id;
this.pd.GUARDIAN_DEPARTMENT_NAME=e[0].name;
this.pd.GUARDIAN_USER_ID = ''
this.pd.GUARDIAN_USER_NAME = ''
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'guardianUserList');
},
/*
*安全交底人
*/
// 确定回调事件
confesstreeConfirm(e) {
this.isUps=false;
this.pd.CONFESS_DEPARTMENT_ID=e[0].id;
this.pd.CONFESS_DEPARTMENT_NAME=e[0].name;
this.pd.CONFESS_USER_ID = ''
this.pd.CONFESS_USER_NAME = ''
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'confessUserList');
},
/*
*接受交底人
*/
// 确定回调事件
confesstreeAcceptconfirm(e) {
this.isUps=false;
this.pd.ACCEPT_CONFESS_DEPARTMENT_ID=e[0].id;
this.pd.ACCEPT_CONFESS_DEPARTMENT_NAME=e[0].name;
this.pd.ACCEPT_CONFESS_USER_ID = ''
this.pd.ACCEPT_CONFESS_USER_NAME = ''
this.$forceUpdate();//强制刷新
this.getUserList(e[0].id,'acceptconfessUserList');
},
// 取消回调事件
guardiantreeCancel(e) {
this.isUps=false;
},
// 取消回调事件
confesstreeCancel(e) {
this.isUps=false;
},
// 取消回调事件
acceptconfesstreeCancel(e) {
this.isUps=false;
},
// 显示树形选择器
showGuardianTree() {
this.isUps=true
this.$refs.tkiTree_guardian._show();
},
// 显示树形选择器
showConfessTree() {
this.isUps=true
this.$refs.tkiTree_confess._show();
},
// 显示树形选择器
showAcceptconfessTree() {
this.isUps=true
this.$refs.tkiTree_acceptconfess._show();
},
PickerGuardian(e) {
this.guardianindex = e.detail.value;
this.pd.GUARDIAN_USER_ID=this.guardianUserList[this.guardianindex].USER_ID;
this.pd.GUARDIAN_USER_NAME=this.guardianUserList[this.guardianindex].NAME;
this.$forceUpdate();//强制刷新
},
PickerConfess(e) {
this.confessindex = e.detail.value;
this.pd.CONFESS_USER_ID=this.confessUserList[this.confessindex].USER_ID;
this.pd.CONFESS_USER_NAME=this.confessUserList[this.confessindex].NAME;
this.$forceUpdate();//强制刷新
},
PickerAcceptconfess(e) {
this.acceptconfessindex = e.detail.value;
this.pd.ACCEPT_CONFESS_USER_ID=this.acceptconfessUserList[this.acceptconfessindex].USER_ID;
this.pd.ACCEPT_CONFESS_USER_NAME=this.acceptconfessUserList[this.acceptconfessindex].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.pd.APPROVE_USER_ID = ''
this.pd.APPROVE_USER_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.pd.ACCEPT_USER_ID = ''
this.pd.ACCEPT_USER_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();//强制刷新
},
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>