parent
7bc6f5aec7
commit
d9ab440de5
@ -0,0 +1,526 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div style="padding: 0px 20px">
|
||||
<div ref="lxHeader">
|
||||
<LxHeader icon="md-apps" text="雨管巡查查看" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<Input class="vm10" style="width: 200px; margin-right: 10px" v-model="searchFields.keyword"
|
||||
placeholder="关键字搜索" />
|
||||
<el-select class="vm10" v-model="searchFields.road_id" filterable remote reserve-keyword clearable
|
||||
@focus="remoteRoad" placeholder="请输入关键词查找道路" :remote-method="remoteMethod" :loading="roadloading">
|
||||
<el-option v-for="item in roadsList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.area_id" placeholder="请选择所属片区">
|
||||
<el-option v-for="item in selects.areasList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.maintain_id" placeholder="请选择所属养护单位">
|
||||
<el-option v-for="item in selects.maintainList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.status" placeholder="请选择状态">
|
||||
<el-option v-for="item in selects.statusList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.unusual_type_id" placeholder="请选择异常类型">
|
||||
<el-option v-for="item in selects.sunusualList" :key="item.id" :label="item.value" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.type" placeholder="请选择类型">
|
||||
<el-option v-for="item in selects.typeList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.end_type" placeholder="请选择结办类型">
|
||||
<el-option v-for="item in selects.endTypeList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
<el-select class="vm10" filterable v-model="searchFields.ask_content_id" placeholder="请选择巡查内容">
|
||||
<el-option v-for="item in selects.sequiementList" :key="item.id" :label="item.value" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
<el-date-picker class="vm10" v-model="datesearch" type="daterange" range-separator="至"
|
||||
start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
<Button type="primary" @click="load(false)" style="margin-left: 10px">查询</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</LxHeader>
|
||||
</div>
|
||||
<div ref="lxTable">
|
||||
<el-table :data="tableData" @row-click="clickShowInfo" class="v-table"
|
||||
:height="tableHeight" style="width: 100%">
|
||||
<el-table-column type="index" width="50" fixed label="序号" align="center"> </el-table-column>
|
||||
<el-table-column :prop="column.field" :align="column.align" v-for="(column,index) in columns"
|
||||
:label="column.title" :width="column.width" :fixed="column.fixed">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="column.type=='opt'">
|
||||
<Button ghost size="small" @click.native.stop="showInfo(scope.row,'showform')" type="primary"
|
||||
style="margin-left: 10px;">查看</Button>
|
||||
|
||||
</div>
|
||||
<div v-else-if="column.type=='type'">
|
||||
<el-tag v-if="scope.row[column.field]==1">日常雨水设施</el-tag>
|
||||
<el-tag v-if="scope.row[column.field]==2">在建工地巡查</el-tag>
|
||||
</div>
|
||||
<div v-else-if="column.type=='end_type'">
|
||||
<el-tag v-if="scope.row[column.field]==2" type="warning">有</el-tag>
|
||||
<el-tag v-else>无</el-tag>
|
||||
</div>
|
||||
<div v-else-if="column.type=='status'">
|
||||
<el-tag v-if="scope.row[column.field]==0">待审核</el-tag>
|
||||
<el-tag type="success" v-if="scope.row[column.field]==1">已审核</el-tag>
|
||||
<el-tag type="warning" v-if="scope.row[column.field]==2">已办结</el-tag>
|
||||
<el-tag type="info" v-if="scope.row[column.field]==3">已退回</el-tag>
|
||||
</div>
|
||||
<div v-else-if="column.type=='audit_status' && scope.row['status']==2">
|
||||
<el-tag v-if="scope.row[column.field]==0">待复核</el-tag>
|
||||
<el-tag type="success" v-if="scope.row[column.field]==1">已复核</el-tag>
|
||||
</div>
|
||||
<div v-else-if="column.type=='audit_status' && scope.row['status']!=2">
|
||||
无
|
||||
</div>
|
||||
<div v-else-if="column.type=='format'">
|
||||
{{scope.row[column.field]?scope.row[column.field].name:""}}
|
||||
</div>
|
||||
<div v-else-if="column.type=='admin'">
|
||||
{{getUserName(scope.row)}}
|
||||
</div>
|
||||
<div v-else-if="column.type=='maintain'">
|
||||
{{getMaintinName(scope.row)}}
|
||||
</div>
|
||||
<div v-else>{{scope.row[column.field]}}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="pagination">
|
||||
<el-pagination @current-change="handleCurrentChange" :current-page="paginations.page"
|
||||
:page-size="paginations.page_size" background layout="prev, pager, next" :total="paginations.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 查看 审核 办结 -->
|
||||
<showRainEquipmentInfo ref="showRainEquipmentInfo" @auditSuccess="load"></showRainEquipmentInfo>
|
||||
<showRainSiteInfo ref="showRainSiteInfo" @auditSuccess="load"></showRainSiteInfo>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
listall,
|
||||
del,
|
||||
review
|
||||
} from '../../../api/rain/inspection.js'
|
||||
import {
|
||||
getToken
|
||||
} from '@/utils/auth'
|
||||
import {
|
||||
getCurrentMonthFirst,
|
||||
getCurrentMonthLast
|
||||
} from '@/utils/index'
|
||||
|
||||
import {
|
||||
getparameteritem
|
||||
} from '../../../api/system/dictionary.js'
|
||||
import {
|
||||
listarea
|
||||
} from '../../../api/basic/area.js'
|
||||
import {
|
||||
listmaintain
|
||||
} from '../../../api/basic/unit.js'
|
||||
import {
|
||||
listroad
|
||||
} from '../../../api/basic/road.js'
|
||||
import LxHeader from "@/components/LxHeader/index.vue";
|
||||
import showRainEquipmentInfo from '@/views/rain/inspection/components/showRainEquipmentInfo'
|
||||
import showRainSiteInfo from '@/views/rain/inspection/components/showRainSiteInfo'
|
||||
export default {
|
||||
components: {
|
||||
LxHeader,
|
||||
showRainEquipmentInfo,
|
||||
showRainSiteInfo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tableHeight: 0,
|
||||
formLabelWidth: "120px",
|
||||
baseurl: "",
|
||||
rainTypeVisible: false,
|
||||
rainType: 1,
|
||||
mapArr: [],
|
||||
tableData: [],
|
||||
paginations: {
|
||||
page: 1,
|
||||
page_size: 15,
|
||||
total: 0
|
||||
},
|
||||
|
||||
searchFields: {
|
||||
is_export: 0,
|
||||
is_auth: 1
|
||||
},
|
||||
datesearch: "",
|
||||
roadsList: [],
|
||||
roaddisabled: false,
|
||||
roadloading: false,
|
||||
selects: {
|
||||
sunusualList: [{
|
||||
id: "",
|
||||
value: "所有"
|
||||
}],
|
||||
areasList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}],
|
||||
typeList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "日常雨水设施"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "在建工地"
|
||||
}],
|
||||
statusList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 0,
|
||||
name: "未审核"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "已审核"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "已办结"
|
||||
}, {
|
||||
id: 3,
|
||||
name: "已退回"
|
||||
}],
|
||||
endTypeList: [{
|
||||
id: 0,
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "养护转办"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "违法转办"
|
||||
}],
|
||||
sequiementList: [{
|
||||
id: "",
|
||||
value: "所有"
|
||||
}],
|
||||
maintainList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}]
|
||||
},
|
||||
|
||||
reviewFormVisible: false,
|
||||
reviewList: [],
|
||||
reviewForm: {
|
||||
ids: [],
|
||||
audit_status: 0,
|
||||
audit_reamrk: ""
|
||||
},
|
||||
reviewStatusList: [{
|
||||
id: 0,
|
||||
value: "待复核"
|
||||
}, {
|
||||
id: 1,
|
||||
value: "已复核"
|
||||
}],
|
||||
|
||||
rules: {
|
||||
|
||||
},
|
||||
|
||||
columns: [{
|
||||
field: "address",
|
||||
title: "地址",
|
||||
type: "string",
|
||||
align: "left",
|
||||
width: 360
|
||||
},
|
||||
{
|
||||
field: "area_info",
|
||||
title: "所属片区",
|
||||
type: "format",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "maintain",
|
||||
title: "所属养护单位",
|
||||
type: "maintain",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "askName",
|
||||
title: "巡查内容",
|
||||
type: "string",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "type",
|
||||
title: "类型",
|
||||
type: "type",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "end_type",
|
||||
title: "是否有违法转办",
|
||||
type: "end_type",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "status",
|
||||
title: "状态",
|
||||
type: "status",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "audit_status",
|
||||
title: "复核状态",
|
||||
type: "audit_status",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
|
||||
{
|
||||
field: "userName",
|
||||
title: "提交人",
|
||||
type: "admin",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "created_at",
|
||||
title: "提交日期",
|
||||
type: "string",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "操作",
|
||||
title: "操作",
|
||||
width: 120,
|
||||
align:"center",
|
||||
type: "opt",
|
||||
fixed: "right"
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initLoad();
|
||||
this.load();
|
||||
|
||||
},
|
||||
watch: {
|
||||
|
||||
datesearch(newVal, oldVal) {
|
||||
if (newVal) {
|
||||
this.searchFields.start_date = newVal[0]
|
||||
this.searchFields.end_date = newVal[1]
|
||||
} else {
|
||||
this.searchFields.start_date = ""
|
||||
this.searchFields.end_date = ""
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
initLoad() {
|
||||
var that = this;
|
||||
var clientHeight = document.documentElement.clientHeight
|
||||
var lxHeader_height = 96.5; //查询 头部
|
||||
var paginationHeight = 37; //分页的高度
|
||||
var topHeight = 50; //页面 头部
|
||||
let tableHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 60;
|
||||
that.tableHeight = tableHeight;
|
||||
|
||||
that.baseurl = location.host;
|
||||
|
||||
getparameteritem('equiementList').then(res => {
|
||||
for (var m of res.detail) {
|
||||
that.selects.sequiementList.push(m)
|
||||
}
|
||||
})
|
||||
getparameteritem('unusualList').then(res => {
|
||||
for (var m of res.detail) {
|
||||
that.selects.sunusualList.push(m)
|
||||
}
|
||||
})
|
||||
|
||||
listarea({
|
||||
page: 1,
|
||||
page_size: 999
|
||||
}).then(res => {
|
||||
for (var m of res.data) {
|
||||
that.selects.areasList.push({
|
||||
id: m.id,
|
||||
name: m.name
|
||||
})
|
||||
}
|
||||
})
|
||||
listmaintain({
|
||||
page: 1,
|
||||
page_size: 999,
|
||||
}).then(response => {
|
||||
for (var m of response.data) {
|
||||
this.selects.maintainList.push(m)
|
||||
}
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
});
|
||||
},
|
||||
load(is_export) {
|
||||
listall({
|
||||
page: this.paginations.page,
|
||||
page_size: this.paginations.page_size,
|
||||
...this.searchFields
|
||||
}).then(response => {
|
||||
for (var m of response.data) {
|
||||
if (m.rain_equipment_info) {
|
||||
m.askName = m.rain_equipment_info.ask_content_detail ? m.rain_equipment_info.ask_content_detail :
|
||||
""
|
||||
}
|
||||
}
|
||||
this.tableData = response.data;
|
||||
this.paginations.total = response.total;
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
|
||||
handleCurrentChange(page) {
|
||||
this.paginations.page = page;
|
||||
this.load();
|
||||
},
|
||||
|
||||
clickShowInfo(row) {
|
||||
this.showInfo(row, 'showform')
|
||||
},
|
||||
// 审核 办结 查看
|
||||
showInfo(obj, formtype) {
|
||||
// 日常雨水设施
|
||||
if (obj.type == 1) {
|
||||
this.$refs.showRainEquipmentInfo.isShow = true
|
||||
this.$refs.showRainEquipmentInfo.getEquipmentInfo(obj.id)
|
||||
this.$refs.showRainEquipmentInfo.infoId = obj.id
|
||||
this.$refs.showRainEquipmentInfo.formType = formtype
|
||||
}
|
||||
// 工地
|
||||
if (obj.type == 2) {
|
||||
this.$refs.showRainSiteInfo.isShow = true
|
||||
this.$refs.showRainSiteInfo.getSiteInfo(obj.id)
|
||||
this.$refs.showRainSiteInfo.infoId = obj.id
|
||||
this.$refs.showRainSiteInfo.formType = formtype
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
|
||||
getUserName(row) {
|
||||
if (row.admin) {
|
||||
return row.admin.name;
|
||||
} else if (row.user) {
|
||||
return row.user.name;
|
||||
} else {
|
||||
return "未知";
|
||||
}
|
||||
},
|
||||
getMaintinName(row) {
|
||||
if (row.user) {
|
||||
if (row.user.maintain) {
|
||||
return row.user.maintain.name;
|
||||
} else {
|
||||
return "";
|
||||
}
|
||||
|
||||
} else {
|
||||
return "";
|
||||
}
|
||||
},
|
||||
remoteRoad() {
|
||||
this.roadsList = []
|
||||
},
|
||||
remoteMethod(query) {
|
||||
|
||||
if (query != '') {
|
||||
this.roadloading = true
|
||||
listroad({
|
||||
name: query
|
||||
}).then(res => {
|
||||
this.roadloading = false
|
||||
this.roadsList = res.data
|
||||
})
|
||||
} else {
|
||||
this.roadsList = []
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.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>
|
||||
@ -1,8 +1,203 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div style="padding: 0px">
|
||||
|
||||
<div ref="lxTable">
|
||||
<maps ref="maps" @loadMap="loadMap"></maps>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
listall
|
||||
} from '../../../api/rain/inspection.js'
|
||||
import {
|
||||
getCurrentMonthFirst,
|
||||
getCurrentMonthLast
|
||||
} from '@/utils/index'
|
||||
|
||||
import {
|
||||
getparameteritem
|
||||
} from '../../../api/system/dictionary.js'
|
||||
import {
|
||||
listarea
|
||||
} from '../../../api/basic/area.js'
|
||||
import {
|
||||
listmaintain
|
||||
} from '../../../api/basic/unit.js'
|
||||
import {
|
||||
listroad
|
||||
} from '../../../api/basic/road.js'
|
||||
import maps from '@/views/rain/inspection/components/maps'
|
||||
export default {
|
||||
components: {
|
||||
maps
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
mapArr: [],
|
||||
searchFields: {
|
||||
is_export: 0,
|
||||
is_auth: 1
|
||||
},
|
||||
datesearch: "",
|
||||
roadsList: [],
|
||||
roaddisabled: false,
|
||||
roadloading: false,
|
||||
selects: {
|
||||
sunusualList: [{
|
||||
id: "",
|
||||
value: "所有"
|
||||
}],
|
||||
areasList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}],
|
||||
typeList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "日常雨水设施"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "在建工地"
|
||||
}],
|
||||
statusList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 0,
|
||||
name: "未审核"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "已审核"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "已办结"
|
||||
}, {
|
||||
id: 3,
|
||||
name: "已退回"
|
||||
}],
|
||||
endTypeList: [{
|
||||
id: 0,
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "养护转办"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "违法转办"
|
||||
}],
|
||||
sequiementList: [{
|
||||
id: "",
|
||||
value: "所有"
|
||||
}],
|
||||
maintainList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}]
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initLoad();
|
||||
this.showMap();
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
methods: {
|
||||
initLoad() {
|
||||
var that = this;
|
||||
getparameteritem('equiementList').then(res => {
|
||||
for (var m of res.detail) {
|
||||
that.selects.sequiementList.push(m)
|
||||
}
|
||||
})
|
||||
getparameteritem('unusualList').then(res => {
|
||||
for (var m of res.detail) {
|
||||
that.selects.sunusualList.push(m)
|
||||
}
|
||||
})
|
||||
|
||||
listarea({
|
||||
page: 1,
|
||||
page_size: 999
|
||||
}).then(res => {
|
||||
for (var m of res.data) {
|
||||
that.selects.areasList.push({
|
||||
id: m.id,
|
||||
name: m.name
|
||||
})
|
||||
}
|
||||
})
|
||||
listmaintain({
|
||||
page: 1,
|
||||
page_size: 999,
|
||||
}).then(response => {
|
||||
for (var m of response.data) {
|
||||
this.selects.maintainList.push(m)
|
||||
}
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
});
|
||||
},
|
||||
|
||||
showMap() {
|
||||
this.loadMap(this.searchFields)
|
||||
this.$nextTick(function() {
|
||||
this.$refs.maps.pointArr = this.mapArr
|
||||
this.$refs.maps.isShow = true
|
||||
this.$refs.maps.mapdatesearch = [getCurrentMonthFirst(),getCurrentMonthLast()]
|
||||
this.$refs.maps.selects = this.selects
|
||||
})
|
||||
},
|
||||
// 查询地图 点位
|
||||
loadMap(search) {
|
||||
// return
|
||||
this.mapArr = []
|
||||
listall({
|
||||
page: 1,
|
||||
page_size: 9999999,
|
||||
start_date: getCurrentMonthFirst(),
|
||||
end_date: getCurrentMonthLast(),
|
||||
...search
|
||||
}).then(response => {
|
||||
for (var m of response.data) {
|
||||
if (m.rain_equipment_info) {
|
||||
this.mapArr.push([
|
||||
m.rain_equipment_info.longitude, m.rain_equipment_info.latitude, m.rain_equipment_info.address,
|
||||
m.id, m.type
|
||||
])
|
||||
}
|
||||
if (m.building_site_info) {
|
||||
this.mapArr.push([
|
||||
m.building_site_info.building_site.longitude, m.building_site_info.building_site.latitude, m
|
||||
.building_site_info.building_site.address, m.id, m.type
|
||||
])
|
||||
}
|
||||
}
|
||||
this.$refs.maps.showSearch = false
|
||||
this.$refs.maps.pointArr = this.mapArr
|
||||
this.$refs.maps.resetPointArr()
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,547 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div style="padding: 0px 20px">
|
||||
<div ref="lxHeader">
|
||||
<LxHeader icon="md-apps" text="雨管养护管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<Input class="vm10" style="width: 200px; margin-right: 10px" v-model="searchFields.keyword"
|
||||
placeholder="关键字搜索" />
|
||||
<el-select class="vm10" v-model="searchFields.road_id" filterable remote reserve-keyword clearable
|
||||
@focus="remoteRoad" placeholder="请输入关键词查找道路" :remote-method="remoteMethod" :loading="roadloading">
|
||||
<el-option v-for="item in roadsList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.area_id" placeholder="请选择所属片区">
|
||||
<el-option v-for="item in selects.areasList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.maintain_id" placeholder="请选择所属养护单位">
|
||||
<el-option v-for="item in selects.maintaingroupList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.status" placeholder="请选择状态">
|
||||
<el-option v-for="item in selects.statusList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.type" placeholder="请选择类型">
|
||||
<el-option v-for="item in selects.typeList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select class="vm10" filterable v-model="searchFields.end_type" placeholder="请选择结办类型">
|
||||
<el-option v-for="item in selects.endTypeList" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
<el-select class="vm10" filterable v-model="searchFields.title_id" placeholder="请选择养护内容">
|
||||
<el-option v-for="item in allmaintaninList" :key="item.id" :label="item.value" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
<el-date-picker class="vm10" v-model="datesearch" type="daterange" range-separator="至"
|
||||
start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
<Button type="primary" @click="load(false)" style="margin-left: 10px">查询</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</LxHeader>
|
||||
</div>
|
||||
<div ref="lxTable">
|
||||
<el-table :data="tableData" class="v-table" @row-click="clickShowInfo"
|
||||
:height="tableHeight" style="width: 100%">
|
||||
<el-table-column type="index" width="50" fixed label="序号" align="center"> </el-table-column>
|
||||
<el-table-column :prop="column.field" :align="column.align" v-for="(column,index) in columns"
|
||||
:label="column.title" :width="column.width" :fixed="column.fixed">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="column.type=='opt'">
|
||||
<Button ghost size="small" @click.native.stop="showInfo(scope.row,'showform')" type="primary"
|
||||
style="margin-left: 10px;">查看</Button>
|
||||
|
||||
</div>
|
||||
<div v-else-if="column.type=='end_type'">
|
||||
<el-tag v-if="scope.row[column.field]==1" type="warning">有</el-tag>
|
||||
<el-tag v-else>无</el-tag>
|
||||
</div>
|
||||
<div v-else-if="column.type=='old_type'">
|
||||
<div v-for="item in selects.typeList">
|
||||
<el-tag v-if="scope.row[column.field]==item.id">{{item.name}}</el-tag>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div v-else-if="column.type=='status'">
|
||||
<el-tag v-if="scope.row[column.field]==0">待审核</el-tag>
|
||||
<el-tag type="success" v-if="scope.row[column.field]==1">已审核</el-tag>
|
||||
<el-tag type="warning" v-if="scope.row[column.field]==2">已办结</el-tag>
|
||||
<el-tag type="info" v-if="scope.row[column.field]==3">已退回</el-tag>
|
||||
<el-tag type="danger" v-if="scope.row[column.field]==4">缺陷办结</el-tag>
|
||||
|
||||
</div>
|
||||
<div v-else-if="column.type=='audit_status' && scope.row['status']==2">
|
||||
<el-tag v-if="scope.row[column.field]==0">待复核</el-tag>
|
||||
<el-tag type="success" v-if="scope.row[column.field]==1">已复核</el-tag>
|
||||
<!-- <el-tag type="warning" v-if="scope.row[column.field]==2">未通过</el-tag> -->
|
||||
</div>
|
||||
<div v-else-if="column.type=='audit_status' && scope.row['status']!=2">
|
||||
无
|
||||
</div>
|
||||
<div v-else-if="column.type=='format'">
|
||||
{{scope.row[column.field]?scope.row[column.field].name:""}}
|
||||
</div>
|
||||
<div v-else-if="column.type=='admin'">
|
||||
{{getUserName(scope.row)}}
|
||||
</div>
|
||||
<div v-else-if="column.type=='maintain'">
|
||||
{{getMaintinName(scope.row)}}
|
||||
</div>
|
||||
<!-- <div v-else-if="column.type=='end_type'">
|
||||
<el-tag v-if="scope.row[column.field]==0">无</el-tag>
|
||||
<el-tag type="danger" v-if="scope.row[column.field]==1" >违法转办</el-tag>
|
||||
</div> -->
|
||||
<div v-else>{{scope.row[column.field]}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="pagination">
|
||||
<el-pagination @current-change="handleCurrentChange" :current-page="paginations.page"
|
||||
:page-size="paginations.page_size" background layout="prev, pager, next" :total="paginations.total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 查看 审核 办结 -->
|
||||
<showCirculationInfo ref="showCirculationInfo" @auditSuccess="load"></showCirculationInfo>
|
||||
<showDischargeInfo ref="showDischargeInfo" @auditSuccess="load"></showDischargeInfo>
|
||||
<showMireInfo ref="showMireInfo" @auditSuccess="load"></showMireInfo>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
listmain,
|
||||
get,
|
||||
del,
|
||||
update,
|
||||
review
|
||||
} from '../../../api/rain/maintain.js'
|
||||
import {
|
||||
getToken
|
||||
} from '@/utils/auth'
|
||||
import {
|
||||
listarea
|
||||
} from '../../../api/basic/area.js'
|
||||
import {
|
||||
listroad
|
||||
} from '../../../api/basic/road.js'
|
||||
import {
|
||||
listmaintain
|
||||
} from '../../../api/basic/unit.js'
|
||||
import {
|
||||
getparameteritem
|
||||
} from '../../../api/system/dictionary.js'
|
||||
import LxHeader from "@/components/LxHeader/index.vue";
|
||||
import showCirculationInfo from '@/views/rain/maintain/components/showCirculationInfo'
|
||||
import showDischargeInfo from '@/views/rain/maintain/components/showDischargeInfo'
|
||||
import showMireInfo from '@/views/rain/maintain/components/showMireInfo'
|
||||
import {
|
||||
getCurrentMonthFirst,
|
||||
getCurrentMonthLast
|
||||
} from "@/utils/index"
|
||||
|
||||
export default {
|
||||
components: {
|
||||
LxHeader,
|
||||
showCirculationInfo,
|
||||
showDischargeInfo,
|
||||
showMireInfo
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tableHeight: 0,
|
||||
formLabelWidth: "120px",
|
||||
mapArr: [],
|
||||
tableData: [],
|
||||
paginations: {
|
||||
page: 1,
|
||||
page_size: 15,
|
||||
total: 0
|
||||
},
|
||||
tableHeight: 0,
|
||||
rainTypeVisible: false,
|
||||
rainType: 1,
|
||||
|
||||
datesearch: "",
|
||||
baseurl: "",
|
||||
|
||||
searchFields: {
|
||||
is_export: 0,
|
||||
is_auth: 1
|
||||
},
|
||||
roadsList: [],
|
||||
roadName: "",
|
||||
roaddisabled: false,
|
||||
roadloading: false,
|
||||
selects: {
|
||||
areasList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}],
|
||||
typeList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "雨水管道疏挖"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "雨水管道疏通"
|
||||
}, {
|
||||
id: 3,
|
||||
name: "汛期助排"
|
||||
}, {
|
||||
id: 4,
|
||||
name: "污泥外运"
|
||||
}, {
|
||||
id: 5,
|
||||
name: "出水口排查"
|
||||
}, {
|
||||
id: 6,
|
||||
name: "专项处理"
|
||||
}, {
|
||||
id: 7,
|
||||
name: "维修"
|
||||
}],
|
||||
statusList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 0,
|
||||
name: "未审核"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "已审核"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "已办结"
|
||||
}, {
|
||||
id: 3,
|
||||
name: "已退回"
|
||||
}],
|
||||
endTypeList: [{
|
||||
id: 0,
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "养护转办"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "违法转办"
|
||||
}],
|
||||
maintaingroupList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}],
|
||||
},
|
||||
maintaninList: [],
|
||||
allmaintaninList: [{
|
||||
id: "",
|
||||
value: "所有"
|
||||
}],
|
||||
|
||||
reviewFormVisible: false,
|
||||
reviewList: [],
|
||||
reviewForm: {
|
||||
ids: [],
|
||||
audit_status: 0,
|
||||
audit_reamrk: ""
|
||||
},
|
||||
reviewStatusList: [{
|
||||
id: 0,
|
||||
value: "待复核"
|
||||
}, {
|
||||
id: 1,
|
||||
value: "已复核"
|
||||
}],
|
||||
columns: [{
|
||||
field: "address",
|
||||
title: "地址/排放点",
|
||||
type: "string",
|
||||
align: "left",
|
||||
width: 360
|
||||
},
|
||||
{
|
||||
field: "area_info",
|
||||
title: "所属片区",
|
||||
type: "format",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "maintain",
|
||||
title: "所属养护单位",
|
||||
type: "maintain",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "old_type",
|
||||
title: "类型",
|
||||
type: "old_type",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "end_type",
|
||||
title: "有无违法转办",
|
||||
type: "end_type",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "status",
|
||||
title: "状态",
|
||||
type: "status",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "audit_status",
|
||||
title: "复核状态",
|
||||
type: "audit_status",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
// {
|
||||
// field: "end_type",
|
||||
// title: "结办类型",
|
||||
// type: "end_type",
|
||||
// align: "center",
|
||||
// width:160
|
||||
// },
|
||||
{
|
||||
field: "userName",
|
||||
title: "提交人",
|
||||
type: "admin",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "created_at",
|
||||
title: "提交日期",
|
||||
type: "string",
|
||||
align: "center",
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
field: "操作",
|
||||
title: "操作",
|
||||
width: 120,
|
||||
align:"center",
|
||||
type: "opt",
|
||||
fixed: "right"
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initLoad();
|
||||
this.load();
|
||||
|
||||
},
|
||||
watch: {
|
||||
rainType() {
|
||||
this.roadsList = []
|
||||
},
|
||||
datesearch(newVal, oldVal) {
|
||||
if (newVal) {
|
||||
this.searchFields.start_date = newVal[0]
|
||||
this.searchFields.end_date = newVal[1]
|
||||
} else {
|
||||
this.searchFields.start_date = ""
|
||||
this.searchFields.end_date = ""
|
||||
}
|
||||
|
||||
},
|
||||
'searchFields.type': function(val) {
|
||||
if (val == 1 || val == 2 || val == 3 || val == 5 || val == 6 || val == 7) {
|
||||
getparameteritem('maintainContent_' + val).then(res => {
|
||||
for (var m of res.detail) {
|
||||
this.allmaintaninList.push(m)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.allmaintaninList = [{
|
||||
id: "",
|
||||
value: "所有"
|
||||
}]
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
initLoad() {
|
||||
var that = this;
|
||||
var clientHeight = document.documentElement.clientHeight
|
||||
var lxHeader_height = 96.5; //查询 头部
|
||||
var paginationHeight = 37; //分页的高度
|
||||
var topHeight = 50; //页面 头部
|
||||
let tableHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20;
|
||||
that.tableHeight = tableHeight;
|
||||
that.baseurl = location.host; //process.env.VUE_APP_BASE_API
|
||||
// this.uploadOther.token = getToken();
|
||||
listarea({
|
||||
page: 1,
|
||||
page_size: 99
|
||||
}).then(res => {
|
||||
|
||||
for (var m of res.data) {
|
||||
that.selects.areasList.push({
|
||||
id: m.id,
|
||||
name: m.name
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
listmaintain({
|
||||
page: 1,
|
||||
page_size: 999,
|
||||
}).then(response => {
|
||||
for (var m of response.data) {
|
||||
this.selects.maintaingroupList.push(m)
|
||||
}
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
});
|
||||
},
|
||||
handleCurrentChange(page) {
|
||||
this.paginations.page = page;
|
||||
this.load();
|
||||
},
|
||||
load(is_export) {
|
||||
listmain({
|
||||
page: this.paginations.page,
|
||||
page_size: this.paginations.page_size,
|
||||
...this.searchFields
|
||||
}).then(response => {
|
||||
this.tableData = response.data;
|
||||
this.paginations.total = response.total;
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
remoteRoad() {
|
||||
this.roadsList = []
|
||||
},
|
||||
remoteMethod(query) {
|
||||
if (query != '') {
|
||||
this.roadloading = true
|
||||
listroad({
|
||||
name: query
|
||||
}).then(res => {
|
||||
this.roadloading = false
|
||||
this.roadsList = res.data
|
||||
})
|
||||
} else {
|
||||
this.roadsList = []
|
||||
}
|
||||
},
|
||||
resetrainType() {
|
||||
this.rainType = 1
|
||||
this.rainTypeVisible = false
|
||||
},
|
||||
|
||||
clickShowInfo(row) {
|
||||
this.showInfo(row, 'showform')
|
||||
},
|
||||
// 查看 审核 办结
|
||||
showInfo(obj, formtype) {
|
||||
if (obj.old_type == 1 || obj.old_type == 2 || obj.old_type == 6 || obj.old_type == 7 || obj.old_type == 5) {
|
||||
this.$refs.showCirculationInfo.isShow = true
|
||||
this.$refs.showCirculationInfo.infoId = obj.id
|
||||
this.$refs.showCirculationInfo.formType = formtype
|
||||
this.$refs.showCirculationInfo.getInfo(obj.id)
|
||||
} else if (obj.old_type == 3) {
|
||||
this.$refs.showDischargeInfo.isShow = true
|
||||
this.$refs.showDischargeInfo.infoId = obj.id
|
||||
this.$refs.showDischargeInfo.formType = formtype
|
||||
this.$refs.showDischargeInfo.getInfo(obj.id)
|
||||
} else if (obj.old_type == 4) {
|
||||
this.$refs.showMireInfo.isShow = true
|
||||
this.$refs.showMireInfo.infoId = obj.id
|
||||
this.$refs.showMireInfo.formType = formtype
|
||||
this.$refs.showMireInfo.getInfo(obj.id)
|
||||
}
|
||||
},
|
||||
getUserName(row) {
|
||||
if (row.admin) {
|
||||
return row.admin.name;
|
||||
} else if (row.user) {
|
||||
return row.user.name;
|
||||
} else {
|
||||
return "未知";
|
||||
}
|
||||
|
||||
},
|
||||
getMaintinName(row) {
|
||||
if (row.user) {
|
||||
if (row.user.maintain) {
|
||||
return row.user.maintain.name;
|
||||
} else {
|
||||
return "";
|
||||
}
|
||||
|
||||
} else {
|
||||
return "";
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</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>
|
||||
@ -1,8 +1,216 @@
|
||||
<template>
|
||||
</template>
|
||||
|
||||
<template>
|
||||
<div class="container">
|
||||
<div style="padding: 0px">
|
||||
|
||||
<div ref="lxTable">
|
||||
<maps ref="maps" @loadMap="loadMap"></maps>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
import {
|
||||
listmain
|
||||
} from '../../../api/rain/maintain.js'
|
||||
import {
|
||||
getCurrentMonthFirst,
|
||||
getCurrentMonthLast
|
||||
} from '@/utils/index'
|
||||
import {
|
||||
listarea
|
||||
} from '../../../api/basic/area.js'
|
||||
import {
|
||||
listroad
|
||||
} from '../../../api/basic/road.js'
|
||||
import {
|
||||
listmaintain
|
||||
} from '../../../api/basic/unit.js'
|
||||
import {
|
||||
getparameteritem
|
||||
} from '../../../api/system/dictionary.js'
|
||||
import maps from '@/views/rain/maintain/components/maps'
|
||||
export default {
|
||||
components: {
|
||||
maps
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
mapArr: [],
|
||||
|
||||
|
||||
datesearch: "",
|
||||
|
||||
searchFields: {
|
||||
is_export: 0,
|
||||
is_auth: 1
|
||||
},
|
||||
roadsList: [],
|
||||
roadName: "",
|
||||
roaddisabled: false,
|
||||
roadloading: false,
|
||||
selects: {
|
||||
areasList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}],
|
||||
typeList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "雨水管道疏挖"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "雨水管道疏通"
|
||||
}, {
|
||||
id: 3,
|
||||
name: "汛期助排"
|
||||
}, {
|
||||
id: 4,
|
||||
name: "污泥外运"
|
||||
}, {
|
||||
id: 5,
|
||||
name: "出水口排查"
|
||||
}, {
|
||||
id: 6,
|
||||
name: "专项处理"
|
||||
}, {
|
||||
id: 7,
|
||||
name: "维修"
|
||||
}],
|
||||
statusList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 0,
|
||||
name: "未审核"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "已审核"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "已办结"
|
||||
}, {
|
||||
id: 3,
|
||||
name: "已退回"
|
||||
}],
|
||||
endTypeList: [{
|
||||
id: 0,
|
||||
name: "所有"
|
||||
}, {
|
||||
id: 1,
|
||||
name: "养护转办"
|
||||
}, {
|
||||
id: 2,
|
||||
name: "违法转办"
|
||||
}],
|
||||
maintaingroupList: [{
|
||||
id: "",
|
||||
name: "所有"
|
||||
}],
|
||||
},
|
||||
maintaninList: [],
|
||||
allmaintaninList: [{
|
||||
id: "",
|
||||
value: "所有"
|
||||
}],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initLoad();
|
||||
this.showMap();
|
||||
|
||||
},
|
||||
watch: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
initLoad() {
|
||||
var that = this;
|
||||
// this.uploadOther.token = getToken();
|
||||
listarea({
|
||||
page: 1,
|
||||
page_size: 999
|
||||
}).then(res => {
|
||||
|
||||
for (var m of res.data) {
|
||||
that.selects.areasList.push({
|
||||
id: m.id,
|
||||
name: m.name
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
listmaintain({
|
||||
page: 1,
|
||||
page_size: 999,
|
||||
}).then(response => {
|
||||
console.log(response.data)
|
||||
for (var m of response.data) {
|
||||
this.selects.maintaingroupList.push(m)
|
||||
}
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
});
|
||||
},
|
||||
showMap() {
|
||||
this.loadMap(this.searchFields)
|
||||
this.$nextTick(function() {
|
||||
this.$refs.maps.pointArr = this.mapArr
|
||||
this.$refs.maps.isShow = true
|
||||
this.$refs.maps.mapdatesearch = [getCurrentMonthFirst(),getCurrentMonthLast()]
|
||||
// this.$refs.maps.showMaps()
|
||||
console.log(this.selects)
|
||||
this.$refs.maps.selects = this.selects
|
||||
})
|
||||
|
||||
},
|
||||
// 查询地图 点位
|
||||
loadMap(search) {
|
||||
// return
|
||||
this.mapArr = []
|
||||
listmain({
|
||||
page: 1,
|
||||
page_size: 9999999,
|
||||
start_date: getCurrentMonthFirst(),
|
||||
end_date: getCurrentMonthLast(),
|
||||
...search
|
||||
}).then(response => {
|
||||
for (var m of response.data) {
|
||||
if (m.help_discharge_info) {
|
||||
this.mapArr.push([
|
||||
m.help_discharge_info.longitude, m.help_discharge_info.latitude, m.help_discharge_info.address,
|
||||
m.id, m.old_type
|
||||
])
|
||||
}
|
||||
if (m.circulation_info) {
|
||||
this.mapArr.push([
|
||||
m.circulation_info.longitude, m.circulation_info.latitude, m.circulation_info.address, m.id, m
|
||||
.old_type
|
||||
])
|
||||
}
|
||||
if (m.mire_info) {
|
||||
this.mapArr.push([
|
||||
m.mire_info.longitude, m.mire_info.latitude, m.mire_info.address, m.id, m.old_type
|
||||
])
|
||||
}
|
||||
|
||||
<style>
|
||||
</style>
|
||||
}
|
||||
this.$refs.maps.showSearch = false
|
||||
this.$refs.maps.pointArr = this.mapArr
|
||||
this.$refs.maps.resetPointArr()
|
||||
}).catch(error => {
|
||||
console.log(error)
|
||||
reject(error)
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue