$(function () {
    var types = {
     0:'服饰',
     1:'家具',
     2:'数码',
     3:'娱乐',
     4:'其他',
    }
     
     $("#jqGrid").Grid({
         url: '../slideShow/getAndQuery',
         rownumWidth:60,
         colModel: [{
             label: 'id', name: 'id', index: 'slideId', key: true, hidden: true
         }, 
         {
            label: 'slideId', name: 'slideId', index: 'slideId', hidden: true
        }, 
         {
             label: '标题', name: 'title', index: 'title', width: 80
         },
         {
            label: '封面图片',align:'center', name: 'coverImage', index: 'cover_image', width: 120, formatter: function (value) {
                return transImg(value,100,'auto');
            }
        },
         
         {
             label: '跳转链接', name: 'redirectUrl', index: 'redirect_url', width: 140,formatter: function (value) {
                 if (value) {
                    return '<span title="'+value+'">'+(value.length > 40 ?(value.substr(0,40) + '...'):value)+'</span>'
                 }
                 return ''
            }
         }, 
         
         {
             label: '排序',align:'center', name: 'sortOrder', index: 'sort_order', width: 80
         }, 
         {
            label: '更新人员', name: 'updater', index: 'updater', width: 80,formatter: function (value) {
                return types[value] || '-'
            }
        }, 
        {
            label: '更新时间', name: 'updateTime', index: 'update_time', width: 80, formatter: function (value) {
                return transDate(value, 'yyyy-MM-dd');
            }
        },
         {
             label: '显示',align:'center', name: 'isShow', index: 'is_show', width: 80, formatter: function (value) {
                 return transIsNot(value)
             }
         },
      
     ]
     });
  });
  
  
  const validateSceneUrlCheck = function (rule, value, callback){
     var link1 ='https://test.4dkankan.com/eShopMobile.html?m='
     var link2 ='https://www.4dkankan.com/eShopMobile.html?m='
  
     if (value === ''||!value) {
         callback(new Error('场景地址不能为空'));
     } else if(!~value.indexOf(link1)&&!~value.indexOf(link2)){
         callback(new Error('场景地址需为'+link2+'或'+link1));
     } else {
         callback();
     }
  };

  
  var vm = new Vue({
     el: '#rrapp',
     data: {
        loading:false,
         showList: true,
         title: null,
         carousel: {title: '',coverImage:'',redirectUrl:'',order:'',updater:'', isShow: 1,remark:''},
         ruleValidate: {
            title: [
                {required: true, message: '标题不能为空', trigger: 'blur'}
            ],
            coverImage: [
                {required: true, message: '轮播图片不能为空', trigger: 'blur'}
            ]
         },
         q: {
             name: ''
         }
     },
     methods: {
        handleRemove (file) {
            
        },
         query: function () {
             vm.reload();
         },
         add: function () {
             vm.showList = false;
             vm.title = "新增";
             vm.carousel =  {title: '',coverImage:'',redirectUrl:'',order:'',updater:'',remark:'', isShow: 1}
         },
         update: function (event) {
             var data = getSelectedRowData("#jqGrid");
             if (data.id == null) {
                 return;
             }
             vm.showList = false;
             vm.title = "修改";
  
             vm.getInfo(data.slideId)
         },
         saveOrUpdate: function (event) {
             var url = vm.carousel.slideId == null ? "../slideShow/add" : "../slideShow/update";
             Ajax.request({
                 type: "POST",
                 url: url,
                 contentType: "application/json",
                 params: JSON.stringify(vm.carousel),
                 successCallback: function () {
                     alert('操作成功', function (index) {
                         vm.reload();
                     });
                 }
             });
         },
         del: function (event) {
             var ids = getSelectedRows("#jqGrid");
             if (ids == null) {
                 return;
             }
  
             confirm('确定要删除选中的记录？', function () {
  
                 Ajax.request({
                     type: "POST",
                     url: "../brand/delete",
                     contentType: "application/json",
                     params: JSON.stringify(ids),
                     successCallback: function () {
                         alert('操作成功', function (index) {
                             vm.reload();
                         });
                     }
                 });
             });
         },
         getInfo: function (id) {
            vm.defaultList = []
             Ajax.request({
                 url: "../slideShow/getById?slideId=" + id,
                 async: true,
                 successCallback: function (r) {
                     vm.carousel = r.page;
                 }
             });
         },
         reload: function (event) {
             vm.showList = true;
             var page = $("#jqGrid").jqGrid('getGridParam', 'page');
             $("#jqGrid").jqGrid('setGridParam', {
                 postData: {'name': vm.q.name},
                 page: page
             }).trigger("reloadGrid");
             vm.handleReset('formValidate');
         },
         handleSuccessListPicUrl: function (res, file) {
             vm.brand.listPicUrl = file.response.url;
             vm.brand.appListPicUrl = file.response.url;
         },
         handleSuccessPicUrl: function (res, file) {
             vm.brand.picUrl = file.response.url;
         },
         handleSuccessAppListPicUrl: function (res, file) {
             vm.brand.appListPicUrl = file.response.url;
         },
         handleSuccessCarouselImage: function (res, file) {
            this.loading = false
            this.carousel.coverImage = file.response.url;
        },
      
        handleBefore(){
            this.loading = true
        },
         handleSuccessNewPicUrl: function (res, file) {
             vm.brand.newPicUrl = file.response.url;
         },
         handleFormatError: function (file) {
            this.loading = false
             this.$Notice.warning({
                 title: '文件格式不正确',
                 desc: '文件 ' + file.name + ' 格式不正确。'
             });
         },
         handleMaxSize: function (file) {
            this.loading = false
             this.$Notice.warning({
                 title: '超出文件大小限制',
                 desc: '文件 ' + file.name + ' 太大。'
             });
         },
         eyeImageListPicUrl: function () {
             var url = vm.brand.listPicUrl;
             eyeImage(url);
         },
         eyeImagePicUrl: function () {
             var url = vm.brand.picUrl;
             eyeImage(url);
         },
         eyeImageAppListPicUrl: function () {
             var url = vm.brand.appListPicUrl;
             eyeImage(url);
         },
         eyeImageNewPicUrl: function () {
             var url = vm.brand.newPicUrl;
             eyeImage(url);
         },
         handleSubmit: function (name) {
             console.log('====================================');
             console.log(name);
             console.log('====================================');
             handleSubmitValidate(this, name, function () {
                 vm.saveOrUpdate()
             });
         },
         handleReset: function (name) {
             handleResetForm(this, name);
         }
     },
    mounted () {
      
    }
  });