caimei365-www/src/main/resources/static/js/product/qualityauthorize.js

/**
 *Created by ZHJY on 2021/03/12.
 */
var qualityAuthorize = new Vue({
    el:"#qualityAuthorize",
    data: {
        //是否显示声明对话框
        showStatement:false,
        //是否为手机屏幕
        isPC:window.isPC,
        //产品id
        productId:'5',
        //产品参数对象
        parameters:null,
        //声明内容
        statementContent:'',
        //控制授权证书是否弹出
        isShowSqBookModal:false,
        sqBookModal:'',
        cmContent:'',
        isCmComtent:false,
        message:'',
        isLoading:false,
        showQrcodeImage:true
    },
    filters:{
        snCode:function (code) {
            return code.replace(/^(\w{2})\w+(\w{4})$/,"$1******$2");
        }
    },
    methods: {
        //弹窗声明框
        showStatementModel:function(){
            this.showStatement = true
        },
        //关闭声明框
        closeStatementModel:function(){
            this.showStatement = false
        },
        //获取商品参数对象
        initParams:function(){
           var _that = this;
           ProductApi.GetAuthProductDeatil({productId:_that.productId},function(res){
                if(res.code === 0){
                    _that.parameters = res.data;
                    console.log(_that.parameters)
                    _that.isLoading = true;
                }else{
                    _that.message = res.msg;
                    _that.isLoading = true;
                }
                // else{
                //     //如果该产品不存在，跳转到404页面
                //     window.location.href = '/404.html'
                // }
           });
        },
        // 代理声明弹出框
        openStatementDialog:function(flag){
            if(flag === 1){
            //代理声明
                this.isCmComtent = false;
                this.statementContent = this.parameters.statementContent
            }else{
            //采美声明
                this.isCmComtent = true;
                this.cmContent = `
                <p>目前，在市面上经常发现不少伪劣医疗美容产品/仪器，让众多的消费者无法辨别产品/仪器的真假，并且给品牌方及品牌代理商造成不少困扰</p>
                <p>为了提高消费者对产品/仪器的可信度。由采美信息技术有限公司发起并提供技术支持，且得到各品牌与代理商的认可及授权后，共同打造正品
                联盟平台。将产品/仪器的品牌授牌信息纳入到正品联盟平台。消费者可通过授权牌上二维码扫码得知该产品/仪器的品牌授权信息。通过这些信
                息即可得知产品/仪器的真假，是否为品牌以及品牌代理商授权过的正品，从而解决消费者与品牌/品牌代理商的困扰。</p>
                `;
            }
            this.showStatement = true;
        },
        //授权证书弹出
        showSqBookModal:function(){
            this.isShowSqBookModal = true
        },
        //授权证书影藏
        hideSqBookModal:function(){
           this.isShowSqBookModal = false;
        },
        //关闭微信二维码
        handleColseQrCodeImage: function(){
            this.showQrcodeImage = false
        }
    },
    // created:function() {
    //     var _that = this;
    //     Vue.nextTick(function () {
    //         _that.initParams()
    //     })
    // }
    mounted:function () {
        setBaseCookie("weChatAutoLogin", 2);
        this.sqBookModal = $('#sq-book-modal');
        console.log(1);
        //根据地址获取产品id
        var _that = this;
        var pathname = window.location.pathname;
        this.productId = pathname.split('-')[1].split('.')[0];
        this.initParams();
        setTimeout(function () {
            _that.isShowSqBookModal = true;
        }, 500);
    }
});