1
yangle
2023-03-21 970e2e0e5b8210e3127382821ac3bb87fb368344
PurchaseReceipt.html
@@ -17,7 +17,8 @@
    <script src="js/jquery.SuperSlide.2.1.3.js"></script>
    <script src='js/template.js'></script>
    <script src="js/jquery.qrcode.min.js"></script>
    <style>
    <script src="js/webConfig.js"></script>
    <style>
        .clock {
            font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
            font-size: 20px;
@@ -27,41 +28,37 @@
            margin-top: -75px;
            margin-right: 5px;
            color: #09d1ea;
        }
        .clock #Date {
            text-align: center;
            text-shadow: 0 0 0px #00c6ff;
        }
        .clock ul {
            width: 450px;
            margin: 0 auto;
            padding: 0px;
            list-style: none;
            text-align: right;
            margin-left: 15px;
            position: relative;
        }
        .clock ul li {
            display: inline;
            font-size: 24px;
            text-align: left;
            font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
            text-shadow: 0 0 0px #00c6ff;
        }
            .clock #Date {
                text-align: center;
                text-shadow: 0 0 0px #00c6ff;
            }
            .clock ul {
                width: 450px;
                margin: 0 auto;
                padding: 0px;
                list-style: none;
                text-align: right;
                margin-left: 15px;
                position: relative;
            }
                .clock ul li {
                    display: inline;
                    font-size: 24px;
                    text-align: left;
                    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
                    text-shadow: 0 0 0px #00c6ff;
                }
        body {
            padding-left: 50px;
            padding-right: 50px;
        }
        .title {
            font-size: 44px;
            font-family: PingFangSC;
            font-weight: 500;
@@ -70,25 +67,26 @@
            background: url(img/img_little_new.png) center no-repeat;
            margin-bottom: 30px;
        }
        .col-sm-12 {
            position: relative;
            min-height: 1px;
            padding-right: 0px;
            padding-left: 0px;
        }
        .left{
        .left {
            /* border: 1px solid #00c6ff; */
            height: 900px;
        }
        .right{
        .right {
            /* border: 1px solid #00c6ff; */
            height: 300px;
        }
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
@@ -100,68 +98,69 @@
            padding-right: 0px;
            padding-left: 0px;
        }
        #mychart1,
        #mychart2,
        #mychart3{
        #mychart3 {
            width: 100%;
            border: none;
            height: 300px;
        }
        #cList {
            margin: 0% auto;
            color: #00c6ff;
        }
        #cList li {
            margin: 20px 0px;
            text-align:left;
            font-size: 18px;
            margin-left: 25%;
        }
            #cList li {
                margin: 20px 0px;
                text-align: left;
                font-size: 18px;
                margin-left: 25%;
            }
        #cList0 {
            height: 900px;
            width: 3%;
            /* border: 1px solid #00c6ff; */
            float: left;
        }
        #cList1 {
            float: left;
        }
        #cList1 li {
            float: left;
            height: 900px;
            color: #00c6ff;
            font-size: 20px;
            /*文字居中*/
            text-align: center;
            /*display: flex;*/
        }
        #cList1 li span {
            /*文字居中*/
            display: inline-block;
            height: 100%;
            /*文字居中*/
            /*文字竖排*/
            writing-mode: vertical-lr;
            /*从左向右 从右向左是 writing-mode: vertical-rl;*/
            writing-mode: tb-lr;
            /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/
        }
            #cList1 li {
                float: left;
                height: 900px;
                color: #00c6ff;
                font-size: 20px;
                /*文字居中*/
                text-align: center;
                /*display: flex;*/
            }
                #cList1 li span {
                    /*文字居中*/
                    display: inline-block;
                    height: 100%;
                    /*文字居中*/
                    /*文字竖排*/
                    writing-mode: vertical-lr;
                    /*从左向右 从右向左是 writing-mode: vertical-rl;*/
                    writing-mode: tb-lr;
                    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/
                }
        #cList2 {
            height: 900px;
            width: 97%;
            /* border: 1px solid #00c6ff; */
            float: left;
        }
        table tr td {
            text-align: center;
            vertical-align: middle !important;
@@ -173,25 +172,24 @@
            font-family: Arial;
            border: none;
        }
        .table>caption+thead>tr:first-child>td,
        .table>caption+thead>tr:first-child>th,
        .table>colgroup+thead>tr:first-child>td,
        .table>colgroup+thead>tr:first-child>th,
        .table>thead:first-child>tr:first-child>td,
        .table>thead:first-child>tr:first-child>th {
        .table > caption + thead > tr:first-child > td,
        .table > caption + thead > tr:first-child > th,
        .table > colgroup + thead > tr:first-child > td,
        .table > colgroup + thead > tr:first-child > th,
        .table > thead:first-child > tr:first-child > td,
        .table > thead:first-child > tr:first-child > th {
            background-color: #000;
            color: #3bff72;
        }
        .fixed-table-container tbody td .th-inner,
        .fixed-table-container thead th .th-inner {
            font-size: 15px;
            color: #09d1ea;
            padding: 20px 0 15px 0;
        }
        #tb_order tr td {
            text-align: center;
            height: 32px;
@@ -203,55 +201,55 @@
            /* border: 1px solid #464646; */
            border: none;
        }
        .bootstrap-table .table {
            border-radius: none
        }
        th {
            background-color: transparent !important;
        }
        td {
            background-color: transparent;
        }
        tr {
            background-color: transparent
        }
        #tb_order tr:nth-child(even) {
            background: #080c1c;
        }
        .fixed-table-container tbody td .th-inner,
        .fixed-table-container thead th .th-inner {
            text-align: left;
        }
        .progress {
            background-color: darkblue;
        }
        #tb_order tr:nth-child(even) {
            background: #000000;
        }
        .pull-right,.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
        .pull-right, .fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
            display: none;
        }
    </style>
    <script type="text/javascript">
        var interval;//计时器
        var interval1;//计时器
        var num = 0;
        var ReachProgress;           //达成率
        var ZNoProgress;             //总不良率
        var ToDayDt=[];              //近日达成率对比时间数组
        var OrderQty=[];             //近日达成率对比订单总量数数组
        var ZSQty=[];               //近日达成率对比总收料量数数组
        var ToDayDt = [];              //近日达成率对比时间数组
        var OrderQty = [];             //近日达成率对比订单总量数数组
        var ZSQty = [];               //近日达成率对比总收料量数数组
        $(document).ready(function () {
            // 创建两个变量,一个数组中的月和日的名称
            var monthNames = ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月"];
@@ -265,32 +263,32 @@
                var ss = date1.getSeconds();
                var dayNames = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
                var Stamp = new Date();
                $('#Date').html(year + "&nbsp;年" + " " + monthNames[month] + ' ' + day + "&nbsp;日&nbsp;&nbsp;" + ' ' + dayNames[Stamp.getDay()]);
                $("#hours").html((hh < 10 ? ("0" + hh) : hh));
                $("#min").html((mm < 10 ? ("0" + mm) : mm));
                $("#sec").html((ss < 10 ? ("0" + ss) : ss));
            }, 1000);
        });
        $(function () {
            var mychart1 = echarts.init(document.getElementById('mychart1'));
            var mychart2 = echarts.init(document.getElementById('mychart2'));
            var mychart3 = echarts.init(document.getElementById('mychart3'));
            Chart(mychart1,mychart2,mychart3);
            Chart(mychart1, mychart2, mychart3);
            DataTable();
            // 定时器
            interval = setInterval(function () {
                num = 0;
                ToDayDt=[];              //今日不良对比时间数组
                OrderQty=[];              //今日不良对比合格数数组
                ZSQty=[];               //今日不良对比不良数数组
                ToDayDt = [];              //今日不良对比时间数组
                OrderQty = [];              //今日不良对比合格数数组
                ZSQty = [];               //今日不良对比不良数数组
                Chart(mychart1, mychart2, mychart3, mychart4, mychart5);
            }, 20000);
            interval1=setInterval(function () {
            interval1 = setInterval(function () {
                $("#tb_order").bootstrapTable('refresh');
            }, 10000);
            //根据浏览器大小改变大小
@@ -300,66 +298,66 @@
                mychart3.resize();
            }
        })
        function Chart(mychart1,mychart2,mychart3){
        function Chart(mychart1, mychart2, mychart3) {
            $.ajax({
                url: "http://192.168.2.152:80/api/loaddata/PurchaseReceiptData",
                url: GetWEBURL() + "/loaddata/PurchaseReceiptData",
                dataType: "JSON",
                async: false,//使用同步的方式,true为异步方式
                type: "Get",
                data:{"Tag":0,"limit":10,"offset":1},
                success: function (data) {
                data: { "Tag": 0, "limit": 10, "offset": 1 },
                success: function (data) {
                    $("#OrderQty").html(parseFloat(data.data[0][0].ZDQty).toFixed(0));
                    $("#ZSQty").html(parseFloat(data.data[1][0].ZSHQty).toFixed(0));
                    $("#DaySupQty").html(parseFloat(data.data[0][0].ZDQty-data.data[1][0].ZSHQty<0?0:data.data[0][0].ZDQty-data.data[1][0].ZSHQty).toFixed(0));
                    $("#ReachProgress").html(parseFloat(parseFloat(data.data[1][0].ZSHQty)/parseFloat(data.data[0][0].ZDQty==0?1:data.data[0][0].ZDQty).toFixed(0)*100+"%").toFixed(0));
                    $("#NoProgress").html(parseFloat(data.data[2][0].NoQty)/parseFloat(data.data[1][0].ZSHQty==0?1:data.data[1][0].ZSHQty).toFixed(0)*100+"%");
                    ReachProgress=parseFloat(parseFloat(data.data[1][0].ZSHQty)/parseFloat(data.data[0][0].ZDQty==0?1:data.data[0][0].ZDQty).toFixed(0)*100);
                    ZNoProgress=parseFloat(parseFloat(data.data[2][0].NoQty)/parseFloat(data.data[1][0].ZSHQty==0?1:data.data[1][0].ZSHQty).toFixed(0)*100);
                    $("#DaySupQty").html(parseFloat(data.data[0][0].ZDQty - data.data[1][0].ZSHQty < 0 ? 0 : data.data[0][0].ZDQty - data.data[1][0].ZSHQty).toFixed(0));
                    $("#ReachProgress").html(parseFloat(parseFloat(data.data[1][0].ZSHQty) / parseFloat(data.data[0][0].ZDQty == 0 ? 1 : data.data[0][0].ZDQty).toFixed(0) * 100 + "%").toFixed(0));
                    $("#NoProgress").html(parseFloat(data.data[2][0].NoQty) / parseFloat(data.data[1][0].ZSHQty == 0 ? 1 : data.data[1][0].ZSHQty).toFixed(0) * 100 + "%");
                    ReachProgress = parseFloat(parseFloat(data.data[1][0].ZSHQty) / parseFloat(data.data[0][0].ZDQty == 0 ? 1 : data.data[0][0].ZDQty).toFixed(0) * 100);
                    ZNoProgress = parseFloat(parseFloat(data.data[2][0].NoQty) / parseFloat(data.data[1][0].ZSHQty == 0 ? 1 : data.data[1][0].ZSHQty).toFixed(0) * 100);
                    //近日达成率
                    $.each(data.data[3], function (index, val) {
                        ToDayDt.push(val.hour.substring(5));
                        OrderQty.push(parseFloat(val.ZDQty).toFixed(0));
                        ZSQty.push(parseFloat(val.ZSHQty).toFixed(0));
                        ZSQty.push(parseFloat(val.ZSHQty).toFixed(0));
                    });
                },
                error: function (data) {
                }
            })
            const colorList = ['#47A2FF', '#ff9900']
            option1 = {
                title: [
                {
                    text: '',
                    subtext: ReachProgress+'%',
                    textStyle: {
                        fontSize: 16,
                        color: '#999',
                        lineHeight: 20
                    {
                        text: '',
                        subtext: ReachProgress + '%',
                        textStyle: {
                            fontSize: 16,
                            color: '#999',
                            lineHeight: 20
                        },
                        subtextStyle: {
                            fontSize: 28,
                            color: '#00c6ff'
                        },
                        textAlign: 'center',
                        left: '50%',
                        top: '50%'
                    },
                    subtextStyle: {
                        fontSize: 28,
                        color: '#00c6ff'
                    },
                    textAlign: 'center',
                    left: '50%',
                    top: '50%'
                },
                {
                    show: true,
                    text: '达成率分析',
                    textStyle: {
                        color: '#00c6ff',
                        fontSize: '16',
                    },
                    textAlign: 'center',
                    left: '50%',
                    top: '5%'
                }
                    {
                        show: true,
                        text: '达成率分析',
                        textStyle: {
                            color: '#00c6ff',
                            fontSize: '16',
                        },
                        textAlign: 'center',
                        left: '50%',
                        top: '5%'
                    }
                ],
                tooltip: {
                    trigger: 'item',
@@ -371,60 +369,60 @@
                },
                color: colorList,
                series: [
                {
                    name: '占比',
                    type: 'pie',
                    radius: [50, 80],
                    center: ['50%', '50%'],
                    center: ['50%', '60%'],
                    avoidLabelOverlap: false,
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    },
                    itemStyle: {
                        borderWidth: 3,
                        borderColor: '#000000'
                    },
                    data: [
                    { name: '', value: ReachProgress },
                    { name: '', value: 100-ReachProgress }
                    ],
                }
                    {
                        name: '占比',
                        type: 'pie',
                        radius: [50, 80],
                        center: ['50%', '50%'],
                        center: ['50%', '60%'],
                        avoidLabelOverlap: false,
                        label: {
                            show: false
                        },
                        labelLine: {
                            show: false
                        },
                        itemStyle: {
                            borderWidth: 3,
                            borderColor: '#000000'
                        },
                        data: [
                            { name: '', value: ReachProgress },
                            { name: '', value: 100 - ReachProgress }
                        ],
                    }
                ]
            };
            option2 = {
                title: [
                {
                    text: '',
                    subtext: ZNoProgress+'%',
                    textStyle: {
                        fontSize: 16,
                        color: '#999',
                        lineHeight: 20
                    {
                        text: '',
                        subtext: ZNoProgress + '%',
                        textStyle: {
                            fontSize: 16,
                            color: '#999',
                            lineHeight: 20
                        },
                        subtextStyle: {
                            fontSize: 28,
                            color: '#00c6ff'
                        },
                        textAlign: 'center',
                        left: '50%',
                        top: '50%'
                    },
                    subtextStyle: {
                        fontSize: 28,
                        color: '#00c6ff'
                    },
                    textAlign: 'center',
                    left: '50%',
                    top: '50%'
                },
                {
                    show: true,
                    text: '来料总不良率',
                    textStyle: {
                        color: '#00c6ff',
                        fontSize: '16',
                    },
                    textAlign: 'center',
                    left: '50%',
                    top: '5%'
                }
                    {
                        show: true,
                        text: '来料总不良率',
                        textStyle: {
                            color: '#00c6ff',
                            fontSize: '16',
                        },
                        textAlign: 'center',
                        left: '50%',
                        top: '5%'
                    }
                ],
                tooltip: {
                    trigger: 'item',
@@ -436,31 +434,31 @@
                },
                color: colorList,
                series: [
                {
                    name: '占比',
                    type: 'pie',
                    radius: [50, 80],
                    center: ['50%', '50%'],
                    center: ['50%', '60%'],
                    avoidLabelOverlap: false,
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    },
                    itemStyle: {
                        borderWidth: 3,
                        borderColor: '#000000'
                    },
                    data: [
                    { name: '', value: ZNoProgress },
                    { name: '', value: 100-ZNoProgress }
                    ],
                }
                    {
                        name: '占比',
                        type: 'pie',
                        radius: [50, 80],
                        center: ['50%', '50%'],
                        center: ['50%', '60%'],
                        avoidLabelOverlap: false,
                        label: {
                            show: false
                        },
                        labelLine: {
                            show: false
                        },
                        itemStyle: {
                            borderWidth: 3,
                            borderColor: '#000000'
                        },
                        data: [
                            { name: '', value: ZNoProgress },
                            { name: '', value: 100 - ZNoProgress }
                        ],
                    }
                ]
            };
            option3 = {
                title: {
                    text: '近日达成率对比',
@@ -474,7 +472,7 @@
                },
                color: ['#5b9bd5', '#ed7d31', '#a9d18e', '#ffc000'],
                tooltip: {
                },
                grid: {
                    left: '3%',
@@ -490,85 +488,85 @@
                        fontSize: 16,
                        fontFamily: "微软雅黑"
                    }
                },
                xAxis: [
                {
                    type: 'category',
                    data:ToDayDt,
                    axisTick: {
                        alignWithLabel: true
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: '#00c6ff',
                            type: 'solid', //设置网格线类型 dotted:虚线   solid:实线
                            width: 1, //隐藏y轴
                        }
                    },
                    axisLabel: {
                        show: true,
                        textStyle: {
                            color: '#00c6ff', //坐标值得具体的颜色
                            fontSize: '16'
                    {
                        type: 'category',
                        data: ToDayDt,
                        axisTick: {
                            alignWithLabel: true
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: '#00c6ff',
                                type: 'solid', //设置网格线类型 dotted:虚线   solid:实线
                                width: 1, //隐藏y轴
                            }
                        },
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color: '#00c6ff', //坐标值得具体的颜色
                                fontSize: '16'
                            }
                        }
                    }
                }
                ],
                yAxis: [
                {
                    type: 'value',
                    axisLine: {
                        show: false,
                    },
                    splitLine: { //网格线
                        lineStyle: {
                            color: '#00c6ff',
                    {
                        type: 'value',
                        axisLine: {
                            show: false,
                        },
                        show: true //隐藏或显示
                    },
                    axisLabel: {
                        textStyle: {
                            color: '#00c6ff', //坐标值得具体的颜色
                            fontSize: '16'
                        splitLine: { //网格线
                            lineStyle: {
                                color: '#00c6ff',
                            },
                            show: true //隐藏或显示
                        },
                        axisLabel: {
                            textStyle: {
                                color: '#00c6ff', //坐标值得具体的颜色
                                fontSize: '16'
                            }
                        }
                    }
                }
                ],
                series: [
                {
                    name: '总单量',
                    type: 'bar',
                    barWidth: 15,
                    data: OrderQty
                },
                {
                    name: '总收料',
                    type: 'bar',
                    barWidth: 15,
                    data: ZSQty
                }
                    {
                        name: '总单量',
                        type: 'bar',
                        barWidth: 15,
                        data: OrderQty
                    },
                    {
                        name: '总收料',
                        type: 'bar',
                        barWidth: 15,
                        data: ZSQty
                    }
                ]
            };
            mychart1.setOption(option1);
            mychart2.setOption(option2);
            mychart3.setOption(option3);
        }
        function DataTable() {
            $('#tb_order').bootstrapTable({
                url: 'http://192.168.2.152:80/api/loaddata/PurchaseReceiptTableData',
                url: GetWEBURL() + '/loaddata/PurchaseReceiptTableData',
                //data: dataJson,
                method: 'get',                      //请求方式(*)
                dataType: "json",
                queryParams :queryParams,
                queryParams: queryParams,
                striped: false,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
                pagination: true,                   //是否显示分页(*)
@@ -585,85 +583,103 @@
                uniqueId: "ID",                     //每一行的唯一标识,一般为主键列
                cardView: false,                    //是否显示详细视图
                detailView: false,                   //是否显示父子表
                columns: [
                { field: 'HBillNo', title: '收料单号', align: "left" },
                { field: 'HNumber', title: '物料编码', align: "left" },
                { field: 'HName', title: '物料名称', align: "left", cellStyle: function (value, row, index) {
                    return {
                        css: {
                            "min-width": "100px",
                            "white-space": "nowrap",
                            "text-overflow": "ellipsis",
                            "overflow": "hidden",
                            "max-width": "120px"
                    { field: 'HBillNo', title: '收料单号', align: "left" },
                    { field: 'HNumber', title: '物料编码', align: "left" },
                    {
                        field: 'HName', title: '物料名称', align: "left", cellStyle: function (value, row, index) {
                            return {
                                css: {
                                    "min-width": "100px",
                                    "white-space": "nowrap",
                                    "text-overflow": "ellipsis",
                                    "overflow": "hidden",
                                    "max-width": "120px"
                                }
                            }
                        }
                    },
                    {
                        field: 'HModel', title: '规格型号', align: "left", cellStyle: function (value, row, index) {
                            return {
                                css: {
                                    "min-width": "100px",
                                    "white-space": "nowrap",
                                    "text-overflow": "ellipsis",
                                    "overflow": "hidden",
                                    "max-width": "120px"
                                }
                            }
                        }
                    },
                    { field: 'HSourceBillNo', title: '采购订单号', align: "left" },
                    {
                        field: 'HQty', title: '订单量', align: "left", formatter: function (value, row, index) {
                            return parseFloat(value).toFixed(2);
                        }
                    },
                    {
                        field: 'SHQty', title: '应收量', align: "left", formatter: function (value, row, index) {
                            return parseFloat(value).toFixed(2);
                        }
                    },
                    {
                        field: 'HRelationQty', title: '入库量', align: "left", formatter: function (value, row, index) {
                            return parseFloat(value).toFixed(2);
                        }
                    },
                    {
                        field: 'HInStockQty', title: '已收料数量', align: "left", hidden: true, formatter: function (value, row, index) {
                            return parseFloat(value).toFixed(2);
                        }
                    },
                    {
                        field: 'OrderSupsQty', title: '订单剩余', align: "left", formatter: function (value, row, index) {
                            var res = row.HQty - row.HInStockQty;
                            return parseFloat(res).toFixed(2);
                        }
                    },
                    {
                        field: 'NotOutQty', title: '未入库量', align: "left", formatter: function (value, row, index) {
                            var res = row.SHQty - row.HRelationQty;
                            return parseFloat(res).toFixed(2);
                        }
                    },
                    {
                        field: 'HSTATUS', title: '状态', align: "left", formatter: function (value, row, index) {
                            return "已送货";
                        }
                    },
                    {
                        field: 'Progress', title: '进度', align: "left", width: 100, formatter: function (value, row, index) {
                            var res = 100 * row.HRelationQty / row.SHQty;
                            //return ["<div class='progress'> <div class='progress-bar' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(2) + "%'>" + res.toFixed(2) + "</div> </div>"];
                            return "<div class='w40 div_co pw'><div class='PA' style='text-align:right;color:#4b2dba;float:right;height:20px;line-height:25px'>" + res.toFixed(1) + "%</div><div class='progress' style='margin-top:4px;'><div class='progress-bar progress-diy-info' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(1) + "%';text-align:center;'></div></div></div>";
                        }
                    }
                }},
                { field: 'HModel', title: '规格型号', align: "left", cellStyle: function (value, row, index) {
                    return {
                        css: {
                            "min-width": "100px",
                            "white-space": "nowrap",
                            "text-overflow": "ellipsis",
                            "overflow": "hidden",
                            "max-width": "120px"
                        }
                    }
                }},
                { field: 'HSourceBillNo', title: '采购订单号', align: "left" },
                { field: 'HQty', title: '订单量', align: "left" , formatter: function (value, row, index) {
                    return parseFloat(value).toFixed(2);
                }},
                { field: 'SHQty', title: '应收量', align: "left", formatter: function (value, row, index) {
                    return parseFloat(value).toFixed(2);
                } },
                { field: 'HRelationQty', title: '入库量', align: "left", formatter: function (value, row, index) {
                    return parseFloat(value).toFixed(2);
                } },
                { field: 'HInStockQty', title: '已收料数量', align: "left",hidden:true, formatter: function (value, row, index) {
                    return parseFloat(value).toFixed(2);
                } },
                { field: 'OrderSupsQty', title: '订单剩余', align: "left" , formatter: function (value, row, index) {
                    var res = row.HQty -row.HInStockQty;
                    return parseFloat(res).toFixed(2);
                }},
                { field: 'NotOutQty', title: '未入库量', align: "left" , formatter: function (value, row, index) {
                    var res = row.SHQty -row.HRelationQty;
                    return parseFloat(res).toFixed(2);
                }},
                { field: 'HSTATUS', title: '状态', align: "left",formatter: function (value, row, index) {
                    return "已送货";
                } },
                {
                    field: 'Progress', title: '进度', align: "left",width:100, formatter: function (value, row, index) {
                        var res = 100 * row.HRelationQty / row.SHQty;
                        //return ["<div class='progress'> <div class='progress-bar' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(2) + "%'>" + res.toFixed(2) + "</div> </div>"];
                        return "<div class='w40 div_co pw'><div class='PA' style='text-align:right;color:#4b2dba;float:right;height:20px;line-height:25px'>" + res.toFixed(1) + "%</div><div class='progress' style='margin-top:4px;'><div class='progress-bar progress-diy-info' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(1) + "%';text-align:center;'></div></div></div>";
                    }
                }
                ],
                onClickRow: function (row, $element) {
                },
                onCheck: function (row, $element) {
                },
                onLoadSuccess: function (row) {
                    var num_total = (row.total)/ 20
                    var num_total = (row.total) / 20
                    if (num >= num_total) {
                        num = 0
                    }
                    //var a = $('#tb_order').bootstrapTable('getSelections');
                }
            })
        }
        //得到查询的参数
        function queryParams(params) {
            num += 1;
            var temp = {   //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
                Tag:1,
                Tag: 1,
                limit: params.limit,   //页面大小
                offset: num,  //页码
            };