StoreAddr.vue

<template>
  <div class="storeAddr flex">
    <div class="left flex">
      <div class="logo">
        <image :src="logoUrl" alt=""></image>
      </div>
      <div class="contentInfo flex" v-if="name != ''">
        <p class="info">{{ name }}</p>
        <p class="change" @click="pushStorePage">[切换]</p>
      </div>
    </div>
  </div>
</template>
<script>
import shop from "@/api/shop";
import { DFSImg } from "@/utils/index";
import { setStoreInfo, getStoreInfo } from "@/utils/mayi"
const app = getApp();
const { log } = app;
export default {
  data() {
    return {
      show: false,
      name: "",
      storeList: [],
      userLatitude: "", //纬度
      userLongitude: "", //经度
      offlineStoreReq: {
        channelType: 2, //渠道类型(0:pc,1:app,2:小程序)
        latitude: "",
        longitude: "",
        shopName: "",
      },
      enterShopId: "", //进店规则门店id
      logoUrl: "",
      openThousandsStoresFlag: false,
    };
  },
  async onLoad() {
    let shopInfo = await shop.getShopInfo(JSON.parse(wx.getStorageSync("extConfig")));
    console.log(shopInfo,'-------------shopInfo')
    if (shopInfo.data.code == 200) {
      this.openThousandsStoresFlag = shopInfo.data.data.openThousandsStoresFlag == 1;
      this.logoUrl = DFSImg(shopInfo.data.data.logoUrl, 400, 400);
      console.log(this.openThousandsStoresFlag,this.logoUrl,'-------------shopInfo')
    }
    if (this.openThousandsStoresFlag) {
      this.getLocationHandle(() => {
        this.getShopList();
      });
    }
    let { offlineShopName } = getStoreInfo();
    this.name = offlineShopName || "";
  },
  computed: {
  },
  methods: {
    getLocationHandle(callback) {
      let _this = this;
      wx.getLocation({
        type: "gcj02", // gcj02 wgs84
        isHighAccuracy: true,
        success: res => {
          // latitude longitude speed accuracy
          log.info("~~~~~~~~~1~~~~~~~", res);
          console.log("~~~~~~~~~1~~~~~~~", res);
          _this.offlineStoreReq.latitude = res.latitude;
          _this.offlineStoreReq.longitude = res.longitude;
          // 存缓存
          wx.setStorageSync("locationObj", JSON.stringify(res));
          callback(res);
        },
        fail: res => {
          log.info("++++++++++2++++++", res);
          console.log("++++++++++2++++++", res);
          wx.setStorageSync("locationObj", "");
          callback(res);
        }
      });
    },
    async getShopList() {
      if (!this.openThousandsStoresFlag) {
        // 未开启连锁商城初始化
        setStoreInfo({
          offlineShopCode: "",
          offlineShopName: "",
        });
        return;
      };
      return;
      // 进店规则获取门店id
      let query = {
        channelType: 2, //设备类型(0:pc,1:app,2:小程序)
        consumerLongitude: this.offlineStoreReq.longitude, //经度，小程序和app可以获取到就要传，没有不传
        consumerLatitude: this.offlineStoreReq.latitude, //纬度，小程序和app可以获取到就要传，没有不传
        distributionOfficerShopcode: "" //分销员门店id，没有不传
      }
      let enterShopRes = await shop.getEnterShopId(query);
      if (enterShopRes && enterShopRes.code == 200) {
        this.enterShopId = enterShopRes.data;
      }
      shop.changingOverShopForXinHua(this.offlineStoreReq).then(res1 => {
        let res = res1.data;
        if (res.code == 200) {
          if (res.data && res.data.length != 0) {
            this.storeList = res.data;
            let isStore = false;
            let { offlineShopName, offlineShopCode } = getStoreInfo();
            console.log(offlineShopName, offlineShopCode, '------------------sa114')
            if (this.enterShopId) {
              // 如果有进店规则门店id则直接匹配存入
              let ruleShop = this.storeList.filter(item => item.id == this.enterShopId);
              if (ruleShop && ruleShop.length > 0) {
                this.name = ruleShop[0].shopName;
                this.$store.dispatch("setShopCode", {
                  shopCode: ruleShop[0].shopCode,
                });
                this.$store.dispatch("setShopName", {
                  shopName: ruleShop[0].shopName,
                });
                this.$emit("toUpdate");
                return;
              }
            }
            this.storeList.forEach((item, index) => {
              if (item.shopName == offlineShopName) {
                isStore = true;
              } else if (offlineShopCode == "") {
                isStore = true;
              }
            });
            console.log(offlineShopName, isStore, "sa97");
            if (offlineShopName && isStore) {
              console.log("判断列表中是否存在(未关闭网店)");
              this.name = offlineShopName;
              this.$emit("toUpdate");
            } else {
              console.log("如果关闭网店，重新选择列表第一个");
              setStoreInfo({
                offlineShopCode: this.storeList[0].shopCode,
                offlineShopName: this.storeList[0].shopName,
              });
              this.name = this.storeList[0].shopName;
              this.$emit("toUpdate");
            }
          } else {
            console.log("如果列表为空--选择商城");
            setStoreInfo({
              offlineShopCode: "",
              offlineShopName: this.shopName,
            });
            this.name = this.shopName;
            this.$emit("toUpdate");
          }
        }
      });
    },
    // 去切换门店页面
    pushStorePage() {
      this.$emit("toPageLoading");
      app.$themeToLink({
        type: 1,
        link: `/chooseStores`,
      })
    }
  }
};
</script>
<style lang="scss" scoped>
.storeAddr {
  padding: 6px 12px;
  justify-content: space-between;

  .left,
  .right {
    align-items: center;

    i.iconfont {
      font-size: 22px;
      margin: 0 5px;
    }
  }

  .left {
    align-items: center;

    .contentInfo {
      align-items: flex-start;

      .info {
        font-size: 14px;
        color: #999;
        flex: 1;
      }

      .change {
        flex-shrink: 0;
        padding-left: 6px;
        color: #333;
        font-size: 14px;
      }

    }

    .logo {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 10px;

      image {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }

  .right {
    i.iconfont {
      font-size: 24px;
    }
  }
}
</style>