ZLPMS/PMS.WebUI/ViewModels/ProductVerFileUp.module.js

$(window).ready(function () {
   

layui.use(['form', 'upload'], function () {
    var form = layui.form,
        $ = layui.jquery,
        upload = layui.upload; //只有执行了这一步，部分表单元素才会自动修饰成功

    var demoListView = $('#demoList')
    , uploadListIns = upload.render({ //允许上传的文件后缀
        elem: '#Xmlfiles'
   , url: '/Product/UplodProductVersionFile'
    , data: { "VersionId": id, "Type":function(){ return VersionType; }  }
    , method: "post"
   , accept: 'file' //普通文件
   , multiple: true
    , auto: false
     , bindAction: '#confirm'
        , choose: function (obj) {
            var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
            //读取本地文件
            obj.preview(function (index, file, result) {
                var tr = $(['<tr id="upload-' + index + '">'
                    , '<td class="uplad-filename">' + file.name + '</td>'
                    , '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>'
                    , '<td>等待导入</td>'
                    , '<td>'
                    , '<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>'
                    , '<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete">删除</button>'
                    , '</td>'
                    , '</tr>'].join(''));

                //单个重传
                tr.find('.demo-reload').on('click', function () {
                    obj.upload(index, file);
                });

                //删除
                tr.find('.demo-delete').on('click', function () {
                    delete files[index]; //删除对应的文件
                    tr.remove();
                    uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                });

                demoListView.append(tr);
            });
        }
   , done: function (res, index, upload) {
       if (res.code == 200) { //上传成功
           var tr = demoListView.find('tr#upload-' + index)
             , tds = tr.children();
           tds.eq(2).html('<span style="color: #5FB878;">导入成功</span>');
           tds.eq(3).find('.demo-reload').addClass('layui-hide'); //显示重传
           //tds.eq(3).html(''); //清空操作
           return delete this.files[index]; //删除文件队列已经上传成功的文件
       }
       this.error(index, upload);
   }
      , error: function (index, upload) {
          var tr = demoListView.find('tr#upload-' + index)
              , tds = tr.children();
          tds.eq(2).html('<span style="color: #FF5722;">导入失败</span>');
          tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
      }
    });
    form.on('select(aihao)', function (data) {
        VersionType = data.value
    });

});
});
function Close() {
    ZLPMS.CloseTopWindow(false);
}