前端
js.png
datamap_search.js 數(shù)據(jù)地圖的控制js
- 變量：
- treeParam 原先用來存儲樹相關(guān)信息的，后來用其他變量first,second,third
- items 原先用來存儲樹節(jié)點(diǎn)信息。
- myChart 用來存儲echart對象。
- option 用來存儲echart對象的option對象。
- first，second，thired分別用來存儲第一次，第二次，第三次下鉆的信息
- businessCash 用來區(qū)分分域還是分系統(tǒng)
- treeInfluence 用來區(qū)分是樹節(jié)點(diǎn)的查詢還是echart的查詢。
- 方法：
- 初始化方法$(function(){});
- 查詢C區(qū)域所示信息。無論是分域還是分系統(tǒng)，影響的是B區(qū)域的統(tǒng)計結(jié)果，與C區(qū)域無關(guān)。用tab頁的形式分域，分系統(tǒng)。
- 做一次C區(qū)域的查詢
- 初始化樹節(jié)點(diǎn)
- 初始化echart圖表
- 設(shè)置enter鍵搜索事件
- queryAjax（）查詢按鈕事件
- 點(diǎn)擊查詢有兩種場景，一種是點(diǎn)擊樹節(jié)點(diǎn)后的查詢，另外一種是直接點(diǎn)擊查詢。如果查詢之前沒有點(diǎn)擊樹節(jié)點(diǎn)，用戶想要看到的是單純的查詢輸入框的條件的查詢結(jié)果。需要清空先前所有的域查詢輸入框無關(guān)的查詢條件。也就是說清空first,second,third這三個條件。
- 如果選中了樹節(jié)點(diǎn)后點(diǎn)擊查詢按鈕，查詢結(jié)果帶有這個查詢條件，而不要其他查詢 條件。要做到這一點(diǎn)第一需要記錄查詢的上一部操作是不是點(diǎn)擊樹節(jié)點(diǎn)。第二清空second，thired這兩個參數(shù)。
- editData()
* 這是一個雙擊顯示詳情的功能。
- initTree()
* 用來初始化樹，并綁定click事件
- clickFunction()
* 點(diǎn)擊樹節(jié)點(diǎn)事件要清空first,second,third的值
* 用來觸發(fā)點(diǎn)擊事件。這里要區(qū)分好父子節(jié)點(diǎn)，以及系統(tǒng)與域節(jié)點(diǎn)
* 樹點(diǎn)擊事件是默認(rèn)第二層下鉆查詢
- searchFunction()
* 用來給樹節(jié)點(diǎn)下鉆的時候?qū)區(qū)的更新
- loadBusiness()
* 用來加載echart圖表
1. first,second,third分別對應(yīng)第一，二，三下鉆的參數(shù)
2. level指是第幾層下鉆
3. businessType是指業(yè)務(wù)域還是系統(tǒng)域
4. treeInfluence是指本次操作是不是因為點(diǎn)擊樹發(fā)起的查詢。
initEcharts_search （） 第一層展示；
initEcharts_one（）第二層下鉆展示
initEcharts_two（）第三曾下鉆展示 業(yè)務(wù)域
initEcharts_two_2（） 第三次瞎轉(zhuǎn)展示 系統(tǒng)域
initEcharts_tree（）第四層下鉆展示 業(yè)務(wù)域
