1

jingh

2021-07-14 08d7cba4c690e2b5262b6439abca2895fc8e5216

 WebTM/views/IpadIndex.html

@@ -10,6 +10,8 @@
    <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all">
    <link href="../layuiadmin/layui/css/global.css" rel="stylesheet" />
    <!--自定义样式-->
    <link href="../layuiadmin/layui/css/ReportPlatform.css" rel="stylesheet" />
    <!--引用layui js文件-->
    <script src="../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../layuiadmin/layui/layui.js"></script>
@@ -17,176 +19,23 @@
    <script src="../layuiadmin/Scripts/json2.js"></script>
    <script src="../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../layuiadmin/zgqCustom/zgqCustom.js"></script>
    <!--自定义样式-->
    <style>
        body {
            background-color: #ffffff;
        }

        .layui-tab-card > .layui-tab-title {
            background-color: #ffffff;
        }

        .layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
            border-color: #eee;
        }

        .layui-content {
            height: 150px;
        }

        .content3 {
            height: 595px;
        }

        .content4 {
            height: 640px;
        }

        .cnt {
            border: 1px solid #5FB878;
            height: 150px;
            border-radius: 5px;
        }

        .cns {
            border: 1px solid #5FB878;
            height: 140px;
            border-radius: 5px;
        }

        .topright dt img {
            display: block;
            height: 145px;
            width: 100%;
        }

        dt {
            height: 145px;
            width: 20%;
            border: 1px solid rgb(0 0 0 / 10%);
        }

        dl {
            overflow: hidden;
            margin: 2px 0px;
        }

        .topright > dd {
            padding: 0px 10px;
            width: 50%;
        }

        dt, dd {
            float: left;
        }

        .cnt h1, .cns h1 {
            line-height: 30px;
            margin: 0 10px;
        }

        h1 span {
            font-family: "微软雅黑";
            font-weight: bold;
        }

        .cnt, .cns dl dd {
            margin: 0 auto;
            /*text-align:center;*/
        }

        .layui-show {
            padding: 5px 10px;
        }

        .color_border1 {
            border: 0.4em solid #ffd800;
            background-color: #ffd800;
        }

        .color_border2 {
            border: 0.4em solid #09d1ea;
            background-color: #09d1ea;
        }

        .color_border3 {
            border: 0.4em solid #808080;
            background-color: #808080;
        }

        .gj_icon {
            border-radius: 0.4em;
            width: 1px;
            height: 1px;
            display: inline-block;
            vertical-align: 0px;
            margin-right: 14px;
        }

        .imgicon {
            height: 100px;
            display: block;
            text-align: center;
        }

        .imgtitle {
            text-align: center;
            display: block;
            font-size: 30px;
        }

        .layui-icon {
            font-size: 90px;
        }

        .imgicon0 {
            height: 100px;
            display: block;
            text-align: center;
            margin: 0.2em auto;
            width: 100px;
        }
        .imgicon0:hover {
            cursor: pointer; /*鼠标变成手指样式*/
            background: #5FB878;
         }

        .bottomright {
            cursor: pointer; /*鼠标变成手指样式*/
            transition: all 0.6s; /*所有属性变化在0.6秒内执行动画*/
        }

        .bottomright:hover {
            transform: scale(1.3); /*鼠标放上之后元素变成1.4倍大小*/
        }

        #mychart1, #mychart2 {
            width: 100%;
            height: 320px;
        }

        .delete {
            width: 20px;
            height: 20px;
            border-radius: 60%;
            position: absolute;
            top: 5px;
            right: 15px;
            font-size: 30px;
        }

         .delete:hover {
                cursor: pointer; /*鼠标变成手指样式*/
         }
    </style>
    <script>

        //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
        layui.use(['element', 'table'], function () {
            var $ = layui.jquery,
                table = layui.table,
                element = layui.element;
        layui.config({
            base: '../../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'form', 'laydate', 'table', 'element'], function () {
            var $ = layui.$
                , admin = layui.admin
                , layer = layui.layer
                , table = layui.table
                , form = layui.form
                , laydate = layui.laydate
                , element = layui.element;

            var mychart1 = echarts.init(document.getElementById('mychart1'));
            var mychart2 = echarts.init(document.getElementById('mychart2'));

@@ -213,49 +62,173 @@
                            aSearch = aSearch.concat(ele); // 将符合要求的数组合并到aSearch;
                        }
                    });
                   
                    for (var i = 1; i <= 4; i++) {

                    for (var i = 1; i <= aSearch.length + 1; i++) {
                        if (i <= aSearch.length) {
                            var html1 = "";
                            html1 += "<dl>";
                            html1 += "<dd>";
                            html1 += "<h1><span>设备编号：</span><span id=\"eqp" + i + "\">SB000001</span></h1>";
                            html1 += "<h1><span>当前工单：</span><span>PO2021063000001</span></h1>";
                            html1 += "<h1><span>负责人：</span><span>张三</span></h1>";
                            html1 += "</dd>";
                            html1 += "</dl>";
                            $("#ts" + i + "").append(html1);
                            $("#ts" + i + "").append("<span class=\"layui-icon layui-icon-delete delete\"  onclick=\"Delete(this," +i + ")\"></span>"); //在当前div后追加加一个span删除
                            var html1 = '';
                            html1 += '<div class="layui-col-sm12 layui-col-md3">';
                            html1 += '<div class="cnt ctop" id="ts' + i + '" onclick="Check(this,' + i + ')">';
                            html1 += '<dl>';
                            html1 += '<dd>';
                            html1 += '<h1><span>设备编号：</span><span id="eqp' + i + '">SB000001</span></h1>';
                            html1 += '<h1><span>当前工单：</span><span id="po' + i + '">PO2021063000001</span></h1>';
                            html1 += '<h1><span>负责人：</span><span id="us' + i + '">张三</span></h1>';
                            html1 += '</dd>';
                            html1 += '</dl>';
                            html1 += '</div>';
                            html1 += '</div>';
                            $("#topleft").append(html1);
                            $("#ts" + i + "").append('<span class="layui-icon layui-icon-delete delete"  onclick="Delete(event,this,' + i + ')"></span>'); //在当前div后追加加一个span删除
                        }
                        else
                        {
                            var html1 = "";
                            html1 += "<span class=\"layui-icon layui-icon-addition imgicon0\" onclick=\"Add(this)\"></span>";
                            $("#ts" + i + "").append(html1);
                        else {
                            var html1 = '';
                            html1 += '<div class="layui-col-sm12 layui-col-md3">';
                            html1 += '<div class="cnt ctop" id="ts' + i + '" onclick="Check(this,' + i + ')">';
                            html1 += '<span class="layui-icon layui-icon-addition imgicon0" onclick="Add(event,this,' + i + ')"></span>';
                            html1 += '</div>';
                            html1 += '</div>';
                            $("#topleft").append(html1);

                        }
                    }

                   

                }
            });
        }
        function Add(obj)
        {
            //获取父级id
            var partid = $(obj).parent().attr("id");
            var html1 = "";
            html1 += "<dl>";
            html1 += "<dd>";
            html1 += "<h1><span>设备编号：</span><span>SB000001</span></h1>";
            html1 += "<h1><span>当前工单：</span><span>PO2021063000001</span></h1>";
            html1 += "<h1><span>负责人：</span><span>张三</span></h1>";
            html1 += "</dd>";
            html1 += "</dl>";
            $("#" + partid + "").empty();   //清除添加图标
            $("#" + partid+"").append(html1); //填充添加的数据

        //选中资源
        function Check(obj, i) {
            var partid = $(obj).parent().attr("id");   //获取父级id
            var eqpid = "eqp" + i;                     //获取指定设备ID的编号
            var eqpvalue = $("#" + eqpid + "").html(); //通过样式ID获取html内容(设备编号)
            var po = "po" + i;                         //获取指定工单编号
            var povalue = $("#" + po + "").html();     //通过样式ID获取html内容(设备编号)

            if (eqpvalue != "" && eqpvalue != null) {
                $('.ctop').removeClass('check');  //删除不同父级clss样式相同的所有元素
                $("#ts" + i + "").addClass('check'); // 添加当前元素的样式
                console.log(eqpvalue, povalue);

                //执行联动事件
            }
        }
        function Delete(obj,i)
        {

        //添加资源
        function Add(event, obj, i) {
            event.stopPropagation();  //阻止冒泡
            //页面层-自定义
            layer.open({
                type: 2 //此处以iframe举例
                , title: '产线绑定'
                , area: ['90%', '90%']
                , shadeClose: false //开启遮罩关闭
                , shade: 0.5    
                , maxmin: true
                , content: ['生产管理/报工平台功能页/LineBind.html', 'yes']
                ,btn: ['确定', '取消']
                , btn1: function (index, layero,e) {
                 
                    //按钮【按钮一】的回调
                    var body = layer.getChildFrame('body', index); //得到iframe页的body内容
                    //var from = layer.getChildFrame('#from0', index); //得到iframe页的from内容
                    if (!AllowLoadData(body))//数据验证
                    {
                        return false;
                    }
                    var HUserName = body.find("#HUserName").val("Admin");
                    var HSourceID = body.find("#HSourceID").val();
                    var HSourceName = body.find("#HSourceName").val();
                    var HManagerID = body.find("#HManagerID").val();
                    var HManagerName = body.find("#HManagerName").val();
                    var HGroupID = body.find("#HGroupID").val();
                    var HGroupName = body.find("#HGroupName").val();
                    var HCreateDate = body.find("#HCreateDate").val();
                    var HRemark = body.find("#HRemark").val();
                    $.ajax(
                        {
                            type: "POST",
                            url: GetWEBURL() + "/ReportPlatForm/SaveGetLineBindBillList", //方法所在页面和方法名
                            async: true,
                            data: {
                                "HUserName": HUserName,
                                "HSourceID": HSourceID,
                                "HSourceName": HSourceName,
                                "HManagerID": HManagerID,
                                "HManagerName": HManagerName,
                                "HGroupID": HGroupID,
                                "HGroupName": HGroupName,
                                "HCreateDate": HCreateDate,
                                "HRemark": HRemark
                            },
                            dataType: "json",
                            success: function (data) {
                                if (data.count == 1) { // 说明验证成功了，
                                    layer.msg(data.Message, { time: 1 * 1000, icon: 1 }, function () {
                                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                                        parent.layer.close(index); //再执行关闭   
                                        
                                    });
                                }
                                else {

                                    f_alert(data.Message);
                                    console.log("Reason" + sMainStr + "sub:" + JSON.stringify(layui.table.cache.mainTable));
                                }
                                layer.closeAll("loading");
                            },
                            error: function (err) {

                                f_alert("错误:" + err);
                                console.log("Reason" + sMainStr);
                            }
                        });

                    
                    layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
                }
                , btn2: function (index, layero) {
                    //按钮【按钮二】的回调
                    //return false 开启该代码可禁止点击该按钮关闭
                }

                , zIndex: layer.zIndex //重点1
                , success: function (layero, index) {
                
                }
                , end: function () {
                 
                }
            });

           

            //获取父级id
            //var partid = $(obj).parent().attr("id");
            //console.log(partid);
            //var html1 = '';
            //html1 += '<dl>';
            //html1 += '<dd>';
            //html1 += '<h1><span>设备编号：</span><span id="eqp' + i + '">SB000002</span></h1>';
            //html1 += '<h1><span>当前工单：</span><span id="po' + i + '">PO2021063000002</span></h1>';
            //html1 += '<h1><span>负责人：</span><span id="us' + i + '">张三</span></h1>';
            //html1 += '</dd>';
            //html1 += '</dl>';
            //$("#" + partid + "").empty();   //清除添加图标
            //$("#" + partid + "").append(html1); //填充添加的数据
            //$("#ts" + i + "").append('<span class="layui-icon layui-icon-delete delete"  onclick="Delete(event,this,' + i + ')"></span>'); //在当前div后追加加一个span删除
            //var html1 = '';
            //html1 += '<div class="layui-col-sm12 layui-col-md3">';
            //html1 += '<div class="cnt ctop" id="ts' + (i + 1) + '" onclick="Check(this,' + (i + 1) + ')">';
            //html1 += '<span class="layui-icon layui-icon-addition imgicon0" onclick="Add(event,this,' + (i + 1) + ')"></span>';
            //html1 += '</div>';
            //html1 += '</div>';
            //$("#topleft").append(html1);
        }

        //删除资源
        function Delete(event, obj, i) {
            event.stopPropagation();  //阻止冒泡
            //获取父级id
            var partid = $(obj).parent().attr("id");
            //获取指定设备ID的编号
@@ -265,12 +238,13 @@
            //逻辑删除方法
            layer.confirm("确认要删除吗，删除后不能恢复", { title: "删除确认" }, function (index) {
                layer.msg(value, { time: 1 * 1000, icon: 1 }, function () {
                    

                    //修改为功后刷新界面
                    window.location.reload();
                });
            })
        }

        function Mychart(mychart1, mychart2) {
            option1 = {
                title: {
@@ -356,6 +330,33 @@
                mychart2.resize();
            }
        }


        //非空验证
        function AllowLoadData(body) {  //非空验证
            var Result = true;
            //if (body.find("#HUserName").val() == '' || body.find("#HUserName").val() == null) {
            //    layer.msg("用户名不能为空!", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
            //    return Result = false;
            //}
            if (body.find("#HSourceID").val() == '' || body.find("#HSourceID").val() == null) {
                layer.msg("生产资源不能为空!", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                return Result = false;
            }
            if (body.find("#HManagerID").val() == '' || body.find("#HManagerID").val() == null) {
                layer.msg("负责人不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                return Result = false;
            }
            if (body.find("#HGroupID").val() == '' || body.find("#HGroupID").val() == null) {
                layer.msg("班组不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                return Result = false;
            }
            if (body.find("#HCreateDate").val() == '' || body.find("#HCreateDate").val() == null) {
                layer.msg("创建日期不能为空!", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                return Result = false;
            }
            return Result;
        }
    </script>
</head>

@@ -373,27 +374,27 @@
                <fieldset style="border: 1px solid #eee;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);">
                    <legend style="color: #5FB878">生产资源</legend>
                    <div class="layui-content">
                        <div class="layui-row layui-col-space10">
                            <div class="layui-col-sm12 layui-col-md3">
                        <div class="layui-row layui-col-space10" id="topleft">
                            <!--<div class="layui-col-sm12 layui-col-md3">
                                <div class="cnt" id="ts1">

                                </div>
                            </div>
                            <div class="layui-col-sm12 layui-col-md3">
                                <div class="cnt" id="ts2">
                                    <!--<span class="layui-icon layui-icon-addition imgicon0"></span>-->

                                </div>
                            </div>
                            <div class="layui-col-sm12 layui-col-md3">
                                <div class="cnt" id="ts3">
                                    <!--<span class="layui-icon layui-icon-addition imgicon0"></span>-->

                                </div>
                            </div>
                            <div class="layui-col-sm12 layui-col-md3">
                                <div class="cnt" id="ts4">
                                   

                                </div>
                            </div>
                            </div>-->
                        </div>
                    </div>
                </fieldset>
@@ -437,10 +438,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border1'></span><span>执行中</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -448,10 +452,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -459,10 +466,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -470,10 +480,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -483,10 +496,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border3'></span><span>已关闭</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -494,10 +510,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -505,10 +524,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -516,10 +538,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -529,10 +554,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -540,10 +568,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -551,10 +582,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -562,10 +596,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -575,10 +612,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -586,10 +626,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -597,10 +640,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>
@@ -608,10 +654,13 @@
                                <div class="layui-col-sm12 layui-col-md3">
                                    <div class="cns">
                                        <dl>
                                            <dd>
                                            <dd class="tcenter">
                                                <h1><span>工单号：</span><span>PO2021063000001</span></h1>
                                                <h1><span>当前状态：</span><span class='gj_icon color_border2'></span><span>未开始</span></h1>
                                                <h1><span>生产进度：</span><span>张三</span></h1>
                                                <span class="prs">生产进度：</span>
                                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                                    <div class="layui-progress-bar" lay-percent="5 / 10"></div>
                                                </div>
                                            </dd>
                                        </dl>
                                    </div>