|
|
|
|
@ -2,9 +2,9 @@
|
|
|
|
|
<view class="boxContent">
|
|
|
|
|
|
|
|
|
|
<view class="box-header">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="list" style="padding-top: 20rpx;">
|
|
|
|
|
<block>
|
|
|
|
|
<u-card :title="form.created_at" padding="20" margin="20rpx" :border="true">
|
|
|
|
|
@ -24,38 +24,38 @@
|
|
|
|
|
<u-col span="9">
|
|
|
|
|
<view class="demo-layout bg-purple-light">{{form.typeName}}</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<u-row gutter="16">
|
|
|
|
|
<u-col span="3">
|
|
|
|
|
<view class="demo-layout bg-purple">养护内容:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="9">
|
|
|
|
|
<view class="demo-layout bg-purple-light">{{titleName}}</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<u-row gutter="16" v-if="watershow">
|
|
|
|
|
<u-col span="4">
|
|
|
|
|
<view class="demo-layout bg-purple">排水口编号:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="8">
|
|
|
|
|
<view class="demo-layout bg-purple-light">{{form.number}}</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<u-row gutter="16" v-if="!watershow">
|
|
|
|
|
<u-col span="3">
|
|
|
|
|
<view class="demo-layout bg-purple">覆盖范围:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="9">
|
|
|
|
|
<view class="demo-layout bg-purple-light">{{form.scope}}米</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<u-row gutter="16" v-if="!watershow">
|
|
|
|
|
<u-col span="3">
|
|
|
|
|
<view class="demo-layout bg-purple">点位名称:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="9">
|
|
|
|
|
<view class="demo-layout bg-purple-light">{{form.point_name}}</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<u-row gutter="16">
|
|
|
|
|
<u-col span="3">
|
|
|
|
|
<view class="demo-layout bg-purple">养护内容:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="9">
|
|
|
|
|
<view class="demo-layout bg-purple-light">{{titleName}}</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<u-row gutter="16" v-if="watershow">
|
|
|
|
|
<u-col span="4">
|
|
|
|
|
<view class="demo-layout bg-purple">排水口编号:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="8">
|
|
|
|
|
<view class="demo-layout bg-purple-light">{{form.number}}</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<u-row gutter="16" v-if="!watershow">
|
|
|
|
|
<u-col span="3">
|
|
|
|
|
<view class="demo-layout bg-purple">覆盖范围:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="9">
|
|
|
|
|
<view class="demo-layout bg-purple-light">{{form.scope}}米</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<u-row gutter="16" v-if="!watershow">
|
|
|
|
|
<u-col span="3">
|
|
|
|
|
<view class="demo-layout bg-purple">点位名称:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="9">
|
|
|
|
|
<view class="demo-layout bg-purple-light">{{form.point_name}}</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<u-row gutter="16">
|
|
|
|
|
<u-col span="3">
|
|
|
|
|
@ -78,7 +78,8 @@
|
|
|
|
|
<view class="demo-layout bg-purple">现场图片:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="12" v-for="(item,index) in filesList">
|
|
|
|
|
<u-image @click="imgListPreview(item.files.url)" style="margin:20rpx 0" width="100%" height="300rpx" :src="item.files.url"></u-image>
|
|
|
|
|
<u-image @click="imgListPreview(item.files.url)" style="margin:20rpx 0" width="100%"
|
|
|
|
|
height="300rpx" :src="item.files.url"></u-image>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
<view v-if="formshow">
|
|
|
|
|
@ -119,23 +120,24 @@
|
|
|
|
|
<view class="demo-layout bg-purple">处理后图片:</view>
|
|
|
|
|
</u-col>
|
|
|
|
|
<u-col span="12" v-for="(item,index) in dealFilesList">
|
|
|
|
|
<u-image @click="imgListPreview" style="margin:20rpx 0" width="100%" height="300rpx" :src="item.files.url"></u-image>
|
|
|
|
|
<u-image @click="imgListPreview" style="margin:20rpx 0" width="100%" height="300rpx"
|
|
|
|
|
:src="item.files.url"></u-image>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</u-card>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</block>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -145,164 +147,174 @@
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
formshow:true,
|
|
|
|
|
lawshow:true,
|
|
|
|
|
titleName:"",
|
|
|
|
|
watershow:false,
|
|
|
|
|
lists:{},
|
|
|
|
|
form:{},
|
|
|
|
|
filesList:[],
|
|
|
|
|
dealFilesList:[],
|
|
|
|
|
|
|
|
|
|
formshow: true,
|
|
|
|
|
lawshow: true,
|
|
|
|
|
titleName: "",
|
|
|
|
|
watershow: false,
|
|
|
|
|
lists: {},
|
|
|
|
|
form: {},
|
|
|
|
|
filesList: [],
|
|
|
|
|
dealFilesList: [],
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onLoad(options) {
|
|
|
|
|
if(options.id){
|
|
|
|
|
if (options.id) {
|
|
|
|
|
this.loadInfo(options.id)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
imgListPreview(item){
|
|
|
|
|
var urlList = []
|
|
|
|
|
urlList.push(item) //push中的参数为 :src="item.img_url" 中的图片地址
|
|
|
|
|
uni.previewImage({
|
|
|
|
|
indicator:"number",
|
|
|
|
|
loop:true,
|
|
|
|
|
urls: urlList
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
imgListPreview(item) {
|
|
|
|
|
var urlList = []
|
|
|
|
|
urlList.push(item) //push中的参数为 :src="item.img_url" 中的图片地址
|
|
|
|
|
uni.previewImage({
|
|
|
|
|
indicator: "number",
|
|
|
|
|
loop: true,
|
|
|
|
|
urls: urlList
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
loadInfo: function(id) {
|
|
|
|
|
var that = this;
|
|
|
|
|
this.util.request({
|
|
|
|
|
method:"get",
|
|
|
|
|
method: "get",
|
|
|
|
|
api: '/api/mobile/rain-maintains/show',
|
|
|
|
|
customLoading: false,
|
|
|
|
|
data: {
|
|
|
|
|
id:id
|
|
|
|
|
id: id
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
utilSuccess: function(result) {
|
|
|
|
|
that.lists = result
|
|
|
|
|
switch(result.type){
|
|
|
|
|
case 1:
|
|
|
|
|
case 2:
|
|
|
|
|
|
|
|
|
|
that.form = result.circulation_info;
|
|
|
|
|
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;
|
|
|
|
|
that.form.type = result.type
|
|
|
|
|
result.circulation_info.is_solve==0 ? that.form.solveName="否":that.form.solveName="是"
|
|
|
|
|
result.circulation_info.is_law==0 ? that.form.lawName="否":that.form.lawName="是"
|
|
|
|
|
that.form.areaName = result.area_info?result.area_info.name:""
|
|
|
|
|
that.form.created_at = result.created_at
|
|
|
|
|
that.titleName = result.circulation_info.title_detail?result.circulation_info.title_detail.value:''
|
|
|
|
|
break;
|
|
|
|
|
case 3:
|
|
|
|
|
that.lawshow = false
|
|
|
|
|
that.form = result.help_discharge_info;
|
|
|
|
|
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;
|
|
|
|
|
that.form.type = result.type
|
|
|
|
|
that.form.typeName = "汛期助排"
|
|
|
|
|
result.help_discharge_info.is_solve==0 ? that.form.solveName="否":that.form.solveName="是"
|
|
|
|
|
that.form.areaName = result.area_info?result.area_info.name:""
|
|
|
|
|
that.form.created_at = result.created_at
|
|
|
|
|
break;
|
|
|
|
|
case 4:
|
|
|
|
|
that.formshow = false
|
|
|
|
|
that.form = result.mire_info;
|
|
|
|
|
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;
|
|
|
|
|
that.form.type = result.type
|
|
|
|
|
that.form.typeName = "污泥外运"
|
|
|
|
|
that.form.areaName = result.area_info?result.area_info.name:""
|
|
|
|
|
that.form.created_at = result.created_at
|
|
|
|
|
break;
|
|
|
|
|
case 5:
|
|
|
|
|
that.watershow = true
|
|
|
|
|
that.form = result.out_water_info;
|
|
|
|
|
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;
|
|
|
|
|
that.form.type = result.type
|
|
|
|
|
that.form.typeName = "出水口排查"
|
|
|
|
|
result.out_water_info.is_solve==0 ? that.form.solveName="否":that.form.solveName="是"
|
|
|
|
|
result.out_water_info.is_law==0 ? that.form.lawName="否":that.form.lawName="是"
|
|
|
|
|
that.form.areaName = result.area_info?result.area_info.name:""
|
|
|
|
|
that.form.created_at = result.created_at
|
|
|
|
|
that.titleName = result.out_water_info.title_detail?result.out_water_info.title_detail.value:''
|
|
|
|
|
break;
|
|
|
|
|
switch (result.type) {
|
|
|
|
|
case 1:
|
|
|
|
|
case 2:
|
|
|
|
|
|
|
|
|
|
that.form = result.circulation_info;
|
|
|
|
|
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;
|
|
|
|
|
that.form.type = result.type
|
|
|
|
|
that.form.typeName = result.type == 1 ? "雨水管道疏挖" : "雨水管道疏通"
|
|
|
|
|
result.circulation_info.is_solve == 0 ? that.form.solveName = "否" : that
|
|
|
|
|
.form.solveName = "是"
|
|
|
|
|
result.circulation_info.is_law == 0 ? that.form.lawName = "否" : that.form
|
|
|
|
|
.lawName = "是"
|
|
|
|
|
that.form.areaName = result.area_info ? result.area_info.name : ""
|
|
|
|
|
that.form.created_at = result.created_at
|
|
|
|
|
that.titleName = result.circulation_info.title_detail ? result
|
|
|
|
|
.circulation_info.title_detail.value : ''
|
|
|
|
|
break;
|
|
|
|
|
case 3:
|
|
|
|
|
that.lawshow = false
|
|
|
|
|
that.form = result.help_discharge_info;
|
|
|
|
|
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;
|
|
|
|
|
that.form.type = result.type
|
|
|
|
|
that.form.typeName = "汛期助排"
|
|
|
|
|
result.help_discharge_info.is_solve == 0 ? that.form.solveName = "否" : that
|
|
|
|
|
.form.solveName = "是"
|
|
|
|
|
that.form.areaName = result.area_info ? result.area_info.name : ""
|
|
|
|
|
that.form.created_at = result.created_at
|
|
|
|
|
that.titleName = result.help_discharge_info.title_detail ? result
|
|
|
|
|
.help_discharge_info.title_detail.value : ''
|
|
|
|
|
break;
|
|
|
|
|
case 4:
|
|
|
|
|
that.formshow = false
|
|
|
|
|
that.form = result.mire_info;
|
|
|
|
|
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;
|
|
|
|
|
that.form.type = result.type
|
|
|
|
|
that.form.typeName = "污泥外运"
|
|
|
|
|
that.form.areaName = result.area_info ? result.area_info.name : ""
|
|
|
|
|
that.form.created_at = result.created_at
|
|
|
|
|
break;
|
|
|
|
|
case 5:
|
|
|
|
|
that.watershow = true
|
|
|
|
|
that.form = result.out_water_info;
|
|
|
|
|
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;
|
|
|
|
|
that.form.type = result.type
|
|
|
|
|
that.form.typeName = "出水口排查"
|
|
|
|
|
result.out_water_info.is_solve == 0 ? that.form.solveName = "否" : that.form
|
|
|
|
|
.solveName = "是"
|
|
|
|
|
result.out_water_info.is_law == 0 ? that.form.lawName = "否" : that.form
|
|
|
|
|
.lawName = "是"
|
|
|
|
|
that.form.areaName = result.area_info ? result.area_info.name : ""
|
|
|
|
|
that.form.created_at = result.created_at
|
|
|
|
|
that.titleName = result.out_water_info.title_detail ? result.out_water_info
|
|
|
|
|
.title_detail.value : ''
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
utilFail: function(res) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.util.alert(res);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -331,19 +343,22 @@
|
|
|
|
|
margin: 10rpx 0;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
}
|
|
|
|
|
.u-card{
|
|
|
|
|
|
|
|
|
|
.u-card {
|
|
|
|
|
z-index: 1;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.overflowmask{
|
|
|
|
|
.overflowmask {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.loadmore{
|
|
|
|
|
padding:24rpx!important
|
|
|
|
|
|
|
|
|
|
.loadmore {
|
|
|
|
|
padding: 24rpx !important
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search-wrap {
|
|
|
|
|
background: #0385e5;
|
|
|
|
|
padding: 20rpx;
|
|
|
|
|
@ -381,4 +396,4 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</style>
|
|
|
|
|
|