| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- <style>
- input {
- border: solid 1px #dadada;
- padding: 6px;
- }
- p {
- margin-bottom: 10px;
- font-size: 14px;
- }
- .content {
- padding: 50px;
- }
- .content > div {
- margin-bottom: 30px;
- }
- .title {
- background: #e6f7ff;
- padding-left: 10px;
- font-size: 16px;
- }
- .lable {
- display: inline-block;
- width: 150px;
- text-align: right;
- }
- table td {
- border: solid 1px #dadada;
- padding: 4px;
- text-align: center;
- }
- button {
- padding: 6px 20px;
- border: none;
- font-size: 18px;
- cursor: pointer;
- }
- .gray {
- background: #ccc;
- color: #333;
- }
- .blue,.gray.active {
- background: #1890ff;
- color: #fff;
- }
- .tips {
- color: #ff0000;
- }
- .chuangkou td {
- position: relative;
- }
- .chuangkou .tips {
- position: absolute;
- right: 17px;
- top: 9px;
- }
- </style>
- </head>
- <body layout:fragment="content">
- <div class="content">
- <div style="text-align: right;">
- <span>数据源切换:</span>
- <span>
- <button class="gray active" id="customize1" value="1">自定义</button>
- <button class="gray" id="customize0" value="0">线上</button>
- </span>
- </div>
- <div class="ed-content">
- <div class="dataInfo" style="display: none">
- <p>线上真实数据</p>
- </div>
- <div class="dataInfo">
- <div>
- <p class="title">中心窗口服务事项</p>
- <div>
- <input type="hidden" th:value="${screenServerData.id}" id="serverDateId"/>
- <p>
- <span class="lable">区项目申报:</span>
- <input type="text" th:value="${screenServerData.projectServiceNum}" id="projectServiceNum"/>
- </p>
- <p>
- <span class="lable">省市项目申报:</span>
- <input type="text" th:value="${screenServerData.provincesServiceNum}" id="provincesServiceNum" />
- </p>
- <p>
- <span class="lable">报表填报:</span>
- <input type="text" th:value="${screenServerData.fillingServiceNum}" id="fillingServiceNum" />
- </p>
- <p>
- <span class="lable">服务事项:</span>
- <input type="text" th:value="${screenServerData.mattersServiceNum}" id="mattersServiceNum" />
- </p>
- </div>
- </div>
- <div>
- <p class="title">中心窗口服务业务总量</p>
- <div>
- <p>
- <span class="lable">区资金扶持:</span>
- <input type="text" th:value="${screenServerData.projectNum}" id="projectNum" />
- </p>
- <p>
- <span class="lable">区智能制造:</span>
- <input type="text" th:value="${screenServerData.inteligentNum}" id="inteligentNum" />
- </p>
- <p>
- <span class="lable">省市申报:</span>
- <input type="text" th:value="${screenServerData.provincesNum}" id="provincesNum" />
- </p>
- <p>
- <span class="lable">报表填报:</span>
- <input type="text" th:value="${screenServerData.fillingNum}" id="fillingNum" />
- </p>
- <p>
- <span class="lable">服务事项:</span>
- <input type="text" th:value="${screenServerData.mattersNum}" id="mattersNum" />
- </p>
- </div>
- </div>
- <div>
- <p class="title">业务数量(近三月)</p>
- <div>
- <p>
- <input type="hidden" id="1id"/>
- <span class="lable">
- <select id="xname1">
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- <option value="8">8</option>
- <option value="9">9</option>
- <option value="10">10</option>
- <option value="11">11</option>
- <option value="12">12</option>
- </select>
- 月:
- </span>
- <input id="totalBusinessNum1">
- </p>
- <p>
- <input type="hidden" id="2id"/>
- <span class="lable">
- <select id="xname2">
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- <option value="8">8</option>
- <option value="9">9</option>
- <option value="10">10</option>
- <option value="11">11</option>
- <option value="12">12</option>
- </select>
- 月:
- </span>
- <input id="totalBusinessNum2">
- </p>
- <p>
- <input type="hidden" id="3id"/>
- <span class="lable">
- <select id="xname3">
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- <option value="8">8</option>
- <option value="9">9</option>
- <option value="10">10</option>
- <option value="11">11</option>
- <option value="12">12</option>
- </select>
- 月:
- </span>
- <input id="totalBusinessNum3">
- </p>
- </div>
- </div>
- <div>
- <p class="title">平台企业数量</p>
- <div>
- <p>
- <span class="lable">通安镇:</span>
- <input type="text" id="tongan" />
- <input type="hidden" id="tonganId"/>
- </p>
- <p>
- <span class="lable">浒墅关镇:</span>
- <input type="text" id="xushuguan" />
- <input type="hidden" id="xsgId"/>
- </p>
- <p>
- <span class="lable">综保区:</span>
- <input type="text" id="zongbaoqu" />
- <input type="hidden" id="zbqId"/>
- </p>
- <p>
- <span class="lable">枫桥街道:</span>
- <input type="text" id="fengqiao" />
- <input type="hidden" id="fqId"/>
- </p>
- <p>
- <span class="lable">狮山(横塘)街道:</span>
- <input type="text" id="shishan" />
- <input type="hidden" id="ssId"/>
- </p>
- <p>
- <span class="lable">浒墅关经济开发区:</span>
- <input type="text" id="jingjikaifaqu" />
- <input type="hidden" id="kfqId"/>
- </p>
- <p>
- <span class="lable">科技城(东渚):</span>
- <input type="text" id="kejicheng" />
- <input type="hidden" id="kjcId"/>
- </p>
- <p>
- <span class="lable">服务企业数:</span>
- <input type="text" th:value="${screenServerData.totalCompany}" id="totalCompany" />
- </p>
- <p>
- <span class="lable">本周受理:</span>
- <input type="text" th:value="${screenServerData.weekAccept}" id="weekAccept" />
- </p>
- <p>
- <span class="lable">本月受理:</span>
- <input type="text" th:value="${screenServerData.monthAccept}" id="monthAccept" />
- </p>
- </div>
- </div>
- <div>
- <p class="title">本月窗口业务量</p>
- <div class="chuangkou">
- <table cellspacing="0">
- <tr>
- <td>窗口业务事项</td>
- <td>窗口1</td>
- <td>窗口2</td>
- <td>窗口3</td>
- <td>窗口4</td>
- <td>窗口5</td>
- </tr>
- <tr>
- <td>区资金扶持</td>
- <td style="display:none"><input id="c1i"></td>
- <td><input id="c1a"></td>
- <td><input id="c2a"></td>
- <td><input id="c3a"></td>
- <td><input id="c4a"></td>
- <td><input id="c5a"></td>
- </tr>
- <tr>
- <td>区智能制造</td>
- <td style="display:none"><input id="c2i"></td>
- <td><input id="c1b"></td>
- <td><input id="c2b"></td>
- <td><input id="c3b"></td>
- <td><input id="c4b"></td>
- <td><input id="c5b"></td>
- </tr>
- <tr>
- <td>省市申报</td>
- <td style="display:none"><input id="c3i"></td>
- <td><input id="c1c"></td>
- <td><input id="c2c"></td>
- <td><input id="c3c"></td>
- <td><input id="c4c"></td>
- <td><input id="c5c"></td>
- </tr>
- <tr>
- <td>报表填报</td>
- <td style="display:none"><input id="c4i"></td>
- <td><input id="c1d"></td>
- <td><input id="c2d"></td>
- <td><input id="c3d"></td>
- <td><input id="c4d"></td>
- <td><input id="c5d"></td>
- </tr>
- <tr>
- <td>服务事项</td>
- <td style="display:none"><input id="c5i"></td>
- <td><input id="c1e"></td>
- <td><input id="c2e"></td>
- <td><input id="c3e"></td>
- <td><input id="c4e"></td>
- <td><input id="c5e"></td>
- </tr>
- </table>
- </div>
- </div>
- <div style="margin-top: 20px;">
- <p class="title">本月各类型业务占比</p>
- <div>
- <p>
- <span class="lable">区资金扶持:</span>
- <input id="businessNum1">
- <input type="hidden" id="bn1Id"/>
- </p>
- <p>
- <span class="lable">区智能制造:</span>
- <input id="businessNum2">
- <input type="hidden" id="bn2Id"/>
- </p>
- <p>
- <span class="lable">省市申报:</span>
- <input id="businessNum3">
- <input type="hidden" id="bn3Id"/>
- </p>
- <p>
- <span class="lable">报表填报:</span>
- <input id="businessNum4">
- <input type="hidden" id="bn4Id"/>
- </p>
- <p>
- <span class="lable">服务事项:</span>
- <input id="businessNum5">
- <input type="hidden" id="bn5Id"/>
- </p>
- </div>
- </div>
- <div style="text-align:center;">
- <button class="blue submitVal">提交</button>
- </div>
- </div>
- </div>
- </div>
- <script th:inline="javascript">
- $(function() {
- var customize = [[${screenServerData.customize}]];
- if (customize == "0"){
- $("#customize0").addClass("active").siblings().removeClass('active');
- $(".ed-content").children('.dataInfo').eq(0).show().siblings().hide();
- }
- $('.gray').on("click", function() {
- var index = $(this).index();
- if($(this).hasClass("active")) {
- $(this).removeClass("active").siblings().addClass('active');
- $(".ed-content").children('.dataInfo').eq(index).show().siblings().hide();
- }
- else {
- $(this).addClass("active").siblings().removeClass('active');
- $(".ed-content").children('.dataInfo').eq(index).hide().siblings().show();
- }
- $.ajax({
- type: 'GET',
- url: pagePath + "/screen/api/saveCustomize",
- dataType: "json",
- data:{
- "id": $("#serverDateId").val(),
- "customize": $('.gray.active').val()
- },
- success: function(result){
- if(result.success){
- smileMessage("切换成功");
- // window.location.href= pagePath + "/screen/api/dataManage";
- }else {
- errorMessage(result.message);
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- });
- });
- //平台企业回显
- var screenBusinessDataList = [[${screenBusinessDataList}]];
- if (screenBusinessDataList != null && screenBusinessDataList.length > 0){
- $.each( screenBusinessDataList, function( index, ele ) {
- if (ele.tableType == "1"){
- if (ele.type == "区资金扶持"){
- $("#businessNum1").val(ele.businessNum);
- $("#bn1Id").val(ele.id);
- }
- if (ele.type == "区智能制造"){
- $("#businessNum2").val(ele.businessNum);
- $("#bn2Id").val(ele.id);
- }
- if (ele.type == "省市申报"){
- $("#businessNum3").val(ele.businessNum);
- $("#bn3Id").val(ele.id);
- }
- if (ele.type == "报表填报"){
- $("#businessNum4").val(ele.businessNum);
- $("#bn4Id").val(ele.id);
- }
- if (ele.type == "服务事项"){
- $("#businessNum5").val(ele.businessNum);
- $("#bn5Id").val(ele.id);
- }
- }
- if (ele.tableType == "2"){
- if (ele.sort == "1"){
- $("#xname1").val(ele.xname);
- $("#totalBusinessNum1").val(ele.totalBusinessNum);
- $("#1id").val(ele.id);
- }
- if (ele.sort == "2"){
- $("#xname2").val(ele.xname);
- $("#totalBusinessNum2").val(ele.totalBusinessNum);
- $("#2id").val(ele.id);
- }
- if (ele.sort == "3"){
- $("#xname3").val(ele.xname);
- $("#totalBusinessNum3").val(ele.totalBusinessNum);
- $("#3id").val(ele.id);
- }
- }
- if (ele.tableType == "3"){
- if (ele.streetName == "通安镇"){
- $("#tongan").val(ele.companyNum);
- $("#tonganId").val(ele.id);
- }
- if (ele.streetName == "浒墅关镇"){
- $("#xushuguan").val(ele.companyNum);
- $("#xsgId").val(ele.id);
- }
- if (ele.streetName == "综保区"){
- $("#zongbaoqu").val(ele.companyNum);
- $("#zbqId").val(ele.id);
- }
- if (ele.streetName == "枫桥街道"){
- $("#fengqiao").val(ele.companyNum);
- $("#fqId").val(ele.id);
- }
- if (ele.streetName == "狮山(横塘)街道"){
- $("#shishan").val(ele.companyNum);
- $("#ssId").val(ele.id);
- }
- if (ele.streetName == "浒墅关经济开发区"){
- $("#jingjikaifaqu").val(ele.companyNum);
- $("#kfqId").val(ele.id);
- }
- if (ele.streetName == "科技城(东渚)"){
- $("#kejicheng").val(ele.companyNum);
- $("#kjcId").val(ele.id);
- }
- }
- });
- }
- //本月窗口业务量回显
- var screenCenterWinList = [[${screenCenterWinList}]];
- if (screenCenterWinList != null && screenCenterWinList.length > 0) {
- $.each( screenCenterWinList, function( index, ele ) {
- if (ele.windowName == "窗口1"){
- $("#c1i").val(ele.id);
- $("#c1a").val(ele.projectNum);
- $("#c1b").val(ele.inteligentNum);
- $("#c1c").val(ele.provincesNum);
- $("#c1d").val(ele.fillingNum);
- $("#c1e").val(ele.mattersNum);
- }
- if (ele.windowName == "窗口2"){
- $("#c2i").val(ele.id);
- $("#c2a").val(ele.projectNum);
- $("#c2b").val(ele.inteligentNum);
- $("#c2c").val(ele.provincesNum);
- $("#c2d").val(ele.fillingNum);
- $("#c2e").val(ele.mattersNum);
- }
- if (ele.windowName == "窗口3"){
- $("#c3i").val(ele.id);
- $("#c3a").val(ele.projectNum);
- $("#c3b").val(ele.inteligentNum);
- $("#c3c").val(ele.provincesNum);
- $("#c3d").val(ele.fillingNum);
- $("#c3e").val(ele.mattersNum);
- }
- if (ele.windowName == "窗口4"){
- $("#c4i").val(ele.id);
- $("#c4a").val(ele.projectNum);
- $("#c4b").val(ele.inteligentNum);
- $("#c4c").val(ele.provincesNum);
- $("#c4d").val(ele.fillingNum);
- $("#c4e").val(ele.mattersNum);
- }
- if (ele.windowName == "窗口5"){
- $("#c5i").val(ele.id);
- $("#c5a").val(ele.projectNum);
- $("#c5b").val(ele.inteligentNum);
- $("#c5c").val(ele.provincesNum);
- $("#c5d").val(ele.fillingNum);
- $("#c5e").val(ele.mattersNum);
- }
- });
- }
- // change验证
- var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/
- var inputAll = $(".dataInfo").find("input")
- inputAll.each(function () {
- $(this).attr("maxlength",'8')
- $(this).change(function () {
- $(this).val(parseInt($(this).val()))
- if(!re.test($(this).val())) {
- $(this).parent().find(".tips").remove()
- $(this).css("border","solid 1px #ff0000");
- $(this).parent().append("<span class='tips'>请输入数字类型</span>")
- }
- else{
- $(this).css("border","solid 1px #dadada");
- $(this).parent().find(".tips").remove()
- }
- })
- });
- //提交保存
- $(".submitVal").on("click", function () {
- var skipStyle = false
- inputAll.each(function () {
- if(!re.test($(this).val())) {
- skipStyle = true
- $(this).css("border","solid 1px #ff0000");
- $(this).parent().find(".tips").remove()
- $(this).parent().append("<span class='tips'>请输入数字类型</span>")
- return false
- }
- })
- if(!skipStyle) {
- var centerServer = {
- id:$("#serverDateId").val(), projectNum:$("#projectNum").val(), fillingNum:$("#fillingNum").val(), inteligentNum:$("#inteligentNum").val(), mattersNum:$("#mattersNum").val(), provincesNum:$("#provincesNum").val(),
- projectServiceNum:$("#projectServiceNum").val(), provincesServiceNum:$("#provincesServiceNum").val(), fillingServiceNum:$("#fillingServiceNum").val(), mattersServiceNum:$("#mattersServiceNum").val(),
- totalCompany:$("#totalCompany").val(), weekAccept:$("#weekAccept").val(), monthAccept:$("#monthAccept").val(), customize: $('.gray.active').val()
- };
- var businessArr = [];
- var centerWindow = [];
- centerWindow.push(
- {id:$("#c1i").val(), windowName:"窗口1", projectNum:$("#c1a").val(), inteligentNum:$("#c1b").val(), provincesNum:$("#c1c").val(), fillingNum:$("#c1d").val(), mattersNum:$("#c1e").val()},
- {id:$("#c2i").val(), windowName:"窗口2", projectNum:$("#c2a").val(), inteligentNum:$("#c2b").val(), provincesNum:$("#c2c").val(), fillingNum:$("#c2d").val(), mattersNum:$("#c2e").val()},
- {id:$("#c3i").val(), windowName:"窗口3", projectNum:$("#c3a").val(), inteligentNum:$("#c3b").val(), provincesNum:$("#c3c").val(), fillingNum:$("#c3d").val(), mattersNum:$("#c3e").val()},
- {id:$("#c4i").val(), windowName:"窗口4", projectNum:$("#c4a").val(), inteligentNum:$("#c4b").val(), provincesNum:$("#c4c").val(), fillingNum:$("#c4d").val(), mattersNum:$("#c4e").val()},
- {id:$("#c5i").val(), windowName:"窗口5", projectNum:$("#c5a").val(), inteligentNum:$("#c5b").val(), provincesNum:$("#c5c").val(), fillingNum:$("#c5d").val(), mattersNum:$("#c5e").val()}
- );
- businessArr.push(
- {id:$("#bn1Id").val(), type:"区资金扶持", businessNum:$("#businessNum1").val(), sort:"1", tableType:"1"},
- {id:$("#bn2Id").val(), type:"区智能制造" ,businessNum:$("#businessNum2").val(), sort:"2", tableType:"1"},
- {id:$("#bn3Id").val(), type:"省市申报", businessNum:$("#businessNum3").val(), sort:"3", tableType:"1"},
- {id:$("#bn4Id").val(), type:"报表填报", businessNum:$("#businessNum4").val(), sort:"4", tableType:"1"},
- {id:$("#bn5Id").val(), type:"服务事项", businessNum:$("#businessNum5").val(), sort:"5",tableType:"1"},
- {id:$("#1id").val(), xname:$("#xname1").val(), totalBusinessNum:$("#totalBusinessNum1").val(), sort:"1", tableType:"2"},
- {id:$("#2id").val(), xname:$("#xname2").val(), totalBusinessNum:$("#totalBusinessNum2").val(), sort:"2", tableType:"2"},
- {id:$("#3id").val(), xname:$("#xname3").val(), totalBusinessNum:$("#totalBusinessNum3").val(), sort:"3", tableType:"2"},
- {id:$("#tonganId").val(), streetName:"通安镇", companyNum:$("#tongan").val(), sort:"1", tableType:"3"},
- {id:$("#xsgId").val(), streetName:"浒墅关镇", companyNum:$("#xushuguan").val(), sort:"2", tableType:"3"},
- {id:$("#zbqId").val(), streetName:"综保区", companyNum:$("#zongbaoqu").val(), sort:"3", tableType:"3"},
- {id:$("#fqId").val(), streetName:"枫桥街道", companyNum:$("#fengqiao").val(), sort:"4", tableType:"3"},
- {id:$("#ssId").val(), streetName:"狮山(横塘)街道", companyNum:$("#shishan").val(), sort:"5", tableType:"3"},
- {id:$("#kfqId").val(), streetName:"浒墅关经济开发区", companyNum:$("#jingjikaifaqu").val(), sort:"6", tableType:"3"},
- {id:$("#kjcId").val(), streetName:"科技城(东渚)", companyNum:$("#kejicheng").val(), sort:"7", tableType:"3"}
- );
- $.ajax({
- type: 'GET',
- url: pagePath + "/screen/api/saveDataMange",
- dataType: "json",
- data:{
- "serverData": JSON.stringify(centerServer).toString(),
- "centerArr": JSON.stringify(centerWindow).toString(),
- "businessArr": JSON.stringify(businessArr).toString()
- },
- success: function(result){
- if(result.success){
- smileMessage("保存成功");
- window.location.href= pagePath + "/screen/api/dataManage";
- }else {
- errorMessage(result.message);
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- })
- }
- })
- })
- </script>
- </body>
- </html>
|