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

;
var informationPage = new Vue({
    el: "#informationPage",
    mixins: [cmSysVitaMixins],
    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 : '',               //公司简介
            linkManIdentity:0         //联系人身份
        },
        userMainPros:[],
        formData:new FormData(),
        isAgreed:0,
        isAgree:false,
        isShowAgree:false,
        mentuzCampNullList:[
            {value:'1',name:'整形'},
            {value:'2',name:'轻医美'},
            {value:'3',name:'皮肤科'},
            {value:'4',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,
        medicalPracticeLicenseFlag: false
    },
    computed: {

    },
    watch: {

    },
    methods: {
        handleChangeType: function(type){
            if(type === parseInt(this.clubUpgradeUser.firstClubType)) return;
            this.userMainPros = [];
            this.clubUpgradeUser.secondClubType = (type === 1 ? 1 : 5);
        },
        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 ? data.user.bindMobile : '';
                    _self.userIdentity = data.user.userIdentity ? data.user.userIdentity : '';
                    _self.addressfrom.clubId = data.user.clubId;
                    _self.addressfrom.userId = data.user.userId;
                    _self.addressfrom.contractEmail = data.user.contractEmail ? data.user.contractEmail : '';
                    _self.addressfrom.provinceId = data.club.provinceId ? data.club.provinceId : 0;
                    _self.addressfrom.cityId = data.club.cityId ? data.club.cityId : '';
                    _self.addressfrom.townId = data.club.townId ? data.club.townId : '';
                    _self.clubUpgradeUser.linkManIdentity = data.club.linkManIdentity ? data.club.linkManIdentity : 0;
                    _self.clubUpgradeUser.provinceId = data.club.provinceId ? data.club.provinceId : '';
                    _self.clubUpgradeUser.cityId = data.club.cityId ? data.club.cityId : '';
                    _self.clubUpgradeUser.townId= data.club.townId ? data.club.townId : '';
                    _self.clubUpgradeUser.shopPhoto = data.club.shopPhoto ? data.club.shopPhoto : '';
                    _self.clubUpgradeUser.businessLicense = data.club.businessLicense ? data.club.businessLicense : '';
                    _self.clubUpgradeUser.firstClubType = data.club.firstClubType ? data.club.firstClubType : '';
                    _self.clubUpgradeUser.secondClubType = data.club.secondClubType ? data.club.secondClubType :'';
                    _self.clubUpgradeUser.address = data.club.address ? data.club.address : null;
                    _self.firstClubType = _self.clubUpgradeUser.firstClubType;
                    if( _self.clubUpgradeUser.firstClubType === 1){
                        if(data.club.mainProduct){
                            _self.userMainPros = _self.setNewMainpro(data.club.mainProduct);
                            _self.medicaCampNullList = _self.setNewMainProduct(_self.userMainPros);
                            console.log(_self.userMainPros)
                        }else{
                            _self.userMainPros = _self.medicaCampNullList;
                        }
                    }else{
                        if(data.club.mainProduct){
                            _self.userMainPros = _self.setNewMainpro(data.club.mainProduct);
                            _self.mentuzCampNullList = _self.setNewMainProduct(_self.userMainPros);
                            console.log(_self.userMainPros)
                        }else{
                            _self.userMainPros = _self.mentuzCampNullList;
                        }
                    }
                    _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.userIdentity === 2) {
                if(!_self.clubUpgradeUser.linkManIdentity){
                    $('#userNameType').parent().addClass("error");
                    $('#userNameType').siblings('.errTips').text('请选择联系人身份').addClass("show");
                    _self.scrollIntoView();
                    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.clubUpgradeUser.medicalPracticeLicense) {
                        _self.medicalPracticeLicenseFlag = true;
                        setTimeout(function () {
                            _self.medicalPracticeLicenseFlag = 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;
                    }
                }
                _self.clubUpgradeUser.mainProduct = _self.userMainPros.join("/");
                params = {
                    userId: _self.clubUpgradeUser.userId,
                    clubId: _self.clubUpgradeUser.clubId,				//会所Id
                    name: _self.clubUpgradeUser.name,
                    linkMan: _self.clubUpgradeUser.linkMan,
                    linkManIdentity: _self.clubUpgradeUser.linkManIdentity,
                    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
                }
            }else{
                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,
                }
            }
            if (_self.loginLoading) { return false; }
            this.$nextTick(function() {
                _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;
                    }
                });
            });
        },
        setNewMainProduct:function(arr){
            var Array = [];
            if(arr){
                arr.forEach(function(item){
                    var obj ={
                        name:item,
                    };
                    Array.push(obj);
                });
            }
            return Array
        },
        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};
                    console.log(obj);
                    if(_self.clubUpgradeUser.firstClubType === 2){
                        if(_self.checkedArray(_self.mainProEdit,_self.mentuzCampNullList)){
                            CAIMEI.dialog('主营内容已存在!',false);
                        }else {
                            _self.mentuzCampNullList.push(obj);
                            _self.mainProEdit = '';
                        }
                    }else{
                        if(_self.checkedArray(_self.mainProEdit,_self.medicaCampNullList)){
                            CAIMEI.dialog('主营内容已存在!',false);
                        }else {
                            _self.medicaCampNullList.push(obj);
                            _self.mainProEdit = '';
                        }
                    }
                }
            }
        },
        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]);
            console.log(file)
            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({ type:1, parentId: _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({ type:2, parentId: _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'));
        },
        changeUserNameType:function(event){
            $('#userNameType').parent().removeClass("error");
            $('#userNameType').siblings('.errTips').removeClass("show");
        },
        scrollIntoView: function(){
            document.getElementById('informationPage').scrollIntoView({block: 'start', behavior: 'smooth'});
        },
    },
    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");
    }
});