| | |
| | | } |
| | | |
| | | .imgicon { |
| | | width: 100%; |
| | | height: 30px; |
| | | display: block; |
| | | text-align: center; |
| | | /*width: 50%; |
| | | height: 50px;*/ |
| | | /*display: block;*/ |
| | | /*text-align: center; |
| | | line-height: 50px; |
| | | float: left;*/ |
| | | } |
| | | |
| | | .imgtitle { |
| | | width: 70%; |
| | | height: 50px; |
| | | text-align: center; |
| | | display: block; |
| | | font-size: 15px; |
| | | float: left; |
| | | line-height: 50px; |
| | | } |
| | | |
| | | .cns { |
| | | border: 1px solid #5FB878; |
| | | height: 200px; |
| | | height: 130px; |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | .cns h5 { |
| | | line-height: 25px; |
| | | .cns p { |
| | | font-size: 12px; |
| | | line-height: 18px; |
| | | margin: 0 5px; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | |
| | | border: 1px solid rgb(0 0 0 / 10%); |
| | | width: 95%; |
| | | } |
| | | .btnM { |
| | | width: 30%; |
| | | height: 50px; |
| | | line-height: 50px; |
| | | float: left; |
| | | text-align:right; |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | |
| | | <div class="layui-card-body" style="padding: 1px;"> |
| | | <form class="layui-form" action="" lay-filter="component-form-group"> |
| | | <div class="layui-row"> |
| | | <div class="layui-col-xs3 layui-inline" style="border: solid 1.5px #e0d6d64d;"> |
| | | <div id="TreeTable" class="demo-tree demo-tree-box" style="height: 500px; overflow: scroll;"></div> |
| | | <div class="layui-col-xs2 layui-inline" style="border: solid 1.5px #e0d6d64d;"> |
| | | <div id="TreeTable" class="demo-tree demo-tree-box" style="height: 600px; overflow: scroll;"></div> |
| | | </div> |
| | | <div class="layui-col-xs8 layui-inline" style="border: solid 1.5px #e0d6d64d;"> |
| | | <div id="btomleft" style="height:500px;display:block;overflow-y:auto;"> |
| | | <div class="layui-col-xs9 layui-inline" style="border: solid 1.5px #e0d6d64d;"> |
| | | <div id="btomleft" style="height:600px;display:block;overflow-y:auto;"> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="layui-col-xs1 layui-inline" style="border: solid 1.5px #e0d6d64d;"> |
| | | <fieldset style="border: 1px solid #eee; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%); height: 485px;"> |
| | | <fieldset style="border: 1px solid #eee; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%); height: 585px;"> |
| | | <legend style="color: #5FB878">æä½å°</legend> |
| | | <div class="content4"> |
| | | <div class="layui-row layui-col-space10"> |
| | | <div class="layui-col-sm12 " onclick="OpenWork(event,this)"> |
| | | <div class="cnt bottomright"> |
| | | <span class="layui-icon layui-icon-pause imgicon"></span> |
| | | <span class="imgtitle">å¼å¸¸</span> |
| | | <div class="btnM"> |
| | | <span class="layui-icon layui-icon-pause imgicon"></span> |
| | | </div> |
| | | <span class="imgtitle">弿º</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-row layui-col-space10"> |
| | | <div class="layui-col-sm12 " onclick="OpenReport(event,this)"> |
| | | <div class="cnt bottomright"> |
| | | <span class="layui-icon layui-icon-list imgicon"></span> |
| | | <span class="imgtitle">æ¢å¤</span> |
| | | <div class="btnM"> |
| | | <span class="layui-icon layui-icon-list imgicon"></span> |
| | | </div> |
| | | <span class="imgtitle">æ
éç»è®°</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-row layui-col-space10"> |
| | | <div class="layui-col-sm12 " onclick="OpenEnd(event,this)"> |
| | | <div class="cnt bottomright"> |
| | | <span class="layui-icon layui-icon-logout imgicon"></span> |
| | | <span class="imgtitle">å¬ä¿</span> |
| | | <div class="btnM"> |
| | | <span class="layui-icon layui-icon-logout imgicon"></span> |
| | | </div> |
| | | <span class="imgtitle">ç»´ä¿®</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-row layui-col-space10"> |
| | | <div class="layui-col-sm12 " onclick="KSOpenWork(event,this)"> |
| | | <div class="cnt bottomright"> |
| | | <span class="layui-icon layui-icon-pause imgicon"></span> |
| | | <span class="imgtitle">æ¥è¦</span> |
| | | <div class="btnM"> |
| | | <span class="layui-icon layui-icon-pause imgicon"></span> |
| | | </div> |
| | | <span class="imgtitle">åæº</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-row layui-col-space10"> |
| | | <div class="layui-col-sm12 " onclick="KSOpenWork(event,this)"> |
| | | <div class="cnt bottomright"> |
| | | <div class="btnM"> |
| | | <span class="layui-icon layui-icon-pause imgicon"></span> |
| | | </div> |
| | | <span class="imgtitle">å±¥å</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-row layui-col-space10"> |
| | | <div class="layui-col-sm12 " onclick="KSOpenWork(event,this)"> |
| | | <div class="cnt bottomright"> |
| | | <div class="btnM"> |
| | | <span class="layui-icon layui-icon-pause imgicon"></span> |
| | | </div> |
| | | <span class="imgtitle">å·¥èº</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </fieldset> |
| | | </div> |
| | |
| | | |
| | | for (var i = 0; i < LoadData1.length; i++) { |
| | | var html1 = ''; |
| | | html1 += '<div class="layui-col-sm12 layui-col-md2" style="margin: 10px;width: 190px;">'; |
| | | html1 += '<div class="layui-col-sm12 layui-col-md2" style="margin: 6px;width: 135px;">'; |
| | | html1 += '<div class="cns" id="bs' + (i + 1) + '" onclick="CheckBtom(this,' + (i + 1) + ')">'; |
| | | html1 += '<dl>'; |
| | | html1 += '<dd class="tcenter">'; |
| | |
| | | html1 += '<h1 style="display:none;"><span>ç产订ååIDï¼</span><span id="ds' + (i + 1) + '">' + LoadData1[i].HICMOEntryID + '</span></h1>'; |
| | | |
| | | |
| | | html1 += '<h5><span>产线ï¼</span><span id="wk' + (i + 1) + '">' + LoadData1[i].产线 + '</span></h5>'; |
| | | html1 += '<h5><span>订åï¼</span><span id="wk' + (i + 1) + '">' + LoadData1[i].订å + '</span></h5>'; |
| | | html1 += '<h5><span>è®¡åæ°éï¼</span><span id="ptn' + (i + 1) + '">' + LoadData1[i].è®¡åæ°é + '</span></h5>'; |
| | | html1 += '<h5><span>宿æ°éï¼</span><span id="pts' + (i + 1) + '">' + LoadData1[i].宿æ°é + '</span></h5>'; |
| | | html1 += '<h5><span>ç¶æï¼</span><span>' + LoadData1[i].ç¶æ + '</span><span style="margin-left:20px;">æ¶é¿ï¼</span><span>' + LoadData1[i].è®¡åæ°é + '</span></h5>'; |
| | | html1 += '<h5><span>交æï¼</span><span>' + LoadData1[i].HDatePlanQty + '</span></h5>'; |
| | | switch (LoadData1[i].ç¶æ) { |
| | | case "å¾
ç产": |
| | | html1 += '<h5><span>å½åç¶æï¼</span><span class="gj_icon color_border3"></span><span>' + LoadData1[i].ç¶æ + '</span></h5>'; |
| | | break; |
| | | case "ç产ä¸": |
| | | html1 += '<h5><span>å½åç¶æï¼</span><span class="gj_icon color_border2"></span><span>' + LoadData1[i].ç¶æ + '</span></h5>'; |
| | | break; |
| | | case "æèµ·": |
| | | html1 += '<h5><span>å½åç¶æï¼</span><span class="gj_icon color_border1"></span><span>' + LoadData1[i].ç¶æ + '</span></h5>'; |
| | | break; |
| | | case "å®å·¥": |
| | | html1 += '<h5><span>å½åç¶æï¼</span><span class="gj_icon color_border4"></span><span>' + LoadData1[i].ç¶æ + '</span></h5>'; |
| | | break; |
| | | default: |
| | | } |
| | | html1 += '<span class="prs">ç产è¿åº¦ï¼</span>'; |
| | | html1 += '<div class="layui-progress layui-progress-big" lay-showPercent="yes">'; |
| | | html1 += '<div class="layui-progress-bar" lay-percent="' + ((LoadData1[i].HDateFinishQty / LoadData1[i].HDatePlanQty) * 100).toFixed(2) + '%" style="width:' + ((LoadData1[i].HDateFinishQty / LoadData1[i].HDatePlanQty) * 100).toFixed(2) + '%;">'; |
| | | html1 += '<span class="layui-progress-text">' + ((LoadData1[i].HDateFinishQty / LoadData1[i].HDatePlanQty) * 100).toFixed(2) + '%</span>'; |
| | | html1 += '</div > '; |
| | | html1 += '</div>'; |
| | | html1 += '<p><span>产线ï¼</span><span id="wk' + (i + 1) + '">' + LoadData1[i].产线 + '</span></p>'; |
| | | html1 += '<p><span>å½å订åï¼</span><span id="wk' + (i + 1) + '">' + LoadData1[i].订å + '</span></p>'; |
| | | html1 += '<p><span>产éï¼</span><span id="ptn' + (i + 1) + '">' + LoadData1[i].è®¡åæ°é + '</span></p>'; |
| | | html1 += '<p><span>ç¶æï¼</span><span>' + LoadData1[i].ç¶æ + '</span></p>'; |
| | | html1 += '<p><span>è¿è¡æ¶é¿ï¼</span><span>' + LoadData1[i].ç¶æ + '</span></p>'; |
| | | html1 += '<p><span>ç»´ä¿®æ¶é¿ï¼</span><span>' + LoadData1[i].è®¡åæ°é + '</span></p>'; |
| | | html1 += '<p><span>稼å¨çï¼</span><span>35%</span></p>'; |
| | | html1 += '</dd>'; |
| | | html1 += '</dl>'; |
| | | html1 += '</div>'; |