master
parent
da9a050438
commit
ebd06ae462
@ -0,0 +1,35 @@
|
||||
<template>
|
||||
<div>
|
||||
<div id="mapDiv"></div>
|
||||
<!-- <button @click = "open">点击画多边形</button> -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return{
|
||||
}
|
||||
},
|
||||
created(){
|
||||
|
||||
},
|
||||
mounted(){
|
||||
this.loadmap()
|
||||
},
|
||||
methods:{
|
||||
loadmap(){
|
||||
var map = new T.Map("mapDiv");
|
||||
//设置显示地图的中心点和级别
|
||||
map.centerAndZoom(new T.LngLat(116.40969, 39.94940), 12);
|
||||
//允许鼠标双击放大地图
|
||||
map.enableScrollWheelZoom();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
#mapDiv {
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@ -1,799 +0,0 @@
|
||||
<template>
|
||||
|
||||
<!-- 审核 -->
|
||||
<el-dialog class="common-dialog" :title="rainTitle" @close="changeShow" :visible.sync="dialogFormDetailVisible" width="60%">
|
||||
<div class="dialogConcent">
|
||||
<el-scrollbar style="flex: 1">
|
||||
<!-- 疏通疏挖 -->
|
||||
<el-form v-if="rainType==1||rainType==2||rainType==5||rainType==6||rainType==7" :model="formdetail" :rules="{}" ref="formdetail"
|
||||
label-position="right" :label-width="formLabelWidth">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属道路" prop="road_id">
|
||||
{{roadName}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="养护内容" prop="title_id">
|
||||
{{form.title_detail}}
|
||||
<!-- <div v-for="item in maintaninList">
|
||||
<div v-if="item.id==form.title_id">
|
||||
{{item.value}}
|
||||
</div>
|
||||
</div> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="rainType==5">
|
||||
<el-form-item label="出水口编号" prop="number">
|
||||
{{form.number}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="24" v-if="rainType==1||rainType==2">
|
||||
<el-form-item label="覆盖范围" prop="scope">
|
||||
{{form.scope}}米
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="rainType==1||rainType==2">
|
||||
<el-form-item label="点位名称" prop="point_name">
|
||||
{{form.point_name}}
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所在位置" prop="address">
|
||||
{{form.address}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="经度" prop="longitude">
|
||||
{{form.longitude}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="纬度" prop="latitude">
|
||||
{{form.latitude}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="描述" prop="content">
|
||||
{{form.content}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="现场照片" prop="files_list" class="files_check">
|
||||
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
|
||||
ref="pictureUploads">
|
||||
<div slot="file" slot-scope="{file}">
|
||||
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
||||
<span class="el-upload-list__item-actions">
|
||||
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
|
||||
<i class="el-icon-zoom-in"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-form-item label="是否解决" prop="is_solve">
|
||||
<el-tag v-if="form.is_solve==0">否</el-tag>
|
||||
<el-tag type="success" v-if="form.is_solve==1">是</el-tag>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-form-item label="是否违法" prop="is_law">
|
||||
<el-tag v-if="form.is_law==0">否</el-tag>
|
||||
<el-tag type="success" v-if="form.is_law==1">是</el-tag>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="临时处理办法" prop="deal_content">
|
||||
{{form.deal_content}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="form.is_solve==1">
|
||||
<el-form-item label="处理结果" prop="deal_result">
|
||||
{{form.deal_result}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="form.is_solve==1">
|
||||
<el-form-item label="处理后照片" prop="files_deal_list" class="files_check">
|
||||
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card"
|
||||
:file-list="dealFilesList" ref="pictureUploads">
|
||||
<div slot="file" slot-scope="{file}">
|
||||
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
||||
<span class="el-upload-list__item-actions">
|
||||
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
|
||||
<i class="el-icon-zoom-in"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</el-upload>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==0||nowstatus==1&&wf_type!=1">
|
||||
<el-form-item label="备注" prop="content">
|
||||
<el-input type="textarea" v-model="formdetail.content" placeholder="请填写备注"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1&&wf_type!=1">
|
||||
<el-form-item label="有无违法转办" prop="end_type">
|
||||
<el-radio-group v-model="formdetail.end_type">
|
||||
<el-radio :label="0">无</el-radio>
|
||||
<el-radio :label="1">有</el-radio>
|
||||
<el-radio :label="2">养护转办</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1&&formdetail.end_type==2">
|
||||
<el-form-item label="养护转办类型" prop="end_type">
|
||||
<el-select class="width100" v-model="formdetail.type" placeholder="请选择养护转办类型">
|
||||
<el-option v-for="item in yhtypeList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1 && formdetail.end_type==2">
|
||||
<el-form-item label="要求完成时间" prop="end_time">
|
||||
<el-date-picker style="width:100%" v-model="formdetail.end_time" type="datetime" placeholder="选择时间"
|
||||
value-format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1 && formdetail.end_type==2">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input type="textarea" v-model="formdetail.remark" placeholder="请填写备注" autocomplete="off">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="有无违法转办">
|
||||
<el-tag v-if="end_types==0">无</el-tag>
|
||||
<el-tag type="success" v-if="end_types==1">有</el-tag>
|
||||
<el-tag type="success" v-if="end_types==2">养护转办</el-tag>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="要求完成时间">
|
||||
{{form.end_time}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="备注">
|
||||
{{form.remark}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="处理日志" prop="">
|
||||
|
||||
</el-form-item>
|
||||
<el-table :data="rainMaintainLogs" style="width: 90%;margin: 0 auto;">
|
||||
<el-table-column prop="created_at" label="日期" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column prop="content" label="内容">
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="end_type"
|
||||
label="有无违法转办"
|
||||
>
|
||||
|
||||
</el-table-column> -->
|
||||
<el-table-column prop="type_name" label="操作结果">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="adminName" label="操作人" width="180">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
|
||||
|
||||
<!-- 汛期助排 -->
|
||||
<el-form v-if="rainType==3" :model="formdetail" :rules="{}" ref="formdetail" label-position="right"
|
||||
:label-width="formLabelWidth">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属道路" prop="road_id">
|
||||
{{roadName}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所在位置" prop="address">
|
||||
{{form.address}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="经度" prop="longitude">
|
||||
{{form.longitude}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="纬度" prop="latitude">
|
||||
{{form.latitude}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="描述" prop="content">
|
||||
{{form.content}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="现场照片" prop="files_list" class="files_check">
|
||||
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
|
||||
ref="pictureUploads">
|
||||
<div slot="file" slot-scope="{file}">
|
||||
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
||||
<span class="el-upload-list__item-actions">
|
||||
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
|
||||
<i class="el-icon-zoom-in"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-form-item label="是否解决" prop="is_solve">
|
||||
<el-tag v-if="form.is_solve==0">否</el-tag>
|
||||
<el-tag type="success" v-if="form.is_solve==1">是</el-tag>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="临时处理办法" prop="deal_content">
|
||||
{{form.deal_content}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="form.is_solve==1">
|
||||
<el-form-item label="处理结果" prop="deal_result">
|
||||
{{form.deal_result}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="form.is_solve==1">
|
||||
<el-form-item label="处理后照片" prop="files_deal_list" class="files_check">
|
||||
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card"
|
||||
:file-list="dealFilesList" ref="pictureUploads">
|
||||
<div slot="file" slot-scope="{file}">
|
||||
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
||||
<span class="el-upload-list__item-actions">
|
||||
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
|
||||
<i class="el-icon-zoom-in"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</el-upload>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==0||nowstatus==1&&wf_type!=1">
|
||||
<el-form-item label="备注" prop="content">
|
||||
<el-input type="textarea" v-model="formdetail.content" placeholder="请填写备注"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1&&wf_type!=1">
|
||||
<el-form-item label="有无违法转办" prop="end_type">
|
||||
<el-radio-group v-model="formdetail.end_type">
|
||||
<el-radio :label="0">无</el-radio>
|
||||
<el-radio :label="1">有</el-radio>
|
||||
<el-radio :label="2">养护转办</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1&&formdetail.end_type==2">
|
||||
<el-form-item label="养护转办类型" prop="end_type">
|
||||
<el-select class="width100" v-model="formdetail.type" placeholder="请选择养护转办类型">
|
||||
<el-option v-for="item in yhtypeList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1 && formdetail.end_type==2">
|
||||
<el-form-item label="要求完成时间" prop="end_time">
|
||||
<el-date-picker style="width:100%" v-model="formdetail.end_time" type="datetime" placeholder="选择时间"
|
||||
value-format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1 && formdetail.end_type==2">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input type="textarea" v-model="formdetail.remark" placeholder="请填写备注" autocomplete="off">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="有无违法转办">
|
||||
<el-tag v-if="end_types==0">无</el-tag>
|
||||
<el-tag type="success" v-if="end_types==1">有</el-tag>
|
||||
<el-tag type="success" v-if="end_types==2">养护转办</el-tag>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="要求完成时间">
|
||||
{{form.end_time}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="备注">
|
||||
{{form.remark}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="处理日志" prop="">
|
||||
|
||||
</el-form-item>
|
||||
<el-table :data="rainMaintainLogs" style="width: 90%;margin: 0 auto;">
|
||||
<el-table-column prop="created_at" label="日期" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column prop="content" label="内容">
|
||||
</el-table-column>
|
||||
<el-table-column prop="type_name" label="操作结果">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="adminName" label="操作人" width="180">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-col>
|
||||
|
||||
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 污泥外运 -->
|
||||
<el-form v-if="rainType==4" :model="formdetail" :rules="{}" ref="formdetail" label-position="right"
|
||||
:label-width="formLabelWidth">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属道路" prop="road_id">
|
||||
{{roadName}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="外运时间" prop="date">
|
||||
{{form.date}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备用排放点" prop="address">
|
||||
{{form.address}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="描述" prop="content">
|
||||
{{form.content}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="现场照片" prop="files_list" class="files_check">
|
||||
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
|
||||
ref="pictureUploads">
|
||||
<div slot="file" slot-scope="{file}">
|
||||
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
||||
<span class="el-upload-list__item-actions">
|
||||
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
|
||||
<i class="el-icon-zoom-in"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==0||nowstatus==1&&wf_type!=1">
|
||||
<el-form-item label="备注" prop="content">
|
||||
<el-input type="textarea" v-model="formdetail.content" placeholder="请填写备注"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1&&wf_type!=1">
|
||||
<el-form-item label="有无违法转办" prop="end_type">
|
||||
<el-radio-group v-model="formdetail.end_type">
|
||||
<el-radio :label="0">无</el-radio>
|
||||
<el-radio :label="1">有</el-radio>
|
||||
<el-radio :label="2">养护转办</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1&&formdetail.end_type==2">
|
||||
<el-form-item label="养护转办类型" prop="end_type">
|
||||
<el-select class="width100" v-model="formdetail.type" placeholder="请选择养护转办类型">
|
||||
<el-option v-for="item in yhtypeList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1 && formdetail.end_type==2">
|
||||
<el-form-item label="要求完成时间" prop="end_time">
|
||||
<el-date-picker style="width:100%" v-model="formdetail.end_time" type="datetime" placeholder="选择时间"
|
||||
value-format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==1 && formdetail.end_type==0">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input type="textarea" v-model="formdetail.remark" placeholder="请填写备注" autocomplete="off">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="有无违法转办">
|
||||
<el-tag v-if="end_types==0">无</el-tag>
|
||||
<el-tag type="success" v-if="end_types==1">有</el-tag>
|
||||
<el-tag type="success" v-if="end_types==2">养护转办</el-tag>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="要求完成时间">
|
||||
{{form.end_time}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="备注">
|
||||
{{form.remark}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="24" v-if="nowstatus==2||nowstatus==3||nowstatus==4||wf_type==1">
|
||||
<el-form-item label="处理日志" prop="">
|
||||
|
||||
</el-form-item>
|
||||
<el-table :data="rainMaintainLogs" style="width: 90%;margin: 0 auto;">
|
||||
<el-table-column prop="created_at" label="日期" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column prop="content" label="内容">
|
||||
</el-table-column>
|
||||
<el-table-column prop="type_name" label="操作结果">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="adminName" label="操作人" width="180">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="changeShow">关 闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
get
|
||||
} from '../../../../api/rain/maintain.js'
|
||||
import {
|
||||
listarea
|
||||
} from '../../../../api/basic/area.js'
|
||||
import {
|
||||
listroad
|
||||
} from '../../../../api/basic/road.js'
|
||||
import {
|
||||
getparameteritem
|
||||
} from '../../../../api/system/dictionary.js'
|
||||
|
||||
export default {
|
||||
name:"maintainInfo",
|
||||
props:{
|
||||
// dialogFormDetailVisible:{
|
||||
// type:Boolean,
|
||||
// default:() => {
|
||||
// return false
|
||||
// }
|
||||
// }
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rainType:6,
|
||||
maintainids:0,
|
||||
dialogFormDetailVisible:false,
|
||||
// showdiago: this.dialogFormDetailVisible,
|
||||
formLabelWidth: "120px",
|
||||
dialogImageUrl: "",
|
||||
dialogVisible: false,
|
||||
rainTitle: "雨水管道疏挖",
|
||||
tableData: [],
|
||||
yhtypeList: [{
|
||||
id: 1,
|
||||
name: "雨水管道疏挖"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "雨水管道疏通"
|
||||
},{
|
||||
id: 3,
|
||||
name: "汛期助排"
|
||||
},{
|
||||
id: 4,
|
||||
name: "污泥外运"
|
||||
},{
|
||||
id: 5,
|
||||
name: "出水口排查"
|
||||
},{
|
||||
id: 6,
|
||||
name: "专项处理"
|
||||
},{
|
||||
id: 7,
|
||||
name: "维修"
|
||||
}],
|
||||
filesList: [],
|
||||
dealFilesList: [],
|
||||
rainMaintainLogs: [],
|
||||
end_types: 0,
|
||||
disabled: false,
|
||||
idname: "",
|
||||
nowstatus: 0,
|
||||
maintaninList: [],
|
||||
form: {
|
||||
content: "",
|
||||
title_id: "",
|
||||
scope: "",
|
||||
point_name: '',
|
||||
is_solve: 0,
|
||||
is_law: 0,
|
||||
deal_content: "",
|
||||
deal_result: "",
|
||||
address: "",
|
||||
longitude: "",
|
||||
latitude: "",
|
||||
files_list: [],
|
||||
files_deal_list: [],
|
||||
date: "",
|
||||
address: "",
|
||||
road_id: ""
|
||||
},
|
||||
allmaintaninList:[{
|
||||
id:"",
|
||||
value:"所有"
|
||||
}],
|
||||
roadsList: [],
|
||||
roadName: "",
|
||||
roaddisabled: false,
|
||||
roadloading: false,
|
||||
formdetail: {
|
||||
status: 0,
|
||||
end_type: 0,
|
||||
content: "",
|
||||
end_time:"",
|
||||
remark:""
|
||||
},
|
||||
wf_type: 0,
|
||||
|
||||
rules: {
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.info()
|
||||
},
|
||||
watch:{
|
||||
dialogFormDetailVisible(){
|
||||
// this.changeShow()
|
||||
this.showdiago = this.dialogFormDetailVisible
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getUserName(row) {
|
||||
if (row.admin) {
|
||||
return row.admin.name;
|
||||
} else if (row.user) {
|
||||
return row.user.name;
|
||||
} else {
|
||||
return "未知";
|
||||
}
|
||||
|
||||
},
|
||||
changeShow(){
|
||||
this.dialogFormDetailVisible=false
|
||||
// this.$emit("update:dialogFormDetailVisible", false);
|
||||
// this.$emit('shows',this.dialogFormDetailVisible=false);
|
||||
},
|
||||
info(id) {
|
||||
var that = this;
|
||||
console.log("22",id)
|
||||
this.form={}
|
||||
get(id).then(res => {
|
||||
// this.$refs['form'].resetFields();
|
||||
let result = Object.assign(that.form, res);
|
||||
that.rainType = result.type;
|
||||
that.nowstatus = result.status;
|
||||
that.formdetail.id = result.id
|
||||
that.formdetail.end_type = result.end_type
|
||||
that.formdetail.type = parseInt(result.type)
|
||||
that.wf_type = result.end_type
|
||||
if (result.rain_maintain_logs) {
|
||||
for (var k of result.rain_maintain_logs) {
|
||||
k.adminName = k.admin ? k.admin.name : ""
|
||||
}
|
||||
}
|
||||
that.rainMaintainLogs = result.rain_maintain_logs;
|
||||
that.end_types = result.end_type
|
||||
if (that.rainType == 1) {
|
||||
that.rainTitle = "雨水管道疏挖"
|
||||
} else if (that.rainType == 2) {
|
||||
that.rainTitle = "雨水管道疏通"
|
||||
} else if (that.rainType == 3) {
|
||||
that.rainTitle = "汛期助排"
|
||||
} else if (that.rainType == 4) {
|
||||
that.rainTitle = "污泥外运"
|
||||
} else if (that.rainType == 5) {
|
||||
that.rainTitle = "出水口排查"
|
||||
}else if (that.rainType == 6) {
|
||||
that.rainTitle = "专项处理"
|
||||
}else if (that.rainType == 7) {
|
||||
that.rainTitle = "维修"
|
||||
} else {
|
||||
that.rainTitle = "雨管养护"
|
||||
}
|
||||
switch (result.old_type) {
|
||||
case 1:
|
||||
case 2:
|
||||
case 6:
|
||||
case 7:
|
||||
that.form = result.circulation_info;
|
||||
that.form.circulation_id = result.circulation_id;
|
||||
that.roaddisabled = true
|
||||
that.roadName = result.circulation_info.road ? result.circulation_info.road.name : ""
|
||||
that.idname = "circulation_id"
|
||||
that.mapform = [result.circulation_info.longitude, result.circulation_info.latitude, result
|
||||
.circulation_info.address
|
||||
]
|
||||
let _files = [];
|
||||
for (var mod of result.circulation_info.circulation_files) {
|
||||
let m = Object.assign({}, mod);
|
||||
m.url = mod.files.url;
|
||||
m.id = mod.files.id;
|
||||
m.photoType = "before";
|
||||
_files.push(m);
|
||||
}
|
||||
that.filesList = _files;
|
||||
|
||||
let _filesafter = [];
|
||||
for (var mod of result.circulation_info.circulation_deal_files) {
|
||||
let m = Object.assign({}, mod);
|
||||
m.url = mod.files.url;
|
||||
m.id = mod.files.id;
|
||||
m.photoType = "after";
|
||||
_filesafter.push(m);
|
||||
}
|
||||
that.dealFilesList = _filesafter;
|
||||
break;
|
||||
case 3:
|
||||
that.form = result.help_discharge_info;
|
||||
that.form.help_discharge_id = result.help_discharge_id;
|
||||
that.roaddisabled = true
|
||||
that.roadName = result.help_discharge_info.road ? result.help_discharge_info.road.name : ""
|
||||
that.idname = "help_discharge_id"
|
||||
that.mapform = [result.help_discharge_info.longitude, result.help_discharge_info.latitude, result
|
||||
.help_discharge_info.address
|
||||
]
|
||||
let discharge_files = [];
|
||||
for (var mod of result.help_discharge_info.help_discharge_files) {
|
||||
let m = Object.assign({}, mod);
|
||||
m.url = mod.files.url;
|
||||
m.id = mod.files.id;
|
||||
m.photoType = "before";
|
||||
discharge_files.push(m);
|
||||
}
|
||||
that.filesList = discharge_files;
|
||||
|
||||
let discharge_filesafter = [];
|
||||
for (var mod of result.help_discharge_info.help_discharge_deal_files) {
|
||||
let m = Object.assign({}, mod);
|
||||
m.url = mod.files.url;
|
||||
m.id = mod.files.id;
|
||||
m.photoType = "after";
|
||||
discharge_filesafter.push(m);
|
||||
}
|
||||
that.dealFilesList = discharge_filesafter;
|
||||
|
||||
break;
|
||||
case 4:
|
||||
that.form = result.mire_info;
|
||||
that.form.mire_id = result.mire_id;
|
||||
that.roaddisabled = true
|
||||
that.roadName = result.mire_info.road ? result.mire_info.road.name : ""
|
||||
that.idname = "mire_id";
|
||||
let mire_files = [];
|
||||
for (var mod of result.mire_info.mire_files) {
|
||||
let m = Object.assign({}, mod);
|
||||
m.url = mod.files.url;
|
||||
m.id = mod.files.id;
|
||||
m.photoType = "before";
|
||||
mire_files.push(m);
|
||||
}
|
||||
that.filesList = mire_files;
|
||||
break;
|
||||
case 5:
|
||||
that.form = result.out_water_info;
|
||||
that.form.out_water_id = result.out_water_id;
|
||||
that.idname = "out_water_id"
|
||||
that.roaddisabled = true
|
||||
that.roadName = result.out_water_info.road ? result.out_water_info.road.name : ""
|
||||
that.mapform = [result.out_water_info.longitude, result.out_water_info.latitude, result.out_water_info
|
||||
.address
|
||||
]
|
||||
let water_files = [];
|
||||
for (var mod of result.out_water_info.out_water_files) {
|
||||
let m = Object.assign({}, mod);
|
||||
m.url = mod.files.url;
|
||||
m.id = mod.files.id;
|
||||
m.photoType = "before";
|
||||
water_files.push(m);
|
||||
}
|
||||
that.filesList = water_files;
|
||||
|
||||
let water_filesafter = [];
|
||||
for (var mod of result.out_water_info.out_water_deal_files) {
|
||||
let m = Object.assign({}, mod);
|
||||
m.url = mod.files.url;
|
||||
m.id = mod.files.id;
|
||||
m.photoType = "after";
|
||||
water_filesafter.push(m);
|
||||
}
|
||||
that.dealFilesList = water_filesafter;
|
||||
break;
|
||||
}
|
||||
that.form.end_time= result.end_time
|
||||
that.form.remark = result.remark
|
||||
|
||||
}).catch(error => {
|
||||
//reject(error)
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
handlePictureCardPreview(file) {
|
||||
this.dialogImageUrl = file.url;
|
||||
this.dialogVisible = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.dialogConcent {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.width100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.files_check .el-upload.el-upload--picture-card {
|
||||
display: none;
|
||||
}
|
||||
.vm10{
|
||||
margin-right:10px;
|
||||
margin-bottom:10px;
|
||||
height: 32px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.vm10 input {
|
||||
height: 32px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.vm10 .el-select__caret.el-input__icon.el-icon-arrow-up {
|
||||
line-height: 30px;
|
||||
}
|
||||
.vm10 .el-input__icon.el-range__icon.el-icon-date,.vm10 .el-range-separator{
|
||||
line-height: 25px;
|
||||
}
|
||||
.selerchcontent button{
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue