| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html lang="en"> |
|---|
| | | |
|---|
| | | <head> |
|---|
| | | <meta charset="UTF-8"> |
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|---|
| | |
|---|
| | | <link rel="stylesheet" href="./css//font/webfontkit3/stylesheet.css"> |
|---|
| | | <link rel="stylesheet" href="./css//font/webfontkit4/stylesheet.css"> |
|---|
| | | <link rel="stylesheet" href="./css//font/icomoon/style.css"> |
|---|
| | | <link rel="stylesheet" href="css/style.css"> |
|---|
| | | <title>牧野武汉机床备件中心-首页</title> |
|---|
| | | <link rel="stylesheet" href="./css/liMarquee.css"> |
|---|
| | | <link rel="stylesheet" href="./css/style_new20241126.css"> |
|---|
| | | |
|---|
| | | <title>鲁丽家居装线</title> |
|---|
| | | |
|---|
| | | </head> |
|---|
| | | <body style="visibility: hidden;"> |
|---|
| | | |
|---|
| | | <body> |
|---|
| | | <div class="container-flex" tabindex="0" hidefocus="true"> |
|---|
| | | <div class="box-left"> |
|---|
| | | <!-- 出库列表 --> |
|---|
| | | <div class="left-center" style="padding-top: 0.2rem;height: 65%;"> |
|---|
| | | <div class="title-box"> |
|---|
| | | <h6>任务号</h6> |
|---|
| | | </div> |
|---|
| | | <div class="outerList"> |
|---|
| | | <div class="out_item"> |
|---|
| | | <div>序号</div> |
|---|
| | | <div>DO单号</div> |
|---|
| | | <div>状态</div> |
|---|
| | | <div>数量</div> |
|---|
| | | </div> |
|---|
| | | <div class="out_item"> |
|---|
| | | <div>1</div> |
|---|
| | | <div>1271004141</div> |
|---|
| | | <div>新建</div> |
|---|
| | | <div>20</div> |
|---|
| | | </div> |
|---|
| | | <div class="out_item"> |
|---|
| | | <div>序号</div> |
|---|
| | | <div>DO单号</div> |
|---|
| | | <div>状态</div> |
|---|
| | | <div>数量</div> |
|---|
| | | </div> |
|---|
| | | <div class="out_item"> |
|---|
| | | <div>1</div> |
|---|
| | | <div>1271004141</div> |
|---|
| | | <div>新建</div> |
|---|
| | | <div>20</div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- 本周发货数 --> |
|---|
| | | <div class="left-top" style="height:30%;margin-top: 3%;"> |
|---|
| | | <div class="title-box"> |
|---|
| | | <p id="switchBtn"><span class="active" data-dataType="income">本周发货数</span><span data-dataType="expend"></span></p> |
|---|
| | | <!-- <img class="line-img" src="images/line-blue.png" alt=""> --> |
|---|
| | | </div> |
|---|
| | | <div class="data-box"> |
|---|
| | | <span class="data-number">总数</span></span> |
|---|
| | | <span id="faTotal">0</span> |
|---|
| | | <span class="data-number" style="left: 3.5rem;">种类数</span> |
|---|
| | | <span id="faType" style="left: 3.5rem;color:chartreuse;">0</span> |
|---|
| | | <!-- <div class="time-box" id="timeBox"> |
|---|
| | | <div class="time-div"> |
|---|
| | | <input class="time-input" type="text" value="" id="startTime"> |
|---|
| | | <img src="images/selsct_time.png" alt=""> |
|---|
| | | </div> |
|---|
| | | <div class="time-div end"> |
|---|
| | | <input class="time-input" type="text" value="" id="endTime"> |
|---|
| | | <img src="images/selsct_time.png" alt=""> |
|---|
| | | </div> |
|---|
| | | </div> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="box-center"> |
|---|
| | | <p class="titleHt title_lt">当前操作人: |
|---|
| | | <span id="idLoginName"> </span> |
|---|
| | | |
|---|
| | | </p> |
|---|
| | | <p class="titleHt title_rt">登录时间: |
|---|
| | | <span id="idLoginTime"> </span> |
|---|
| | | </p> |
|---|
| | | <div class="center-top"> |
|---|
| | | <h1>牧野武汉机床备件中心</h1> |
|---|
| | | <h1>鲁丽家居包装线</h1> |
|---|
| | | </div> |
|---|
| | | <div class="center-center" style="display:none;"> |
|---|
| | | <div class="weather-box"> |
|---|
| | | <div class="data"> |
|---|
| | | <p class="time" id="time">00:00:00</p> |
|---|
| | | <p id="date"></p> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | <div class="box_up"> |
|---|
| | | <div class="box_up_left"> |
|---|
| | | <!--数据总概--> |
|---|
| | | <div class="con_div"> |
|---|
| | | <div class="con_div_text"> |
|---|
| | | <!-- <img src="./images/img/info_2.png" class=" text01_img"> --> |
|---|
| | | |
|---|
| | | <svg class=" text01_img" t="1733038741126" class="icon" viewBox="0 0 1024 1024" version="1.1" |
|---|
| | | xmlns="http://www.w3.org/2000/svg" p-id="8109" width="40" height="40"> |
|---|
| | | <path |
|---|
| | | d="M168.96 35.301053c167.073684-20.48 336.842105-2.155789 504.993684-9.162106 75.991579 5.928421 168.96-19.132632 229.591579 40.421053 48.505263 44.463158 37.995789 115.604211 40.421053 174.618947-2.964211 207.225263 2.425263 414.72-1.886316 621.945264 2.694737 71.68-61.170526 135.814737-132.850526 132.850526-171.385263 4.311579-342.770526-1.077895-514.15579 1.886316-59.014737-2.425263-130.425263 8.353684-174.618947-40.421053-48.505263-44.463158-37.995789-115.604211-40.421053-174.618947 2.964211-207.225263-2.425263-414.72 2.15579-621.67579-1.616842-54.972632 34.762105-107.789474 86.770526-125.84421m-19.402105 60.362105C123.418947 223.932632 138.509474 355.166316 134.736842 485.052632c5.12 147.671579-12.934737 297.229474 14.821053 443.28421 119.376842 25.061053 241.717895 11.856842 362.442105 14.821053 120.724211-2.964211 243.065263 9.970526 362.172632-14.821053 26.408421-128.269474 11.317895-259.503158 15.090526-389.389474-5.12-147.671579 13.204211-297.229474-15.090526-443.28421C755.065263 70.871579 632.724211 83.806316 512 80.842105c-120.724211 2.964211-243.065263-9.970526-362.442105 14.821053z" |
|---|
| | | fill="#fafb44" opacity=".98" p-id="8110"></path> |
|---|
| | | <path |
|---|
| | | d="M246.298947 244.412632c114.256842-3.233684 228.783158-3.503158 343.04 0v50.122105c-114.526316 3.233684-228.783158 3.503158-343.309473 0 0.269474-12.395789 0.269474-37.726316 0.269473-50.122105zM651.587368 242.795789c41.498947 0.808421 83.267368 0.808421 125.03579-0.269473 0 13.473684 0.269474 40.421053 0.269474 53.894737-41.768421-1.077895-83.536842-1.077895-125.305264 0V242.795789zM246.298947 405.827368c177.313684-2.964211 354.357895-2.964211 531.671579 0-0.269474 12.665263-0.269474 37.995789-0.269473 50.661053-177.044211 2.694737-354.357895 2.964211-531.402106 0v-50.661053zM246.298947 567.511579c177.044211-2.964211 354.357895-2.964211 531.402106 0 0 12.665263 0 37.995789 0.269473 50.661053-177.313684 2.964211-354.627368 2.964211-531.671579 0v-50.661053zM246.298947 729.195789c177.044211-2.964211 354.088421-2.964211 531.132632 0 0.269474 12.665263 0.538947 37.995789 0.538947 50.661053-177.313684 2.964211-354.357895 2.964211-531.671579 0v-50.661053z" |
|---|
| | | fill="#fafb44" opacity=".98" p-id="8111"></path> |
|---|
| | | </svg> |
|---|
| | | |
|---|
| | | <div class=" text01_div"> |
|---|
| | | <p>总生产订单数</p> |
|---|
| | | <p id="idTotalOrder">0</p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="weather"> |
|---|
| | | <img id="weatherImg" src="images/weather/weather_img01.png" alt=""> |
|---|
| | | <div id="weather"> |
|---|
| | | <p class="active">多云</p> |
|---|
| | | <p>16-22℃</p> |
|---|
| | | <p>深圳市南山区</p> |
|---|
| | | <div class="con_div_text"> |
|---|
| | | <!-- <img src="./images/img/info_2.png" class=" text01_img"> --> |
|---|
| | | |
|---|
| | | <svg class="text01_img" t="1733038810168" class="icon" viewBox="0 0 1024 1024" version="1.1" |
|---|
| | | xmlns="http://www.w3.org/2000/svg" p-id="9271" width="40" height="40"> |
|---|
| | | <path |
|---|
| | | d="M252.672 811.52c2.176 6.4 3.328 13.312 3.328 20.48v128a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64v-128a64 64 0 0 1 64-64h128c4.224 0 8.384 0.384 12.416 1.216l564.8-564.8A64.32 64.32 0 0 1 768 192V64a64 64 0 0 1 64-64h128a64 64 0 0 1 64 64v128a64 64 0 0 1-64 64h-128a63.936 63.936 0 0 1-20.48-3.328L252.672 811.52z m586.56-43.52H960a64 64 0 0 1 64 64v128a64 64 0 0 1-64 64h-128a64 64 0 0 1-64-64v-120.768l-56.768 56.768H620.672L896 620.672v90.56l-56.768 56.768zM174.592 256H64a64 64 0 0 1-64-64V64a64 64 0 0 1 64-64h128a64 64 0 0 1 64 64v110.592L302.592 128h90.496L128 393.088V302.592L174.592 256z m490.048-128L128 664.64V574.08L574.08 128h90.56zM896 439.68L439.68 896H349.184L896 349.184V439.68z" |
|---|
| | | fill="#fafb44" p-id="9272"></path> |
|---|
| | | </svg> |
|---|
| | | |
|---|
| | | |
|---|
| | | <div class=" text01_div"> |
|---|
| | | <p>总面积数</p> |
|---|
| | | <p id="idTotalArea">0</p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="con_div_text"> |
|---|
| | | <!-- <img src="./images/img/info_2.png" class=" text01_img"> --> |
|---|
| | | |
|---|
| | | <svg class="text01_img" t="1733038599790" class="icon" viewBox="0 0 1024 1024" version="1.1" |
|---|
| | | xmlns="http://www.w3.org/2000/svg" p-id="5713" width="45" height="45"> |
|---|
| | | <path |
|---|
| | | d="M86.518 244.9L493.35 10.013a36.571 36.571 0 0 1 36.571 0l406.835 234.885a36.571 36.571 0 0 1 18.285 31.672v469.772a36.571 36.571 0 0 1-18.285 31.67L529.922 1012.9a36.571 36.571 0 0 1-36.571 0L86.517 778.014a36.571 36.571 0 0 1-18.286-31.671V276.57A36.571 36.571 0 0 1 86.517 244.9z m59.525 50.203a9.143 9.143 0 0 0-4.571 7.919v416.87a9.143 9.143 0 0 0 4.571 7.918l361.022 208.436a9.143 9.143 0 0 0 9.143 0l361.02-208.435a9.143 9.143 0 0 0 4.572-7.918V303.022a9.143 9.143 0 0 0-4.571-7.92L516.208 86.67a9.143 9.143 0 0 0-9.143 0L146.043 295.103z m365.214 178.8l281.589-162.575c17.491-10.098 39.858-4.105 49.957 13.386 10.099 17.492 4.106 39.859-13.386 49.958L548.571 536.818v321.468c0 20.197-16.373 36.571-36.571 36.571-20.198 0-36.571-16.374-36.571-36.571v-320.61L194.088 375.242c-17.491-10.099-23.486-32.466-13.386-49.957 10.1-17.492 32.466-23.486 49.957-13.387l280.598 162.004z" |
|---|
| | | p-id="5714" fill="#fafb44"></path> |
|---|
| | | </svg> |
|---|
| | | |
|---|
| | | <div class=" text01_div"> |
|---|
| | | <p>总包数</p> |
|---|
| | | <p id="idTotalPackage">0</p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="con_div_text"> |
|---|
| | | <!-- <img src="./images/img/info_2.png" class=" text01_img"> --> |
|---|
| | | |
|---|
| | | |
|---|
| | | <svg class=" text01_img" t="1733038450112" class="icon" viewBox="0 0 1024 1024" version="1.1" |
|---|
| | | xmlns="http://www.w3.org/2000/svg" p-id="4608" width="45" height="45"> |
|---|
| | | <path |
|---|
| | | d="M511.409231 983.118769C250.919385 983.118769 39.778462 771.938462 39.778462 511.409231 39.778462 250.919385 250.919385 39.778462 511.409231 39.778462c260.529231 0 471.709538 211.180308 471.709538 471.670153 0 260.529231-211.180308 471.709538-471.709538 471.709539z m0-70.774154c221.420308 0 400.935385-179.475692 400.935384-400.935384 0-221.420308-179.475692-400.935385-400.935384-400.935385-221.420308 0-400.935385 179.515077-400.935385 400.935385s179.515077 400.935385 400.935385 400.935384z" |
|---|
| | | fill="#fafb44" p-id="4609"></path> |
|---|
| | | <path |
|---|
| | | d="M315.195077 629.366154l166.518154-166.557539V265.216a35.367385 35.367385 0 0 1 70.734769 0v212.283077a35.367385 35.367385 0 0 1-10.358154 24.969846l-176.836923 176.876308a35.367385 35.367385 0 1 1-50.057846-50.018462z" |
|---|
| | | fill="#fafb44" p-id="4610"></path> |
|---|
| | | </svg> |
|---|
| | | |
|---|
| | | |
|---|
| | | <div class=" text01_div"> |
|---|
| | | <p>工作时长(h)</p> |
|---|
| | | <p id="idTotalWorkTime">0</p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <img src="images/line_bg.png" alt=""> |
|---|
| | | <div class="select-box"> |
|---|
| | | <ul id="barType"> |
|---|
| | | <li data-value="1">派件</li> |
|---|
| | | <li class="active" data-value="2">寄件</li> |
|---|
| | | </ul> |
|---|
| | | <div data-type="2"> |
|---|
| | | <div class="select" tabindex="0" hidefocus="true"> |
|---|
| | | <div class="select-div"> |
|---|
| | | 公司 |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="box_up_right"> |
|---|
| | | <div class=" div_table_box"> |
|---|
| | | <div class="div_any_child div_any_child2"> |
|---|
| | | <div class="div_any_title"><img src="./images/img/title_4.png">当前订单工件列表 </div> |
|---|
| | | <div class="table_p table_p_my3"> |
|---|
| | | <div class="tt"> |
|---|
| | | <span>生产单号</span> |
|---|
| | | <span>总包数</span> |
|---|
| | | <span>整体下线</span> |
|---|
| | | <span>已下线包数</span> |
|---|
| | | <!-- <span>未下线包数</span> --> |
|---|
| | | <span>总包装面积</span> |
|---|
| | | <span>已扫包装面积</span> |
|---|
| | | <!-- <span>未扫包装面积</span> --> |
|---|
| | | </div> |
|---|
| | | <ul class="select-ul company"> |
|---|
| | | <li class="active" data-value="">公司</li> |
|---|
| | | <li data-value="1">可用库位</li> |
|---|
| | | <li data-value="2">存货</li> |
|---|
| | | <li data-value="2">空托</li> |
|---|
| | | <div class="dowebok"> |
|---|
| | | <ul id="idList1"> |
|---|
| | | <!-- <li> |
|---|
| | | <span>下线面积77</span> |
|---|
| | | </li> --> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | <!-- 表格 --> |
|---|
| | | <div class="div_table"> |
|---|
| | | |
|---|
| | | <div class=" div_table_box"> |
|---|
| | | <div class="div_any_child"> |
|---|
| | | <div class="div_any_title"><img src="./images/img/title_4.png">历史订单工件列表 </div> |
|---|
| | | <div class="table_p"> |
|---|
| | | |
|---|
| | | |
|---|
| | | <div class="tt"> |
|---|
| | | <span>生产单号</span> |
|---|
| | | <span>总包数</span> |
|---|
| | | <span>整体下线</span> |
|---|
| | | <span>已下线包数</span> |
|---|
| | | <!-- <span>未下线包数</span> --> |
|---|
| | | <span>总包装面积</span> |
|---|
| | | <span>已扫包装面积</span> |
|---|
| | | <!-- <span>未扫包装面积</span> --> |
|---|
| | | </div> |
|---|
| | | <div class="dowebok dowebok1"> |
|---|
| | | |
|---|
| | | <ul id="idList2"> |
|---|
| | | <!-- <li> |
|---|
| | | <span>生产单号11</span> |
|---|
| | | </li> --> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="select" tabindex="0" hidefocus="true"> |
|---|
| | | <div class="select-div"> |
|---|
| | | 快件类型 |
|---|
| | | </div> |
|---|
| | | <ul class="select-ul"> |
|---|
| | | <li class="active" data-value="">快件类型</li> |
|---|
| | | <li data-value="0">文件</li> |
|---|
| | | <li data-value="1">物品</li> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="div_any_child"> |
|---|
| | | <div class="div_any_title"><img src="./images/img/title_4.png">计划订单工件列表 </div> |
|---|
| | | <div class="table_p"> |
|---|
| | | <div class="tt"> |
|---|
| | | <span>生产单号</span> |
|---|
| | | <span>总包数</span> |
|---|
| | | <span>整体下线</span> |
|---|
| | | <span>已下线包数</span> |
|---|
| | | <!-- <span>未下线包数</span> --> |
|---|
| | | <span>总包装面积</span> |
|---|
| | | <span>已扫包装面积</span> |
|---|
| | | <!-- <span>未扫包装面积</span> --> |
|---|
| | | </div> |
|---|
| | | <div class="dowebok dowebok2"> |
|---|
| | | |
|---|
| | | <ul id="idList3"> |
|---|
| | | <!-- <li> |
|---|
| | | <span>生产单号11</span> |
|---|
| | | </li> |
|---|
| | | --> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="center-bottom"> |
|---|
| | | <div class="chart-box"> |
|---|
| | | <div id="chart4" style="width:100%;height:95%;"></div> |
|---|
| | | </div> |
|---|
| | | <div class="city-data" style="margin-top:125px;"> |
|---|
| | | <div class="city-box" style="display:none;"> |
|---|
| | | <p id="titleQ"><span>全网</span>到珠海</p> |
|---|
| | | <ul class="city-btn" data-city="1"> |
|---|
| | | <li class="active">全网</li> |
|---|
| | | <li>ABCDE</li> |
|---|
| | | <li>FGHIJ</li> |
|---|
| | | <li>KLMNO</li> |
|---|
| | | <li>PQRST</li> |
|---|
| | | <li>UVWXYZ</li> |
|---|
| | | </ul> |
|---|
| | | <ul class="city-div" id="city"> |
|---|
| | | |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <ul class="ranking-box" > |
|---|
| | | <!-- <li><span></span> |
|---|
| | | <p>城市</p> |
|---|
| | | <p>发货数</p> |
|---|
| | | </li> --> |
|---|
| | | </ul> |
|---|
| | | <div class="enlarge-box" style="display:none;"> |
|---|
| | | <button class="enlarge-btn" id="fangda"></button> |
|---|
| | | <ul class="modal-btn"> |
|---|
| | | <li> |
|---|
| | | <div></div>1</li> |
|---|
| | | <li> |
|---|
| | | <div></div>2</li> |
|---|
| | | <li> |
|---|
| | | <div></div>3</li> |
|---|
| | | <li> |
|---|
| | | <div></div>4</li> |
|---|
| | | <li> |
|---|
| | | <div></div>5</li> |
|---|
| | | <li> |
|---|
| | | <div></div>6</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div class="box-right"> |
|---|
| | | <div class="right-top"> |
|---|
| | | <div class="title-box"> |
|---|
| | | <h6 id="barTitle">库存汇总</h6> |
|---|
| | | <!-- <img class="line-img" src="images/line-blue.png" alt=""> --> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <p class="unit">单位数量：件</p> |
|---|
| | | <div class="chart-box" style="top: 0.5rem;left: 5%;"> |
|---|
| | | <div id="chart3" style="width:100%;height:100%;"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- 每日入库 --> |
|---|
| | | <div class="right-center"> |
|---|
| | | <div class="title-box"> |
|---|
| | | <h6>库位占比</h6> |
|---|
| | | </div> |
|---|
| | | <div class="chart-box pie-chart"> |
|---|
| | | <div id="pie"></div> |
|---|
| | | <div> |
|---|
| | | <div class="pie-data"> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- 每日出库 --> |
|---|
| | | <div class="right-top"> |
|---|
| | | <div class="title-box"> |
|---|
| | | <h6 id="barTitle">出库分类</h6> |
|---|
| | | <!-- <img class="line-img" src="images/line-blue.png" alt=""> --> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <p class="unit">单位数量：件</p> |
|---|
| | | <div class="chart-box" style="top: 0.5rem;left: 5%;"> |
|---|
| | | <div id="chart6" style="width:100%;height:100%;"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="container"> |
|---|
| | | <div class="pop-up"> |
|---|
| | | <span class="close-pop"></span> |
|---|
| | | <h2 class="title">当前到件量</h2> |
|---|
| | | <div class="pop-data-box"> |
|---|
| | | <p>123,456,789</p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="pop-up"> |
|---|
| | | <span class="close-pop"></span> |
|---|
| | | <h2 class="title">派件入库量占比</h2> |
|---|
| | | <div class="chart-box pie-chart"> |
|---|
| | | <div id="pie1"></div> |
|---|
| | | <div> |
|---|
| | | <div class="pie-data"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <script src="./js/jquery-1.8.3.min.js"></script> |
|---|
| | | <script src="./js/jquery.liMarquee.js"></script> |
|---|
| | | <script> |
|---|
| | | let isMarqueeInitialized = false; // 初始化标志 |
|---|
| | | let isMarqueeInitialized_zx1 = false; // 初始化标志 |
|---|
| | | |
|---|
| | | <div class="pop-up" style="display:none;"> |
|---|
| | | <span class="close-pop"></span> |
|---|
| | | <h2 class="title">广东省寄派件数据 </h2> |
|---|
| | | <div class="filter-con pop-filter" style="display:flex" data-type="3"> |
|---|
| | | <div class="select" tabindex="0" hidefocus="true"> |
|---|
| | | <div class="select-div"> |
|---|
| | | 派件 |
|---|
| | | </div> |
|---|
| | | <ul class="select-ul"> |
|---|
| | | <li class="active" data-value="1">派件</li> |
|---|
| | | <li data-value="2">寄件</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="select" tabindex="0" hidefocus="true"> |
|---|
| | | <div class="select-div"> |
|---|
| | | 公司 |
|---|
| | | </div> |
|---|
| | | <ul class="select-ul company"> |
|---|
| | | <li class="active" data-value="">公司</li> |
|---|
| | | <li data-value="1">顺丰</li> |
|---|
| | | <li data-value="2">京东</li> |
|---|
| | | <li data-value="2">EMS</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="select" tabindex="0" hidefocus="true"> |
|---|
| | | <div class="select-div"> |
|---|
| | | 快件类型 |
|---|
| | | </div> |
|---|
| | | <ul class="select-ul"> |
|---|
| | | <li class="active" data-value="">快件类型</li> |
|---|
| | | <li data-value="0">文件</li> |
|---|
| | | <li data-value="1">物品</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="chart-box pop-chart"> |
|---|
| | | <div id="gdMaps" class="gd-map"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | $(document).on("ready", function () { |
|---|
| | | function fetchAllData() { |
|---|
| | | |
|---|
| | | <div class="pop-up"> |
|---|
| | | <span class="close-pop"></span> |
|---|
| | | <div class="filter-con pop-filters" style="display:flex" data-type="4"> |
|---|
| | | <div class="select-pop" tabindex="0" hidefocus="true"> |
|---|
| | | <ul id="barTypes"> |
|---|
| | | <li class="active" data-value="1">派件</li> |
|---|
| | | <li data-value="2">寄件</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="select" tabindex="0" hidefocus="true"> |
|---|
| | | <div class="select-div"> |
|---|
| | | 公司 |
|---|
| | | </div> |
|---|
| | | <ul class="select-ul company"> |
|---|
| | | <li class="active" data-value="">公司</li> |
|---|
| | | <li data-value="1">顺丰</li> |
|---|
| | | <li data-value="2">京东</li> |
|---|
| | | <li data-value="2">EMS</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <div class="select" tabindex="0" hidefocus="true"> |
|---|
| | | <div class="select-div"> |
|---|
| | | 快件类型 |
|---|
| | | </div> |
|---|
| | | <ul class="select-ul"> |
|---|
| | | <li class="active" data-value="">快件类型</li> |
|---|
| | | <li data-value="0">文件</li> |
|---|
| | | <li data-value="1">物品</li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="cont-div"> |
|---|
| | | <div class="chart-box pop-charts"> |
|---|
| | | <div id="chart4s" style="width:100%;height:95%;"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="cont-div"> |
|---|
| | | <h2 class="title" id="barTitles">派件数据</h2> |
|---|
| | | <button class="btn-class" data-state=1 id="tabBtns"><img src="images/chart_icon.png" alt=""><span>图表</span></button> |
|---|
| | | <div class="chart-box pop-chart"> |
|---|
| | | <div id="chart3s" style="width:100%;height:90%;"></div> |
|---|
| | | </div> |
|---|
| | | <div class="data-box" style="top:25%;width:8.6rem;display:none;"> |
|---|
| | | <table class="table2"> |
|---|
| | | <tr> |
|---|
| | | <td>主轴</td> |
|---|
| | | <td colspan="3" class="table-data dph-data1">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr class="bg-color"> |
|---|
| | | <td rowspan="2">在库件</td> |
|---|
| | | <td rowspan="2" class="table-data dph-data2">0</td> |
|---|
| | | <td>正常件</td> |
|---|
| | | <td class="table-data dph-data3">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr class="bg-color"> |
|---|
| | | <td>滞留件</td> |
|---|
| | | <td class="table-data dph-data5">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td rowspan="2">出库件</td> |
|---|
| | | <td rowspan="2" class="dph-data6">0</td> |
|---|
| | | <td>派送件</td> |
|---|
| | | <td class="table-data dph-data7">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>自提件</td> |
|---|
| | | <td class="table-data dph-data8">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr class="bg-color"> |
|---|
| | | <td>退签件</td> |
|---|
| | | <td colspan="3" class="table-data dph-data9">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>丢失件</td> |
|---|
| | | <td colspan="3" class="table-data dph-data4">0</td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | <table class="table2" style="display:none;"> |
|---|
| | | <tr> |
|---|
| | | <td>主轴</td> |
|---|
| | | <td colspan="3" class="table-data mail-data1">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr class="bg-color"> |
|---|
| | | <td rowspan="2">在库件</td> |
|---|
| | | <td rowspan="2" class="table-data mail-data2">0</td> |
|---|
| | | <td>正常件</td> |
|---|
| | | <td class="table-data mail-data7">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr class="bg-color"> |
|---|
| | | <td>滞留件</td> |
|---|
| | | <td class="table-data mail-data4">0</td> |
|---|
| | | </tr> |
|---|
| | | // 11111111111111111 当前生产订单记录 |
|---|
| | | fetchData(`${baseUrl}/api/WmsCommonnQuery/QueryCurrentOrder`, 'GET', {}, (res) => { |
|---|
| | | $('#idList1').html(''); |
|---|
| | | var dataList1 = res.result; |
|---|
| | | if (!dataList1) { |
|---|
| | | $('#idList1').html(' <span class="no_data">暂无数据</span>'); |
|---|
| | | } else { |
|---|
| | | var item = dataList1; |
|---|
| | | var listItems1 = ''; |
|---|
| | | listItems1 += `<li> |
|---|
| | | <span>${item.info5}</span> <!-- 生产单号 --> |
|---|
| | | <span>${item.packageNum}</span> <!-- 包数 --> |
|---|
| | | <span style="color: ${item.isUnline ? 'white' : '#ea6767'};">${item.isUnline ? '是' : '否'}</span> <!-- 是否齐套 --> |
|---|
| | | <span>${item.unLinePackageNum}</span> <!-- 已下线包数 --> |
|---|
| | | <span>${item.allPackageArea}</span> <!-- 总包装面积 --> |
|---|
| | | <span>${item.scanPackageArea}</span> <!-- 已扫描包装面积 --> |
|---|
| | | </li>`; |
|---|
| | | $('#idList1').append(listItems1); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | <tr> |
|---|
| | | <td>出库件</td> |
|---|
| | | <td colspan="3" class="mail-data6">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr class="bg-color"> |
|---|
| | | <td>丢失件</td> |
|---|
| | | <td colspan="3" class="mail-data3">0</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>撤销件</td> |
|---|
| | | <td colspan="3" class="table-data mail-data5">0</td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="cont-div"> |
|---|
| | | <h2 class="title" id="titles"></h2> |
|---|
| | | <button class="btn-class" id="dateBtns"><img src="images/data_icon.png" alt=""></button> |
|---|
| | | <div class="data-box pop-time"> |
|---|
| | | <div class="time-box" id="timeBoxs"> |
|---|
| | | <div class="time-div"> |
|---|
| | | <input class="time-input" type="text" value="" id="startTimes"> |
|---|
| | | <img src="images/selsct_time.png" alt=""> |
|---|
| | | </div> |
|---|
| | | <div class="time-div end"> |
|---|
| | | <input class="time-input" type="text" value="" id="endTimes"> |
|---|
| | | <img src="images/selsct_time.png" alt=""> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="pop-data-box" id="totalProfits"> |
|---|
| | | <p></p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="pop-data"> |
|---|
| | | <div class="city-data"> |
|---|
| | | <div class="city-box"> |
|---|
| | | <p id="titleQs"><span>全网</span>到珠海</p> |
|---|
| | | <ul class="city-btn" data-city="2"> |
|---|
| | | <li class="active">全网</li> |
|---|
| | | <li>ABCDE</li> |
|---|
| | | <li>FGHIJ</li> |
|---|
| | | <li>KLMNO</li> |
|---|
| | | <li>PQRST</li> |
|---|
| | | <li>UVWXYZ</li> |
|---|
| | | </ul> |
|---|
| | | <ul class="city-div" id="citys"> |
|---|
| | | |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <ul class="ranking-box"> |
|---|
| | | <li><span></span> |
|---|
| | | <p>城市</p> |
|---|
| | | <p>派件</p> |
|---|
| | | </li> |
|---|
| | | <!-- <li><span>1</span><p>上海</p><p>1sss25(万件)</p></li>--> |
|---|
| | | </ul> |
|---|
| | | // <span>${item.Info5}</span> <!-- 生产单号 --> |
|---|
| | | // <span>${item.planNo}</span> <!-- 批次号 --> |
|---|
| | | // <span>${item.orderId}</span> <!-- 订单号 --> |
|---|
| | | // <span>${item.isUnline}</span> <!-- 是否齐套 --> |
|---|
| | | // <span>${item.isUnline}</span> <!-- 是否下线 --> |
|---|
| | | // <span>${item.unlineTime}</span> <!-- 下线时间 --> |
|---|
| | | // <span>${item.unlinePerson}</span> <!-- 下线人 --> |
|---|
| | | // <span>${item.packageNum}</span> <!-- 包数 --> |
|---|
| | | // <span>${item.unLinePackageNum}</span> <!-- 已下线包数 --> |
|---|
| | | // <span>${item.noUnLinePackageNum}</span> <!-- 未下线包数 --> |
|---|
| | | // <span>${item.allPackageArea}</span> <!-- 总包装面积 --> |
|---|
| | | // <span>${item.scanPackageArea}</span> <!-- 已扫描包装面积 --> |
|---|
| | | // <span>${item.noScanPackageArea}</span> <!-- 未扫描包装面积 --> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="pop-up"> |
|---|
| | | <span class="close-pop"></span> |
|---|
| | | <h2 class="title">设置</h2> |
|---|
| | | <div class="set-div"> |
|---|
| | | <div class="set-box"> |
|---|
| | | <label class="four-f" for="">排班</label> |
|---|
| | | <div class="time-div"> |
|---|
| | | <input class="time-input" type="text" value="" id="times"> |
|---|
| | | <img src="images/selsct_time.png" alt=""> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="set-box"> |
|---|
| | | <label for="">值班人</label> |
|---|
| | | <input type="text" value=""> |
|---|
| | | <button class="plus" id="addT"></button> |
|---|
| | | <button class="mineus" id="mineusT" style="display:none;"></button> |
|---|
| | | </div> |
|---|
| | | <div class="set-box"> |
|---|
| | | <label for="">负责人</label> |
|---|
| | | <input type="text" value=""> |
|---|
| | | <button class="plus" id="addL"></button> |
|---|
| | | <button class="mineus" id="mineusL" style="display:none;"></button> |
|---|
| | | <button class="add-btn" id="addSet"><img src="images/plus.png" alt="">添加</button> |
|---|
| | | </div> |
|---|
| | | <table class="table3"> |
|---|
| | | <thead> |
|---|
| | | <tr> |
|---|
| | | <th>值班人</th> |
|---|
| | | <th>排班</th> |
|---|
| | | <th>负责人</th> |
|---|
| | | <th>操作</th> |
|---|
| | | </tr> |
|---|
| | | </thead> |
|---|
| | | <tbody id="tList"> |
|---|
| | | <!-- |
|---|
| | | <tr> |
|---|
| | | <td colspan="4"> |
|---|
| | | <p style="width:9.6rem;">暂无数据</p> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | --> |
|---|
| | | <tr> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | <td>1</td> |
|---|
| | | </tr> |
|---|
| | | </tbody> |
|---|
| | | </table> |
|---|
| | | <div class="pages-div" class="mineus"> |
|---|
| | | <button class="prev"></button> |
|---|
| | | <p id="page"><span>0</span>/<span>0</span></p> |
|---|
| | | <button class="next"></button> |
|---|
| | | <input type="number"> |
|---|
| | | <button class="skip">跳转</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="tishi">已存在!</div> |
|---|
| | | <div class="edit-div" style="display:none;"> |
|---|
| | | <h4>编辑</h4> |
|---|
| | | <span class="close-edit"></span> |
|---|
| | | <div class="set-box"> |
|---|
| | | <label for="">值班人</label> |
|---|
| | | <input class="input-edit" id="editT" type="text" value=""> |
|---|
| | | </div> |
|---|
| | | <div class="set-box"> |
|---|
| | | <label for="">负责人</label> |
|---|
| | | <input class="input-edit" id="editL" type="text" value=""> |
|---|
| | | </div> |
|---|
| | | <div class="set-box edit-box"> |
|---|
| | | <button id="qxEdit">取消</button> |
|---|
| | | <button id="qdEdit">确定</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | // 22222222222222222 历史 |
|---|
| | | fetchData(`${baseUrl}/api/WmsCommonnQuery/QueryHistoryOrderList`, 'GET', {}, (res) => { |
|---|
| | | $('#idList2').html(''); |
|---|
| | | var dataList1 = res.result; |
|---|
| | | if (dataList1 == null || dataList1.length == 0) { |
|---|
| | | $('#idList2').html(' <span class="no_data">暂无数据</span>'); |
|---|
| | | } else { |
|---|
| | | var listItems1 = ''; |
|---|
| | | dataList1.forEach(item => { |
|---|
| | | listItems1 += `<li> |
|---|
| | | <span>${item.info5}</span> |
|---|
| | | <span>${item.packageNum}</span> |
|---|
| | | <span style="color: ${item.isUnline ? 'white' : '#ea6767'};">${item.isUnline ? '是' : '否'}</span> <!-- 是否齐套 --> |
|---|
| | | <span>${item.unLinePackageNum}</span> |
|---|
| | | <span>${item.allPackageArea}</span> |
|---|
| | | <span>${item.scanPackageArea}</span> |
|---|
| | | </li>`; |
|---|
| | | }); |
|---|
| | | $('#idList2').append(listItems1); |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | // 仅在标志为 false 时初始化 |
|---|
| | | if (!isMarqueeInitialized_zx1) { |
|---|
| | | $('.dowebok').liMarquee({ |
|---|
| | | direction: 'up', |
|---|
| | | scrollamount: 20, |
|---|
| | | runshort: false |
|---|
| | | }); |
|---|
| | | isMarqueeInitialized_zx1 = true; // 初始化后将标志设置为 true |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 字段名: info5, 中文描述: 生产单号 |
|---|
| | | // 字段名: packageNum, 中文描述: 包数 |
|---|
| | | // 字段名: unLinePackageNum, 中文描述: 已下线包数 |
|---|
| | | // 字段名: noUnLinePackageNum, 中文描述: 未下线包数 |
|---|
| | | // 字段名: allPackageArea, 中文描述: 总包装面积 |
|---|
| | | // 字段名: scanPackageArea, 中文描述: 已扫描包装面积 |
|---|
| | | // 字段名: noScanPackageArea, 中文描述: 未扫描包装面积 |
|---|
| | | |
|---|
| | | // 字段名: planNo, 中文描述: 批次号 |
|---|
| | | // 字段名: orderId, 中文描述: 订单号 |
|---|
| | | // 字段名: isUnline, 中文描述: 是否齐套 |
|---|
| | | // 字段名: isUnline, 中文描述: 是否下线 |
|---|
| | | // 字段名: unlineTime, 中文描述: 下线时间 |
|---|
| | | // 字段名: unlinePerson, 中文描述: 下线人 |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | // 33333333333333333333 计划 |
|---|
| | | |
|---|
| | | fetchData(`${baseUrl}/api/WmsCommonnQuery/QueryPlanOrderList`, 'GET', {}, (res) => { |
|---|
| | | $('#idList3').html(''); |
|---|
| | | var dataList1 = res.result; |
|---|
| | | if (dataList1 == null || dataList1.length == 0) { |
|---|
| | | $('#idList3').html(' <span class="no_data">暂无数据</span>'); |
|---|
| | | } else { |
|---|
| | | var listItems1 = ''; |
|---|
| | | dataList1.forEach(item => { |
|---|
| | | listItems1 += `<li> |
|---|
| | | <span>${item.info5}</span> |
|---|
| | | <span>${item.packageNum}</span> |
|---|
| | | <span style="color: ${item.isUnline ? 'white' : '#ea6767'};">${item.isUnline ? '是' : '否'}</span> <!-- 是否齐套 --> |
|---|
| | | <span>${item.unLinePackageNum}</span> |
|---|
| | | <span>${item.allPackageArea}</span> |
|---|
| | | <span>${item.scanPackageArea}</span> |
|---|
| | | </li>`; |
|---|
| | | }); |
|---|
| | | $('#idList3').append(listItems1); |
|---|
| | | |
|---|
| | | // 仅在标志为 false 时初始化 |
|---|
| | | if (!isMarqueeInitialized) { |
|---|
| | | $('.dowebok2').liMarquee({ |
|---|
| | | direction: 'up', |
|---|
| | | scrollamount: 20, |
|---|
| | | runshort: false |
|---|
| | | }); |
|---|
| | | isMarqueeInitialized = true; // 初始化后将标志设置为 true |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | // $('.dowebok2').liMarquee('destroy'); // 销毁之前的实例 |
|---|
| | | // $('.dowebok2').liMarquee({ |
|---|
| | | // direction: 'up', |
|---|
| | | // scrollamount: 20, |
|---|
| | | // runshort: false |
|---|
| | | // }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | //4444444444444444 |
|---|
| | | // 登录人 汇总 |
|---|
| | | // [SugarColumn(ColumnName = "Info12", ColumnDescription = "包装部件总数量", Length = 60)] |
|---|
| | | // [SugarColumn(ColumnName = "Info13", ColumnDescription = "包装面积", Length = 60)] |
|---|
| | | fetchData(`${baseUrl}/api/WmsCommonnQuery/ScreenLogin`, 'GET', {}, (res) => { |
|---|
| | | $('#idTotalOrder').html(''); |
|---|
| | | $('#idTotalArea').html(''); |
|---|
| | | $('#idTotalPackage').html(''); |
|---|
| | | $('#idTotalWorkTime').html(''); |
|---|
| | | $('#idLoginName').html(''); |
|---|
| | | $('#idLoginTime').html(''); |
|---|
| | | |
|---|
| | | var dataList1 = res.result; |
|---|
| | | if (dataList1 == null || dataList1.length == 0) { |
|---|
| | | $('#idList2').html(' <span class="no_data">暂无数据</span>'); |
|---|
| | | } else { |
|---|
| | | // var LoginName = res.result?.items[0].value; |
|---|
| | | $('#idTotalOrder').html(res.result.allOrderNum); |
|---|
| | | $('#idTotalArea').html(res.result?.allPackageArea); |
|---|
| | | $('#idTotalPackage').html(res.result?.packageNum); |
|---|
| | | |
|---|
| | | const formattedWorkTime = res.result?.workTime.toFixed(2); |
|---|
| | | $('#idTotalWorkTime').html(formattedWorkTime); |
|---|
| | | |
|---|
| | | $('#idLoginName').append(res.result?.loginUser); |
|---|
| | | $('#idLoginTime').append(res.result?.timeLogin); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | $(function () { |
|---|
| | | // $('.dowebok1').liMarquee({ |
|---|
| | | // direction: 'up', |
|---|
| | | // scrollamount:20, |
|---|
| | | // runshort: false |
|---|
| | | // }); |
|---|
| | | |
|---|
| | | |
|---|
| | | }); |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | function fetchData(url, method = 'GET', data = {}, callback) { |
|---|
| | | $.ajax({ |
|---|
| | | url: url, |
|---|
| | | data: data, |
|---|
| | | type: method, |
|---|
| | | dataType: 'json', |
|---|
| | | timeout: 5000, |
|---|
| | | success: (res) => { |
|---|
| | | // 调用回调函数并将结果传递给它 |
|---|
| | | callback(res); |
|---|
| | | }, |
|---|
| | | error: (jqXHR, textStatus, errorThrown) => { |
|---|
| | | console.error("AJAX Error: " + textStatus, errorThrown); |
|---|
| | | // 可以在这里处理错误，如果需要 |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 每两秒调用一次 |
|---|
| | | setInterval(fetchAllData, 2000); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | </body> |
|---|
| | | <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> |
|---|
| | | <script type="text/javascript" src="js/layer/layer.min.js"></script> |
|---|
| | | <script type="text/javascript" src="js/layer/laydate/laydate.js"></script> |
|---|
| | | <script type="text/javascript" src="js/echarts.min.js"></script> |
|---|
| | | <script type="text/javascript" src="js/china.js"></script> |
|---|
| | | <script type="text/javascript" src="js/data/guangdong.js"></script> |
|---|
| | | <!-- <script type="text/javascript" src="js/base.js"></script> --> |
|---|
| | | <script>document.write("<script type='text/javascript' src='js/base.js?v=" + Date.now() + "'><\/script>");</script> |
|---|
| | | |
|---|
| | | <script type="text/javascript"> |
|---|
| | | $('document').ready(function () { |
|---|
| | | //出库单列表数据 |
|---|
| | | getOuterTable() |
|---|
| | | //5秒获取一次 |
|---|
| | | setInterval(() => { |
|---|
| | | console.log(pageNo,'pageNo') |
|---|
| | | console.log(totalPages,'totalPages') |
|---|
| | | pageNo = pageNo >= totalPages ? 1 : pageNo; |
|---|
| | | getOuterTable() |
|---|
| | | },5000) |
|---|
| | | //获取库位占比 |
|---|
| | | getStorage() |
|---|
| | | //本周发货数 |
|---|
| | | getBaseData() |
|---|
| | | //地图左边数据 |
|---|
| | | renderMapTable() |
|---|
| | | |
|---|
| | | //一年发货种类统计 |
|---|
| | | getOutByYear(); |
|---|
| | | //库存汇总 |
|---|
| | | getExistMaterial(); |
|---|
| | | |
|---|
| | | setInterval(() => { |
|---|
| | | //获取库位占比 |
|---|
| | | getStorage() |
|---|
| | | //本周发货数 |
|---|
| | | getBaseData() |
|---|
| | | //地图左边数据 |
|---|
| | | renderMapTable() |
|---|
| | | //一年发货种类统计 |
|---|
| | | getOutByYear(); |
|---|
| | | //库存汇总 |
|---|
| | | getExistMaterial(); |
|---|
| | | },60000) |
|---|
| | | |
|---|
| | | $("body").css('visibility', 'visible'); |
|---|
| | | var localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()] |
|---|
| | | localStorage.setItem("data", localData); |
|---|
| | | $('#conBtn').on('click', function () { |
|---|
| | | localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()] |
|---|
| | | if (typeof (Storage) !== "undefined") { |
|---|
| | | localStorage.setItem("data", localData); |
|---|
| | | var arr = localStorage.getItem("data").split(','); |
|---|
| | | $('#name_a').html(arr[0]); |
|---|
| | | $('#date_a').html(arr[1]); |
|---|
| | | $('#lea_a').html(arr[2]); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | $('#fangda').on('click', function () { |
|---|
| | | if ($(this).siblings('ul').is(":hidden")) { |
|---|
| | | $(this).addClass('active').siblings('ul').show(); |
|---|
| | | } else { |
|---|
| | | $(this).removeClass('active').siblings('ul').hide(); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | $('.modal-btn>li').on('click', function () { |
|---|
| | | var index = $(this).index(); |
|---|
| | | if (index <= 2) { |
|---|
| | | $('.container').attr('style', 'visibility: visible').find('.pop-up').eq(index).attr('style', 'visibility: visible').siblings().attr('style', 'visibility: hidden'); |
|---|
| | | } else if (index > 2 && index < 5) { |
|---|
| | | $('.container').attr('style', 'visibility: visible').find('.pop-up').eq(3).attr('style', 'visibility: visible').siblings().attr('style', 'visibility: hidden'); |
|---|
| | | if (index != 3) { |
|---|
| | | $('.pop-data .ranking-box').hide(); |
|---|
| | | } else { |
|---|
| | | $('.pop-data .ranking-box').show(); |
|---|
| | | } |
|---|
| | | $('.cont-div').eq(index - 3).attr('style', 'visibility: visible').siblings('.cont-div').attr('style', 'visibility: hidden'); |
|---|
| | | } else if (index == 5) { |
|---|
| | | $('.container').attr('style', 'visibility: visible').find('.pop-up').eq(3).attr('style', 'visibility: visible').siblings().attr('style', 'visibility: hidden'); |
|---|
| | | $('.pop-data .ranking-box').hide(); |
|---|
| | | if ($('#switchBtn').find('.active').data('datatype') == "income") { |
|---|
| | | $('#titles').html('收入数据'); |
|---|
| | | $('#totalProfits').html('123,456'); |
|---|
| | | $('.cont-div').eq(2).attr('style', 'visibility: visible').siblings('.cont-div').attr('style', 'visibility: hidden'); |
|---|
| | | } else if ($('#switchBtn').find('.active').data('datatype') == 'expend') { |
|---|
| | | $('#titles').html(''); |
|---|
| | | $('#totalProfits').html('32,111'); |
|---|
| | | $('.cont-div').eq(2).attr('style', 'visibility: visible').siblings('div').attr('style', 'visibility: hidden'); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | </html> |
|---|
