caimei365-www/src/main/resources/static/js/flea-market/form.js

var fleaMarketForm = new Vue({
    el:'#fleaMarketForm',
    mixins: [cmSysVitaMixins],
    data:{
        fenlei:[
            {name:'二手仪器',value:1},
            // {name:'临期产品',value:2},
            {name:'其他',value:3},
        ],
        radioList:[
            {name:'美容仪器',value:1,isChecked:true}
        ],
        publisherActions:[
            {name:'个人身份',value:1,isChecked:false},
            {name:'公司身份',value:2,isChecked:false}
        ],
        beauty:[
           {name:'医美',value:1},
           {name:'非医美',value:2},
        ],
        currentId:0,
        handleCurrent:1,
        BrandList:[],
        isShow:false,
        includedTax:'',
        GoodsImagesList:[],
        oldNum:0,
        secondType:0,
        vShow_GoodsImages:false,
        fromMessage:'',//提示文字
        formData:new FormData(),
        secondParams:{
            publishIdentity:1, // 发布者身份 1.个人身份 2.公司身份
            secondHandType:'',//一级分类
            instrumentType:1,//二手仪器分类
            name:'',
            brandId:'',//品牌ID
            brandName:'',//其他品牌
            fixedYears:null,//出厂
            companyName:'',//公司名称
            // maturityYears:'',//产品到期
            price:'',//交易价
            announType:2,//发布类型 1.二手预成交商品 2.二手估价商品
            detailTalkFlag:1,//是否启用详聊
            // normalPrice:'',//市场价
            // originalPrice:'',//采购价
            // stock:'',//数量
            productQuality:'',//商品成色
            fileType:'', // 商品包含文件类型
            contactName:'',//联系人
            contactMobile:'',//联系方式
            checkCode:'', // 联系人手机验证码
            cardNumber:'',// 收款账号
            secondProductType:'',//
            townId:'',//县区地址
            address:'',//详细地址
            image:'',//图片
            productDetails:'',//商品详细信息
            source:1,
            dockingPeopleMobile:'',
            dockingPeopleName:'',
            authenticationImage:'',//身份证正面照片
            authenticationBackImage:'',//身份证反面照片
            licenseImage:'',//营业执照照片
            commitmentImage:'',//承诺函图片
            fileName:'',//文件名称
            ossName:'',//文件OSS名称
            userId:''//用户
         },
        brandname:'请选择',
        checkbox:false,
        shoplogoTwo:false,
        provinceIndex:'',
        provinceArray:[],
        cityArray: [],//市
        townArray: [],//区
        from: {
            name:'',
            province: '',//省id
            city: '',
            town: ''
        },
        TypeList:'',
        playid:'',
        checkVal:[],
        resultBj:false,
        vShow_PublishIdentity:false,
        vShow_detailTalkFlag:false,
        vShow_secondHandType:false,
        vShow_instrumentType:false,
        vShow_BrandID:false,
        vShow_Name:false,
        vShow_companyName:false,
        vShow_shopColor:false,
        vShow_contactName:false,
        vShow_contactMobile:false,
        vShow_checkCode:false,
        vShow_caimeiMobile:false,
        vShow_Address:false,
        vShow_TownId:false,
        vShow_Market:false,
        vShow_original:false,
        vShow_Number:false,
        vShow_expire:false,
        vShow_detailInfoEditor:true,
        vShow_GoodsImages:false,
        vShow_checkBox:false,
        selectBrand:false,
        PopupShow:false,
        tipsContentText:'发布二手商品，采美需要收取您每个商品100元的展示费，展示期为3个月支付完成后，商品会在1-2个工作日内进行审核，审核通过后，商品会立即上线',
        cancelButtonText:'取消发布',
        confirmButtonText:'去支付',
        isButtonsType:0,
        mobilCount:0,
        mobileCodeText:'获取验证码',
        mobilTime:null,
        isMobileDisabled:true,
    },
    methods:{
        showBrand(){
            this.selectBrand = !this.selectBrand;
        },
        hadldPublishIdentity(item) {
            this.handleCurrent = item.value;
            this.secondParams.publishIdentity = item.value;
        },
        secondHandRidio(item) {
            this.currentId = item.value;
            this.secondParams.secondHandType = item.value;
            if (item.value===1){
                this.isShow = true;
            }else {
                this.isShow = false;
            }
        },
        secondHandType(item){ //二手仪器
            item.isChecked = ! item.isChecked;
            if(item.isChecked){
                this.checkVal.push(item.value);
                this.secondParams.instrumentType =  this.checkVal.toString();
            } else {
                this.checkVal.splice(this.checkVal.indexOf(item.value), 1);
                this.secondParams.instrumentType = this.checkVal.toString();
            }
        },
        ChangeBrand(item){ //品牌列表
            this.brandname = item.name;
            this.secondParams.brandId = item.id;
            if(this.secondParams.brandId===161){
                this.shoplogoTwo = true;
            }else {
                this.shoplogoTwo = false;
            }
        },
        Detailed(){
            if(event.target.checked===true){
                this.secondParams.detailTalkFlag = 2 ;//启用价格详聊
                this.vShow_detailTalkFlag = true;
            }else {
                this.secondParams.detailTalkFlag = 1 ;//不启用价格详聊
                this.vShow_detailTalkFlag = false;
            }
        },
        dragstart(value) {  // 记录初始信息
            this.oldNum = value;
        },
        uploadGoodsImagesFn(event){//上传商品图片
            const _this = this;
            const inputDOM = _this.$refs.goodsImages;
            const file = inputDOM.files[0];
            const size = file.size;
            if(size > 5242880){//限制了文件的大小5MB
                CAIMEI.dialog('图片不能超过5M');
                event.target.value = '';
                return;
            }
            _this.formData.append('file', file);
            SecondApi.uploadimg(_this.formData,function(response){
                _this.GoodsImagesList.push(response.data);
                _this.secondParams.image =_this.GoodsImagesList.toString()+',';
                event.target.value = '';
            });
        },
        removeGoodsImagesFn(index){//删除商品图片
            this.GoodsImagesList.splice(index,1);
            this.secondParams.image = this.GoodsImagesList.toString()+',';
        },
        contains(arr, val) {// 校验
            return arr.some(item => item === val)
        },
        handleMobileCodeInput(){//
            this.vShow_checkCode = false;
        },
        handleMobileAddresInput(){//
            this.vShow_TownId = false;
            this.vShow_Address = false;
        },
        handleMobileInput () {// 控制联系人手机号显示获取验证码按钮
            const re = /^1\d{10}$/;
            if(re.test(this.secondParams.contactMobile)){
                this.isMobileDisabled = false
            }else{
                this.isMobileDisabled = true
            }
        },
        getNewMobileCodeFn(){//获取联系人手机号短信验证码
            const _self = this;
            if (!_self.secondParams.contactMobile) { return false; }
            const params = {
                mobile: _self.secondParams.contactMobile,
                isCheckCaptcha: 1,
                activateCodeType: 6,
                platformType: 0
            };
            _self.isMobileDisabled = true;
            UserApi.getRegisterMobileCode(params,function(response){
                if(response.code === 0){
                    CAIMEI.dialog('验证短信已发送',false,function () {});
                    var TIME_COUNT = 60;
                    if (!_self.mobilTime) {
                        _self.mobilCount = TIME_COUNT;
                        _self.isMobileDisabled = true;
                        _self.mobilTime = setInterval(function(){
                            if (_self.mobilCount > 1 && _self.mobilCount <= TIME_COUNT) {
                                _self.mobilCount--;
                                _self.mobileCodeText = _self.mobilCount +'s重新发送';
                            } else {
                                _self.isMobileDisabled = false;
                                clearInterval(_self.mobilTime);
                                _self.mobilTime = null;
                                _self.mobileCodeText = '获取验证码';
                            }
                        },1000)
                    }
                }else{
                    CAIMEI.Alert(response.msg,'确定',false);
                    _self.isMobileDisabled = false;
                }
            })
        },
        showViewerImageFn2(index,imageIndex ){//预览图片
            const _this = this;
            var DomEven = '#ViewerGoodsImages'+index;
            var ViewerDom = document.querySelector(DomEven);
            _this.viewer = new Viewer(ViewerDom, {url:'data-image'});
        },
        getProductType(item){
            this.secondType=item;
            this.secondParams.secondProductType = item ;
        },
        submitBtn () {
            const _this = this;
            const re = /^1\d{10}$/;
            if(_this.secondParams.contactName === ''){
                _this.vShow_contactName = true;
                _this.fromMessage = '请输入联系人姓名';
                _this.scrollIntoView('secondHandrelease');
                setTimeout(function(){
                    _this.vShow_contactName = false;
                },3000);
                return
            }
            if(_this.secondParams.contactMobile === ''){
                _this.vShow_contactMobile = true;
                _this.fromMessage = '请输入联系方式';
                _this.scrollIntoView('secondHandrelease');
                setTimeout(function(){
                    _this.vShow_contactMobile = false;
                },3000);
                return
            }
            if(!re.test(_this.secondParams.contactMobile)){
                _this.vShow_contactMobile = true;
                _this.fromMessage = '联系方式格式不正确';
                _this.scrollIntoView('secondHandrelease');
                setTimeout(function(){
                    _this.vShow_contactMobile = false;
                },3000);
                return
            }
            if(_this.secondParams.checkCode === ''){
                _this.vShow_checkCode = true;
                _this.fromMessage = '请输入短信验证码';
                _this.scrollIntoView('secondHandrelease');
                setTimeout(function(){
                    _this.vShow_checkCode = false;
                },3000);
                return
            }
            if(_this.secondParams.secondHandType === ''){
                _this.vShow_secondHandType = true;
                _this.fromMessage = '请选择分类';
                _this.scrollIntoView('secondHandrelease');
                setTimeout(function(){
                    _this.vShow_secondHandType= false;
                },3000);
                return;
            }
            if(_this.secondParams.secondHandType === 1 ){
               if(_this.secondParams.instrumentType ===''){
                _this.vShow_instrumentType = true;
                _this.fromMessage = '请完善仪器分类';
                _this.scrollIntoView('secondHandrelease');
                setTimeout(function(){
                    _this.vShow_instrumentType= false;
                },3000);
                return;
                }
            }
            if(_this.secondParams.brandId === ''){
                _this.vShow_BrandID = true;
                _this.fromMessage = '请选择商品品牌';
                _this.scrollIntoView('secondHandrelease');
                setTimeout(function(){
                    _this.vShow_BrandID = false;
                },3000);
                return;
            }
            if(_this.secondParams.name === ''){
                _this.vShow_Name = true;
                _this.fromMessage = '请输入商品名称';
                _this.scrollIntoView('secondHandrelease');
                setTimeout(function(){
                    _this.vShow_Name = false;
                },3000);
                return
            }
            if(_this.secondParams.publishIdentity === 2){
                if(_this.secondParams.companyName === ''){
                    _this.vShow_companyName = true;
                    _this.fromMessage = '请输入公司名称';
                    _this.scrollIntoView('vShow_Name');
                    setTimeout(function(){
                        _this.vShow_companyName = false;
                    },3000);
                    return
                }
            }
             if(_this.secondParams.productQuality === ''){
                  _this.vShow_shopColor = true;
                  _this.fromMessage = '请输入商品成色';
                  _this.scrollIntoView('vShow_Name');
                    setTimeout(function(){
                        _this.vShow_shopColor = false;
                    },3000);
                    return
             }
              if(_this.secondParams.townId === ''|| _this.secondParams.townId === undefined){
                  _this.vShow_TownId = true;
                  _this.fromMessage = '请完善联系地址';
                  _this.scrollIntoView('vShow_Name');
                  setTimeout(function(){
                      _this.vShow_TownId = false;
                  },3000);
                  return
             }
             if(_this.secondParams.address === ''){
                  _this.vShow_Address = true;
                  _this.fromMessage = '请填写详细地址';
                  _this.scrollIntoView('vShow_Name');
                  setTimeout(function(){
                        _this.vShow_Address = false;
                    },3000);
                    return
             }
            if(_this.GoodsImagesList ===''){
                _this.vShow_GoodsImages = true;
                _this.fromMessage = '请上传图片';
                _this.scrollIntoView('vShow_Address');
                setTimeout(function(){
                    _this.vShow_GoodsImages = false;
                },3000);
                return;
            }
            if(!_this.checkbox){
                _this.vShow_checkBox = true;
                _this.fromMessage='请阅读并勾选同意';
                setTimeout(function(){
                    _this.vShow_checkBox = false;
                },3000);
                return
             }
            console.log(_this.secondParams);
            _this.SecondHandProduct(_this.secondParams)
        },
        SecondHandProduct(params){//提交发布
            var _this = this;
            SecondApi.SecondHandProduct(params,function (res) {
                if (res.code===0){
                    CAIMEI.Alert('发布成功！商品信息会在1-2个工作日内进行审核，采美官方人员也会联系您进行商品估价，审核通过后将立即上线到采美二手市场。', '确定', true,function () {
                        window.location.href = '/flea-market/list.html';
                    });
                }else{
                    CAIMEI.Alert(res.msg, '确定', false);
                    _this.secondBj = false;
                    return
                }
            })
        },
        cancelButtonFn(){//弹窗操作按钮
            var _this = this;
            switch(_this.isButtonsType){
                case 1:
                    _this.PopupShow = false;
                    _this.SecondHandProduct(_this.secondParams);
                    break;
                case 2:
                    _this.PopupShow = false;
                    break;
            }
        },
        confirmButtonFn(){//弹窗操作按钮
            var _this = this;
            switch(_this.isButtonsType){
                case 1:
                    _this.PopupShow = false;
                    break;
                case 2:
                    window.location.href = '/pay/caimei-paycash.html?pageType=1&&type=confirm&productID='+_this.playid;
                    _this.PopupShow = false;
                    break;
            }
        },
        closePopupShow(){//关闭操作弹窗
            this.PopupShow = false;
        },
        scrollIntoView(id){
            document.getElementById(id).scrollIntoView({block: 'start', behavior: 'smooth'});
        },
        province () {
            this.from.province = event.target.value;
           console.log('aaa', this.from.province)
            if(this.from.province===''){//省为请选择时市区初始化
                this.cityArray=[];
                this.townArray=[];
                this.secondParams.townId=''
            }else {
                this.getcity();
            }
        },
        getcity(event){//加载市
            const _this = this;
            PublicApi.GetCity({ type:1, parentId: _this.from.province },function(response){
                 if(response.code === 0 ){
                    _this.cityArray = response.data;
                     _this.from.city = event.target.value;
                     if(_this.from.city===''){
                           _this.townArray=[];
                     }else {
                         _this.getcTown();
                     }

                }
            })
        },
        getcTown(event){
            const _this = this;
            PublicApi.GetTown({ type:2, parentId:_this.from.city},function(response){
                if(response.code === 0 ){
                    _this.townArray = response.data;
                    _this.secondParams.townId = event.target.value;
                }else{
                    console.log('获取区异常~')
                }
            })
        },
        getBrandList(){//品牌列表
            const _this = this;
            SecondApi.brandList({},function (res) {
                if(res.code === 0){
                    _this.BrandList = res.data;
                }
            })
        },
        getProvince(){ //省份
            const _this = this;
            PublicApi.GetProvince({},function(response){ //省份
                if(response.code === 0){
                    _this.provinceArray = response.data
                }else{
                    console.log('获取省份异常~')
                }
            })
        },
        changeBox () {
            if(event.target.checked ===true){
             this.checkbox = true
            }else {
             this.checkbox = false
            }
        },
    },
    mounted () {
        this.getBrandList()
        this.getProvince()
        if(globalUserData){
            this.secondParams.userId = globalUserData.userId
        }
    },
})