增加附件列表功能，以及上传附件，下载附件功能。

YL

2021-06-16 bc5fe4a7797294734eb5927be6135a42175e7aae

增加附件列表功能，以及上传附件，下载附件功能。

 WebTM/Properties/PublishProfiles/LAYUI.pubxml.user

@@ -23,11 +23,11 @@
    </File>
    <File Include="bin/WebTM.dll">
      <publishTime>04/27/2021 20:31:08</publishTime>
      <publishTime>06/15/2021 15:33:55</publishTime>
      <publishTime>06/16/2021 21:19:34</publishTime>
    </File>
    <File Include="bin/WebTM.pdb">
      <publishTime>04/27/2021 20:31:08</publishTime>
      <publishTime>06/15/2021 15:33:55</publishTime>
      <publishTime>06/16/2021 21:19:34</publishTime>
    </File>
    <File Include="layuiadmin/config.js">
      <publishTime>04/12/2021 11:31:26</publishTime>
@@ -2684,12 +2684,12 @@
    <File Include="views/车间管理/工序出站汇报单/Cj_StationOutBill.html">
      <publishTime>04/25/2021 08:45:34</publishTime>
      <publishTime>04/25/2021 08:45:34</publishTime>
      <publishTime>06/15/2021 15:10:58</publishTime>
      <publishTime>06/16/2021 21:19:24</publishTime>
    </File>
    <File Include="views/车间管理/工序出站汇报单/Cj_StationOutBillList.html">
      <publishTime>04/25/2021 08:45:34</publishTime>
      <publishTime>04/25/2021 08:45:34</publishTime>
      <publishTime>06/10/2021 11:10:39</publishTime>
      <publishTime>06/16/2021 21:17:02</publishTime>
    </File>
    <File Include="views/车间管理/工序流转/MES_StationInBill.html">
      <publishTime>04/12/2021 11:31:26</publishTime>
@@ -3012,7 +3012,7 @@
    </File>
    <File Include="Web.config">
      <publishTime>04/27/2021 20:31:08</publishTime>
      <publishTime>06/15/2021 15:34:01</publishTime>
      <publishTime>06/16/2021 21:19:40</publishTime>
    </File>
  </ItemGroup>
</Project>

 WebTM/views/³µ¼ä¹ÜÀí/¹¤Ðò³öÕ¾»ã±¨µ¥/Cj_StationOutBill.html

@@ -420,13 +420,30 @@
                    <div class="title">附件信息</div>
                    <div class="layui-form-item" style="padding-top: 10px;">
                        <div class="layui-upload">
                            <button type="button" class="layui-btn" id="testList">选择文件</button><input class="layui-upload-file" type="file" accept="" name="file" multiple="">
                            <div class="layui-upload-list">
                                <table class="layui-table">
                                    <thead>
                                        <tr>
                                            <th>文件名</th>
                                            <th>大小</th>
                                            <th>状态</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody id="ProImgByList">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!--<div class="layui-upload">
                            <button type="button" class="layui-btn" id="UploadPic">多图片上传</button>
                            <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                                é¢„览图：
                                <div class="layui-upload-list" id="PicName"></div>
                                <div class="layui-upload-list" id="PicName2"></div>
                            </blockquote>
                        </div>
                        </div>-->
                    </div>
                    <div class="layer-footer" style="text-align: center;">
                        <button type="button" lay-submit="" class="buttom_box_little" lay-filter="Saver" id="Saver">提交</button>
@@ -471,6 +488,7 @@
            var params = getUrlVars();
            var linterid = params[params[0]]; //从参数中获取 å•æ®å†…码
            var lSourceBillType = params[params[2]];  //从单据获取 æºå•ç±»åž‹
            var HBillNo = params[params[1]];  //获取单据号

            //判断是否新增
            if (linterid == null || linterid == 0) {
@@ -493,6 +511,8 @@
                RoadBillMain(linterid);
                //RoadBillSub(linterid);
            }



            function RoadBillMain(linterid)//加载表头
            {
@@ -653,39 +673,39 @@

            //提交
            form.on('submit(Saver)', function (data) {//提交
                //var tableData = data.field;
                //var oMain = data.field;
                //var index = layer.load();
                //$.ajax({
                //    type: "POST",
                //    url: GetWEBURL() + "/Cj_StationOutBill/AddBill",
                //    //url:"http://localhost:12761/Cj_StationEntrustOutBill/AddBill",
                //    async: true,
                //    data: {"oMain": oMain},
                //    dataType: "json",
                //    success: function (data) {
                //        if (data.count == 1) {
                //            //layer.confirm(data.Message, {
                //            //    icon: 1, skin: 'layui-layer-lan', title: "温馨提示", closeBtn: 0, btn: ['新增'],
                //            //    btn2: function () {
                //            //        //parent.layui.admin.events.closeThisTabs();关闭页签
                //            //        //window.close();//关闭页面，浏览器有效，PDA无效
                //            //        parent.location.href = "../../../views/index.html"
                //            //    }//关闭
                //            //}, function () { window.location.reload(); });//新增
                //            layer.close(index);
                //            layer.msg("提交成功");
                //        }
                //        else {
                //            layer.close(index);
                //            layer.msg(data.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                //        }
                //    },
                //    error: function (err) {
                //        layer.close(index);
                //        layer.msg("错误:" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                //    }
                //});
                var tableData = data.field;
                var oMain = data.field;
                var index = layer.load();
                $.ajax({
                    type: "POST",
                    url: GetWEBURL() + "/Cj_StationOutBill/AddBill",
                    //url:"http://localhost:12761/Cj_StationEntrustOutBill/AddBill",
                    async: true,
                    data: {"oMain": oMain},
                    dataType: "json",
                    success: function (data) {
                        if (data.count == 1) {
                            //layer.confirm(data.Message, {
                            //    icon: 1, skin: 'layui-layer-lan', title: "温馨提示", closeBtn: 0, btn: ['新增'],
                            //    btn2: function () {
                            //        //parent.layui.admin.events.closeThisTabs();关闭页签
                            //        //window.close();//关闭页面，浏览器有效，PDA无效
                            //        parent.location.href = "../../../views/index.html"
                            //    }//关闭
                            //}, function () { window.location.reload(); });//新增
                            layer.close(index);
                            layer.msg("提交成功");
                        }
                        else {
                            layer.close(index);
                            layer.msg(data.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                        }
                    },
                    error: function (err) {
                        layer.close(index);
                        layer.msg("错误:" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                    }
                });
            });

            //选择生产班组弹窗
@@ -866,40 +886,150 @@
                layer.msg('禁止选择');
            });




            //多图片上传
            upload.render({
                elem: '#UploadPic'
                , url: GetWEBURL() + "/Cj_StationOutBill/UploadFile"
                //, url: 'https://httpbin.org/post' //改成您自己的上传接口
                ,accept: 'file',   //指定允许上传的文件类型
                multiple: true,    //是否允许多文件上传
                number: 5,  //最大上传数量
                //size: 300, //最大文件大小，单位k
                //field: 'file', //传到后台的字段名,默认file
                auto: false,//选择文件后不自动上传
                bindAction: '#Saver',       //绑定真正的上传按钮
                data: { "HBillNo": $("#HBillNo").val(), "HRemark": $("#HRemark").val(),"HUserName":sessionStorage["HUserName"]},
                choose: function (obj) {  //选择文件后的回调函数   
                    //var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                    //预读本地文件示例，
                    obj.preview(function (index, file, result) {
                        $('#PicName').append('<img src="' + result + '" alt="' + file.name + '" width="200px;">')
                    });
                }
                //, before: function (obj) {
                //    //预读本地文件示例，不支持ie8
                //    obj.preview(function (index, file, result) {
                //        $('#PicName').append('<div class="layui-inline"><img src="' + result + '" alt="' + file.name + '" class="layui-upload-img"><br/>' + file.name + '</div>');
                //    });
                //}
                , done: function (res) {
                    layer.msg(res.Message);
                    console.log(res);
                }
            });
            //多文件列表示例
            var ProImgByList = $('#ProImgByList')
                , uploadListIns = upload.render({
                    elem: '#testList'
                    , url: GetWEBURL() + "/Cj_StationOutBill/UploadFile1"
                    , accept: 'file'
                    , multiple: true
                    , auto: false
                    //, bindAction: '#testListAction' //按扭绑定
                    , data: { "HBillNo": $("#HBillNo").val(), "HRemark": $("#HRemark").val(), "HUserName": sessionStorage["HUserName"] }
                    , choose: function (obj) {
                        var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                        //读取本地文件
                        obj.preview(function (index, file, result) {
                            var tr = $(['<tr id="upload-' + index + '">'
                                , '<td>' + file.name + '</td>'
                                , '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>'
                                , '<td>等待上传</td>'
                                , '<td>'
                                , '<button class="layui-btn layui-btn-xs demo-reload ">上传</button>'
                                , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
                                , '</td>'
                                , '</tr>'].join(''));

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

                            //删除
                            tr.find('.demo-delete').on('click', function () {
                                delete files[index]; //删除对应的文件
                                tr.remove();
                                uploadListIns.config.elem.next()[0].value = ''; //清空 input file å€¼ï¼Œä»¥å…åˆ é™¤åŽå‡ºçŽ°åŒåæ–‡ä»¶ä¸å¯é€‰
                            });

                            ProImgByList.append(tr);
                        });
                    }
                    , done: function (res, index, upload) {
                        if (res.code == 1) { //上传成功
                            var tr = ProImgByList.find('tr#upload-' + index)
                                , tds = tr.children();
                            tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
                            tds.eq(3).html(''); //清空操作
                            //tds.eq(3).find('.demo-reload').addClass('layui-hide'); //隐藏上传
                            return delete this.files[index]; //删除文件队列已经上传成功的文件
                        }
                        this.error(index, upload);
                    }
                    , error: function (index, upload) {
                        var tr = ProImgByList.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'); //显示上传
                    }
                });

            //获取编辑时,已上传的文件列表
            if (HBillNo != null || HBillNo != undefined)
            {
                var ProImgByList = $('#ProImgByList')
                $.ajax({
                    url: GetWEBURL() + '/Cj_StationOutBill/Filelist',
                    type: "GET",
                    data: { "HBillNo": HBillNo },
                    success: function (data1) {
                        if (data1.count == 1) {
                            console.log(data1.data);    
                            var index = 0;
                            for (var i = 0; i < data1.data.length; i++) {
                                var tr = $(['<tr id="upload-' + i + '">'
                                    , '<td style="display:none">' + data1.data[i].HItemID + '</td>'
                                    , '<td style="display:none">' + data1.data[i].HSourceBillNo + '</td>'
                                    , '<td>' + data1.data[i].HFileName + '</td>'
                                    , '<td>' + (data1.data[i].HFileSize / 1014).toFixed(1) + 'kb</td>'
                                    , '<td style="color: #5FB878;">上传成功</td>'
                                    , '<td style="display:none">' + data1.data[i].url + '</td>'
                                    , '<td>'
                                    , '<button class="layui-btn layui-btn-xs  demo-dowload" type="button" id="deltefile" onclick="javascript:dowload(this)"><i class="layui-icon layui-icon-download-circle layuiadmin-button-btn"></i>下载</button>'
                                    , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete" type="button" id="deltefile" onclick="javascript:toManager(this)"><i class="layui-icon layui-icon-delete layuiadmin-button-btn"></i>删除</button>'
                                    , '</td>'
                                    , '</tr>'].join(''));

                                $('#ProImgByList').append(tr);
                            }
                        } else {
                            layer.alert(data1.code + data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
              
            }

            //以上为layui模块
        });
      
        function toManager(r) {
            //得到当前所在行
            var rows = r.parentNode.parentNode.rowIndex;
            //得到所在行的第一列的内容:主键ID
            var HItemID = $("#ProImgByList tr:eq(" + (rows-1) + ") td:eq(0)").html();
            //得到所在行的第二列的内容:单据号
            var HSourceBillNo = $("#ProImgByList tr:eq(" + (rows - 1) + ") td:eq(1)").html();
            //得到所在行的第三列的内容:文件名称
            var HFileName = $("#ProImgByList tr:eq(" + (rows - 1)+ ") td:eq(2)").html();
            layer.confirm("确认要删除吗，删除后不能恢复", { title: "删除确认" }, function (index) {
 
                //删除已上传文件
                $.ajax({
                    url: GetWEBURL() + '/Cj_StationOutBill/DeleteFilelist',
                    type: "GET",
                    data: { "HItemID": HItemID, "HSourceBillNo": HSourceBillNo, "HFileName": HFileName },
                    success: function (data1) {
                        if (data1.count == 1) {
                            layer.alert(data1.Message, { icon: 1 });
                            $("#ProImgByList tr").eq((rows - 1)).remove();
                        }
                        else {
                            layer.alert(data1.code + data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
            })
        }

        function dowload(r)  {
            //得到当前所在行
            var rows = r.parentNode.parentNode.rowIndex;
            //得到所在行的第五列的内容:文件地址
            var url = $("#ProImgByList tr:eq(" + (rows - 1) + ") td:eq(5)").html();
            /*window.location.href = url;*/
            window.open(url)
        }
     
        //返回生产班组
        function GetProductionTeamValue(obj) {  
            $("#HGroupName").val(obj[0].班组);

 WebTM/views/³µ¼ä¹ÜÀí/¹¤Ðò³öÕ¾»ã±¨µ¥/Cj_StationOutBillList.html

@@ -190,7 +190,7 @@
                        , shade: 0.6 //遮罩透明度
                        , maxmin: false //允许全屏最小化
                        , anim: 0 //0-6的动画形式，-1不开启
                        , content: ['Cj_StationOutBill.html?linterid=' + data.HInterID, 'yes']
                        , content: ['Cj_StationOutBill.html?linterid=' + data.hmainid + '&HBillNo=' + data.HBillNo, 'yes']
                        , resize: false
                        , cancel: function () {
                            $(".layui-btn").removeClass("layui-btn-disabled");