caimei365-www/src/main/resources/static/js/user-center/setting/information.js

;
var informationPage = new Vue({
    el: "#informationPage",
    data: {
        isRequset:true,
        loginLoading: false,
        showTabContentIndex:1,
        showSupplierConfirm:true,
        advisoryStatus: false,
        userId:0,
        showClass:'',
        mobilCount:0,
        mobileCodeText:'获取验证码',
        mobilTime:null,
        isMobileDisabled:false,
        isCodeModel:false,
        codeImagePath:'https://dss2.bdstatic.com/8_V1bjqh_Q23odCf/pacific/1819816496.jpg',
        codeImageToken:'',
        imageCode:'',
        bindMobile:'',
        userIdentity:'',
        clubUpgradeUser: {
            userId:0,
            clubId:0,					//会所Id
            name:'',                    //机构名称
            linkMan:'',                //联系人
            contractEmail:'',          //邮箱
            shortName:'',                   //机构简称
            provinceId:0,               //省Id
            cityId:0,                   //市Id
            townId:0,                   //区Id
            address:'',                 //地址
            socialCreditCode:'',        //营业执照编号
            businessLicense:'',    //营业执照图片
            shopPhoto:'',                 //门头照
            firstClubType:'', //机构类型分类 医美:0和生美:1
            secondClubType:'',		//机构类型二级分类 诊所:1,门诊:2,医院:3
            department:'',			//科室
            medicalPracticeLicense:'',//资质图片
            isAgreed:0,				//是否勾选协议
            mainProduct:[],             //主营内容
            fax:'',                 //传真
            contractPhone:'',       //固定电话
            profile : ''               //公司简介
        },
        userMainPros:[],
        formData:new FormData(),
        isAgreed:0,
        isAgree:false,
        isShowAgree:false,
        mentuzCampNullList:[
            {value:'1',name:'整形'},
            {value:'2',name:'轻医美'},
            {value:'3',name:'皮肤科'},
        ],
        medicaCampNullList: [
            {name:'美容'},
            {name:'美体'},
            {name:'美发'},
            {name:'皮肤管理'},
            {name:'光电'},
            {name:'综合类'},
            {name:'中医养生'},
            {name:'spa'},
        ],
        mainPros: ['产品','仪器','服务','整形'],
        mainProEdit: '',
        ProvinceList:[],
        cityArray:[],
        townArray:[],
        addressfrom: {
            provinceId: '',//省id
            cityId: '',//市ID
            townId: '',//地区ID
            name:'请选择'
        },
        rule:{
            name: '^[a-zA-Z\\u4e00-\\u9fa5]{2,}$',
            phone: '^\\d{6,12}$',
            code: '^\\d{6}$',
            license: '^[a-zA-Z0-9_]{18}$',
            email: '^(([^<>()\\[\\]\\\\.,;:\\s@&quot;]+(\\.[^<>()\\[\\]\\\\.,;:\\s@&quot;]+)*)|(&quot;.+&quot;))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$',
            password: "^[^\\u4e00-\\u9fa5]{8,16}$"
        },
        flagshow:false,
        businessflag:false,
        typeflag:false,
        secondtypeflag:false,
        mproflag:false,
        userMainProflag:false,
    },
    computed: {

    },
    methods: {
        infoInformationData:function(){
            var _self = this;
            UserApi.GetApplicationData({userId:_self.userId},function (response) {
                if(response.code == 0){
                    var data = response.data;
                    _self.isRequset = false;
                    _self.clubUpgradeUser = data.club;
                    _self.bindMobile = data.user.bindMobile;
                    _self.userIdentity = data.user.userIdentity;
                    _self.addressfrom.clubId = data.user.clubId;
                    _self.addressfrom.userId = data.user.userId;
                    _self.addressfrom.contractEmail = data.user.contractEmail;
                    _self.addressfrom.provinceId = data.club.provinceId;
                    _self.addressfrom.cityId = data.club.cityId;
                    _self.addressfrom.townId = data.club.townId;
                    _self.clubUpgradeUser.provinceId = data.club.provinceId;
                    _self.clubUpgradeUser.cityId = data.club.cityId;
                    _self.clubUpgradeUser.townId= data.club.townId;
                    _self.clubUpgradeUser.shopPhoto = data.club.shopPhoto;
                    _self.clubUpgradeUser.businessLicense = data.club.businessLicense;
                    _self.clubUpgradeUser.firstClubType = data.club.firstClubType;
                    _self.clubUpgradeUser.secondClubType = data.club.secondClubType;
                    _self.clubUpgradeUser.address = data.club.address;
                    _self.userMainPros = _self.setNewMainpro(data.club.mainProduct);
                    _self.GetProvinceFn();
                    if( _self.addressfrom.townId){
                        _self.GetCtiyFn();
                        _self.GetTownFn();
                    }
                }else{
                    CAIMEI.Alert(response.msg,'确定',false);
                }
            })
        },
        clunConfirmFn:function() {//保存提交
            var _self = this;
            var params ={};
            var pass = verifyForm();
             if (!pass) {return false;}
             if(_self.clubUpgradeUser.townId==0 || _self.clubUpgradeUser.address==''){
                _self.flagshow = true;
                setTimeout(function () {
                    _self.flagshow = false;
                },2000)
                return;
            }
             if(_self.clubUpgradeUser.businessLicense==''||_self.clubUpgradeUser.businessLicense==null){
                _self.businessflag = true;
                     setTimeout(function () {
                            _self.businessflag = false;
                        },2000)
                return;
            }
             if(_self.clubUpgradeUser.firstClubType==''||_self.clubUpgradeUser.firstClubType==null){
               _self.typeflag = true;
               setTimeout(function () {
                    _self.typeflag = false;
                },2000)
               return;
            }
            if(_self.clubUpgradeUser.firstClubType==1){
                if(_self.clubUpgradeUser.secondClubType==''||_self.clubUpgradeUser.secondClubType==null){
                    _self.secondtypeflag = true;
                    setTimeout(function () {
                    _self.secondtypeflag = false;
                },2000)
                    return;
            }
            if(_self.userMainPros==''){
                      _self.mproflag = true;
                     setTimeout(function () {
                        _self.mproflag = false;
                    },2000)
                     return;
                }
         }
            if(_self.clubUpgradeUser.firstClubType==2){
                if(_self.userMainPros ==''){
                    _self.userMainProflag = true;
                 setTimeout(function () {
                    _self.userMainProflag = false;
                },2000)
                     return;
                }
            }
            console.log('22222222222');
            if (_self.loginLoading) { return false; }
            this.$nextTick(function() {
                _self.clubUpgradeUser.mainProduct = _self.userMainPros.join("/");
                if(_self.userIdentity === 4){
                    params = {
                        userId:_self.clubUpgradeUser.userId,
                        clubId:_self.clubUpgradeUser.clubId,					//会所Id
                        linkMan:_self.clubUpgradeUser.linkMan,
                        fax:_self.clubUpgradeUser.fax,
                        contractPhone:_self.clubUpgradeUser.contractPhone,
                        profile : _self.clubUpgradeUser.profile,
                    }
                }else{
                    params 	= {
                        userId:_self.clubUpgradeUser.userId,
                        clubId:_self.clubUpgradeUser.clubId,				//会所Id
                        name:_self.clubUpgradeUser.name,
                        linkMan:_self.clubUpgradeUser.linkMan,
                        shortName:_self.clubUpgradeUser.shortName,
                        contractEmail:_self.clubUpgradeUser.contractEmail,
                        provinceId:_self.clubUpgradeUser.provinceId,
                        cityId:_self.clubUpgradeUser.cityId,
                        townId:_self.clubUpgradeUser.townId,
                        address:_self.clubUpgradeUser.address,
                        socialCreditCode:_self.clubUpgradeUser.socialCreditCode,
                        businessLicense:_self.clubUpgradeUser.businessLicense,
                        shopPhoto:_self.clubUpgradeUser.shopPhoto,
                        firstClubType:_self.clubUpgradeUser.firstClubType, //机构类型分类 医美:0和生美:1
                        secondClubType:_self.clubUpgradeUser.secondClubType,	//机构类型二级分类 诊所:1,门诊:2,医院:3
                        department:_self.clubUpgradeUser.department,				//科室
                        medicalPracticeLicense:_self.clubUpgradeUser.medicalPracticeLicense,//资质图片
                        mainProduct:_self.clubUpgradeUser.mainProduct,
                        fax:_self.clubUpgradeUser.fax,
                        contractPhone:_self.clubUpgradeUser.contractPhone,
                        profile : _self.clubUpgradeUser.profile,
                    }
                }
                _self.loginLoading = true;
                UserApi.UpdateModifiedData(params,function (response) {
                    if(response.code === 0){
                        CAIMEI.dialog('修改成功',true,function () {
                            window.location.href='/user/dashboard.html';
                            _self.loginLoading = false;
                        });
                    } else {
                        CAIMEI.Alert(response.msg,'确定',false);
                        _self.loginLoading = false;
                    }
                });
            });
        },
        setNewMainpro:function(arr){//回显处理主营内容
            var newArr = [];
            if(arr){
                arr.split('/').forEach(function(item){
                    newArr.push(item);
                });
            }
            return newArr
        },
        mainProAdd: function(){//添加主营
            var _self = this;
            if (_self.mainProEdit.length>0) {
                if (_self.mainPros.indexOf(_self.mainProEdit)<0){
                    var obj = {name:_self.mainProEdit};
                    if(_self.clubUpgradeUser.firstClubType === '0'){
                        if(_self.checkedArray(_self.mainProEdit,_self.mentuzCampNullList)){
                            CAIMEI.dialog('主营内容已存在!',false);
                        }else {
                            _self.mentuzCampNullList.push(obj);
                        }
                    }else{
                        if(_self.checkedArray(_self.mainProEdit,_self.medicaCampNullList)){
                            CAIMEI.dialog('主营内容已存在!',false);
                        }else {
                            _self.medicaCampNullList.push(obj);
                        }
                    }
                }
            }
        },
        checkedArray:function(content,arr){//判断主营内容是否已存在
            for(var i in arr){
                if(arr[i].name == content){
                    return true;
                }
            }
            return false;
        },
        blurHandle: function(event) { // 失去焦点校验
            var el = event.currentTarget;
            verifyHandle(el);
        },
        uploadBusinessLicenseImageFn: function(event){//上传营业执照
            var _self = this;
            var inputDOM = _self.$refs.businessLicenseImage;
            var file = inputDOM.files;
            _self.formData.append('file', file[0]);
            PublicApi.uploadimg(_self.formData,function(response){
                _self.clubUpgradeUser.businessLicense = response.data;
                event.target.value = '';
            });
        },
        uploadMentuzImageFn: function(event){//上传营业执照
            var _self = this;
            var inputDOM = _self.$refs.businessMentuImage;
            var file = inputDOM.files;
            _self.formData.append('file', file[0]);
            PublicApi.uploadimg(_self.formData,function(response){
                _self.clubUpgradeUser.shopPhoto = response.data;
                event.target.value = '';
            });
        },
        uploadMedicaImageFn: function(event){//上传资质证书
            var _self = this;
            var inputDOM = _self.$refs.businessMedicaImage;
            var file = inputDOM.files;
            _self.formData.append('file', file[0]);
            PublicApi.uploadimg(_self.formData,function(response){
                _self.clubUpgradeUser.medicalPracticeLicense = response.data;
                event.target.value = '';
            });
        },
        deleteBusinessImage:function(){//清楚营业执照图片
            this.clubUpgradeUser.businessLicense = '';
        },
        deleteMentuzImage:function(){//清楚门头照图片
            this.clubUpgradeUser.shopPhoto = '';
        },
        deleteMedicalImage:function(){//清楚资质照图片
            this.clubUpgradeUser.medicalPracticeLicense = '';
        },
        checkedIsAgreeFn:function () {
            var _self = this;
            _self.isAgree = !_self.isAgree;
            if (_self.isAgree){
                _self.isShowAgree = false;
                _self.isAgreed = 1;
            }else{
                _self.isShowAgree = true;
                _self.isAgreed = 0;
            }
        },
        GetProvinceFn: function(){//获取全部省份
            var _self = this;
            PublicApi.GetProvince({},function(response){
                if(response.code == 0){
                    _self.ProvinceList =response.data;
                }else{
                    CAIMEI.Alert(response.msg,'确定',false);
                }
            })
        },
        ChangeProvince:function () {//选择省份
            var _self = this;
            _self.addressfrom.provinceId = event.target.value;
            _self.clubUpgradeUser.provinceId = event.target.value;
            if(_self.addressfrom.provinceId==''){//省为请选择时市区初始化
                _self.cityArray=[];
                _self.townArray=[];
                _self.clubUpgradeUser.townId='';
                _self.clubUpgradeUser.cityId='';
            }else {
                 _self.clubUpgradeUser.townId='';
                 _self.clubUpgradeUser.cityId='';
                _self.GetCtiyFn();
            }
        },
        ChangeGetcity:function(event){//加载市
            var _self = this;
            _self.addressfrom.cityId = event.target.value;
            _self.clubUpgradeUser.cityId = event.target.value;
            if(_self.addressfrom.cityId==''){
                _self.townArray=[];
            }else {
                _self.GetTownFn();
            }
        },
        ChangeGetcTown:function(event){//选择地区
            var _self = this;
            _self.clubUpgradeUser.townId = event.target.value;
        },
        GetProvinceFn: function(){//获取全部省份
            var _self = this;
            PublicApi.GetProvince({},function(response){
                if(response.code == 0){
                    _self.ProvinceList =response.data;
                }else{
                    CAIMEI.Alert(response.msg,'确定',false);
                }
            })
        },
        GetCtiyFn: function(){//获取市
            var _self = this;
            PublicApi.GetCity({ provinceId: _self.addressfrom.provinceId },function(response){
                if(response.code == 0 ){
                    _self.cityArray = response.data;
                }else{
                    CAIMEI.Alert(response.msg,'确定',false);
                }
            })
        },
        GetTownFn: function(){//获取区
            var _self = this;
            PublicApi.GetTown({ cityId: _self.addressfrom.cityId },function(response){
                if(response.code == 0 ){
                    _self.townArray = response.data;
                }else{
                    CAIMEI.Alert(response.msg,'确定',false);
                }
            })
        },
        showViewerImageFn:function(){//预览营业执照图片
            var viewer = new Viewer(document.getElementById('businessLicenseImage'));
        },
        showViewerImageFn1:function(){//预览门头照图片
            var viewer = new Viewer(document.getElementById('uploadMentuzImage'));
        },
        showViewerImageFn2:function(){//预览资质图片
            var viewer = new Viewer(document.getElementById('medicalPracticeLicenseImg'));
        },
    },
    created: function () {

    },
    mounted: function () {
        var _self = this;
        if(globalUserData){
            _self.userId = globalUserData.userId;
            _self.infoInformationData();
        }
        _self.GetProvinceFn();
        $('.navLayout').find('.navList').removeClass("on").find('.con').hide().find('a').removeClass("on");
        $('.navLayout').find('.navList').eq(1).addClass("on").find('.con').show().find('a').eq(0).addClass("on");
    }
});