| | |
| | | <!DOCTYPE html> |
| | | <html xmlns="http://www.w3.org/1999/xhtml"> |
| | | <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> |
| | | <head> |
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | | <title>ä½ä¸æå¯¼ä¹¦</title> |
| | |
| | | } |
| | | |
| | | .layui-table-cell{ |
| | | height:20px; |
| | | height:23px; |
| | | } |
| | | |
| | | </style> |
| | |
| | | <button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="Exit" style="background-color:#959393">éåº</button> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="IsAuto" style="background-color:#959393;margin-left:15px" id="auto">èªå¨ææ¾</button> |
| | | <button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="Autoplay" style="background-color:#959393;margin-left:15px" id="auto">èªå¨ææ¾</button> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <h1 style="text-align: center;margin-left:300px"><b>å·¥ä½ä½ä¸æå¯¼ä¹¦</b></h1> |
| | |
| | | <!--<table class="" id="mainTable" lay-filter="mainTable"></table>--> |
| | | <div style="margin-top:10px; width:100%;height:100%"> |
| | | <div style="width:77%;height:670px;float:left;line-height:500px"> |
| | | <!--<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="" style="background-color:#959393;width:10px;height:80px;vertical-align:middle;float:left;margin:200px 0 0 1.5px;font-size:25px"><</button>--> |
| | | |
| | | <div class="layui-carousel" id="test1"> |
| | | <div carousel-item> |
| | | <div><img src="ä½ä¸æå¯¼ä¹¦.png" style="width:100%;height:100%"></div> |
| | | <div><img id="img" src="" style="width:100%;height:100%"></div> |
| | | <div><img src="../../../Files/R-C.jpg" style="width:100%;height:100%"></div> |
| | | |
| | | <!--<div><embed src="Test PDF.pdf" type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /></div>--> |
| | | <div carousel-item id="file"> |
| | | |
| | | </div> |
| | | </div> |
| | | |
| | | <!--<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="" style="background-color:#959393;width:10px;height:80px;vertical-align:middle;float:left;margin-top:200px;font-size:25px">></button>--> |
| | | </div> |
| | | <div style="width:22%;height:670px;float:left;margin-left:1%"> |
| | | <div style="width:100%;height:49%;margin-bottom:2%"> |
| | |
| | | </div> |
| | | </div> |
| | | <script type="text/html" id="barDemo"> |
| | | <!--<a class="layui-btn layui-btn-xs" lay-event="edit">ç¼è¾</a>--> |
| | | <!--<a class="layui-btn layui-btn-xs" lay-event="view">æ¥ç</a>--> |
| | | <!--<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">å é¤</a>--> |
| | | </script> |
| | | <script type="text/javascript"> |
| | |
| | | var HSouceBillType = params[params[2]];//æºåç±»å |
| | | var closeType = params[params[3]]; //å
³éç±»å |
| | | } |
| | | |
| | | // æ¥å·¥å¹³å°;å·¥åºæµè½¬å¡ç»´æ¤;çäº§èµæºå表 |
| | | |
| | | //1.è¿å
¥æ¨¡åï¼ä»æ¬å°é
ç½®æä»¶è·åæå±çäº§èµæºåå·¥ä½ï¼åå§å模åãç颿¸
空ï¼å³è¾¹ä¸ç½æ ¼æ¾ç¤ºè¯¥çäº§èµæºçäº§ç¶æè¡¨éç彿¥è®¡åå·¥åï¼é»è®¤ä¸ºå½åå¼å·¥çå·¥åï¼ä¸ç½æ ¼æ¾ç¤ºè¿ä¸ªå·¥åå该工ä½çæä»¶æ¸
å(è·åä½ä¸æå¯¼ä¹¦çæ°æ®)ã |
| | | |
| | | //2.左边æ¾ç¤ºå·¥ä½ä½ä¸æå¯¼ä¹¦ç第ä¸å¼ æä»¶(å¾çæPDF) ã |
| | | |
| | | //3.ç¹å»ä¸ä¸å¼ ï¼ä¸ä¸å¼ ï¼å¯ä»¥å¨ä½ä¸æå¯¼ä¹¦çæ¬å·¥ä½çæä»¶å表é忢PDFæä»¶æå¾ç; |
| | | |
| | | //4.å·¥åå表éï¼å廿è
ç¹æ¥çæé®ï¼å¯ä»¥åæ¢å·¥åï¼å·¦è¾¹ ä½ä¸æå¯¼ä¹¦ä¹ç¸åºæ¹åï¼ä¸ç½æ ¼çæä»¶å表ä¹åºæ¹ |
| | | //å; |
| | | |
| | | //5.èªå¨ææ¾æé®ï¼ç¹å»èªå¨ææ¾æé®ï¼è¿è¡èªå¨ææ¾æ¨¡å¼ï¼æé®ååæ¹ä¸ºâæå¨æï¼ ç¹å» æå¨ææ¾ æé®ï¼âè¿è¡æå¨ææ¾æ¨¡å¼ |
| | | |
| | | //6.æå¨ææ¾æ¨¡å¼ä¸ï¼ä¸æå¨åæ¢ï¼å½åå·¥åï¼ä½ä¸æå¯¼ä¹¦åä¸ååæ´ã |
| | | |
| | | //7.èªå¨ææ¾æ¨¡å¼ä¸ï¼æ¯2åéå䏿¬¡æ¥è¯¢ï¼è·åå½åå¼å·¥çå·¥åï¼å¦æç®åå¼å·¥çå·¥ååçé¢ä¸æ¾ç¤ºçå·¥åä¸ç¬¦åæ¶ï¼èªå¨åæ¢å°å¼å·¥çå·¥åï¼ä½ä¸æå¯¼ä¹¦ä¹ç¸å
³æ´æ° |
| | | |
| | | //8.éåºæé®ãéåºæ¬æ¨¡åã |
| | | |
| | | |
| | | //äº§åæ ¹æ®å·¥åæ¥ï¼èªå¨ææ¾ï¼å½åå·¥åºå®æåèªå¨åæ¢æå¯¼ä¹¦çï¼æå¨ææ¾ï¼çº¦çäºä»ä¹é½ä¸åï¼å·¥ååè¡¨éæ¾ç¤ºå½æ¥éè¦è¿è¡å¾ä»»å¡ï¼é¡µé¢è°æ´ä¸ºå
¨å±æ¾ç¤ºï¼ |
| | | |
| | | layui.config({ |
| | | base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
| | |
| | | var option = []; |
| | | var option2 = []; |
| | | var arr = []; |
| | | var HInterID; |
| | | //#endregion |
| | | //#region è¿å
¥é¡µé¢æ¢å è½½ |
| | | $("#img").attr("src", "http://localhost:8082/LuBaoUi/Files/OIP-C.jpg") |
| | | //åå§åè¡¨æ ¼ |
| | | set_InitGrid(); |
| | | set_InitGrid2(); |
| | |
| | | , width: '100%' //设置容å¨å®½åº¦ |
| | | , height: '100%' //设置容å¨é«åº¦ |
| | | , arrow: 'always' //å§ç»æ¾ç¤ºç®å¤´ |
| | | , indicator: 'none' //æç¤ºå¨ä¸æ¾ç¤º |
| | | , indicator: 'inside' //æç¤ºå¨ä¸æ¾ç¤º |
| | | , autoplay: false //æå¨ææ¾ |
| | | , interval: 2000 //ææ¾é度 |
| | | , interval: 3000 //ææ¾é度 |
| | | }); |
| | | //#region è·åæ¶é´æ¥æ |
| | | $(document).ready(function () { |
| | |
| | | }); |
| | | //#endregion |
| | | |
| | | //å è½½æ°æ®å°ç½æ ¼ |
| | | get_Display(sWhere); |
| | | get_Display(sWhere); |
| | | get_Display2(sWhere); |
| | | get_Display2(sWhere); |
| | | //#region å è½½æ°æ®å°ç½æ ¼ |
| | | //get_Display(sWhere); |
| | | |
| | | //夿æä½ç±»å |
| | | //éç¨å»¶æ¶çæ¹å¼çå¾
æ°æ® |
| | | get_Display(sWhere); |
| | | setTimeout(function () { get_Display2(sWhere); }, 1000); |
| | | setTimeout(function () { get_Display2(sWhere); }, 1000); |
| | | setTimeout(function () { get_Display3(sWhere); }, 1000); |
| | | setTimeout(function () { ins.reload({ autoplay: false }) }, 1500); |
| | | //#endregion |
| | | |
| | | //#region èªå¨ææ¾æ¨¡å¼ä¸è·å页é¢ä¿¡æ¯çæ¹æ³ |
| | | function set_LoadAgain() { |
| | | get_Display(sWhere); |
| | | get_Display2(sWhere); |
| | | get_Display3(sWhere); |
| | | setTimeout(function () { ins.reload({ autoplay: false }) }, 500); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region 夿æä½ç±»å(è¿é没ç¨å°) |
| | | if (OperationType == 1 || OperationType == 2) {//æ æºæ°å¢ |
| | | //åå§åºæ¬ä¿¡æ¯èµå¼ |
| | | } |
| | |
| | | else { |
| | | layer.alert("æªç¥æä½ç±»åï¼", { icon: 5 }); |
| | | } |
| | | |
| | | //#endregion |
| | | |
| | | //éåº |
| | | |
| | | //#region éåº |
| | | form.on('submit(Exit)', function (data) { |
| | | if (linterid == undefined) { |
| | | //å
³éé¡µç¾ |
| | |
| | | Pub_Close(1); |
| | | } |
| | | }); |
| | | |
| | | //æ¯å¦èªå¨ææ¾ |
| | | form.on('submit(IsAuto)', function (data) { |
| | | var num = 0; |
| | | if (ins.config.autoplay == false) { |
| | | ins.reload({ autoplay: true }) //ææ¾æ¹å¼æ¹ä¸ºèªå¨ææ¾ |
| | | //#endregion |
| | | //#region æ¯å¦èªå¨ææ¾ |
| | | form.on('submit(Autoplay)', function (data) { |
| | | var num = 0; |
| | | if (document.getElementById("auto").innerHTML == "èªå¨ææ¾") { |
| | | //ins.reload({ autoplay: true }) //è½®æå¾ææ¾æ¹å¼æ¹ä¸ºèªå¨ææ¾ |
| | | document.getElementById("auto").innerHTML = "æå¨ææ¾"; |
| | | var timer = setInterval(function () { |
| | | set_LoadAgain(); |
| | | if (document.getElementById("auto").innerHTML === "èªå¨ææ¾") { |
| | | clearInterval(timer); //æå卿彿° |
| | | }}, 120000) //æ¯é两åéæ§è¡ä¸æ¬¡ |
| | | num = 1; |
| | | } else if (ins.config.autoplay == true && num == 0) { |
| | | ins.reload({ autoplay: false }) //ææ¾æ¹å¼æ¹ä¸ºæå¨ææ¾ |
| | | } else if (document.getElementById("auto").innerHTML = "æå¨ææ¾" && num == 0) { |
| | | //ins.reload({ autoplay: false }) //è½®æå¾ææ¾æ¹å¼æ¹ä¸ºæå¨ææ¾ |
| | | document.getElementById("auto").innerHTML = "èªå¨ææ¾"; |
| | | } |
| | | }); |
| | | //#endregion |
| | | |
| | | //#region ç¹å»äºä»¶å
æ¬on formäºä»¶ç |
| | | //#region ç¹å»äºä»¶å
æ¬on formäºä»¶ç ï¼è¿é没ç¨å°ï¼ |
| | | //头工å
·æ äºä»¶ |
| | | table.on('toolbar(mainTable)', function (obj) { |
| | | switch (obj.event) { |
| | | //æ°å¢ä¸è¡ |
| | | case 'btn-AddLine': btnAddLine(NewRow); |
| | | break; |
| | | //å¤å¶ä¸è¡ |
| | | case 'btn-CopyLine': btnCopyLine(data); |
| | | break; |
| | | //å设置 |
| | | case 'set_HideColumn': get_HideColumn(); |
| | | break; |
| | | } |
| | | }); |
| | | //è¡å
äºä»¶ |
| | | table.on('tool(mainTable)', function (obj) { |
| | | set_GridDelete(obj); //è¡å
å é¤ |
| | | //set_GridCellCheck(obj); //è¡å
å¿«æ·é®çé |
| | | }); |
| | | //çå¬åå
æ ¼ç¼è¾ åå
æ ¼ç¼è¾å åæ´ |
| | | //table.on('edit(mainTable)', function (obj) { |
| | | // var value = obj.value //å¾å°ä¿®æ¹åçå¼ |
| | | // , data = obj.data //å¾å°æå¨è¡ææé®å¼ |
| | | // , field = obj.field; //å¾å°å段 |
| | | // arr.push(data); |
| | | //}); |
| | | //#endregion |
| | | |
| | | //ç¹å»ä¸»è¡¨å¸¦åºä»è¡¨æ°æ® |
| | | table.on('row(mainTable)', function (obj) { //注ï¼tool æ¯å·¥å
·æ¡äºä»¶åï¼test æ¯ table åå§å®¹å¨ç屿§ lay-filter="对åºçå¼" |
| | | console.log(obj); |
| | | //#region ç¹å»ä¸»è¡¨å¸¦åºä»è¡¨æ°æ® |
| | | table.on('rowDouble(mainTable)', function (obj) { //注ï¼tool æ¯å·¥å
·æ¡äºä»¶åï¼test æ¯ table åå§å®¹å¨ç屿§ lay-filter="对åºçå¼" |
| | | //var datas = obj.data; //è·å¾å½åè¡æ°æ® |
| | | //HBillNo = datas["åæ®å·"].toString(); |
| | | //var HMainID = datas.hmainid; |
| | | var wait = layer.load(); |
| | | HInterID = obj.data.HInterID |
| | | if (HInterID == "" || HInterID == null) { |
| | | HInterID = 0; |
| | | } |
| | | $("#file").html(""); |
| | | $(".layui-carousel-ind").html(""); |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/Filelist', |
| | | type: "GET", |
| | | //data: { "sWhere": HMainID }, |
| | | data: { "sWhere": HInterID }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | option2.data = data1.data; |
| | | table.render(option2); |
| | | |
| | | for (let i = 0; i < data1.data.length; i++) { |
| | | var html = ''; |
| | | if (data1.data[i].æä»¶ç±»å == '.jpeg' || data1.data[i].æä»¶ç±»å == '.jpg') { |
| | | var FileName = data1.data[i].æä»¶åç§°; |
| | | //html += '<img src=`../../../Files/${FileName}` style="width:100%;height:100%">' |
| | | html += '<div><img src=../../../Files/' + FileName + ' alt="" style="width:100%;height:100%"></div>' |
| | | $("#file").append(html); |
| | | } |
| | | if (data1.data[i].æä»¶ç±»å == '.pdf') { |
| | | var FileName2 = data1.data[i].æä»¶åç§°; |
| | | //<embed src="Test PDF.pdf" type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /> |
| | | html += '<div><embed src="../../../Files/' + FileName2 + '"' + ' type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /></div>' |
| | | $("#file").append(html); |
| | | } |
| | | } |
| | | if (data1.data.length == 0) { |
| | | var html2 = '<h1 style="text-align:center;color:red;font-weight:bolder;">ææªä¸ä¼ æä»¶</h1>'; |
| | | $("#file").append(html2); |
| | | } |
| | | ins.reload({ autoplay: false }) |
| | | layer.close(wait); |
| | | } else { |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | |
| | | layer.alert("æ¥å£å¤±æ!", { icon: 5 }); |
| | | } |
| | | }); |
| | | //DisPlay_HideColumn_Sec(); |
| | | //set_ClearBillHMainID(HMainID); //å¨å
·æ¸
å |
| | | }); |
| | | //#endregion |
| | | |
| | | //åå§åè¡¨æ ¼ |
| | | //#region åå§åè¡¨æ ¼ |
| | | function set_InitGrid() { |
| | | option = { |
| | | id: 'mainTable' |
| | |
| | | , { field: 'ç©æåç§°', title: 'ç©æåç§°', width: 100 } |
| | | , { field: 'è§æ ¼åå·', title: 'è§æ ¼åå·', width: 100 } |
| | | , { field: 'å·¥åº', title: 'å·¥åº', width: 100 } |
| | | //, { fixed: 'right', title: 'æä½', toolbar: '#barDemo', width: 60 } |
| | | //, { fixed: 'right', title: 'æä½', toolbar: '#barDemo', width: 66 } |
| | | ]] |
| | | , limits: [50, 500, 5000, 20000] |
| | | , done: function (res, curr, count) { |
| | |
| | | } |
| | | }; |
| | | } |
| | | |
| | | //å è½½ç½æ ¼ |
| | | //#endregion |
| | | |
| | | //#region å è½½ç½æ ¼ |
| | | function get_Display(sWhere) { |
| | | var wait = layer.load();//é®ç½© |
| | | $.ajax({ |
| | |
| | | data: { "sWhere": sessionStorage["HSourceID"], "user": sessionStorage["HUserName"] }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | if (data1.data[0]) { |
| | | HInterID = data1.data[0].HInterID |
| | | } |
| | | option.data = data1.data; |
| | | table.render(option); |
| | | layer.close(wait); |
| | |
| | | |
| | | //å è½½å³ä¸æ¹ç½æ ¼ |
| | | function get_Display2(sWhere) { |
| | | if (HInterID == "" || HInterID == null) { |
| | | HInterID = 0; |
| | | } |
| | | var wait = layer.load(); |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/Filelist', |
| | | type: "GET", |
| | | //data: { "sWhere": HMainID }, |
| | | data: { "sWhere": HInterID }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | option2.data = data1.data; |
| | |
| | | } |
| | | }); |
| | | } |
| | | |
| | | |
| | | //å 载左侧æä»¶ |
| | | function get_Display3(sWhere) { |
| | | if (HInterID == "" || HInterID == null) { |
| | | HInterID = 0; |
| | | } |
| | | $("#file").html(""); |
| | | $(".layui-carousel-ind").html(""); |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/Filelist', |
| | | type: "GET", |
| | | data: { "sWhere": HInterID }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | for (let i = 0; i < data1.data.length; i++) { |
| | | var html = ''; |
| | | if (data1.data[i].æä»¶ç±»å == '.jpeg' || data1.data[i].æä»¶ç±»å == '.jpg') { |
| | | var FileName = data1.data[i].æä»¶åç§°; |
| | | //html += '<img src=`../../../Files/${FileName}` style="width:100%;height:100%">' |
| | | html += '<div><img src=../../../Files/' + FileName + ' alt="" style="width:100%;height:100%"></div>' |
| | | $("#file").append(html); |
| | | } |
| | | if (data1.data[i].æä»¶ç±»å == '.pdf') { |
| | | var FileName2 = data1.data[i].æä»¶åç§°; |
| | | //<embed src="Test PDF.pdf" type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /> |
| | | html += '<div><embed src="../../../Files/' + FileName2 + '"' + ' type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /></div>' |
| | | $("#file").append(html); |
| | | } |
| | | } |
| | | if (data1.data.length == 0) { |
| | | var html2 = '<h1 style="text-align:center;color:red;font-weight:bolder;">ææªä¸ä¼ æä»¶</h1>'; |
| | | $("#file").append(html2); |
| | | } |
| | | ins.reload({ autoplay: false }) |
| | | //layer.close(wait); |
| | | } else { |
| | | //layer.close(wait); |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | //layer.close(wait); |
| | | layer.alert("æ¥å£å¤±æ!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } |
| | | //#endregion |
| | | //以䏿¯layui模å |
| | | }); |
| | | </script> |