|
@@ -11,82 +11,119 @@
|
|
style="width: 100%; height:30%;">
|
|
style="width: 100%; height:30%;">
|
|
</map>
|
|
</map>
|
|
<!-- 网点信息及设备 -->
|
|
<!-- 网点信息及设备 -->
|
|
- <view class="details">
|
|
|
|
|
|
+ <view class="details" v-if="stationData">
|
|
<view class="details-address">
|
|
<view class="details-address">
|
|
- <view>华金基座A座</view>
|
|
|
|
- <view>西安市未央路北二环真光路A座12号</view>
|
|
|
|
- <view>营业时间:9:00 - 12:00</view>
|
|
|
|
|
|
+ <view>{{ stationData.name }}</view>
|
|
|
|
+ <view>{{ stationData.provinceName }}{{ stationData.cityName }}{{ stationData.districtName }}{{ stationData.address }}</view>
|
|
|
|
+ <view>
|
|
|
|
+ 营业时间:
|
|
|
|
+ <text v-for="(tItem, tInd) in stationData.deliveryTimeRuleItemList" :key="tInd">
|
|
|
|
+ {{ tItem.openTime }} - {{ tItem.closeTime }}{{ tInd == stationData.deliveryTimeRuleItemList.length - 1 ? '' : ',' }}
|
|
|
|
+ </text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
<!-- 设备列表 -->
|
|
<!-- 设备列表 -->
|
|
<view class="details-dev">
|
|
<view class="details-dev">
|
|
- <view class="details-dev-box" v-for="item in 3">
|
|
|
|
- <view class="details-dev-title">设备编号:<text>SDFLSJLSAFJLJSLFJLKF</text></view>
|
|
|
|
|
|
+ <view class="details-dev-box" v-for="item in deviceData">
|
|
|
|
+ <view class="details-dev-title">设备编号:<text>{{ item.srcDeviceCode }}</text></view>
|
|
<view class="details-dev-cons">
|
|
<view class="details-dev-cons">
|
|
- <view class="dev-item">
|
|
|
|
- <view>
|
|
|
|
- <u-image height="80" width="80" src="/static/yw.png"></u-image>
|
|
|
|
- </view>
|
|
|
|
- <view>
|
|
|
|
- <view>废旧衣物</view>
|
|
|
|
- <text>100g/1乐豆</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="dev-item">
|
|
|
|
- <view>
|
|
|
|
- <u-image height="80" width="80" src="/static/zhizhang.png"></u-image>
|
|
|
|
- </view>
|
|
|
|
- <view>
|
|
|
|
- <view>废旧纸张 <u-tag text="已满" size="mini" mode="dark" type="info" /></view>
|
|
|
|
- <text>100g/1乐豆</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="dev-item">
|
|
|
|
|
|
+ <view class="dev-item" v-for="boxItem in item.deviceTypeBoxList">
|
|
<view>
|
|
<view>
|
|
- <u-image height="80" width="80" src="/static/jinshou.png"></u-image>
|
|
|
|
|
|
+ <u-image height="80" width="80" :src="`/static/${boxItem.rubbishType}.png`"></u-image>
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<view>
|
|
- <view>废旧金属</view>
|
|
|
|
- <text>100g/1乐豆</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="dev-item">
|
|
|
|
- <view>
|
|
|
|
- <u-image height="80" width="80" src="/static/dhai.png"></u-image>
|
|
|
|
- </view>
|
|
|
|
- <view>
|
|
|
|
- <view>有害垃圾</view>
|
|
|
|
- <text>100g/1乐豆</text>
|
|
|
|
|
|
+ <view>
|
|
|
|
+ {{ boxItem.rubbishTypeDictValue }}
|
|
|
|
+ <u-tag v-if="boxItem.flag==1" text="已满" size="mini" mode="dark" type="info" />
|
|
|
|
+ </view>
|
|
|
|
+ <text>{{ getRule(boxItem.rubbishType).rubbishWeight }}g/{{ getRule(boxItem.rubbishType).goleNum }}乐豆</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <u-empty v-if="deviceData.length==0" text="暂无设备" mode="list" margin-top="120"></u-empty>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+ import { stationDetail, stationDevice } from '@/api/station.js'
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ stationId: '', // 网点id
|
|
|
|
+ stationNo: '', // 网点编号
|
|
lat: '',
|
|
lat: '',
|
|
lng: '',
|
|
lng: '',
|
|
mapCtx: null, // 地图对象
|
|
mapCtx: null, // 地图对象
|
|
markers: [], // 标注点
|
|
markers: [], // 标注点
|
|
|
|
+ stationData: null, // 网点信息
|
|
|
|
+ deviceData: [], // 设备信息
|
|
};
|
|
};
|
|
},
|
|
},
|
|
- onLoad() {
|
|
|
|
- this.lng = '101.760521'
|
|
|
|
- this.lat = '36.636193'
|
|
|
|
- this.markers = [
|
|
|
|
- {
|
|
|
|
- latitude: this.lat,
|
|
|
|
- longitude: this.lng,
|
|
|
|
- width: 30,
|
|
|
|
- height: 30,
|
|
|
|
- iconPath: "/static/store.png"
|
|
|
|
|
|
+ onLoad(options) {
|
|
|
|
+ this.stationId = options.id
|
|
|
|
+ this.stationNo = options.stationNo
|
|
|
|
+ // 获取经纬度
|
|
|
|
+ this.getLocation()
|
|
|
|
+ this.getStation() // 网点信息
|
|
|
|
+ this.getDevice() // 设备信息
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ // 获取经纬度
|
|
|
|
+ getLocation() {
|
|
|
|
+ const _this = this;
|
|
|
|
+ uni.getLocation({
|
|
|
|
+ type: 'wgs84',
|
|
|
|
+ success: function(res) {
|
|
|
|
+ _this.lng = res.longitude
|
|
|
|
+ _this.lat = res.latitude
|
|
|
|
+ },
|
|
|
|
+ fail: function(error) {
|
|
|
|
+ console.log(error)
|
|
|
|
+ uni.showToast({ icon: 'none', title: '定位失败' })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 网点信息
|
|
|
|
+ getStation(){
|
|
|
|
+ stationDetail({ id: this.stationId }).then(res => {
|
|
|
|
+ if(res.status == 200){
|
|
|
|
+ this.stationData = res.data
|
|
|
|
+ }else{
|
|
|
|
+ this.stationData = null
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 设备信息
|
|
|
|
+ getDevice(){
|
|
|
|
+ stationDevice({ stationNo: this.stationNo }).then(res => {
|
|
|
|
+ if(res.status == 200){
|
|
|
|
+ this.deviceData = res.data
|
|
|
|
+ this.markers = []
|
|
|
|
+ for(let i=0; i<res.data.length; i++){
|
|
|
|
+ this.markers.push({
|
|
|
|
+ latitude: res.data[i].lat,
|
|
|
|
+ longitude: res.data[i].lng,
|
|
|
|
+ width: 30,
|
|
|
|
+ height: 30,
|
|
|
|
+ iconPath: "/static/store.png"
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }else{
|
|
|
|
+ this.deviceData = []
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 根据垃圾类型获取兑换规则
|
|
|
|
+ getRule(type){
|
|
|
|
+ let row = null
|
|
|
|
+ if(this.stationData.goldExRuleItemList){
|
|
|
|
+ row = this.stationData.goldExRuleItemList.find(item => item.rubbishType == type)
|
|
}
|
|
}
|
|
- ]
|
|
|
|
|
|
+ return { rubbishWeight: row.rubbishWeight || 0, goleNum: row.goleNum || 0 }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|