sailun-tbr-web/pages/me/setting/setting.vue

<template>
  <view>
    <!-- 设置 -->
    <u-card
      :border="false"
      padding="30"
      box-shadow="0px 1px 10px rgba(0,0,0,0.2)"
      border-radius="20"
      :show-foot="false"
      :show-head="false"
	   @click="tishi"
    >
      <view slot="body">
        <view class="u-flex u-row-between">
          <view class="">
            <u-image
              width="130rpx"
              height="130rpx"
              :src="userInfo.storeImageUrl"
              :lazy-load="true"
              shape="circle"
            >
              <view
                slot="error"
                style="font-size: 24rpx"
                :fade="true"
                duration="450"
                >加载失败
              </view>
            </u-image>
          </view>
          <view class="u-flex">
            <view class="u-m-r-50" style="color: #0d79ec; font-size: 32rpx"
              >修改头像</view
            >
            <u-icon name="arrow-right" color="#0D79EC" size="28"></u-icon>
          </view>
        </view>
      </view>
    </u-card>
    <u-card
      :border="false"
      padding="20"
      box-shadow="0px 1px 10px rgba(0,0,0,0.2)"
      border-radius="20"
      :show-foot="false"
      :show-head="false"
    >
      <view slot="body">
        <template>
          <u-cell-group :border="false">
            <u-cell-item title="收货地址管理" @click="tishi">
              <u-icon
                slot="icon"
                size="42"
                name="location-o"
                custom-prefix="van-icon"
                color="#0095FF"
                style="margin-right: 10rpx"
              ></u-icon>
            </u-cell-item>
            <u-cell-item title="门店名称" :value="userInfo.storeName" :arrow="false">
              <u-icon
                slot="icon"
                size="42"
                name="shop-o"
                custom-prefix="van-icon"
                color="#0095FF"
                style="margin-right: 10rpx"
              ></u-icon>
            </u-cell-item>
            <u-cell-item title="门店联系人" :value="userInfo.contactName" :arrow="false">
              <u-icon
                slot="icon"
                size="42"
                name="contact"
                custom-prefix="van-icon"
                color="#0095FF"
                style="margin-right: 10rpx"
              ></u-icon>
            </u-cell-item>
            <u-cell-item title="联系电话" :value="userInfo.storePhone" :arrow="false">
              <u-icon
                slot="icon"
                size="42"
                name="phone-o"
                custom-prefix="van-icon"
                color="#0095FF"
                style="margin-right: 10rpx"
              ></u-icon>
            </u-cell-item>
            <u-cell-item title="用户协议">
              <u-icon
                slot="icon"
                size="42"
                name="friends-o"
                custom-prefix="van-icon"
                color="#0095FF"
                style="margin-right: 10rpx"
              ></u-icon>
            </u-cell-item>
            <u-cell-item title="隐私政策">
              <u-icon
                slot="icon"
                size="42"
                name="info-o"
                custom-prefix="van-icon"
                color="#0095FF"
                style="margin-right: 10rpx"
              ></u-icon>
            </u-cell-item>
            <u-cell-item
              title="版本检测"
              value="1.00"
              :arrow="false"
              :border-bottom="false"
            >
              <u-icon
                slot="icon"
                size="42"
                name="setting-o"
                custom-prefix="van-icon"
                color="#0095FF"
                style="margin-right: 10rpx"
              ></u-icon>
            </u-cell-item>
          </u-cell-group>
        </template>
      </view>
    </u-card>
    <u-button type="primary" @click="exit" style="margin: 20rpx"
      >安全退出</u-button
    >
  </view>
</template>

<script>
import { mapMutations } from "vuex";
import { request } from "../../../common/request/request";
require("promise.prototype.finally").shim();
export default {
  data() {
    return {
      userInfo: {},
    };
  },
  created() {
    this.getMyinfo();
  },
  methods: {
    ...mapMutations(["logout"]),
    exit() {
      this.logout();
      this.$u.route({
        url: "pages/login/index",
        type: "reLaunch",
      });
    },
    getMyinfo() {
      request({
        url: "/myapp/selectStore",
        method: "post",
        data: {
          storeId: this.$store.state.storeInfo.storeId,
        },
      })
        .then((res) => {
          this.userInfo = res.data.data;
          console.log(this.userInfo);
        })
        .catch((err) => {
          console.log(err);
        })
        .finally(() => {
          this.loading = false;
          uni.hideLoading();
        });
	},
	tishi(){
		this.$u.toast('此功能暂不开放');
	}
  },
};
</script>

<style>
</style>