Commit 578ddf12 by wangjian

Merge branch 'dev' of https://gitlab.jntmedia.cn/wangjian/FuLiMini into dev

* 'dev' of https://gitlab.jntmedia.cn/wangjian/FuLiMini: 首页 # Conflicts: # pages/home/home.vue # unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map # unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map # unpackage/dist/dev/.sourcemap/mp-weixin/pages/home/home.js.map # unpackage/dist/dev/.sourcemap/mp-weixin/pages/mine/mine.js.map # unpackage/dist/dev/.sourcemap/mp-weixin/pagesA/integral/integral.js.map # unpackage/dist/dev/.sourcemap/mp-weixin/pagesA/login/login.js.map # unpackage/dist/dev/.sourcemap/mp-weixin/pagesA/selectAccount/selectAccount.js.map # unpackage/dist/dev/.sourcemap/mp-weixin/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.js.map # unpackage/dist/dev/mp-weixin/app.json # unpackage/dist/dev/mp-weixin/common/main.js # unpackage/dist/dev/mp-weixin/common/main.wxss # unpackage/dist/dev/mp-weixin/common/vendor.js # unpackage/dist/dev/mp-weixin/pages/home/home.js # unpackage/dist/dev/mp-weixin/pages/mine/mine.js # unpackage/dist/dev/mp-weixin/pages/mine/mine.json # unpackage/dist/dev/mp-weixin/pages/mine/mine.wxml # unpackage/dist/dev/mp-weixin/pages/order/order.js # unpackage/dist/dev/mp-weixin/pagesA/integral/integral.js # unpackage/dist/dev/mp-weixin/pagesA/login/login.js # unpackage/dist/dev/mp-weixin/pagesA/selectAccount/selectAccount.js # unpackage/dist/dev/mp-weixin/project.config.json # unpackage/dist/dev/mp-weixin/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.js
parents 4a170230 a9f9a33d
<template> <template>
<view>
<view class="layout"> <view class="layout">
<view class="title">懒人企业福利社</view> <view class="title">懒人企业福利社</view>
<view class="header"> <view class="header">
<view class="header-top"> <view class="header-top">
<text class="header-name">你好,{{name}}</text> <text v-if="isLogin" class="header-name">你好,{{ name }}</text>
<text v-else class="header-login" @click="goLogin()">请登录</text>
<view class="integral-detail">积分明细 ></view> <view class="integral-detail">积分明细 ></view>
</view> </view>
<view class="header-center"> <view class="header-center">
<view class="header-integral">{{integralCount}}</view> <view class="header-integral">{{ integralCount }}</view>
<view class="header-integral-tip">当前积分</view> <view class="header-integral-tip">当前积分</view>
</view> </view>
</view> </view>
<view class="list"> <view class="list">
<view class="item" v-for="(item, index) in brandList" :key='index'> <view class="item" v-for="(item, index) in brandList" :key="index">
<image class="icon"></image> <image class="icon"></image>
<view class="item-right"> <view class="item-right">
<text class="item-title">叮咚买菜</text> <text class="item-title">叮咚买菜</text>
...@@ -21,44 +21,64 @@ ...@@ -21,44 +21,64 @@
</view> </view>
</view> </view>
</view> </view>
<uni-load-more v-if="brandList.length>0" :status="loadingType"></uni-load-more> <uni-load-more v-if="brandList.length > 0" :status="loadingType"></uni-load-more>
</view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
name: '', name: '',
integralCount: '', integralCount: '0',
loadingType: 'more', loadingType: 'more',
brandList: [], brandList: [],
page: 1, page: 1,
pageSize: 20 pageSize: 20,
isLogin: false
}; };
}, },
created() { created() {
this.getData() this.getData();
},
onShow() {
this.getUserInfo()
}, },
methods: { methods: {
goLogin() { goLogin() {
this.$router.push('Login') this.$router.push('Login');
}, },
getData() { getUserInfo() {
this.$net.get('/goods/brand', {page: this.page, pageSize: this.pageSize}) if(this.$net.tokenGet().length > 0) {
this.isLogin = true
this.$net.get('/staff/detail', {})
.then(res => { .then(res => {
if(res.list.length > 0) { this.name = res.accountName
this.brandList.concat(res.list) this.integralCount = res.allIntegral
}
this.loadingType = res.list.length < this.pageSize ? 'more' : 'noMore'
}) })
.catch(err => { .catch(err => {
console.log(err) console.log(err)
}) })
} else {
// 未登录
this.isLogin = false
}
},
getData() {
this.$net
.get('/goods/brand', { page: this.page, pageSize: this.pageSize })
.then(res => {
if (res.list.length > 0) {
this.brandList.concat(res.list);
} }
this.loadingType = res.list.length < this.pageSize ? 'more' : 'noMore';
})
.catch(err => {
console.log(err);
});
} }
} }
};
</script> </script>
<style lang="scss"> <style lang="scss">
...@@ -90,14 +110,19 @@ ...@@ -90,14 +110,19 @@
margin-left: 30rpx; margin-left: 30rpx;
.header-name { .header-name {
font-size: 24rpx; font-size: 24rpx;
color: #FFFFFF; color: #ffffff;
}
.header-login {
font-size: 24rpx;
color: #ffffff;
text-decoration: underline;
} }
.integral-detail { .integral-detail {
background-image: url(../../static/integral-detail-bg.png); background-image: url(../../static/integral-detail-bg.png);
width: 174rpx; width: 174rpx;
height: 58rpx; height: 58rpx;
font-size: 26rpx; font-size: 26rpx;
color: #FFFFFF; color: #ffffff;
line-height: 58rpx; line-height: 58rpx;
text-align: center; text-align: center;
} }
...@@ -109,18 +134,18 @@ ...@@ -109,18 +134,18 @@
.header-integral { .header-integral {
font-size: 82rpx; font-size: 82rpx;
font-weight: bolder; font-weight: bolder;
color: #FFFFFF; color: #ffffff;
margin-top: 15rpx; margin-top: 15rpx;
} }
.header-integral-tip { .header-integral-tip {
font-size: 24rpx; font-size: 24rpx;
color: #FFFFFF; color: #ffffff;
} }
} }
.list { .list {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background: #FFEEEE; background: #ffeeee;
border-radius: 30rpx 30rpx 0rpx 0rpx; border-radius: 30rpx 30rpx 0rpx 0rpx;
padding-top: 25rpx; padding-top: 25rpx;
.item { .item {
......
...@@ -180,33 +180,53 @@ Object.defineProperty(exports, "__esModule", { value: true });exports.default = ...@@ -180,33 +180,53 @@ Object.defineProperty(exports, "__esModule", { value: true });exports.default =
// //
// //
// //
//
var _default = var _default =
{ {
data: function data() { data: function data() {
return { return {
name: '', name: '',
integralCount: '', integralCount: '0',
loadingType: 'more', loadingType: 'more',
brandList: [], brandList: [],
page: 1, page: 1,
pageSize: 20 }; pageSize: 20,
isLogin: false };
}, },
created: function created() { created: function created() {
this.getData(); this.getData();
}, },
onShow: function onShow() {
this.getUserInfo();
},
methods: { methods: {
goLogin: function goLogin() { goLogin: function goLogin() {
this.$router.push('Login'); this.$router.push('Login');
}, },
getData: function getData() {var _this = this; getUserInfo: function getUserInfo() {var _this = this;
this.$net.get('/goods/brand', { page: this.page, pageSize: this.pageSize }). if (this.$net.tokenGet().length > 0) {
this.isLogin = true;
this.$net.get('/staff/detail', {}).
then(function (res) {
_this.name = res.accountName;
_this.integralCount = res.allIntegral;
}).
catch(function (err) {
console.log(err);
});
} else {
// 未登录
this.isLogin = false;
}
},
getData: function getData() {var _this2 = this;
this.$net.
get('/goods/brand', { page: this.page, pageSize: this.pageSize }).
then(function (res) { then(function (res) {
if (res.list.length > 0) { if (res.list.length > 0) {
_this.brandList.concat(res.list); _this2.brandList.concat(res.list);
} }
_this.loadingType = res.list.length < _this.pageSize ? 'more' : 'noMore'; _this2.loadingType = res.list.length < _this2.pageSize ? 'more' : 'noMore';
}). }).
catch(function (err) { catch(function (err) {
console.log(err); console.log(err);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment