xthyg
/
minAPP-hyg
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

服务添加导航。个人中心修改。导览添加播放次数

Browse Source
dev
Tuzki 2 years ago
parent 6d5ad91504
commit 9098cc5b8a
5 changed files with 144 additions and 75 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      pages/daolan/pointDetail.vue
  2. 49
      pages/daolan/zhdl.vue
  3. 33
      pages/fuwu/fuwu.vue
  4. 133
      pages/personcenter/personcenter.vue
  5. BIN
      static/animg/at_33.png

4
pages/daolan/pointDetail.vue
Unescape View File

@ -34,10 +34,10 @@
<span class="iconfont">&#xe680;</span> <span class="iconfont">&#xe680;</span>
{{ datas.opentime }} {{ datas.opentime }}
</view> </view>
<view @click="callPhone('tel')"> <!-- <view @click="callPhone('tel')">
<uni-icons class="icn" type="phone" size="20" color="#989898"></uni-icons> <uni-icons class="icn" type="phone" size="20" color="#989898"></uni-icons>
{{ datas.tel }} {{ datas.tel }}
</view> </view> -->
</view> </view>
</view> </view>
</template> </template>

49
pages/daolan/zhdl.vue
Unescape View File

@ -34,7 +34,7 @@
{{ pointData.cname }} {{ pointData.cname }}
</cover-view> </cover-view>
</cover-view> </cover-view>
<cover-view v-if="plays && pointData.voiceurl" @click.stop="play(pointData.voiceurl)" class="play-stop"> <cover-view v-if="plays && pointData.voiceurl" @click.stop="play(pointData)" class="play-stop">
<cover-image style="width: 30rpx; height: 30rpx; padding: 10rpx" src="../../static/img/icon_play.png"></cover-image> <cover-image style="width: 30rpx; height: 30rpx; padding: 10rpx" src="../../static/img/icon_play.png"></cover-image>
<cover-view>语音讲解</cover-view> <cover-view>语音讲解</cover-view>
</cover-view> </cover-view>
@ -42,9 +42,13 @@
<cover-image style="width: 30rpx; height: 30rpx; padding: 10rpx" src="../../static/img/icon_stop.png"></cover-image> <cover-image style="width: 30rpx; height: 30rpx; padding: 10rpx" src="../../static/img/icon_stop.png"></cover-image>
<cover-view>语音讲解</cover-view> <cover-view>语音讲解</cover-view>
</cover-view> </cover-view>
<cover-view v-if="pointData.voiceurl" class="small-text">
<cover-view>累计播放:{{count}}次</cover-view>
</cover-view>
<cover-view v-else="!pointData.voiceurl" class="play-stop no-audio"> <cover-view v-else="!pointData.voiceurl" class="play-stop no-audio">
<cover-view>暂无讲解</cover-view> <cover-view>暂无讲解</cover-view>
</cover-view> </cover-view>
<!-- <cover-view class="go-detail">查看详情>>></cover-view> --> <!-- <cover-view class="go-detail">查看详情>>></cover-view> -->
<!-- <cover-view > --> <!-- <cover-view > -->
<!-- <mp-html :content="pointData.content"/> --> <!-- <mp-html :content="pointData.content"/> -->
@ -58,11 +62,11 @@
<cover-image v-else :src="allIcons"></cover-image> <cover-image v-else :src="allIcons"></cover-image>
<cover-view class="small-fnt">全部</cover-view> <cover-view class="small-fnt">全部</cover-view>
</cover-view> </cover-view>
<cover-view class="shaixuan-item" @click="showLine"> <!-- <cover-view class="shaixuan-item" @click="showLine">
<cover-image v-if="isLineActive" :src="lineIcon"></cover-image> <cover-image v-if="isLineActive" :src="lineIcon"></cover-image>
<cover-image v-else :src="lineIcons"></cover-image> <cover-image v-else :src="lineIcons"></cover-image>
<cover-view class="small-fnt">线路</cover-view> <cover-view class="small-fnt">线路</cover-view>
</cover-view> </cover-view> -->
<cover-view class="shaixuan-item" v-for="(item, index) in screenList" @click="screenData(item, index)"> <cover-view class="shaixuan-item" v-for="(item, index) in screenList" @click="screenData(item, index)">
<cover-image v-if="!item.isActive" :src="'/static/img/' + item.dicremark + '.png'"></cover-image> <cover-image v-if="!item.isActive" :src="'/static/img/' + item.dicremark + '.png'"></cover-image>
<cover-image v-else :src="'/static/img/' + item.dicremark + '-h.png'"></cover-image> <cover-image v-else :src="'/static/img/' + item.dicremark + '-h.png'"></cover-image>
@ -92,6 +96,7 @@
export default { export default {
data() { data() {
return { return {
count:0,
mapCtx: '', mapCtx: '',
scale: 18, scale: 18,
min: 10, min: 10,
@ -130,10 +135,10 @@ export default {
this.addThings(); this.addThings();
this.getScreeningData(); this.getScreeningData();
this.getLineData(); this.getLineData();
uni.showLoading({ // uni.showLoading({
title: '手绘图加载中...', // title: '手绘图加载中...',
mask: true // mask: true
}); // });
// setTimeout(function () { // setTimeout(function () {
// uni.hideLoading(); // uni.hideLoading();
// }, 6000); // }, 6000);
@ -222,6 +227,13 @@ export default {
if (item.id == val.detail.markerId) { if (item.id == val.detail.markerId) {
this.pointData = item; this.pointData = item;
this.showCover = true; this.showCover = true;
uni.request({
url: this.$config.ROOTPATH + '/mobile/appletsAppointment/getPlayCount?id='+item.id,
method:'get',
success(res) {
this_.count = res.data.data
}
})
} }
}); });
}, },
@ -426,11 +438,26 @@ export default {
}, },
// 播音频 // 播音频
play(val) { play(val) {
let this_ = this
this.showMp3Title = true; this.showMp3Title = true;
this.plays = false; this.plays = false;
uni.playBackgroundAudio({ uni.playBackgroundAudio({
dataUrl: this.$config.ROOTPATH + val dataUrl: this.$config.ROOTPATH + val.voiceurl
}); });
uni.request({
url: this.$config.ROOTPATH + '/mobile/appletsAppointment/updatePlayCount?id='+val.id,
method:'get',
success(res) {
console.log(res,'次数')
}
})
uni.request({
url: this.$config.ROOTPATH + '/mobile/appletsAppointment/getPlayCount?id='+val.id,
method:'get',
success(res) {
this_.count = res.data.data
}
})
}, },
// 停音频 // 停音频
pause() { pause() {
@ -601,4 +628,10 @@ map {
top: 0rpx; top: 0rpx;
z-index: 99; z-index: 99;
} }
.small-text{
display: inline-flex;
color: #9e9e9e;
font-size: 24rpx;
margin-left: 26rpx;
}
</style> </style>

33
pages/fuwu/fuwu.vue
Unescape View File

@ -12,7 +12,10 @@
<image src="../../static/animg/at_5.png" class="at_size_1" mode="aspectFill"></image> <image src="../../static/animg/at_5.png" class="at_size_1" mode="aspectFill"></image>
<view class="at_t">景点</view> <view class="at_t">景点</view>
</view> </view>
<view class="w_20" @click="goToPages('daohang')">
<image src="../../static/animg/at_33.png" class="at_size_1" mode="aspectFill"></image>
<view class="at_t">导航</view>
</view>
<!-- <view class="w_20" @click="goToPages('weilai')"> <!-- <view class="w_20" @click="goToPages('weilai')">
<image src="../../static/animg/f_gh.png" class="at_size_1" mode="aspectFill"></image> <image src="../../static/animg/f_gh.png" class="at_size_1" mode="aspectFill"></image>
<view class="at_t">规划</view> <view class="at_t">规划</view>
@ -92,6 +95,34 @@ export default {
uni.navigateTo({ uni.navigateTo({
url: '/pages/feiyi/feiyilist/feiyilist' url: '/pages/feiyi/feiyilist/feiyilist'
}); });
}else if (type == 'daohang') {
// daohang() {
console.log(this.info)
// if (this.$wechat.isWechat()) {
// var mapParam = {
// latitude: this.info.lat,
// longitude: this.info.lng,
// scale: 18,
// name: this.info.sname,
// address: this.info.saddress
// };
// this.$util.openLocation(mapParam);
// return;
// }
wx.openLocation({
latitude: 37.03217,
longitude: 114.538065,
scale: 16,
name: '邢台海洋馆',
address: '',
success(data) {
console.log(data);
},
fail(err) {
console.log(err);
}
});
// },
} }
}, },
beforeUpload: function (type) { beforeUpload: function (type) {

133
pages/personcenter/personcenter.vue
Unescape View File

@ -68,18 +68,20 @@
</view> </view>
</view> --> </view> -->
<view class="v-about-item" @click="getPhone('zixun')"> <view class="v-about-item" @click="getPhone('zixun')">
<text>咨询电话：</text><text class="num">0319—3926666</text> <text>咨询电话：</text>
<text class="num">0319—3926666</text>
<image src="../../static/animg/v-phone.svg" class="v-about-top-tel" mode="widthFix"></image> <image src="../../static/animg/v-phone.svg" class="v-about-top-tel" mode="widthFix"></image>
</view> </view>
<view class="v-about-item" @click="getPhone('tousu')"> <view class="v-about-item" @click="getPhone('tousu')">
<text>投诉电话：</text><text class="num">0319—3928888</text> <text>投诉电话：</text>
<text class="num">0319—3928888</text>
<image src="../../static/animg/v-phone.svg" class="v-about-top-tel" mode="widthFix"></image> <image src="../../static/animg/v-phone.svg" class="v-about-top-tel" mode="widthFix"></image>
</view> </view>
<view class="v-about-item" @click="getPhone('jiuyuan')"> <view class="v-about-item" @click="getPhone('jiuyuan')">
<text>救援电话：</text><text class="num">0319—3928888</text> <text>救援电话：</text>
<text class="num">0319—3928888</text>
<image src="../../static/animg/v-phone.svg" class="v-about-top-tel" mode="widthFix"></image> <image src="../../static/animg/v-phone.svg" class="v-about-top-tel" mode="widthFix"></image>
</view> </view>
</view> </view>
<!-- 兴趣定制 --> <!-- 兴趣定制 -->
@ -147,19 +149,19 @@ export default {
} }
}, },
methods: { methods: {
getPhone: function(type) { getPhone: function (type) {
if (type == 'zixun') { if (type == 'zixun') {
uni.makePhoneCall({ uni.makePhoneCall({
phoneNumber: '03193926666' //仅为示例，并非真实的电话号码 phoneNumber: '03193926666' //仅为示例，并非真实的电话号码
}) });
} else if (type == 'tousu') { } else if (type == 'tousu') {
uni.makePhoneCall({ uni.makePhoneCall({
phoneNumber: '03193928888' //仅为示例，并非真实的电话号码 phoneNumber: '03193928888' //仅为示例，并非真实的电话号码
}) });
} else if (type == 'jiuyuan') { } else if (type == 'jiuyuan') {
uni.makePhoneCall({ uni.makePhoneCall({
phoneNumber: '03193928888' //仅为示例，并非真实的电话号码 phoneNumber: '03193928888' //仅为示例，并非真实的电话号码
}) });
} }
}, },
changean(type) { changean(type) {
@ -523,73 +525,76 @@ export default {
@import url('../../static/css/common.css'); @import url('../../static/css/common.css');
page { page {
background: #fff; background: #fff;
} }
.v-about { .v-about {
padding: 20rpx 40rpx; padding: 20rpx 40rpx;
} box-shadow: 0px -3px 6px 2px #efefef;
margin-top: 50rpx;
}
.v-about-top { .v-about-top {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.v-about-top-left { .v-about-top-left {
flex: auto; flex: auto;
padding-left: 20rpx; padding-left: 20rpx;
} }
.v-about-top-right {} .v-about-top-right {
}
.v-about-top-img { .v-about-top-img {
width: 200rpx; width: 200rpx;
} }
.v-about-top-tel { .v-about-top-tel {
width: 50rpx; width: 50rpx;
} }
.v-about-top-text { .v-about-top-text {
color: #ae3523; color: #ae3523;
font-size: 50rpx; font-size: 50rpx;
font-weight: 600; font-weight: 600;
} }
.v-about-top-eg { .v-about-top-eg {
color: #ae3523; color: #ae3523;
font-weight: 600; font-weight: 600;
} }
.v-about-item { .v-about-item {
display: flex; display: flex;
margin: 40rpx 0; margin: 40rpx 0;
align-items: center; align-items: center;
padding: 25rpx 40rpx; padding: 25rpx 40rpx;
border-radius: 10rpx; border-radius: 10rpx;
color: #fff; color: #ffffff;
font-weight: 600; font-weight: 600;
font-size: 30rpx; font-size: 30rpx;
background-color: #ae3523; background-color: #72d2ff;
} }
.v-about-item .num { .v-about-item .num {
position: relative; position: relative;
flex: auto; flex: auto;
font-size: 36rpx; font-size: 36rpx;
} }
.v-about-item .num::after { .v-about-item .num::after {
content: ""; content: '';
position: absolute; position: absolute;
right: 30rpx; right: 30rpx;
top: 50%; top: 50%;
transform: translate(0, -50%); transform: translate(0, -50%);
width: 2rpx; width: 2rpx;
height: 95%; height: 95%;
background-color: #fff; background-color: #fff;
} }
.dzhi_top { .dzhi_top {
padding: 150rpx 0 40rpx; padding: 150rpx 0 40rpx;

BIN
static/animg/at_33.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 792 B

Write Preview
Loading…
Cancel
Save