|
|
@@ -69,200 +69,228 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <fab-module /> -->
|
|
|
+ <!-- 续费遮罩层 -->
|
|
|
+ <modal-module :show="renewMask" :custom="true" :maskClosable="false" padding="30rpx 30rpx">
|
|
|
+ <template>
|
|
|
+ <div class="renew-wrap">
|
|
|
+ <div class="renew-wrap-text">你的账号已到期</div>
|
|
|
+ <!-- <button class="admin-button-com middle" @click="pageTo('/admin/renew/index')">立即续费</button> -->
|
|
|
+ <button class="admin-button-com middle" @click="renewFn()">立即续费</button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </modal-module>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import FabModule from '@/components/plugin/fab'
|
|
|
-import AppAvatarModule from '@/components/module/app-avatar'
|
|
|
-// api
|
|
|
-import { consoleIndex } from '@/api/workbench'
|
|
|
-export default {
|
|
|
- name: 'admin-workbench',
|
|
|
- components: {
|
|
|
- FabModule,
|
|
|
- AppAvatarModule
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- constant: this.$constant,
|
|
|
- data: {
|
|
|
- admin: {},
|
|
|
- asset: {},
|
|
|
- notice: {},
|
|
|
- todayData: {}
|
|
|
- },
|
|
|
- // 订单总览
|
|
|
- orderData: [
|
|
|
- {
|
|
|
- name: '待付款',
|
|
|
- value: 0,
|
|
|
- url: '/admin/home/order',
|
|
|
- type: 4,
|
|
|
- query: {
|
|
|
- tabIndex: 1
|
|
|
- }
|
|
|
+ import { mapGetters, mapState } from 'vuex'
|
|
|
+ import FabModule from '@/components/plugin/fab'
|
|
|
+ import AppAvatarModule from '@/components/module/app-avatar'
|
|
|
+ import ModalModule from '@/components/plugin/modal'
|
|
|
+ import { getDataTimestamp, getFirstHost } from '@/utils/common'
|
|
|
+ // api
|
|
|
+ import { getUser } from '@/utils/auth'
|
|
|
+ import { consoleIndex } from '@/api/workbench'
|
|
|
+ export default {
|
|
|
+ name: 'admin-workbench',
|
|
|
+ components: {
|
|
|
+ ModalModule,
|
|
|
+ FabModule,
|
|
|
+ AppAvatarModule
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ constant: this.$constant,
|
|
|
+ // 遮罩层
|
|
|
+ renewMask: false,
|
|
|
+ data: {
|
|
|
+ admin: {},
|
|
|
+ asset: {},
|
|
|
+ notice: {},
|
|
|
+ todayData: {}
|
|
|
},
|
|
|
- {
|
|
|
- name: '待配送',
|
|
|
- value: 0,
|
|
|
- url: '/admin/home/order',
|
|
|
- type: 4,
|
|
|
- query: {
|
|
|
- tabIndex: 2
|
|
|
+ // 订单总览
|
|
|
+ orderData: [
|
|
|
+ {
|
|
|
+ name: '待付款',
|
|
|
+ value: 0,
|
|
|
+ url: '/admin/home/order',
|
|
|
+ type: 4,
|
|
|
+ query: {
|
|
|
+ tabIndex: 1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '待配送',
|
|
|
+ value: 0,
|
|
|
+ url: '/admin/home/order',
|
|
|
+ type: 4,
|
|
|
+ query: {
|
|
|
+ tabIndex: 2
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '配送中',
|
|
|
+ value: 0,
|
|
|
+ url: '/admin/home/order',
|
|
|
+ type: 4,
|
|
|
+ query: {
|
|
|
+ tabIndex: 3
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '待通知',
|
|
|
+ value: 0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '已完结',
|
|
|
+ url: '/admin/home/order',
|
|
|
+ type: 4,
|
|
|
+ query: {
|
|
|
+ tabIndex: 4
|
|
|
+ },
|
|
|
+ value: 0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '全部',
|
|
|
+ url: '/admin/home/order',
|
|
|
+ type: 4,
|
|
|
+ query: {
|
|
|
+ tabIndex: 0
|
|
|
+ },
|
|
|
+ value: 0
|
|
|
}
|
|
|
- },
|
|
|
- {
|
|
|
- name: '配送中',
|
|
|
- value: 0,
|
|
|
- url: '/admin/home/order',
|
|
|
- type: 4,
|
|
|
- query: {
|
|
|
- tabIndex: 3
|
|
|
+ ],
|
|
|
+ // tab按钮
|
|
|
+ tabsData: [
|
|
|
+ {
|
|
|
+ name: '商品管理',
|
|
|
+ img: `${this.$constant.imgUrl}/retail/admin/tab-icon-1.png`,
|
|
|
+ url: '/admin/goodsManage/list'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '邀请有礼',
|
|
|
+ img: `${this.$constant.imgUrl}/retail/admin/tab-icon-2.png`,
|
|
|
+ url: '/admin/interest/invite'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '图库管理',
|
|
|
+ img: `${this.$constant.imgUrl}/retail/admin/tab-icon-1.png`,
|
|
|
+ url: '/admin/goodsManage/img-store'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '优惠券',
|
|
|
+ img: `${this.$constant.imgUrl}/retail/admin/tab-icon-3.png`,
|
|
|
+ url: '/admin/coupon/list'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '广告管理',
|
|
|
+ img: `${this.$constant.imgUrl}/retail/admin/tab-icon-4.png`,
|
|
|
+ url: '/admin/ad/list'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '数据统计',
|
|
|
+ img: `${this.$constant.imgUrl}/retail/admin/tab-icon-5.png`,
|
|
|
+ url: '/admin/statistics/index'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '员工管理',
|
|
|
+ img: `${this.$constant.imgUrl}/retail/admin/tab-icon-6.png`,
|
|
|
+ url: '/admin/staff/list'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '我的代理',
|
|
|
+ img: `${this.$constant.imgUrl}/retail/admin/tab-icon-7.png`,
|
|
|
+ url: '/admin/interest/my-invite'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '设置',
|
|
|
+ img: `${this.$constant.imgUrl}/retail/admin/tab-icon-8.png`,
|
|
|
+ url: '/admin/setting/list'
|
|
|
}
|
|
|
- },
|
|
|
- {
|
|
|
- name: '待通知',
|
|
|
- value: 0
|
|
|
- },
|
|
|
- {
|
|
|
- name: '已完结',
|
|
|
- url: '/admin/home/order',
|
|
|
- type: 4,
|
|
|
- query: {
|
|
|
- tabIndex: 4
|
|
|
+ ],
|
|
|
+ // 总览
|
|
|
+ totalData: [
|
|
|
+ {
|
|
|
+ name: '客户数',
|
|
|
+ value: 0
|
|
|
},
|
|
|
- value: 0
|
|
|
- },
|
|
|
- {
|
|
|
- name: '全部',
|
|
|
- url: '/admin/home/order',
|
|
|
- type: 4,
|
|
|
- query: {
|
|
|
- tabIndex: 0
|
|
|
+ {
|
|
|
+ name: '粉丝数',
|
|
|
+ value: 0
|
|
|
},
|
|
|
- value: 0
|
|
|
- }
|
|
|
- ],
|
|
|
- // tab按钮
|
|
|
- tabsData: [
|
|
|
- {
|
|
|
- name: '商品管理',
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-1.png`,
|
|
|
- url: '/admin/goodsManage/list'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '邀请有礼',
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-2.png`,
|
|
|
- url: '/admin/interest/invite'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '图库管理',
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-1.png`,
|
|
|
- url: '/admin/goodsManage/img-store'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '优惠券',
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-3.png`,
|
|
|
- url: '/admin/coupon/list'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '广告管理',
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-4.png`,
|
|
|
- url: '/admin/ad/list'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '数据统计',
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-5.png`,
|
|
|
- url: '/admin/statistics/index'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '员工管理',
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-6.png`,
|
|
|
- url: '/admin/staff/list'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '我的代理',
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-7.png`,
|
|
|
- url: '/admin/interest/my-invite'
|
|
|
- },
|
|
|
- {
|
|
|
- name: '设置',
|
|
|
- img: `${this.$constant.imgUrl}/retail/admin/tab-icon-8.png`,
|
|
|
- url: '/admin/setting/list'
|
|
|
- }
|
|
|
- ],
|
|
|
- // 总览
|
|
|
- totalData: [
|
|
|
- {
|
|
|
- name: '客户数',
|
|
|
- value: 0
|
|
|
- },
|
|
|
- {
|
|
|
- name: '粉丝数',
|
|
|
- value: 0
|
|
|
- },
|
|
|
- {
|
|
|
- name: '会员数',
|
|
|
- value: 0
|
|
|
- },
|
|
|
- {
|
|
|
- name: '总收入(元)',
|
|
|
- value: 0
|
|
|
- },
|
|
|
- {
|
|
|
- name: '总访问量',
|
|
|
- value: 0
|
|
|
- },
|
|
|
- {
|
|
|
- name: '剩余短信',
|
|
|
- value: 0
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- avatarImg() {
|
|
|
- return this.$util.isEmpty(this.userInfo) ? '' : this.userInfo.logoUrl
|
|
|
- }
|
|
|
- },
|
|
|
- onLoad(option) {
|
|
|
- // if (this.$util.getCheckLogin()) return
|
|
|
- // this.init()
|
|
|
- },
|
|
|
- methods: {
|
|
|
- init() {
|
|
|
- consoleIndex().then(res => {
|
|
|
- this.data = res.data
|
|
|
- const { asset } = res.data
|
|
|
- if (!this.$util.isEmpty(asset)) {
|
|
|
- // 订单总览
|
|
|
- this.orderData[0].value = asset.unPayOrder
|
|
|
- this.orderData[1].value = asset.unSendOrder
|
|
|
- this.orderData[2].value = asset.sendingOrder
|
|
|
- this.orderData[3].value = asset.unNoticeOrder
|
|
|
- this.orderData[4].value = asset.finishOrder
|
|
|
- this.orderData[5].value = asset.totalOrder
|
|
|
- // 总览数据
|
|
|
- this.totalData[0].value = asset.totalMember
|
|
|
- this.totalData[1].value = asset.totalFans
|
|
|
- this.totalData[2].value = asset.totalUser
|
|
|
- this.totalData[3].value = asset.totalIncome
|
|
|
- this.totalData[4].value = asset.totalVisit
|
|
|
- this.totalData[5].value = asset.remainSmsNum
|
|
|
- }
|
|
|
- })
|
|
|
+ {
|
|
|
+ name: '会员数',
|
|
|
+ value: 0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '总收入(元)',
|
|
|
+ value: 0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '总访问量',
|
|
|
+ value: 0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '剩余短信',
|
|
|
+ value: 0
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
},
|
|
|
- // 跳转
|
|
|
- pageToFn(item) {
|
|
|
- // #ifdef H5
|
|
|
- location.href = item.url
|
|
|
- // #endif
|
|
|
- // #ifndef H5
|
|
|
- // #endif
|
|
|
+ computed: {
|
|
|
+ ...mapGetters({ userInfo: 'getUser' }),
|
|
|
+ avatarImg() {
|
|
|
+ return this.$util.isEmpty(this.userInfo) ? '' : this.userInfo.logoUrl
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(option) {
|
|
|
+ // if (this.$util.getCheckLogin()) return
|
|
|
+ // this.init()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init() {
|
|
|
+ getUser().then(res => {
|
|
|
+ let nowTime = getDataTimestamp(new Date(), true)
|
|
|
+ if (nowTime > res.setDeadline) {
|
|
|
+ this.renewMask = true
|
|
|
+ }
|
|
|
+ })
|
|
|
+ consoleIndex().then(res => {
|
|
|
+ this.data = res.data
|
|
|
+ const { asset } = res.data
|
|
|
+ if (!this.$util.isEmpty(asset)) {
|
|
|
+ // 订单总览
|
|
|
+ this.orderData[0].value = asset.unPayOrder
|
|
|
+ this.orderData[1].value = asset.unSendOrder
|
|
|
+ this.orderData[2].value = asset.sendingOrder
|
|
|
+ this.orderData[3].value = asset.unNoticeOrder
|
|
|
+ this.orderData[4].value = asset.finishOrder
|
|
|
+ this.orderData[5].value = asset.totalOrder
|
|
|
+ // 总览数据
|
|
|
+ this.totalData[0].value = asset.totalMember
|
|
|
+ this.totalData[1].value = asset.totalFans
|
|
|
+ this.totalData[2].value = asset.totalUser
|
|
|
+ this.totalData[3].value = asset.totalIncome
|
|
|
+ this.totalData[4].value = asset.totalVisit
|
|
|
+ this.totalData[5].value = asset.remainSmsNum
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 跳转
|
|
|
+ pageToFn(item) {
|
|
|
+ // #ifdef H5
|
|
|
+ location.href = item.url
|
|
|
+ // #endif
|
|
|
+ // #ifndef H5
|
|
|
+ // #endif
|
|
|
+ },
|
|
|
+ // 续费
|
|
|
+ renewFn() {
|
|
|
+ location.href = `${window.location.protocol}//www.${getFirstHost()}.com/#/?payMerchantId=${this.userInfo.extend.merchantId}&pay=1`
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@@ -302,7 +330,7 @@ export default {
|
|
|
@include disFlex(center, space-around);
|
|
|
// padding-bottom: 40px;
|
|
|
.info-list-name {
|
|
|
- color: #BFD4FF;
|
|
|
+ color: #bfd4ff;
|
|
|
}
|
|
|
.info-list-value {
|
|
|
font-size: 36px;
|
|
|
@@ -344,7 +372,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
// 总览
|
|
|
- .total-wrap, .order-wrap {
|
|
|
+ .total-wrap,
|
|
|
+ .order-wrap {
|
|
|
.total-tit {
|
|
|
padding: 18px 0 18px 20px;
|
|
|
border-bottom: 1px solid $borderColor;
|
|
|
@@ -398,4 +427,13 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ // 遮罩层
|
|
|
+ .renew-wrap {
|
|
|
+ text-align: center;
|
|
|
+ .renew-wrap-text {
|
|
|
+ margin-top: 30px;
|
|
|
+ margin-bottom: 60px;
|
|
|
+ font-size: 34px;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|