yangjie
/
high-mini
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.对接H5接口

Browse Source 
2.优化H5打包
yj-dev
杨杰 3 years ago
parent 939d6656c8
commit 9b8964f50b
13 changed files with 365 additions and 363 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. 13
      Utils/Api.js
  2. 15
      components/Authorize.vue
  3. 6
      manifest.json
  4. 16
      pages/goods/externalCoupon/externalCoupon.vue
  5. 94
      pages/goods/goods.vue
  6. 28
      pages/goods/store-list/store-details.vue
  7. 167
      pages/login/register.vue
  8. 44
      pages/order/confirmation.vue
  9. 8
      pages/tabBar/category/category.vue
  10. 8
      pages/tabBar/home/home.vue
  11. 2
      pages/tabBar/user/user.vue
  12. 3
      pages/user/order_list/order_list.vue
  13. BIN
      static/img/share/wxd.png

13
Utils/Api.js
Unescape View File

@ -139,7 +139,18 @@ export const getStoreList = params => {
export const getH5UserInfo = params => { export const getH5UserInfo = params => {
return POST('GET', `${base}/wechat/getH5UserInfo`, params).then(res => res.data); return POST('GET', `${base}/wechat/getH5UserInfo`, params).then(res => res.data);
} }
//获取验证码
export const sendSmsCode = params => {
return POST('GET', `${base}/sms/sendSmsCode`, params).then(res => res.data);
}
//绑定手机号
export const bindUserPhone = params => {
return POST('GET', `${base}/highUser/bindUserPhone`, params).then(res => res.data);
}
//注册
export const H5login = params => {
return POST('GET', `${base}/user/login`, params).then(res => res.data);
}
//**门店// //**门店//
export const userLogin = params => { export const userLogin = params => {

15
components/Authorize.vue
Unescape View File

@ -50,7 +50,6 @@
methods: { methods: {
iscode() { iscode() {
let that = this; let that = this;
if (!app.globalData.userInfo) { if (!app.globalData.userInfo) {
this.isShowAuth = true; this.isShowAuth = true;
} else {} } else {}
@ -106,29 +105,17 @@
}); });
}, },
fail: res => { fail: res => {
console.log('========' + JSON.stringify(res));
uni.showToast({ uni.showToast({
title: "微信登录授权失败", title: "微信登录授权失败",
icon: "none" icon: "none"
}); });
} }
}) })
// } else {
// fail: res => {
// uni.showToast({
// title: "微信登录授权失败",
// icon: "none"
// });
// }
// }
// }
// })
that.isShowAuth = false that.isShowAuth = false
}, },
getH5userinfo(){ getH5userinfo(){
uni.navigateTo({ uni.navigateTo({
url:'/pages/login/register' url:'/pages/login/register?id=1'
}) })
// location.href='https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa075e8509802f826&redirect_uri=https%3A%2F%2Fhsgcs.dctpay.com%2FH5%2Findex.html%23%2F&response_type=code&scope=snsapi_userinfo#wechat_redirect'; // location.href='https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa075e8509802f826&redirect_uri=https%3A%2F%2Fhsgcs.dctpay.com%2FH5%2Findex.html%23%2F&response_type=code&scope=snsapi_userinfo#wechat_redirect';
}, },

6
manifest.json
Unescape View File

@ -82,12 +82,12 @@
}, },
"title" : "嗨森逛", "title" : "嗨森逛",
"router" : { "router" : {
"mode" : "", "mode" : "hash",
"base" : "" "base" : "/H5"
}, },
"devServer" : { "devServer" : {
"port" : "", "port" : "",
"https" : false "https" : true
}, },
"domain" : "https://hsgcs.dctpay.com", "domain" : "https://hsgcs.dctpay.com",
"template" : "" "template" : ""

16
pages/goods/externalCoupon/externalCoupon.vue
Unescape View File

@ -14,8 +14,8 @@
</view> </view>
</view> </view>
<view class="line1 mart15"></view> <view class="line1 mart15"></view>
<button class="coupne-btn width60w mart20 marb20" v-if="userInfo == 1" lang="zh_CN" <button class="coupne-btn width60w mart20 marb20" v-if="userInfo == 1" lang="zh_CN" @click="getuserinfo"
@click="getuserinfo" withCredentials="true">点击领取</button> withCredentials="true">点击领取</button>
<button class="coupne-btn width60w mart20 marb20" v-else @click="receiveDiscount">点击领取</button> <button class="coupne-btn width60w mart20 marb20" v-else @click="receiveDiscount">点击领取</button>
<view class="width90 mart10 fcor666">去使用</view> <view class="width90 mart10 fcor666">去使用</view>
<view v-if="minecoupones == '' " class="mart60 fotct font14 fcor666"> <view v-if="minecoupones == '' " class="mart60 fotct font14 fcor666">
@ -191,7 +191,7 @@
// success(res) { // success(res) {
// if (res.code) { // if (res.code) {
// 发起网络请求 // 发起网络请求
// var code = res.code // var code = res.code;
// 获取微信用户信息 // 获取微信用户信息
uni.getUserProfile({ uni.getUserProfile({
desc: '登录中...', desc: '登录中...',
@ -240,6 +240,15 @@
}); });
} }
}) })
// } else {
// uni.showToast({
// title: "微信登录授权失败",
// icon: "none"
// });
// }
// }
// })
}, },
//商品跳转 //商品跳转
toGoods(e) { toGoods(e) {
@ -261,7 +270,6 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.coupon-mes { .coupon-mes {
// margin-right: 90px; // margin-right: 90px;
} }

94
pages/goods/goods.vue
Unescape View File

@ -1,14 +1,16 @@
<template> <template>
<view> <view>
<!-- #ifdef H5 -->
<view class="header"> <view class="header">
<!-- 头部-默认显示 --> <!-- 头部-默认显示 -->
<view class="before" :style="{ opacity: 1 - afterHeaderOpacity, zIndex: beforeHeaderzIndex }"> <view class="before" :style="{ opacity: 1 - afterHeaderOpacity, zIndex: beforeHeaderzIndex }">
<view class="back"><view class="icon xiangqian" @tap="back" v-if="showBack"></view></view> <view class="back">
<view class="icon xiangqian" @tap="back" v-if="showBack"></view>
</view>
<view class="middle"></view> <view class="middle"></view>
</view> </view>
</view> </view>
<!-- #endif -->
<!-- 底部菜单 --> <!-- 底部菜单 -->
<view class="footer"> <view class="footer">
<button v-if="user == '' " class="width100 fotct btnfot" @click="getuserinfo"> <button v-if="user == '' " class="width100 fotct btnfot" @click="getuserinfo">
@ -95,11 +97,14 @@
<view class="description"> <view class="description">
<view class="title">———— 商品详情 ————</view> <view class="title">———— 商品详情 ————</view>
<view class="content marb65"> <view class="content marb65">
<image mode="widthFix" class="width100" v-for="codes in couponDesc" :key="codes" :src="imageUrl+codes" @click="perImage(codes)"> <image mode="widthFix" class="width100" v-for="codes in couponDesc" :key="codes" :src="imageUrl+codes"
@click="perImage(codes)">
</image> </image>
</view> </view>
</view> </view>
<!-- <authorize></authorize> --> <!-- #ifdef H5 -->
<authorize></authorize>
<!-- #endif -->
</view> </view>
</template> </template>
@ -109,12 +114,12 @@
GetPhoneNumber, GetPhoneNumber,
getUserInfo getUserInfo
} from "../../Utils/Api.js"; } from "../../Utils/Api.js";
// import authorize from '../../components/Authorize.vue' import authorize from '../../components/Authorize.vue'
let app = getApp() let app = getApp()
export default { export default {
// components: { components: {
// authorize authorize
// }, },
data() { data() {
return { return {
//控制渐变标题栏的参数 //控制渐变标题栏的参数
@ -205,17 +210,7 @@
urls: [this.imageUrl + item] //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以 urls: [this.imageUrl + item] //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以
}) })
}, },
//商品跳转
// toGoods(e) {
// console.log('=========='+e);
// // uni.showToast({
// // title: '商品' + e.goods_id,
// // icon: 'none'
// // });
// uni.navigateTo({
// url: 'goods'
// });
// },
/** /**
* 跳转门店详情 * 跳转门店详情
*/ */
@ -234,12 +229,7 @@
url: '../msg/msg' url: '../msg/msg'
}) })
}, },
// 客服
toChat() {
// uni.navigateTo({
// url:"../msg/chat/chat?name=客服008"
// })
},
// 分享 // 分享
share() { share() {
this.shareClass = 'show'; this.shareClass = 'show';
@ -267,46 +257,6 @@
title: "已加入购物车" title: "已加入购物车"
}); });
}, },
//立即购买
// getPhoneNumber(PhoneNumber) {
// let params = {
// openId: app.globalData.openId,
// iv: PhoneNumber.detail.iv,
// encryptedData: PhoneNumber.detail.encryptedData
// }
// GetPhoneNumber(params).then(res => {
// if (res.return_code == '000000') {
// app.globalData.userInfo = res.return_data
// .object
// .highUser;
// uni.setStorage({
// key: "user",
// data: res.return_data
// .object
// .highUser
// })
// let that = this;
// if (that.goodsData[0].stockCount) {
// uni.showToast({
// title: '提交订单...',
// icon: 'none',
// duration: 2000,
// success() {
// uni.navigateTo({
// url: '../order/confirmation?id=' + that.goodsData[0].id
// })
// }
// })
// } else {
// uni.showToast({
// title: '卡券数量不足',
// icon: 'none',
// duration: 2000
// })
// }
// }
// });
// },
//获取登陆信息 //获取登陆信息
getuserinfo() { getuserinfo() {
// uni.showLoading({ // uni.showLoading({
@ -317,7 +267,7 @@
// success(res) { // success(res) {
// if (res.code) { // if (res.code) {
//发起网络请求 //发起网络请求
// var code = res.code // var code = res.code;
// 获取微信用户信息 // 获取微信用户信息
uni.getUserProfile({ uni.getUserProfile({
desc: '登录中...', desc: '登录中...',
@ -330,6 +280,7 @@
getUserInfo(params).then(res => { getUserInfo(params).then(res => {
if (res.return_code == '000000') { if (res.return_code == '000000') {
uni.hideLoading(); uni.hideLoading();
that.user = res.return_data.object.highUser;
app.globalData.userInfo = res app.globalData.userInfo = res
.return_data .return_data
.object .object
@ -366,19 +317,13 @@
}); });
} }
}) })
// } else { // } else {
// fail: res => {
// uni.showToast({ // uni.showToast({
// title: "微信登录授权失败", // title: "微信登录授权失败",
// icon: "none" // icon: "none"
// }); // });
// } // }
// } // }
// },
// fail(res) {
// uni.hideLoading();
// }
// }) // })
}, },
@ -785,9 +730,11 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: 100vw; height: 100vw;
swiper { swiper {
width: 100%; width: 100%;
height: 100vw; height: 100vw;
swiper-item { swiper-item {
image { image {
width: 100%; width: 100%;
@ -795,6 +742,7 @@
} }
} }
} }
.indicator { .indicator {
display: flex; display: flex;
justify-content: center; justify-content: center;

28
pages/goods/store-list/store-details.vue
Unescape View File

@ -38,12 +38,13 @@
</view> </view>
<view class="width90"> <view class="width90">
<button class="store-jdes flleft mart5" @click="jumpCoupondes(mers.id,mers.highCouponModel.id)">查看详情</button> <button class="store-jdes flleft mart5"
@click="jumpCoupondes(mers.id,mers.highCouponModel.id)">查看详情</button>
</view> </view>
</view> </view>
<view class="loading-text" v-if="productList != '' ">{{ loadingText }}</view> <view class="loading-text" v-if="productList != '' ">{{ loadingText }}</view>
<!-- <authorize></authorize> --> <authorize></authorize>
</view> </view>
</template> </template>
@ -53,12 +54,12 @@
getCouponListByStoreId, getCouponListByStoreId,
getUserInfo getUserInfo
} from '../../../Utils/Api.js'; } from '../../../Utils/Api.js';
// import authorize from '../../../components/Authorize'; import authorize from '../../../components/Authorize';
let app = getApp(); let app = getApp();
export default { export default {
// components: { components: {
// authorize authorize
// }, },
data() { data() {
return { return {
imageUrl: app.globalData.imgUrl, imageUrl: app.globalData.imgUrl,
@ -96,8 +97,7 @@
this.merchanId = option.id; this.merchanId = option.id;
this.distance = option.juli; this.distance = option.juli;
this.getMerchantStoreById(); this.getMerchantStoreById();
if (!this.user) { if (!this.user) {} else {
} else {
this.getCouponListByStoreId(); this.getCouponListByStoreId();
} }
@ -115,8 +115,8 @@
// wx.login({ // wx.login({
// success(res) { // success(res) {
// if (res.code) { // if (res.code) {
//发起网络请求 // // 发起网络请求
// var code = res.code // var code = res.code;
// 获取微信用户信息 // 获取微信用户信息
uni.getUserProfile({ uni.getUserProfile({
desc: '登录中...', desc: '登录中...',
@ -166,20 +166,22 @@
}); });
} }
}) })
// } else { // } else {
// fail: res => {
// uni.showToast({ // uni.showToast({
// title: "微信登录授权失败", // title: "微信登录授权失败",
// icon: "none" // icon: "none"
// }); // });
// } // }
// }
// }, // },
// fail(res) { // fail(res) {
// uni.hideLoading(); // uni.hideLoading();
// } // }
// }) // })
// }
// })
}, },
//查询门店详情 //查询门店详情

167
pages/login/register.vue
View File

File diff suppressed because one or more lines are too long

44
pages/order/confirmation.vue
Unescape View File

@ -142,9 +142,16 @@
</image>{{paytheprice*100}} </image>{{paytheprice*100}}
</view> </view>
</view> </view>
<!-- #ifdef MP -->
<button class="btn" open-type="getPhoneNumber" v-if="user.phone == null" <button class="btn" open-type="getPhoneNumber" v-if="user.phone == null"
@getphonenumber="getPhoneNumber">实际支付</button> @getphonenumber="getPhoneNumber">实际支付</button>
<button class="btn" v-else @tap="toPay">实际支付</button> <button class="btn" v-else @tap="toPay">实际支付</button>
<!-- #endif -->
<!-- #ifdef H5 -->
<button class="btn" v-if="user.phone == null" @getphonenumber="bindUserPhone">实际支付</button>
<button class="btn" v-else @tap="toPay">实际支付</button>
<!-- #endif -->
</view> </view>
</view> </view>
</view> </view>
@ -155,7 +162,8 @@
addOrder, addOrder,
getCouponById, getCouponById,
GetPhoneNumber, GetPhoneNumber,
getUserNormalDiscountList getUserNormalDiscountList,
bindUserPhone
} from '../../Utils/Api.js'; } from '../../Utils/Api.js';
let app = getApp(); let app = getApp();
export default { export default {
@ -202,30 +210,6 @@
this.getUserNormalDiscountList(); this.getUserNormalDiscountList();
}, },
onShow() { onShow() {
//页面显示时，加载订单信息
// uni.getStorage({
// key: 'buylist',
// success: (ret) => {
// this.buylist = ret.data;
// this.goodsPrice = 0;
// //合计
// let len = this.buylist.length;
// for (let i = 0; i < len; i++) {
// this.goodsPrice = this.goodsPrice + (this.buylist[i].number * this.buylist[i].price);
// }
// this.deduction = this.int / 100;
// this.sumPrice = this.goodsPrice - this.deduction + this.freight;
// }
// });
// uni.getStorage({
// key: 'selectAddress',
// success: (e) => {
// this.recinfo = e.data;
// uni.removeStorage({
// key: 'selectAddress'
// })
// }
// })
}, },
onHide() { onHide() {
@ -303,7 +287,8 @@
if (this.couponList.salesPrice > this.UserNormalDiscountList[i].highDiscount.discountPrice) { if (this.couponList.salesPrice > this.UserNormalDiscountList[i].highDiscount.discountPrice) {
//满减价格 //满减价格
this.deductionPrice = this.UserNormalDiscountList[i].highDiscount.discountPrice; this.deductionPrice = this.UserNormalDiscountList[i].highDiscount.discountPrice;
this.paytheprice = (((this.couponList.salesPrice*100) - (this.deductionPrice*100))/100); this.paytheprice = (((this.couponList.salesPrice * 100) - (this.deductionPrice * 100)) /
100);
} else { } else {
uni.showToast({ uni.showToast({
title: '未满足满减条件', title: '未满足满减条件',
@ -325,6 +310,13 @@
} }
} }
}, },
// H5获取手机号
jumpH5Bding() {
uni.navigateTo({
url:'/pages/login/register?id=2'
})
},
// 微信获取手机号
getPhoneNumber(PhoneNumber) { getPhoneNumber(PhoneNumber) {
let params = { let params = {
openId: app.globalData.openId, openId: app.globalData.openId,

8
pages/tabBar/category/category.vue
Unescape View File

@ -56,9 +56,7 @@
<!-- <view class="loading-text" @click="getCouponList">{{ loadingText }}</view> --> <!-- <view class="loading-text" @click="getCouponList">{{ loadingText }}</view> -->
</scroll-view> </scroll-view>
</view> </view>
<!-- #ifdef H5 -->
<authorize></authorize>
<!-- #endif -->
</view> </view>
</template> </template>
<script> <script>
@ -67,12 +65,8 @@
getStoreListByMerchant, getStoreListByMerchant,
getMerchantList getMerchantList
} from "../../../Utils/Api.js"; } from "../../../Utils/Api.js";
import authorize from '../../../components/Authorize';
let app = getApp(); let app = getApp();
export default { export default {
components: {
authorize
},
data() { data() {
return { return {
showCategoryIndex: 0, showCategoryIndex: 0,

8
pages/tabBar/home/home.vue
Unescape View File

@ -105,9 +105,7 @@
</view> </view>
<!-- <view class="loading-text">{{ loadingText }}</view> --> <!-- <view class="loading-text">{{ loadingText }}</view> -->
</view> </view>
<!-- #ifdef H5 -->
<authorize></authorize>
<!-- #endif -->
</view> </view>
</template> </template>
@ -118,12 +116,8 @@
getCouponList, getCouponList,
getH5UserInfo getH5UserInfo
} from "../../../Utils/Api.js"; //您的api路径 } from "../../../Utils/Api.js"; //您的api路径
import authorize from '../../../components/Authorize';
let app = getApp(); let app = getApp();
export default { export default {
components: {
authorize
},
data() { data() {
return { return {
showHeader: true, showHeader: true,

2
pages/tabBar/user/user.vue
Unescape View File

@ -95,7 +95,7 @@
</view> </view>
<!-- 占位 --> <!-- 占位 -->
<view class="place-bottom"></view> <view class="place-bottom"></view>
<!-- <authorize></authorize> --> <authorize></authorize>
</view> </view>
</template> </template>
<script> <script>

3
pages/user/order_list/order_list.vue
Unescape View File

@ -115,6 +115,9 @@
}, },
onLoad(option) { onLoad(option) {
// #ifdef H5
this.headerTop = '44px';
// #endif
let tbIndex = parseInt(option.tbIndex) + 1; let tbIndex = parseInt(option.tbIndex) + 1;
this.list = this.orderList[tbIndex]; this.list = this.orderList[tbIndex];
this.tabbarIndex = tbIndex; this.tabbarIndex = tbIndex;

BIN
static/img/share/wxd.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

Write Preview
Loading…
Cancel
Save