front-end/hdApp/src/pagesPurchase/open.vue

<template>
  <div class="app-content">
    <div>
      <form>
        <div class="module-com input-line-wrap" style="padding:20upx 26upx 0upx 26upx;font-size:32upx;">
          您正在<text @click="beginChangeCg(0)">开启</text>/<text @click="beginChangeCg(1)">关闭</text>零售店所需的完整功能，包括商城、订单管理、客户管理和<text @click="openPfShop2()">财务</text>管理等。
        </div>
        <div class="confirm-btn">
          <button class="admin-button-com big blue" @click="changeCg(0)"> 开启 </button>
          <button class="admin-button-com big default" style="margin-top:30upx;" @click="changeCg(1)"> 关闭 </button>
        </div>
      </form>
    </div>
  </div>
</template>
<script>
import { changeOnlyCg } from "@/api/shop";
import { openPfFn } from "@/api/apply";
export default {
  name: "open",
  data() {
    return {
    };
  },
  methods: {
    init(){

    },
    openPfShop2(){
        uni.showLoading({mask:false})
        openPfFn().then(res=>{
          uni.hideLoading()
          if(res.code == 1){
            this.$msg(res.msg)
          }
        })
    },
    beginChangeCg(num){
      let that = this
      let title = num == 0 ? '开启' :'关闭' 
      that.$util.confirmModal({content:'确认'+title+'？',okText:'确认'},() => {
        that.confirmRecover(num)
      })
    },
    changeCg(num){
      let that = this
      that.$msg('请联系管理员')
    },
    confirmRecover(num){
      let that = this
      changeOnlyCg({onlyCg:num}).then(res=>{
        if(res.code == 1){

          that.$store.commit("setLoginInfo", {})
          that.$store.commit("setMyShopInfo", {})
          that.$store.commit("setDictionariesInfo", {})

          // #ifdef APP-PLUS
          plus.runtime.restart()
          // #endif
          // #ifdef MP-WEIXIN
          that.pageTo({url:'/admin/home/workbench',type:3})
          // #endif
        }
      })
    }
  }
};
</script>
<style lang="scss" scoped>
.app-content {
  min-height: calc(100vh - 20upx);
  padding-top: 20upx;
}
.prompt-text {
  color: $fontColor3;
  padding-left: 30upx;
  margin-bottom: 30upx;
}
.module-com {
  margin-bottom: 20upx;
  .member-wrap {
    .member-det {
      font-size: 24upx;
      margin-left: 20upx;
    }
  }
  .remark-wrap {
    align-items: flex-start;
    .remark {
      height: 240upx;
    }
  }
}
.confirm-btn {
  width: calc(100% - 60upx);
  margin: 60upx 30upx 20upx;
  .admin-button-com {
    width: 100%;
  }
}
</style>