<template>
|
<div>
|
<el-button class="backBtn" size="small" type="success" icon="el-icon-back" @click="handleBack">返 回
|
</el-button>
|
<el-row>
|
<el-col :span="12">
|
<div>
|
<el-card class="trackClass" style="overflow-y: auto">
|
<!--巡检计划信息-->
|
<div
|
style="margin-top: -10px"
|
role="tab"
|
aria-expanded="true"
|
aria-controls="el-collapse-content-823"
|
aria-describedby="el-collapse-content-823"
|
>
|
<div
|
role="button"
|
tabindex="0"
|
class="el-collapse-item__header focusing is-active"
|
>
|
<div class="avue-group__header avue-group">
|
<i class="el-icon-message-solid avue-group__icon"></i>
|
<h1 class="avue-group__title">巡检计划信息</h1>
|
</div>
|
</div>
|
</div>
|
<el-card>
|
<el-form
|
:model="form"
|
label-position="right"
|
size="mini"
|
class="taskinfoForm"
|
label-width="100px"
|
style="
|
margin-top: 20px;
|
margin-left: 10px;
|
margin-right: 10px;
|
height: calc(100% - 40px);
|
width: calc(100% - 20px);
|
"
|
>
|
<el-row>
|
<el-col span="12">
|
<el-form-item label="计划标题">
|
<el-input disabled="true" v-model="form.title" autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col span="12">
|
<el-form-item label="执行周期">
|
<el-input disabled="true" v-model="form.$type" autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col span="12">
|
<el-form-item label="开始时间">
|
<el-input disabled="true" v-model="form.startTime" autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col span="12">
|
<el-form-item label="结束时间">
|
<el-input disabled="true" v-model="form.endTime" autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="计划内容">
|
<el-input disabled="true" v-model="form.content" autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="是否启用">
|
<el-input disabled="true" v-model="form.$status" autocomplete="off"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</el-card>
|
|
<!--巡检人员信息-->
|
<div>
|
<div
|
style="margin-top: 5px"
|
role="tab"
|
aria-expanded="true"
|
aria-controls="el-collapse-content-823"
|
aria-describedby="el-collapse-content-823"
|
>
|
<div
|
role="button"
|
tabindex="0"
|
class="el-collapse-item__header focusing is-active"
|
>
|
<div class="avue-group__header avue-group">
|
<i class="el-icon-s-custom avue-group__icon"></i>
|
<h1 class="avue-group__title">巡检人员信息</h1>
|
</div>
|
</div>
|
</div>
|
<el-card>
|
<el-table
|
ref="multipleTable"
|
:data="taskplanUser"
|
tooltip-effect="dark"
|
style="width: 100%"
|
max-height="240"
|
>
|
<el-table-column prop="name" label="姓名" align="center"></el-table-column>
|
<el-table-column prop="phone" label="联系电话" align="center"></el-table-column>
|
<el-table-column prop="startTime" label="开始时间" align="center"></el-table-column>
|
<el-table-column prop="endTime" label="结束时间" align="center"></el-table-column>
|
</el-table>
|
</el-card>
|
</div>
|
</el-card>
|
</div>
|
</el-col>
|
|
<el-col :span="12">
|
<open-layers-map ref="OpenLayersMap" @toData="toData" :isDetail="true" :routeRange="form.routeRange"></open-layers-map>
|
</el-col>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
import OpenLayersMap from "@/components/OpenLayersMap/index";
|
import {getList} from "@/api/taskinfo/taskplanUser";
|
export default {
|
name: "taskinfoPlanDetail",
|
components: {OpenLayersMap},
|
props:["detailInfo"],
|
data(){
|
return{
|
taskinfo:{},
|
form:{},
|
taskplanUser:[]
|
}
|
},
|
created() {
|
this.form = this.detailInfo;
|
this.getUserList()
|
},
|
methods:{
|
//获取巡检人员信息
|
getUserList(){
|
getList(1,1000,{planId:this.form.id}).then(res=>{
|
if (res.data.code == 200){
|
var data = res.data.data.records
|
this.taskplanUser = data
|
console.log(this.taskplanUser)
|
}
|
})
|
},
|
handleBack(){
|
this.$emit('isDetail');
|
}
|
},
|
}
|
</script>
|
|
<style scoped lang="scss">
|
|
/deep/ .el-table tbody tr:hover > td {
|
background-color: #f3ec94 !important
|
}
|
|
.el-col {
|
height: calc(100% - 5px);
|
}
|
|
.trackClass {
|
height: 85vh;
|
overflow: auto;
|
overflow-x: hidden;
|
}
|
|
.receiving-alarm-box {
|
line-height: 32px !important;
|
height: 200px;
|
overflow-y: auto;
|
|
.el-card__body {
|
padding: 0 10px !important;
|
}
|
}
|
|
#old_video::-webkit-media-controls-timeline {
|
display: block;
|
}
|
|
.el-input.is-disabled ::v-deep .el-input__inner {
|
color: #606266;
|
}
|
</style>
|
