<template>
|
<div style="height: 100%">
|
<div class="d-container">
|
<div class="d-row">
|
<div class="d-tit">作业申请单位</div><div class="d-cont">{{details.applyDepName}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">作业类型</div><div class="d-cont">{{details.workTypeDesc}}</div>
|
</div>
|
<div class="d-row" v-if="type == 1 || type == 3 || type == 6 || type == 8">
|
<div class="d-tit">作业等级</div><div class="d-cont">{{details.workLevelDesc}}</div>
|
</div>
|
|
<div class="d-row" v-if="type == 1">
|
<div class="d-tit">动火方式</div><div class="d-cont">{{details.workDetail.workMethod}}</div>
|
</div>
|
<div v-if="type == 2">
|
<div class="d-row">
|
<div class="d-tit">受限空间名称</div><div class="d-cont">{{details.workDetail.csName}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">受限空间原有介质名称</div><div class="d-cont">{{details.workDetail.csOriginalName}}</div>
|
</div>
|
</div>
|
<div v-if="type == 3">
|
<div class="d-row">
|
<div class="d-tit">吊具名称</div><div class="d-cont">{{details.workDetail.hoistingToolName}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">起吊重量(t)</div><div class="d-cont">{{details.workDetail.weightMass}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">司索人</div><div class="d-cont">{{details.workDetail.solicitorUnames}}</div>
|
</div>
|
</div>
|
<div v-if="type == 4">
|
<div class="d-row">
|
<div class="d-tit">作业范围、内容、方式</div><div class="d-cont">{{details.workDetail.gbDesc}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">示意图</div>
|
<div class="d-cont">
|
<el-image v-for="item in details.workDetail.gbPath?.split(',')" :preview-src-list="[item]" style="width: 150px; height: 150px;margin-right: 50px;margin-bottom: 20px" :src="item" fit="cover" />
|
</div>
|
</div>
|
</div>
|
<div v-if="type == 5">
|
<div class="d-row">
|
<div class="d-tit">断路原因</div><div class="d-cont">{{details.workDetail.bcReason}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">涉及相关单位</div><div class="d-cont">{{details.workDetail.involvedDepNames}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">断路地段相关说明</div><div class="d-cont">{{details.workDetail.bcExplain}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">断路地段示意图</div>
|
<div class="d-cont">
|
<el-image v-for="(item,index) in details.workDetail.bcPath?.split(',')" :preview-src-list="[item]" style="width: 150px; height: 150px;margin-right: 50px;margin-bottom: 20px" :src="item" fit="cover"/>
|
</div>
|
</div>
|
</div>
|
<div v-if="type == 6">
|
<div class="d-row">
|
<div class="d-tit">作业高度</div><div class="d-cont">{{details.workDetail.hight}}</div>
|
</div>
|
</div>
|
<div v-if="type == 7">
|
<div class="d-row">
|
<div class="d-tit">电源接入点及许可用电功率</div><div class="d-cont">{{details.workDetail.powerAccessPoint}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">工作电压</div><div class="d-cont">{{details.workDetail.workingVoltage}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">用电设备以及功率</div><div class="d-cont">{{details.workDetail.equipmentAndPower}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">用电人</div><div class="d-cont">{{details.workDetail.electricityUnames}}</div>
|
</div>
|
</div>
|
<div v-if="type == 8">
|
<div class="d-row">
|
<div class="d-tit">设备管道名称</div><div class="d-cont">{{details.workDetail.pipingName}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">管道介质</div><div class="d-cont">{{details.workDetail.media}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">管道温度(℃)</div><div class="d-cont">{{details.workDetail.temperature}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">管道压力(kPa)</div><div class="d-cont">{{details.workDetail.pressure}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">盲板材质</div><div class="d-cont">{{details.workDetail.bpMaterialQuality}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">盲板规格</div><div class="d-cont">{{details.workDetail.bpSpecification}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">盲板编号</div><div class="d-cont">{{details.workDetail.bpCode}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">盲板位置相关描述</div><div class="d-cont">{{details.workDetail.bpLocationDesc}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">盲板位置示意图</div>
|
<div class="d-cont">
|
<el-image v-for="item in details.workDetail.bpLocationMapPath?.split(',')" :preview-src-list="[item]" style="width: 150px; height: 150px;margin-right: 50px;margin-bottom: 20px" :src="item" fit="cover" />
|
</div>
|
</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">作业内容</div><div class="d-cont">{{details.workContent}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">作业地址</div><div class="d-cont">{{details.workLocation}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">作业单位</div>
|
<div class="d-cont" v-if="details.workDepList && details.workDepList.length>0">{{details.workDepList.map(i=>i.workDepName).join(',')}}</div>
|
<div class="d-cont" v-else>{{details.workDepName}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">作业人</div><div class="d-cont">{{details.operatorList.map(i=>{return i.userName + '(' + i.phone+ ')' }).join('、')}}</div>
|
</div>
|
<div class="d-row" v-if="details.involveOtherWork && details.involveOtherWork !== ''">
|
<div class="d-tit">关联其他作业</div><div class="d-cont">{{details.involveOtherWork}}</div>
|
</div>
|
|
<div class="d-row">
|
<div class="d-tit">预计(整体)开始时间</div><div class="d-cont">{{details.expStartTime}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">预计(整体)结束时间</div><div class="d-cont">{{details.expEndTime}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">作业负责人</div><div class="d-cont">{{details.headList.map(i=>{return i.userName + '(' + i.phone+ ')' }).join('、')}}</div>
|
</div>
|
<div class="d-row" v-if="type == 1 || type == 2 || type == 7">
|
<div class="d-tit">作业分析人</div><div class="d-cont">{{details.analystList.map(i=>{return i.userName + '(' + i.phone+ ')' }).join('、')}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">作业监护人</div><div class="d-cont">{{details.guardianList.map(i=>{return i.userName + '(' + i.phone+ ')' }).join('、')}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">绑定执法仪</div><div class="d-cont">{{details.workApprovalDeviceList.map(i=>i.deviceNo).join('、')}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">安全措施确认人</div><div class="d-cont">{{details.safetyMeasureList.map(i=>{return i.userName + '(' + i.phone+ ')'}).join('、')}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">完工验收人</div><div class="d-cont">{{details.acceptUser.userName + '(' + details.acceptUser.phone+ ')'}}</div>
|
</div>
|
<div class="d-row">
|
<div class="d-tit">现场开始结束确认人</div><div class="d-cont">{{details.startOrEndList.map(i=>{return i.userName + '(' + i.phone+ ')'}).join('、')}}</div>
|
</div>
|
|
<div class="d-row">
|
<div class="d-tit">风险研判</div><div class="d-cont">{{ statusList.find(i=>i.value === details.status)?.label }}</div>
|
</div>
|
|
<div class="d-row">
|
<div class="d-tit">现场开始结束确认人</div><div class="d-cont">{{details.startOrEndList.map(i=>{return i.userName + '(' + i.phone+ ')'}).join('、')}}</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script lang="ts">
|
import {toRefs, reactive, defineComponent, ref, defineAsyncComponent, onMounted} from 'vue';
|
import { storeToRefs } from 'pinia';
|
import { initBackEndControlRoutes } from '/@/router/backEnd';
|
import {useUserInfo} from "/@/stores/userInfo";
|
import { Session } from '/@/utils/storage';
|
import { Search } from '@element-plus/icons-vue'
|
import { ElMessage } from 'element-plus'
|
import type { FormInstance, FormRules } from 'element-plus'
|
import { workApplyApi } from '/@/api/specialWorkSystem/workApply';
|
|
|
interface stateType {
|
form: Object,
|
workerList: Array<any>,
|
workTypeList: Array<any>,
|
workLevelList: Array<any>,
|
otherWorkList: Array<any>
|
}
|
export default defineComponent({
|
name: 'detailLog',
|
components: {},
|
props:['type','statusList','details'],
|
setup() {
|
const userInfo = useUserInfo()
|
const { userInfos } = storeToRefs(userInfo);
|
onMounted(() => {
|
|
});
|
return {
|
Search
|
};
|
},
|
});
|
</script>
|
|
<style scoped lang="scss">
|
.home-container {
|
height: 100%;
|
overflow: hidden;
|
position: relative;
|
.el-row{
|
margin-bottom: 20px;
|
}
|
.el-row:last-child {
|
margin-bottom: 0;
|
}
|
.el-input{
|
width: 100% !important;
|
}
|
.el-date-editor::v-deep{
|
width: 100%;
|
}
|
.el-select{
|
width: 100%;
|
}
|
.el-cascader{
|
width: 100% !important;
|
}
|
}
|
.d-container{
|
width: 100%;
|
.d-row{
|
width: 100%;
|
display: flex;
|
align-items: flex-start;
|
.d-tit{
|
width: 150px;
|
text-align: right;
|
padding-right: 12px;
|
}
|
.d-cont{
|
width: calc(100% - 150px);
|
border: 1px solid #dcdfe6;
|
margin-bottom: 22px;
|
border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
|
padding: 5px 11px;
|
}
|
}
|
}
|
</style>
|
