|
|
@ -62,7 +62,7 @@ |
|
|
|
} |
|
|
|
map{ |
|
|
|
width:100%; |
|
|
|
height:372rpx; |
|
|
|
height:400rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
} |
|
|
|
.cu-btn{ |
|
|
@ -84,83 +84,92 @@ |
|
|
|
</style> |
|
|
|
<template> |
|
|
|
<view class="container"> |
|
|
|
<view class="card handle"> |
|
|
|
<view class="card"> |
|
|
|
<view class="item"> |
|
|
|
<text class="label">位置</text> |
|
|
|
<text class="val">壹号基地东南角</text> |
|
|
|
<text class="label">基地名称</text> |
|
|
|
<text class="val">{{detail.baseName}}</text> |
|
|
|
</view> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">凭证</text> |
|
|
|
<view class="imgs"> |
|
|
|
<image v-for="i in 3" :key="i" src="https://alipic.lanhuapp.com/XDSlicePNGMAX19c3c750caf3b1448e14c56df8485f5ca6f3d6bbef600208f2d1156d5eaec38a.png"/> |
|
|
|
<image v-for="(v,k) in detail.pic" :key="k" :src="`${host}/${v}`"/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<u-read-more :showHeight="0" toggle closeText="展开" color="#777"> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">描述</text> |
|
|
|
<text class="dec">这里是描述......</text> |
|
|
|
</view> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">经纬度</text> |
|
|
|
<map id="amap" :longitude="102.722475" :latitude="25.077679"/> |
|
|
|
</view> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">是否处理</text> |
|
|
|
<u-radio-group v-model="demo" activeColor="#10C176"> |
|
|
|
<u-radio label="是" name="1" :customStyle="{marginRight: '8px'}"/> |
|
|
|
<u-radio label="否" name="0"/> |
|
|
|
</u-radio-group> |
|
|
|
<button class="cu-btn round bg-green shadow submit" @click="sumbit">保存修改</button> |
|
|
|
</view> |
|
|
|
</u-read-more> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">描述</text> |
|
|
|
<text class="dec">{{detail.remark||'无'}}</text> |
|
|
|
</view> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">经纬度</text> |
|
|
|
<map id="amap" :longitude="102.712251" :latitude="25.040609"/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="card unhandle"> |
|
|
|
|
|
|
|
<view class="card" v-if="record" :class="({0:'unhandle',1:'handle'})[record.flagDeal]"> |
|
|
|
<view class="item"> |
|
|
|
<text class="label">位置</text> |
|
|
|
<text class="val">壹号基地东南角</text> |
|
|
|
<text class="val">{{record.position}}</text> |
|
|
|
</view> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">凭证</text> |
|
|
|
<view class="imgs"> |
|
|
|
<image v-for="i in 3" :key="i" src="https://alipic.lanhuapp.com/XDSlicePNGMAX19c3c750caf3b1448e14c56df8485f5ca6f3d6bbef600208f2d1156d5eaec38a.png"/> |
|
|
|
<image v-for="(v,k) in ((record.pic||'').split(',').filter(v=>v)||[])" :key="k" :src="`${host}/${v}`"/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<u-read-more :showHeight="0" toggle closeText="展开"> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">描述</text> |
|
|
|
<text class="dec">这里是描述......</text> |
|
|
|
</view> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">经纬度</text> |
|
|
|
<map id="amap" :longitude="102.722475" :latitude="25.077679"/> |
|
|
|
</view> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">是否处理</text> |
|
|
|
<u-radio-group v-model="demo" activeColor="#10C176"> |
|
|
|
<u-radio label="是" name="1" :customStyle="{marginRight: '8px'}"/> |
|
|
|
<u-radio label="否" name="0"/> |
|
|
|
</u-radio-group> |
|
|
|
</view> |
|
|
|
</u-read-more> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">描述</text> |
|
|
|
<text class="dec">{{record.remark}}</text> |
|
|
|
</view> |
|
|
|
<view class="item block"> |
|
|
|
<text class="label">是否处理</text> |
|
|
|
<u-radio-group :value="record.flagDeal" activeColor="#10C176"> |
|
|
|
<u-radio label="是" name="1" :customStyle="{marginRight: '8px'}"/> |
|
|
|
<u-radio label="否" name="0"/> |
|
|
|
</u-radio-group> |
|
|
|
<button class="cu-btn round bg-green shadow submit" @click="submit">保存修改</button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import {host} from '@/common/request' |
|
|
|
export default { |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
map:null, |
|
|
|
demo:"" |
|
|
|
demo:"", |
|
|
|
host:host('imgUrl'), |
|
|
|
detail:{}, |
|
|
|
record:null, |
|
|
|
eventChannel:null, |
|
|
|
} |
|
|
|
}, |
|
|
|
async onReady(){ |
|
|
|
this.eventChannel=this.getOpenerEventChannel() |
|
|
|
this.eventChannel.on("detail",e=>{ |
|
|
|
this.detail=e |
|
|
|
|
|
|
|
/* #ifdef APP-PLUS */ |
|
|
|
if(this.detail.detailVos){ |
|
|
|
for(var i in this.detail.detailVos){ |
|
|
|
var marker=new plus.maps.Marker(new plus.maps.Point(this.detail.detailVos[i].lng, this.detail.detailVos[i].lat)) |
|
|
|
marker.setIcon(`/static/patrolGarden/${({0:'unhandle',1:'handle'})[this.detail.detailVos[i].flagDeal]}.png?i=${i}`) |
|
|
|
marker.setLabel(`${this.detail.detailVos[i].lng},${this.detail.detailVos[i].lat}`) |
|
|
|
marker.onclick=e=>{ |
|
|
|
this.record=this.detail.detailVos[e.icon.match(/i=(\d+)/)[1]] |
|
|
|
} |
|
|
|
this.maps.addOverlay(marker) |
|
|
|
} |
|
|
|
this.maps.setCenter(new plus.maps.Point(this.detail.detailVos[0].lng, this.detail.detailVos[0].lat)) |
|
|
|
} |
|
|
|
/* #endif */ |
|
|
|
}) |
|
|
|
/* #ifdef APP-PLUS */ |
|
|
|
var amap=uni.createMapContext("amap",this) |
|
|
|
this.map=amap.$getAppMap() |
|
|
|
var marker=new plus.maps.Marker(new plus.maps.Point(102.722475, 25.077679)) |
|
|
|
marker.setLabel('asdasf') |
|
|
|
this.maps.addOverlay(marker) |
|
|
|
this.maps=uni.createMapContext("amap",this).$getAppMap() |
|
|
|
/* #endif */ |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
submit(){}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |