wangyifang
/
patrol-maintain-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

道路修改

Browse Source
master
lion 3 years ago
parent 1a8100bc1f
commit bbf95aae25
2 changed files with 222 additions and 30 deletions
Show Stats Download Patch File Download Diff File

101
src/views/rain/inspection/inspection.vue
Unescape View File

@ -110,7 +110,12 @@
<!-- 日常雨水设施 -->
<el-form v-if="rainType==1" :model="formdetail" :rules="{}" ref="formdetail" label-position="right"
:label-width="formLabelWidth">
<el-row>
<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="ask_content_id">
<div v-for="item in equiementList">
@ -283,7 +288,12 @@
<!-- 在建工地 -->
<el-form v-if="rainType==2" :model="formdetail" :rules="{}" ref="formdetail" label-position="right"
:label-width="formLabelWidth">
<el-row>
<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="name">
{{form.name}}
@ -458,6 +468,28 @@
<el-form v-if="rainType==1" :model="form" :rules="rules" ref="form" label-position="right"
:label-width="formLabelWidth">
<el-row>
<el-col :span="12">
<el-form-item label="所属道路" prop="road_id">
<el-select
class="width100"
v-model="roadName"
filterable
remote
@change="chooseRoad"
:disabled="roaddisabled"
reserve-keyword
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-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="巡查内容" prop="ask_content_id">
<el-select class="width100" v-model="form.ask_content_id" placeholder="请选择巡查内容">
@ -579,7 +611,29 @@
<!-- 在建工地 -->
<el-form v-if="rainType==2" :model="form" :rules="rules" ref="form" label-position="right"
:label-width="formLabelWidth">
<el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属道路" prop="road_id">
<el-select
class="width100"
v-model="roadName"
filterable
remote
@change="chooseRoad"
:disabled="roaddisabled"
reserve-keyword
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-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="工地名称" prop="name">
<el-select v-model="form.name" allow-create filterable @change="buildchange" class="width100"
@ -724,7 +778,8 @@
import {
getparameteritem
} from '../../../api/system/dictionary.js'
import { listarea } from '../../../api/basic/area.js'
import { listarea } from '../../../api/basic/area.js'
import { listroad } from '../../../api/basic/road.js'
import LxHeader from "@/components/LxHeader/index.vue";
import AvueMap from 'avue-plugin-map'
@ -830,8 +885,13 @@
status: 0,
remark: "",
is_law: 0,
break_id: ""
},
break_id: "",
road_id:""
},
roadsList:[],
roadName:"",
roaddisabled:false,
roadloading:false,
formdetail: {
status: 0,
end_type: 0,
@ -917,9 +977,28 @@
// if(this.rainType!=4){
this.form.address = newVal[2];
// }
},
rainType(){
this.roadsList = []
}
},
methods: {
methods: {
chooseRoad(val){
this.form.road_id = val
},
remoteMethod(query){
if(query!=''){
this.roadloading = true
listroad({
name:query
}).then(res => {
this.roadloading = false
this.roadsList = res.data
})
}else{
this.roadsList=[]
}
},
buildchange(val) {
if(Object.prototype.toString.call(val) != '[object Object]'){
this.mapform = ['', '', ''];
@ -1030,7 +1109,9 @@
switch (result.type) {
case 1:
that.form = result.rain_equipment_info;
that.form.rain_equipment_id = result.rain_equipment_id;
that.form.rain_equipment_id = result.rain_equipment_id;
that.roaddisabled = true
that.roadName = result.rain_equipment_info.road?result.rain_equipment_info.road.name:""
that.idname = "rain_equipment_id"
that.mapform = [result.rain_equipment_info.longitude, result.rain_equipment_info.latitude, result.rain_equipment_info.address]
let _files = [];
@ -1055,6 +1136,7 @@
break;
case 2:
that.form = result.building_site_info;
that.roadName = result.building_site_info.road?result.building_site_info.road.name:""
let building_site = result.building_site_info.building_site
that.form.building_site_id =building_site.id
that.form.address = building_site.address
@ -1157,8 +1239,7 @@
"upload_id": m.upload_id
});
}
this.form.files_end_list = listUrlafter
this.form.files_end_list = listUrlafter
this.$refs[formName].validate((valid) => {
if (valid) {
that.submitAll(that.rainType, that.form[this.idname])

151
src/views/rain/maintain/maintain.vue
Unescape View File

@ -90,7 +90,12 @@
<!-- 疏通疏挖 -->
<el-form v-if="rainType==1||rainType==2||rainType==5" :model="formdetail" :rules="{}" ref="formdetail"
label-position="right" :label-width="formLabelWidth">
<el-row>
<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">
<div v-for="item in maintaninList">
@ -240,7 +245,12 @@
<!-- 汛期助排 -->
<el-form v-if="rainType==3" :model="formdetail" :rules="{}" ref="formdetail" label-position="right"
:label-width="formLabelWidth">
<el-row>
<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}}
@ -357,7 +367,12 @@
<!-- 污泥外运 -->
<el-form v-if="rainType==4" :model="formdetail" :rules="{}" ref="formdetail" label-position="right"
:label-width="formLabelWidth">
<el-row>
<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}}
@ -454,7 +469,29 @@
<!-- 疏通疏挖 -->
<el-form v-if="rainType==1||rainType==2||rainType==5" :model="form" :rules="rules" ref="form"
label-position="right" :label-width="formLabelWidth">
<el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属道路" prop="road_id">
<el-select
class="width100"
v-model="roadName"
filterable
remote
@change="chooseRoad"
:disabled="roaddisabled"
reserve-keyword
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-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="养护内容" prop="title_id">
<el-select class="width100" v-model="form.title_id" placeholder="请选择养护内容">
@ -580,7 +617,29 @@
<!-- 汛期助排 -->
<el-form v-if="rainType==3" :model="form" :rules="rules" ref="form" label-position="right"
:label-width="formLabelWidth">
<el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属道路" prop="road_id">
<el-select
class="width100"
v-model="roadName"
filterable
remote
@change="chooseRoad"
:disabled="roaddisabled"
reserve-keyword
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-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="所在位置" prop="address">
<avue-input-map :params="mapparams" placeholder="请选择地图" v-model="mapform"></avue-input-map>
@ -676,8 +735,30 @@
<!-- 污泥外运 -->
<el-form v-if="rainType==4" :model="form" :rules="rules" ref="form" label-position="right"
:label-width="formLabelWidth">
<el-row>
<el-col :span="24">
<el-row>
<el-col :span="12">
<el-form-item label="所属道路" prop="road_id">
<el-select
class="width100"
v-model="roadName"
filterable
remote
@change="chooseRoad"
:disabled="roaddisabled"
reserve-keyword
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-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="外运时间" prop="date">
<el-date-picker class="width100" v-model="form.date" type="datetime" placeholder="选择日期时间"
value-format="yyyy-MM-dd HH:mm:ss">
@ -759,7 +840,10 @@
} from '@/utils/auth'
import {
listarea
} from '../../../api/basic/area.js'
} from '../../../api/basic/area.js'
import {
listroad
} from '../../../api/basic/road.js'
import {
getparameteritem
} from '../../../api/system/dictionary.js'
@ -829,8 +913,12 @@
files_deal_list: [],
date: "",
address: "",
},
road_id:""
},
roadsList:[],
roadName:"",
roaddisabled:false,
roadloading:false,
formdetail: {
status: 0,
end_type: 0,
@ -916,9 +1004,28 @@
// if(this.rainType!=4){
this.form.address = newVal[2];
// }
},
rainType(){
this.roadsList = []
}
},
methods: {
methods: {
chooseRoad(val){
this.form.road_id = val
},
remoteMethod(query){
if(query!=''){
this.roadloading = true
listroad({
name:query
}).then(res => {
this.roadloading = false
this.roadsList = res.data
})
}else{
this.roadsList=[]
}
},
initLoad() {
var that = this;
var clientHeight = document.documentElement.clientHeight
@ -970,8 +1077,7 @@
var that = this;
get(obj.id).then(res => {
let result = Object.assign(that.form, res);
// this.$set(that.form,res)
console.log(result)
that.rainType = result.type;
that.nowstatus = result.status;
that.formdetail.id = result.id
@ -999,7 +1105,9 @@
case 1:
case 2:
that.form = result.circulation_info;
that.form.circulation_id = result.circulation_id;
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
@ -1026,7 +1134,9 @@
break;
case 3:
that.form = result.help_discharge_info;
that.form.help_discharge_id = result.help_discharge_id;
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
@ -1054,7 +1164,9 @@
break;
case 4:
that.form = result.mire_info;
that.form.mire_id = result.mire_id;
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) {
@ -1069,7 +1181,9 @@
case 5:
that.form = result.out_water_info;
that.form.out_water_id = result.out_water_id;
that.idname = "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
]
@ -1182,7 +1296,6 @@
var that = this;
that.formdetail.status = status
console.log(that.formdetail);
// return
@ -1233,7 +1346,6 @@
}
},
handlePictureCardPreview(file) {
console.log("file", file)
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
@ -1262,7 +1374,6 @@
submitRainType() {
var that = this
this.rainTypeVisible = false
console.log(this.rainType);
if (that.rainType == 1) {
that.rainTitle = "雨水管道疏挖"
} else if (that.rainType == 2) {

Write Preview
Loading…
Cancel
Save