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

var isPC = ($(window).width()>768);
var fleaMarketForm = new Vue({
    el:'#fleaMarketForm',
    data:{
        fenlei:[
            {name:'二手仪器',value:'1'},
            // {name:'临期产品',value:'2'},
            {name:'其他',value:'3'},
        ],
        currentId:0,
        radioList:[
            {name:'轻光电',value:'1',isChecked:false},
            {name:'重光电',value:'2',isChecked:false},
            {name:'耗材配件',value:'3',isChecked:false},

        ],
        beauty:[
           {name:'医美',value:'1'},
           {name:'非医美',value:'2'},
        ],
        BrandList:[],
        isShow:false,
        includedTax:'',
        GoodsImagesList:['https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2306696130,3636777462&fm=26&gp=0.jpg'],
        oldNum:0,
        secondType:0,
        vShow_GoodsImages:false,
        fromMessage:'',//提示文字
        formData:new FormData(),
        secondParams:{
            secondHandType:'',//一级分类
            instrumentType:'',//二手仪器分类
            name:'',
            brandId:'',//品牌ID
            brandName:'',//其他品牌
            fixedYears:null,//出厂
            companyName:'',//公司名称
            // maturityYears:'',//产品到期
            price:'',//交易价
            detailTalkFlag:1,//是否启用详聊
            // normalPrice:'',//市场价
            // originalPrice:'',//采购价
            // stock:'',//数量
            productQuality:'',//商品成色
            contactName:'',//联系人
            contactMobile:'',//联系方式
            secondProductType:'',//
            townId:'',//县区地址
            address:'',//详细地址
            image:'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2306696130,3636777462&fm=26&gp=0.jpg',//图片
            productDetails:'',//商品详细信息
            source:1,
            dockingPeopleMobile:'',
            dockingPeopleName:'',
            authenticationImage:'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2306696130,3636777462&fm=26&gp=0.jpg',//身份证照片
            commitmentImage:'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2306696130,3636777462&fm=26&gp=0.jpg',//承诺函图片
            fileName:'',//文件名称
            ossName:'',//文件OSS名称
         },
        brandname:'请选择',
        checkbox:false,
        shoplogoTwo:false,
        provinceIndex:'',
        provinceArray:[],
        cityArray: [],//市
        townArray: [],//区
        from: {
            name:'',
            province: '',//省id
            city: '',
            town: ''
        },
        TypeList:'',
        playid:'',
        checkVal:[],
        resultBj:false,
        vShow_detailTalkFlag:false,
        vShow_secondHandType:false,
        vShow_instrumentType:false,
        vShow_BrandID:false,
        vShow_Name:false,
        vShow_Price:false,
        vShow_shopColor:false,
        vShow_contactName:false,
        vShow_contactMobile: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,
    },
    methods:{
        showBrand:function(){
            var _this = this;
            _this.selectBrand = !_this.selectBrand;
        },
        secondHandRidio: function(item) {
        var _this = this;
            _this.currentId = item.value;
            _this.secondParams.secondHandType = item.value;
            if (item.value==1){
            _this.isShow = true;
            }else {
             _this.isShow = false;
            }
        },
        secondHandType:function(item){ //二手仪器
        item.isChecked = ! item.isChecked;
        var _this = this;
          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:function(item){ //品牌列表
         var _this = this;
            _this.brandname = item.name;
            _this.secondParams.brandId = item.id;
            if(_this.secondParams.brandId==161){
              _this.shoplogoTwo = true;
            }else {
              _this.shoplogoTwo = false;
            }
        },
        Detailed:function(){
        var _this = this;
         if(event.target.checked==true){
             _this.secondParams.detailTalkFlag = 2 ;//启用价格详聊
             _this.vShow_detailTalkFlag = true;
          }else {
            _this.secondParams.detailTalkFlag = 1 ;//不启用价格详聊
            _this.vShow_detailTalkFlag = false;
          }
        },
        dragstart: function(value) {  // 记录初始信息
            this.oldNum = value;
        },
        uploadGoodsImagesFn: function(event){//上传商品图片
            var _this = this;
            var inputDOM = _this.$refs.goodsImages;
            var file = inputDOM.files;
            _this.formData.append('file', file[0]);
            SecondApi.uploadimg(_this.formData,function(response){
                _this.GoodsImagesList.push(response.data);
                _this.secondParams.image =_this.GoodsImagesList.toString()+',';
                event.target.value = '';
            });
        },
        uploadAuthenticationImagesFn: function(event){//上传身份验证照片
            var _this = this;
            var inputDOM = _this.$refs.AuthenticationImage;
            var file = inputDOM.files;
            _this.formData.append('file', file[0]);
            SecondApi.uploadimg(_this.formData,function(response){
                _this.secondParams.authenticationImage = response.data;
                event.target.value = '';
            });
        },
        uploadCommitmentImagesFn: function(event){//上传承诺函图片
            var _this = this;
            var inputDOM = _this.$refs.CommitmentImage;
            var file = inputDOM.files;
            _this.formData.append('file', file[0]);
            SecondApi.uploadimg(_this.formData,function(response){
                _this.secondParams.commitmentImage = response.data;
                event.target.value = '';
            });
        },
        uploadCommitmentFileFn : function(event){//上传承诺函文件
            var _this = this;
            var inputDOM = _this.$refs.CommitmentImagefile;
            var file = inputDOM.files;
            var formData = new FormData();
            console.log(file[0])
            formData.append('file', file[0]);
            SecondApi.uploadFile(formData,function(response){
                _this.secondParams.ossName = response.data.ossName;
                _this.secondParams.fileName = response.data.fileName;
                event.target.value = '';
            });
        },
        removeGoodsImagesFn: function(index){//删除商品图片
            var _this = this;
            _this.GoodsImagesList.splice(index,1);
            _this.secondParams.image =_this.GoodsImagesList.toString()+',';
        },
        removeAuthenticationImagesFn:function(){//删除身份验证照片
            var _this = this;
            _this.secondParams.authenticationImage = '';
        },
        removeCommitmentImagesFn:function(){//删除授权函文件图片
            var _this = this;
            _this.secondParams.commitmentImage = '';
        },
        deleteCommitmentFile:function(){//删除承诺函文件
            var _this = this;
            SecondApi.deleteOssFile({ ossName : _this.secondParams.ossName },function (response) {
                if (response.code==0){
                    _this.secondParams.fileName = '';
                    _this.secondParams.ossName = '';
                }else{
                    console.log('删除文件异常提示===>',response.msg)
                }
            })
        },
        getProductType:function(item){
            var _this = this;
            _this.secondType=item;
            _this.secondParams.secondProductType = item ;
        },
        submitBtn:function () {
            var _this = this;
            var re = /^1\d{10}$/;
            if(_this.secondParams.secondHandType == ''){
                _this.vShow_secondHandType = true;
                _this.fromMessage = '请选择分类';
                _this.scrollIntoView();
                setTimeout(function(){
                    _this.vShow_secondHandType= false;
                },2000);
                return;
            }
            if(_this.secondParams.secondHandType == 1 ){
               if(_this.secondParams.instrumentType ==''){
                _this.vShow_instrumentType = true;
                _this.fromMessage = '请完善仪器分类';
                _this.scrollIntoView();
                setTimeout(function(){
                    _this.vShow_instrumentType= false;
                },2000);
                return;
                }
            }
            if(_this.secondParams.brandID == ''){
                _this.vShow_BrandID = true;
                _this.fromMessage = '请选择商品品牌';
                _this.scrollIntoView();
                setTimeout(function(){
                    _this.vShow_BrandID = false;
                },2000);
                return;
            }
            if(_this.secondParams.name == ''){
                _this.vShow_Name = true;
                _this.fromMessage = '请输入商品名称';
                _this.scrollIntoView();
                setTimeout(function(){
                    _this.vShow_Name = false;
                },2000);
                return
         }
             if(_this.secondParams.price == ''){
                  _this.vShow_Price = true;
                  _this.fromMessage = '请输入交易价';
                  _this.scrollIntoView();
                  setTimeout(function(){
                      _this.vShow_Price = false;
                  },2000);
                    return
             }
             if(_this.secondParams.productQuality == ''){
                  _this.vShow_shopColor = true;
                  _this.fromMessage = '请输入商品成色';
                  _this.scrollIntoView();
                    setTimeout(function(){
                        _this.vShow_shopColor = false;
                    },2000);
                    return
             }
             if(_this.secondParams.contactName == ''){
                  _this.vShow_contactName = true;
                  _this.fromMessage = '请输入联系人姓名';
                  _this.scrollIntoView();
                  setTimeout(function(){
                      _this.vShow_contactName = false;
                  },2000);
                  return
             }
              if(_this.secondParams.contactMobile == ''){
                  _this.vShow_contactMobile = true;
                  _this.fromMessage = '请输入联系方式';
                  _this.scrollIntoView();
                  setTimeout(function(){
                      _this.vShow_contactMobile = false;
                  },2000);
                  return
             }
             if(!re.test(_this.secondParams.contactMobile)){
                  _this.vShow_contactMobile = true;
                  _this.fromMessage = '联系方式格式不正确';
                  _this.scrollIntoView();
                  setTimeout(function(){
                      _this.vShow_contactMobile = false;
                  },2000);
                  return
              }
              if(_this.secondParams.dockingPeopleMobile!='' && !re.test(_this.secondParams.dockingPeopleMobile)){
                  _this.vShow_caimeiMobile = true;
                  _this.fromMessage = '联系方式格式不正确';
                  _this.scrollIntoView();
                  setTimeout(function(){
                      _this.vShow_caimeiMobile = false;
                  },2000);
                  return
              }
              if(_this.secondParams.townId == ''|| _this.secondParams.townId == undefined){
                  _this.vShow_TownId = true;
                  _this.fromMessage = '请完善联系地址';
                  _this.scrollIntoView();
                  setTimeout(function(){
                      _this.vShow_TownId = false;
                  },2000);
                  return
             }
             if(_this.secondParams.address == ''){
                  _this.vShow_Address = true;
                  _this.fromMessage = '请填写详细地址';
                  document.getElementById('Address').scrollIntoView({block: 'start', behavior: 'smooth'});
                  setTimeout(function(){
                        _this.vShow_Address = false;
                    },2000);
                    return
             }
            if(_this.GoodsImagesList ==''){
                _this.vShow_GoodsImages = true;
                _this.fromMessage = '请上传图片';
                document.documentElement.scrollTop=900;
                setTimeout(function(){
                    _this.vShow_GoodsImages = false;
                },2000);
                return;
            }
            if(_this.checkbox==false){
                _this.vShow_checkBox = true;
                _this.fromMessage='请勾选已阅读';
                setTimeout(function(){
                    _this.vShow_checkBox = false;
                },2000);
                return
             }
            console.log(_this.secondParams);
            if(_this.secondParams.authenticationImage == ''){
                _this.PopupShow = true;
                _this.tipsContentText = '上传身份验证照片。您的二手商品将获得更好的推荐推荐和曝光，方便您快速卖出。';
                _this.cancelButtonText = '继续发布';
                _this.confirmButtonText = '去上传';
                _this.isButtonsType = 1;
                return;
            }
            if(_this.secondParams.commitmentImage == '' || _this.secondParams.ossName == ''){
                _this.PopupShow = true;
                _this.tipsContentText = '上传二手出让承诺函。您的二手商品将获得更好的推荐推荐和曝光，方便您快速卖出。';
                _this.cancelButtonText = '继续发布';
                _this.confirmButtonText = '去上传';
                _this.isButtonsType = 1;
                return;
            }
            _this.SecondHandProduct(_this.secondParams)
        },
        SecondHandProduct:function(params){//提交发布
            var _this = this;
            SecondApi.SecondHandProduct(params,function (res) {
                if (res.code==0){
                    _this.PopupShow = true;
                    _this.tipsContentText = '发布二手商品，采美需要收取您每个商品100元的展示费，展示期为3个月支付完成后，商品会在1-2个工作日内进行审核，审核通过后，商品会立即上线';
                    _this.cancelButtonText = '取消发布';
                    _this.confirmButtonText = '去支付';
                    _this.isButtonsType = 2;
                    _this.playid= res.data;
                }else{
                    CAIMEI.Alert(res.msg, '确定', false);
                    _this.secondBj = false;
                    return
                }
            })
        },
        cancelButtonFn:function(){//弹窗操作按钮
            var _this = this;
            switch(_this.isButtonsType){
                case 1:
                    _this.SecondHandProduct(_this.secondParams);
                    break;
                case 2:
                    _this.PopupShow = false;
                    break;
            }
        },
        confirmButtonFn:function(){//弹窗操作按钮
            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:function(){//关闭操作弹窗
            var _this = this;
            _this.PopupShow = false;
        },
        scrollIntoView: function(){
            document.getElementById('secondHandrelease').scrollIntoView({block: 'start', behavior: 'smooth'});
        },
        province:function () {
           var _this = this;
           _this.from.province = event.target.value;
            if(_this.from.province==''){//省为请选择时市区初始化
                _this.cityArray=[];
                _this.townArray=[];
                _this.secondParams.townId=''
            }else {
              _this.getcity();
            }
        },
        getcity:function(event){//加载市
           var _this = this;
            PublicApi.GetCity({ provinceId: _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:function(event){
            var _this = this;
            PublicApi.GetTown({cityId:_this.from.city},function(response){
                if(response.code == 0 ){
                    _this.townArray = response.data;
                    _this.secondParams.townId = event.target.value;
                }else{
                    CAIMEI.Alert(response.msg, '确定', false);
                }
            })
        },
        changeBox:function () {
            if(event.target.checked ==true){
             this.checkbox = true
            }else {
             this.checkbox = false
            }
        },
    },
    mounted:function () {
        var _this = this;
        SecondApi.brandList({},function (res) {//品牌列表
            if(res.code == 0){
               _this.BrandList = res.data;
            }
        })
     PublicApi.GetProvince({},function(response){ //省份
            if(response.code == 0){
                _this.provinceArray = response.data
            }else{
                CAIMEI.Alert(response.msg, '确定', false);
            }
        })
    },


})