From 757b5f5e674abd212586a0af94577dec4cc46c2d Mon Sep 17 00:00:00 2001
From: hdw <496960745@qq.com>
Date: 星期四, 25 十月 2018 11:57:16 +0800
Subject: [PATCH] 导航定位
---
gx_tieta/WebRoot/index.jsp | 154 ++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 151 insertions(+), 3 deletions(-)
diff --git a/gx_tieta/WebRoot/index.jsp b/gx_tieta/WebRoot/index.jsp
index 2a46a8c..2064a1b 100644
--- a/gx_tieta/WebRoot/index.jsp
+++ b/gx_tieta/WebRoot/index.jsp
@@ -83,6 +83,9 @@
overflow-y: auto;
overflow-x: hidden;
}
+ body .layui-layer-dialog {
+ min-width:400px;
+ }
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
@@ -153,7 +156,11 @@
<!-- 鐢垫睜鏁呴殰涓庣數姹犲憡璀﹂ゼ鐘跺浘 -->
<div class="pie-con">
-
+ <div class="pie-conf">
+ <a href="javascript:;" class="pie-btn" id="faCog" title="鍥捐〃閰嶇疆">
+ <i class="fa fa-cog"></i>
+ </a>
+ </div>
<!-- 鐢垫睜鏁呴殰楗肩姸鍥� -->
<div class="brdn-pie module"></div>
<!-- 鐢垫睜鍛婅楗肩姸鍥� -->
@@ -330,6 +337,7 @@
<script type="text/javascript" src="pages/js/base.js"></script>
<script type="text/javascript" src="pages/js/common.js"></script>
<script type="text/javascript" src="pages/js/pages/siderbar.js"></script>
+ <script type="text/javascript" src="pages/js/pages/index-common.js"></script>
<script type="text/javascript" src="js/panel.js"></script>
<script type="text/javascript" src="js/search.js"></script>
<script type="text/javascript" src="js/changePinYin.js"></script>
@@ -3329,8 +3337,148 @@
});
});
- layui.use(['form'],function() {
- var form = layui.form();
+ layui.use(['form', 'layer', 'laytpl'], function() {
+ var form = layui.form;
+ var layer = layui.layer;
+ var laytpl = layui.laytpl;
+
+ // 鐐瑰嚮楗肩姸鍥鹃厤缃�
+ $('#faCog').click(function() {
+ searchUserBieState(); // 鏌ヨ褰撳墠楗肩姸鍥剧殑閰嶇疆鐘舵��
+ });
+
+ var layerMsg;
+
+ // 鐐瑰嚮閰嶇疆椤瑰閫夋
+ $('body').on('click', '#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]', function(event) {
+ layer.close(layerMsg);
+ var iptList = $('#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]');
+ var num = 0;
+ iptList.each(function() {
+ if($(this).is(':checked')) {
+ num++;
+ }
+ });
+ if(num>4) {
+ layerMsg = layer.msg("鏈�澶氶�夋嫨鍥涗釜锛�", {
+ type: 1
+ });
+ $(this).prop('checked', false);
+ }
+
+ });
+
+
+ var pie = GLOBAL.Index.Pie;
+ var pieType = pie.pieType;
+ var pieConfTpl = getTpl('iframe/pie-config.html');
+ //鏌ヨ褰撳墠鐢ㄦ埛璁剧疆楗肩姸鍥剧殑浣胯兘鐘舵��
+ function searchUserBieState(){
+ $.ajax({
+ type:"post",
+ url: "Echarts_usrAction!serchByCondition",
+ async:true,
+ dataType:'json',
+ data:null,
+ success: function(data){
+ var model = eval('('+data.result+')');
+ if(model.code == 1) {
+ var result = model.data;
+ var formatData = formatPieRsData(result[0]);
+ laytpl(pieConfTpl).render(formatData, function(html) {
+ layer.open({
+ id: 'pie',
+ title: '楗肩姸鍥鹃厤缃�',
+ maxHeight: 450,
+ content: html,
+ yes: function(index) {
+ var iptList = $('#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]');
+ var iptArr = [];
+ iptList.each(function() {
+ if($(this).is(':checked')) {
+ iptArr.push(1);
+ }else {
+ iptArr.push(0);
+ }
+ });
+
+ var temp = structUpdatePie(iptArr);
+ layer.load();
+ updateUserBieState(temp);
+ }
+ });
+ });
+ }
+
+ }
+ });
+ }
+
+ // 鏍煎紡鍖栨煡璇㈢粨鏋�
+ function formatPieRsData(result) {
+ var data={};
+ data.tblData=[];
+ // 閬嶅巻pieType鐨勭被鍨�
+ for(var i=0; i<pieType.length; i++) {
+ var tmp = {};
+ var num = i+1;
+ var key = 'echarts'+num+'_enable';
+ tmp.name = pieType[i].name;
+ tmp.status = result[key];
+ data.tblData.push(tmp);
+ }
+
+ return data;
+ }
+
+
+ // 鏋勯�犳洿鏂伴ゼ鐘跺浘鍙傛暟
+ function structUpdatePie(arr) {
+ var rs = {
+ echarts1_enable:0,
+ echarts2_enable:0,
+ echarts3_enable:0,
+ echarts4_enable:0,
+ echarts5_enable:0,
+ echarts6_enable:0,
+ echarts7_enable:0,
+ echarts8_enable:0,
+ echarts9_enable:0,
+ echarts10_enable:0
+ };
+
+ // 閬嶅巻arr缁檙s鍊奸噸瀹氫箟
+ for(var i=0; i<arr.length; i++) {
+ var num = i+1;
+ var key = 'echarts'+num+'_enable';
+ rs[key] = arr[i];
+ }
+
+ return rs;
+ }
+
+ // 鏇存柊褰撳墠鐢ㄦ埛璁剧疆楗肩姸鍥剧殑浣胯兘鐘舵��
+ function updateUserBieState(temp, dialog, load){
+ // 鏇存柊鍚庡彴鏁版嵁
+ $.ajax({
+ type:"post",
+ url: "Echarts_usrAction!add",
+ async:true,
+ dataType:'json',
+ data:'json='+JSON.stringify(temp),
+ success: function(data){
+ layer.closeAll();
+
+ var model = eval('('+data.result+')');
+ if(model.code == 1) {
+ layer.msg('閰嶇疆鎴愬姛锛侊紒锛�');
+ }else {
+ layer.msg('閰嶇疆澶辫触锛侊紒锛�');
+ }
+ }
+ });
+ }
+
});
</script>
</html>
--
Gitblit v1.9.1