137 lines
3.2 KiB
Vue
137 lines
3.2 KiB
Vue
<template>
|
||
<el-dialog title="远程巡视" :visible.sync="visible" fullscreen custom-class="modal" @closed="handleCloseModal">
|
||
<el-container class="wrap">
|
||
<el-aside width="60%" class="aside">Aside</el-aside>
|
||
<el-main class="main">
|
||
<div class="top-nav">
|
||
<el-button type="primary">班组评价</el-button>
|
||
<el-button type="primary">杆塔信息</el-button>
|
||
<el-button type="primary">设置守望位</el-button>
|
||
</div>
|
||
<div class="detail-content">
|
||
<h3 class="item-title">站班会详情（{{ detail.sgStatus }}） <a href="#" class="fr" style="color: #1890ff">{{ detail.ticketNo }}</a></h3>
|
||
<el-divider />
|
||
<p>标段工程名称：{{ detail.bidName }}</p>
|
||
<p>施工单位：{{ detail.sgdw }}</p>
|
||
<p>监理单位：{{ detail.jldw }}</p>
|
||
<p>施工日期：{{ detail.workDay }}</p>
|
||
<p>开具站班会时间：{{ detail.startTime }}</p>
|
||
<p>作业类型、工序及部位：{{ detail.workContent }}</p>
|
||
<p>工作负责人：{{ detail.workManager }}</p>
|
||
<p>班组长手机号：{{ detail.workManagerPhone }}</p>
|
||
<p>安全监护：{{ detail.safetyManager }}</p>
|
||
|
||
<h3 class="item-title">参与施工人员签名</h3>
|
||
<el-divider />
|
||
|
||
<h3 class="item-title">关键点措施照片</h3>
|
||
<el-divider />
|
||
|
||
<h3 class="item-title">施工方案</h3>
|
||
<el-divider />
|
||
</div>
|
||
</el-main>
|
||
</el-container>
|
||
</el-dialog>
|
||
</template>
|
||
|
||
<script>
|
||
|
||
import { getRemoteWatchDetail } from '@/api/risk/dailyTask'
|
||
import _ from 'lodash/fp'
|
||
|
||
const tmp = {
|
||
bidName: '',
|
||
sgStatus: '',
|
||
workManager: '',
|
||
jldw: '',
|
||
workContent: '',
|
||
changes: '',
|
||
workManagerPhone: '',
|
||
workDay: '',
|
||
safetyManager: '',
|
||
classId: '',
|
||
sgdw: '',
|
||
ticketNo: '',
|
||
currentControl: '',
|
||
startTime: '',
|
||
controll: '',
|
||
ticketId: ''
|
||
}
|
||
|
||
export default {
|
||
name: 'RemoteWatchModal',
|
||
props: ['componentVisible', 'currentId'],
|
||
data() {
|
||
return {
|
||
detail: _.cloneDeep(tmp),
|
||
workerList: []
|
||
}
|
||
},
|
||
computed: {
|
||
visible: {
|
||
get() {
|
||
return this.componentVisible
|
||
},
|
||
set(val) {
|
||
this.$emit('update:componentVisible', val)
|
||
}
|
||
}
|
||
},
|
||
watch: {
|
||
visible(val) {
|
||
if (val) {
|
||
this.getList()
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
getList() {
|
||
getRemoteWatchDetail({ classId: this.currentId }).then(res => {
|
||
const { classDetails, workPeopleLists } = res.data
|
||
this.detail = classDetails
|
||
this.workerList = workPeopleLists
|
||
})
|
||
},
|
||
handleCloseModal() {
|
||
this.detail = _.cloneDeep(tmp)
|
||
this.workerList = []
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
::v-deep .modal {
|
||
display: flex;
|
||
flex-direction: column;
|
||
.el-dialog__body {
|
||
flex: 1 !important;
|
||
padding: unset !important;
|
||
}
|
||
}
|
||
.wrap {
|
||
height: 100%;
|
||
.aside {
|
||
background-color: #ffffff;
|
||
height: inherit;
|
||
box-sizing: border-box;
|
||
}
|
||
.main {
|
||
height: inherit;
|
||
padding: 15px;
|
||
box-sizing: border-box;
|
||
}
|
||
}
|
||
|
||
.item-title {
|
||
border-left: 10px solid #1890ff;
|
||
padding-left: 10px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.el-divider {
|
||
margin: 10px 0 !important;
|
||
}
|
||
</style>
|