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

var secondHandrelease = new Vue({
    el:'#secondHandrelease',
    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:[],
        oldNum:0,
        secondType:0,
        vShow_GoodsImages:false,
        fromMessage:'',//提示文字
        formData:new FormData(),
        secondParams:{
            secondHandType:'',//一级分类
            instrumentType:'',//二手仪器分类
            name:'',
            brandID:'',//品牌ID
            brandName:'',//其他品牌
            fixedYears:null,//出厂
            companyName:'',//公司名称
            maturityYears:'',//产品到期
            price1:'',//交易价
            detailTalkFlag:1,//是否启用详聊
            normalPrice:'',//市场价
            originalPrice:'',//采购价
            stock:'',//数量
            productQuality:'',//商品成色
            contactName:'',//联系人
            contactMobile:'',//联系方式
            secondProductType:null,//
            townId:'',//县区地址
            address:'',//详细地址
            image1:'',//图片
            productDetails:'',//商品详细信息
            source:1,
         },
        brandname:'请选择',
        checkbox:false,
        shoplogoTwo:false,
        provinceIndex:'',
        provinceArray:[],
        cityArray: [],//市
        townArray: [],//区
        from: {
            name:'',
            province: '',//省id
            city: '',
            town: ''
        },
        TypeList:'',
        playid:'',
        checkVal:[],
        vShow_secondBj:false,
        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_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
    },
    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;
            console.log(_this.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;
          }
          console.log(_this.secondParams.detailTalkFlag)
        },
        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.image1 =_this.GoodsImagesList.toString()+',';
                event.target.value = '';
            });
        },
         removeGoodsImagesFn: function(index){//删除商品图片
            var _this = this;
            _this.GoodsImagesList.splice(index,1);
            _this.secondParams.image1 =_this.GoodsImagesList.toString()+',';
         },
        getProductType:function(item){
        var _this = this;
         _this.secondType=item;
          _this.secondParams.secondProductType = item ;
        },
        submitBtn:function () {
         var _this = this;
          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.secondHandType ==2) {
         if (_this.secondParams.normalPrice == '') {
                 _this.vShow_Market = true;
                 _this.fromMessage = '请输入市场价';
                 _this.scrollIntoView();
                 setTimeout(function () {
                     _this.vShow_Market = false;
                 }, 2000);
                 return
             }
             if (_this.secondParams.maturityYears == '') {
                 _this.vShow_expire = true;
                 _this.fromMessage = '请输入产品到期日';
                 _this.scrollIntoView();
                 setTimeout(function () {
                     _this.vShow_expire = false;
                 }, 2000);
                 return
             }
         }
         if(_this.secondParams.price1 == ''){
                  _this.vShow_Price = true;
                  _this.fromMessage = '请输入交易价';
                  _this.scrollIntoView();
                    setTimeout(function(){
                        _this.vShow_Price = false;
                    },2000);
                    return
             }
         if(_this.secondParams.secondHandType ==2){
             if(_this.secondParams.originalPrice == ''){
              _this.vShow_original = true;
              _this.fromMessage = '请输入采购价/原价';
              _this.scrollIntoView();
                setTimeout(function(){
                    _this.vShow_original = false;
                },2000);
                return
           }
         if(_this.secondParams.stock == ''){
              _this.vShow_Number = true;
              _this.fromMessage = '请输入数量';
              _this.scrollIntoView();
                setTimeout(function(){
                    _this.vShow_Number = 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(_this.secondParams.contactMobile.length !=11){
              _this.vShow_contactMobile = true;
              _this.fromMessage = '联系方式格式不正确';
              _this.scrollIntoView();
                setTimeout(function(){
                    _this.vShow_contactMobile = 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)
          SecondApi.SecondHandProduct(_this.secondParams,function (res) { //提交发布
             if (res.code==0){
                 console.log(res)
               _this.vShow_secondBj = true;
               _this.playid= res.data;
             }else{
                 // layer.msg(res.msg, {icon: 7});
                 CAIMEI.Alert(res.msg)
                 _this.secondBj = false;
                 return
             }
         })
          console.log(_this.secondParams)
        },
        quxiao:function(){
        var _this = this;
         _this.vShow_secondBj = false;
        },
        gopay:function(){
            var _this = this;
            window.location.href = '';
            _this.vShow_secondBj = 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;
                    console.log(_this.secondParams.townId)
                }else{
                    layer.msg(response.msg, {icon: 7});
                }
            })
        },
        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){
            console.log(response)
                _this.provinceArray = response.data
            }else{
                layer.msg(response.msg, {icon: 7});
            }
        })
    },


})