|
|
@@ -0,0 +1,153 @@
|
|
|
+<template>
|
|
|
+<view class="app-content">
|
|
|
+ <view class="ex-page">
|
|
|
+ <scroll-view scroll-y scroll-with-animation class="main-view">
|
|
|
+ <view class="space-view ex-table">
|
|
|
+ <block>
|
|
|
+ <t-table :headerBackgroundColor="'#F0F2F6'">
|
|
|
+ <t-tr header>
|
|
|
+ <t-th><view>门店名称</view></t-th>
|
|
|
+ <t-th>操作</t-th>
|
|
|
+ </t-tr>
|
|
|
+ <t-tr v-for="(item, inIndex) in shopData.list" :key="inIndex">
|
|
|
+ <t-td>
|
|
|
+ <view style="color:black;font-size:30upx;">
|
|
|
+ {{item.merchantName}}
|
|
|
+ <text v-if="item.shopName == '首店'"></text>
|
|
|
+ <text v-else style="margin-left:10upx;">{{item.shopName}}</text>
|
|
|
+ </view>
|
|
|
+ </t-td>
|
|
|
+ <t-td><button class="admin-button-com middle blue" style="margin-left:30upx;" @click="selectShopFn(item.id)">进入此店</button></t-td>
|
|
|
+ </t-tr>
|
|
|
+ </t-table>
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+</view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
+import { getMyShop } from "@/api/shop";
|
|
|
+import { list } from "@/mixins";
|
|
|
+import { toggleShop } from "@/api/common";
|
|
|
+import { getShopInfo } from "@/utils/auth";
|
|
|
+import {mapGetters} from "vuex";
|
|
|
+export default {
|
|
|
+ components: {AppWrapperEmpty},
|
|
|
+ mixins: [list],
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["getDictionariesInfo","getLoginInfo"])
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ shopData:{},
|
|
|
+ shopId:0
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async selectShopFn (shopId) {
|
|
|
+ uni.showLoading({mask:true})
|
|
|
+ await toggleShop({ shopId: shopId })
|
|
|
+ uni.hideLoading()
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ this.$store.commit("setLoginInfo", {})
|
|
|
+ this.$store.commit("setMyShopInfo", {})
|
|
|
+ this.$util.pageTo({url: "/admin/home/me",type: 3})
|
|
|
+ // #endif
|
|
|
+ // #ifdef APP-PLUS
|
|
|
+ this.$store.commit("setLoginInfo", {})
|
|
|
+ this.$store.commit("setDictionariesInfo", {})
|
|
|
+ this.$store.commit("setMyShopInfo", {})
|
|
|
+ plus.runtime.restart()
|
|
|
+ // #endif
|
|
|
+ getShopInfo(true)
|
|
|
+ },
|
|
|
+ init(){
|
|
|
+ getMyShop().then(res=>{
|
|
|
+ this.shopData = res.data
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.ex-page {
|
|
|
+ background: white;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .top-bar {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ top:20upx;
|
|
|
+ z-index: 20;
|
|
|
+ .bar{
|
|
|
+ width: 50%;
|
|
|
+ height: 100%;
|
|
|
+ text-align: center;
|
|
|
+ &:nth-child(1){
|
|
|
+ border-right: 1upx solid #eeeeec;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .main-view {
|
|
|
+ flex: 1;
|
|
|
+ background-color: #f9fbfc;
|
|
|
+ .space-view {
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ .ex-info {
|
|
|
+ padding: 30upx;
|
|
|
+ .info-cell {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 28upx;
|
|
|
+ &:not(:first-child) {
|
|
|
+ margin-top: 20upx;
|
|
|
+ }
|
|
|
+ .cell-label {
|
|
|
+ width: 110upx;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ .cell-value {
|
|
|
+ margin-left: 40upx;
|
|
|
+ color: #333;
|
|
|
+ &.warning {
|
|
|
+ color: #ffaf1d;
|
|
|
+ }
|
|
|
+ &.success {
|
|
|
+ color: #27c325;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ex-table {
|
|
|
+ /deep/.icon-info {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bar-view {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 30upx;
|
|
|
+ width: 100%;
|
|
|
+ height: 100upx;
|
|
|
+
|
|
|
+ box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
|
|
|
+ .info-view {
|
|
|
+ font-size: 26upx;
|
|
|
+ }
|
|
|
+ .btn-view {
|
|
|
+ display: flex;
|
|
|
+ .admin-button-com {
|
|
|
+ margin: 0 10upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
shish