大连成品网站建设,一般做网站带宽选择多大的,项目计划书ppt模板免费,本科自考多少钱目录 引言
一、设计
1. 树状图#xff08;不方便呈现节点之间的关系#xff0c;次要考虑#xff09;
2. 力引导依赖关系图
二、力引导关系图
三、如何实现节点的Open Or Fold
1. 设计逻辑
节点展开细节
节点收缩细节
代码实现
四、结果呈现
五、完整代码 引言
我…
目录 引言
一、设计
1. 树状图不方便呈现节点之间的关系次要考虑
2. 力引导依赖关系图
二、力引导关系图
三、如何实现节点的Open Or Fold
1. 设计逻辑
节点展开细节
节点收缩细节
代码实现
四、结果呈现
五、完整代码 引言
我考虑到如何实现关系图的缩放但是关系图并不是简单的一个树结构关系会存在于各个节点之间两个同一层级之间的节点之间也会有一定的关系。
那么如何实现节点之间的折叠和展开策略成为了这个图设计的关键要素。
一、设计
1. 树状图不方便呈现节点之间的关系次要考虑
2. 力引导依赖关系图 引力中心为图片中心考虑到尽可能多的呈现信息所以引力中心设置为中心 层级设计重量按照由中心向四周分布层级权重也是如此分布。
二、力引导关系图
力引导关系图通常指的是一种可视化方法用于展示图形中节点之间的关系和连接。这种图形通常采用力导向布局算法其中节点之间的吸引力和排斥力被用来模拟真实世界中的物理力以确定节点在图中的相对位置。 节点Nodes 表示图中的个体、对象或数据点。每个节点通常代表一个实体如人物、城市、概念等。 边Edges 表示节点之间的连接或关系。边可以是有向的或无向的具体取决于关系的性质。 力导向布局算法 使用物理模型来模拟节点之间的力的作用以确定节点的位置。这些力包括吸引力使相连接的节点靠近和排斥力使不相连接的节点远离。这种算法通过模拟物理系统中的粒子之间的相互作用来达到节点布局的目的。 布局 节点根据力导向算法的计算结果被放置在图形中的特定位置以便更好地展示节点之间的关系。 可视化 力引导关系图提供了一种直观的方式来理解图中节点的关系使得那些有关联的节点更接近而没有关联的节点相对较远。这有助于发现图中的模式、集群或其他重要信息。
这种图形在许多领域中都有应用例如社交网络分析、生物信息学、知识图谱可视化等。
三、如何实现节点的Open Or Fold
echarts3之后的关系图节点的书写按照以下规则
var myChart echarts.init(document.getElementById(main), macarons); // 指定图表的配置项和数据var option {tooltip : {show : true, //默认显示showContent:true, //是否显示提示框浮层trigger:item,//触发类型默认数据项触发triggerOn:click,//提示触发条件mousemove鼠标移至触发还有click点击触发alwaysShowContent:false, //默认离开提示框区域隐藏true为一直显示showDelay:0,//浮层显示的延迟单位为 ms默认没有延迟也不建议设置。在 triggerOn 为 mousemove 时有效。hideDelay:200,//浮层隐藏的延迟单位为 ms在 alwaysShowContent 为 true 的时候无效。enterable:false,//鼠标是否可进入提示框浮层中默认为false如需详情内交互如添加链接按钮可设置为 true。position:right,//提示框浮层的位置默认不设置时位置会跟随鼠标的位置。只在 trigger 为item的时候有效。confine:false,//是否将 tooltip 框限制在图表的区域内。外层的 dom 被设置为 overflow: hidden或者移动端窄屏导致 tooltip 超出外界被截断时此配置比较有用。transitionDuration:0.4,//提示框浮层的移动动画过渡时间单位是 s设置为 0 的时候会紧跟着鼠标移动。formatter: function (params, ticket, callback) {//判断数据提供相应的url。var path;var nodeparams.data; //当前选中节点数据var categoryparams.data.category; //选中节点图例0负载 1中间件 2端口号 3数据库 4用户名 if(category2){ //为jvm 虚拟机各类参数的路径path ${ctx}/weblogic.do?host node.host port node.port username node.username pwd node.pwd; //准备访问路径}else if(category4){ //为jdbc 数据库的路径path ${ctx}/oracle.do?host node.host port node.port username node.username pwd node.pwd instance node.instance; //准备访问路径}console.log(params);$.ajax({async : true,//设置异、同步加载cache : false,//false就不会从浏览器缓存中加载请求信息了type : post,dataType : json,url : path,//请求的action路径 success : function(data) { //请求成功后处理函数。 //加工返回后的数据debugger;if(category2){ //当选择端口号时var res jvm最大内存值: data.memoryMaxSizebr/;resjvm空闲内存值:data.memoryFreeSizebr/;resjvm内存使用率data.memoryPerbr/;res空闲线程data.ideThreadbr/;res总线程data.totalThreadbr/;res每秒处理的线程数比率data.throuhputbr/;callback(ticket,res);}else if(category4){//当选择用户名时var res 当前链接数data.processCountbr/;res最大链接数data.maxProcessCountbr/;callback(ticket,res);}},error : function() {//请求失败处理函数 $.messager.alert(警告, 请求失败, warning);}});if(category2||category4){ //当选择端口号与用户名时提示加载return loading;}else{ //其他情况显示所属图例以及名称return myChart.getOption().series[params.seriesIndex].categories[params.data.category].name:params.name;}}},legend : { //圖表控件show : true,data : [ {name : 负载,icon : rect//circle, rect, roundRect, triangle, diamond, pin, arrow},{name : 中间件,icon : roundRect}, {name : 端口号,icon : circle}, {name : 数据库,icon : circle},{name : 用户名,icon : roundRect} ]},series : [ {type : graph, //关系图name : 监控管理系统, //系列名称用于tooltip的显示legend 的图例筛选在 setOption 更新数据和配置项时用于指定对应的系列。layout : force, //图的布局类型为力导图circular 采用环形布局见示例 Les MiserableslegendHoverLink : true,//是否启用图例 hover(悬停) 时的联动高亮。hoverAnimation : true,//是否开启鼠标悬停节点的显示动画coordinateSystem : null,//坐标系可选xAxisIndex : 0, //x轴坐标 有多种坐标系轴坐标选项yAxisIndex : 0, //y轴坐标 force : { //力引导图基本配置//initLayout: ,//力引导的初始化布局默认使用xy轴的标点repulsion : 100,//节点之间的斥力因子。支持数组表达斥力范围值越大斥力越大。gravity : 0.03,//节点受到的向中心的引力因子。该值越大节点越往中心点靠拢。edgeLength :80,//边的两个节点之间的距离这个距离也会受 repulsion。[10, 50] 。值越小则长度越长layoutAnimation : true//因为力引导布局会在多次迭代后才会稳定这个参数决定是否显示布局的迭代动画在浏览器端节点数据较多100的时候不建议关闭布局过程会造成浏览器假死。 },roam : true,//是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移可以设置成 scale 或者 move。设置成 true 为都开启nodeScaleRatio : 0.6,//鼠标漫游缩放时节点的相应缩放比例当设为0时节点不随着鼠标的缩放而缩放draggable : true,//节点是否可拖拽只在使用力引导布局的时候有用。focusNodeAdjacency : true,//是否在鼠标移到节点上的时候突出显示节点以及节点的边和邻接节点。//symbol:roundRect,//关系图节点标记的图形。ECharts 提供的标记类型包括 circle(圆形), rect矩形, roundRect圆角矩形, triangle三角形, diamond菱形, pin大头针, arrow箭头 也可以通过 image://url 设置为图片其中 url 为图片的链接。path:// 这种方式可以任意改变颜色并且抗锯齿//symbolSize:10 ,//也可以用数组分开表示宽和高例如 [20, 10] 如果需要每个数据的图形大小不一样可以设置为如下格式的回调函数(value: Array|number, params: Object) number|Array//symbolRotate:,//关系图节点标记的旋转角度。注意在 markLine 中当 symbol 为 arrow 时会忽略 symbolRotate 强制设置为切线的角度。//symbolOffset:[0,0],//关系图节点标记相对于原本位置的偏移。[0, 50%]edgeSymbol : [ none, none ],//边两端的标记类型可以是一个数组分别指定两端也可以是单个统一指定。默认不显示标记常见的可以设置为箭头如下edgeSymbol: [circle, arrow]edgeSymbolSize : 10,//边两端的标记大小可以是一个数组分别指定两端也可以是单个统一指定。itemStyle : {//图形样式有 normal 和 emphasis 两个状态。normal 是图形在默认状态下的样式emphasis 是图形在高亮状态下的样式比如在鼠标悬浮或者图例联动高亮时。normal : { //默认样式label : {show : true},borderType : solid, //图形描边类型默认为实线支持 solid实线, dashed(虚线), dotted点线。borderColor : rgba(255,215,0,0.4), //设置图形边框为淡金色,透明度为0.4borderWidth : 2, //图形的描边线宽。为 0 时无描边。opacity : 1// 图形透明度。支持从 0 到 1 的数字为 0 时不绘制该图形。默认0.5},emphasis : {//高亮状态}},lineStyle : { //关系边的公用线条样式。normal : {color : rgba(255,0,255,0.4),width : 3,type : dotted, //线的类型 solid实线dashed虚线dotted点线curveness : 0.3, //线条的曲线程度从0到1opacity : 1// 图形透明度。支持从 0 到 1 的数字为 0 时不绘制该图形。默认0.5},emphasis : {//高亮状态}},label : { //图形上的文本标签normal : {show : true,//是否显示标签。position : inside,//标签的位置。[50%, 50%] [x,y]textStyle : { //标签的字体样式color : #cde6c7, //字体颜色fontStyle : normal,//文字字体的风格 normal标准 italic斜体 oblique 倾斜fontWeight : bolder,//normal标准bold粗的bolder更粗的lighter更细的或100 | 200 | 300 | 400...fontFamily : sans-serif, //文字的字体系列fontSize : 12, //字体大小}},emphasis : {//高亮状态}},edgeLabel : {//线条的边缘标签 normal : {show : false},emphasis : {//高亮状态}},//别名为nodes name:影响图形标签显示,value:影响选中后值得显示,category:所在类目的index,symbol:类目节点标记图形,symbolSize:10图形大小//label:标签样式。data : [ {id : 0,category : 0,name : 101.133.8.88,symbol : roundRect,value : 20,symbolSize : 80}, {id : 1,category : 1,name : 192.168.8.88,symbol : rect,value : 20,symbolSize : 70}, {id : 2,category : 2,name : 7001,symbol : circle,value : 20,symbolSize : 60,yId:jvm,host:192.168.6.37,port:7001,username:weblogic,pwd:weblogic1}, {id : 3,category : 2,name : 7100,symbol : circle,value : 20,symbolSize : 60}, {id : 4,category : 1,name : 102.12.33.23,symbol : rect,value : 20,symbolSize : 70}, {id : 5,category : 2,name : 7001,symbol : circle,value : 20,symbolSize : 60}, {id : 6,category : 2,name : 7100,symbol : circle,value : 20,symbolSize : 60}, {id : 7,category : 2,name : 7001,symbol : circle,value : 20,symbolSize : 60}, {id : 8,category : 1,name : 101.11.66.6,symbol : rect,value : 20,symbolSize : 70}, {id : 9,category : 2,name : 7101,symbol : circle,value : 20,symbolSize : 60}, {id : 10,category : 2,name : 7101,symbol : circle,value : 20,symbolSize : 60}, {id : 11,category : 2,name : 7001,symbol : circle,value : 20,symbolSize : 60}, {id : 12,category : 2,name : 7100,symbol : circle,value : 20,symbolSize : 60}, {id : 13,category : 3,name : 192.168.44.44,symbol : circle,value : 20,symbolSize : 70}, {id : 14,category : 3,name : 192.168.33.33,symbol : circle,value : 20,symbolSize : 70}, {id : 15,category : 3,name : 192.168.22.22,symbol : circle,value : 20,symbolSize : 70}, {id : 16,category : 4,name : 55555555555,symbol : circle,value : 20,symbolSize : 70,yId:jdbc,port:1521,host:192.168.11.11,username:222222222,pwd:11111111,instance:orcl}],categories : [ //symbol name用于和 legend 对应以及格式化 tooltip 的内容。 label有效{name : 负载,symbol : rect,label : { //标签样式}}, {name : 中间件,symbol : rect}, {name : 端口号,symbol : roundRect}, {name : 数据库,symbol : roundRect}, {name : 用户名,symbol : roundRect} ],links : [ //edges是其别名代表节点间的关系数据。{source : 1,target : 0}, {source : 4,target : 0}, {source : 8,target : 0}, {source : 2,target : 1}, {source : 3,target : 1}, {source : 5,target : 4}, {source : 6,target : 4}, {source : 7,target : 4}, {source : 9,target : 8}, {source : 10,target : 8}, {source : 11,target : 8}, {source : 12,target : 8}, {source : 13,target : 6}, {source : 14,target : 6}, {source : 15,target : 2}, {source : 16,target : 15} ]} ]};// 使用刚指定的配置项和数据显示图表。myChart.setOption(option);/*ECharts3 方法部分 开始*/function openOrFold(params) { //该事件会提示节点间关系...}//var ecConfig echarts.config; echarts2的获取事件方法当前为echarts3myChart.on(mouseover, openOrFold);//click、dblclick、mousedown、mousemove、mouseup、mouseover、mouseout /*ECharts3 方法部分 结束*//*ECharts3 结束*/
那么如何实现鼠标点击或者悬停实现节点的折叠和展开呢
1. 设计逻辑
节点展开细节
需求逐级展开每次展开节点周围一层的节点并且绘制出已存在节点的关系。
节点收缩细节
需求逐层收缩每次收缩周围一层的节点并且取消消失节点之间的关系。
为了保持思维流畅性用户友好性在收缩的时候采取收缩当前节点的子节点并且收缩上一层节点的孤立点下一层的并不实现收缩。
代码实现
openOrFold(param) {var option this.myChart1.getOption();var nodesOption option.series[0].data;var linksOption option.series[0].edges;var data param.data;var linksNodes [];if (data ! null data ! undefined) {if (data.flag) {var tempNodes [];// 如果节点已经展开将其所有的关联节点隐藏for (let m in linksOption) {// 找上下“已经显示的孤立的”层节点隐藏if (linksOption[m].target data.id nodesOption[linksOption[m].source].category 0 !nodesOption[linksOption[m].source].flag) {// 找下层// tempNodes.push(nodesOption[linksOption[m].source])linksNodes.push(linksOption[m].source);} else if (linksOption[m].source data.id nodesOption[linksOption[m].target].category 0 !nodesOption[linksOption[m].target].flag) {// 找上层tempNodes.push(nodesOption[linksOption[m].target])linksNodes.push(linksOption[m].target);}}// 找孤立点var temp [];for(let i in linksOption){for(let j in tempNodes){if(linksOption[i].target tempNodes[j].id nodesOption[linksOption[i].source].category0 linksOption[i].source ! data.id){// console.log(linksOption[i])temp.push(linksOption[i].target)}else if(linksOption[i].source tempNodes[j].id nodesOption[linksOption[i].target].category0 linksOption[i].target ! data.id){temp.push(linksOption[i].source)}}}var uniqueTemp [...new Set(temp)]var elementsSet new Set(uniqueTemp)linksNodes linksNodes.filter(item!elementsSet.has(item))// 将上下层节点的隐藏设置if (linksNodes ! null linksNodes ! undefined) {for (let k in linksNodes) {nodesOption[linksNodes[k]].category nodesOption[linksNodes[k]].category * -1;}nodesOption[data.id].flag false;}} else {// 如果节点未展开将其所有的关联节点打开for (let m in linksOption) {// 找上下“未显示的”层节点if (linksOption[m].target data.id nodesOption[linksOption[m].source].category 0) {// 找下层linksNodes.push(linksOption[m].source);} else if (linksOption[m].source data.id nodesOption[linksOption[m].target].category 0) {// 找上层linksNodes.push(linksOption[m].target);}}// 将上下层节点的显示设置if (linksNodes ! null linksNodes ! undefined) {for (let k in linksNodes) {nodesOption[linksNodes[k]].category nodesOption[linksNodes[k]].category * -1;}nodesOption[data.id].flag true;}}// option.series[0].data linksNodes;this.myChart1.setOption(option);}},
按照这个逻辑则可以画出如下所示视频中的节点折叠和展开。
四、结果呈现 FlodOrOPen 五、完整代码
一页完整的vue代码,DemoView.vue
数据来源https://echarts.apache.org/examples/data/asset/data/webkit-dep.json
templatediv classconnectiondiv idchart1 stylewidth: 90vw; height: 90vh/div/div
/templatescript
export default {data() {return {myChart1: null,webkitDep: {}};},methods: {init() {var webkitDep this.webkitDep;this.myChart1 this.$echarts.init(document.getElementById(chart1));var option {legend: {data: [Spine, Switch, Node],},tooltip:{formatter: (params) {var chartData params.data;if(params.dataType node){var htmlContent div stylemin-width: 310px;background: #fff; padding: 10px 5px;color: #999;font-weight: 900;div stylefont-size: 14px;margin-bottom: 10px;${基本信息}/divdiv stylefont-size: 12px;line-height: 24px;div stylewidth: 100%;span styledisplay: inline-block;width: 80px;text-align: right;padding-right: 10px;${名称:}/spanspan styledisplay: inline-block;width: 180px;color: #000;${chartData.name}/span/divdiv stylewidth: 100%;span styledisplay: inline-block;width: 80px;text-align: right;padding-right: 10px;${状态:}/spanspan styledisplay: inline-block;width: 10px;height: 10px;text-align: center;background: red;border-radius: 50%;/spanspan styledisplay: inline-block;width: 180px;color: #000;${chartData.state}/span/divdiv stylewidth: 100%;span styledisplay: inline-block;width: 80px;text-align: right;padding-right: 10px;${IP地址:}/spanspan styledisplay: inline-block;width: 180px;color: #000;${chartData.ip}/span/div/divdiv classbtn-tooltip stylewidth: 100%; text-align: right;padding-right: 10px;color: #1e9fff; cursor: pointer; onclickchartClick详情/div/div}else if(params.dataType edge){}return htmlContent}},series: [{type: graph,layout: force,animation: false,label: {show: false ,position: right,formatter: {b},},draggable: true,roam: true,data: webkitDep.nodes.map(function (node, idx) {node.id idx;return node;}),categories: webkitDep.categories,force: {// edgeLength: [50,100],repulsion: 500,gravity: 0,},edges: webkitDep.links,emphasis: {focus: adjacency,label: {position: right,show: true,},},},],};this.myChart1.setOption(option);this.myChart1.on(click, this.openOrFold);},openOrFold(param) {var option this.myChart1.getOption();var nodesOption option.series[0].data;var linksOption option.series[0].edges;var data param.data;var linksNodes [];if (data ! null data ! undefined) {if (data.flag) {var tempNodes [];// 如果节点已经展开将其所有的关联节点隐藏for (let m in linksOption) {// 找上下“已经显示的孤立的”层节点隐藏if (linksOption[m].target data.id nodesOption[linksOption[m].source].category 0 !nodesOption[linksOption[m].source].flag) {// 找下层// tempNodes.push(nodesOption[linksOption[m].source])linksNodes.push(linksOption[m].source);} else if (linksOption[m].source data.id nodesOption[linksOption[m].target].category 0 !nodesOption[linksOption[m].target].flag) {// 找上层tempNodes.push(nodesOption[linksOption[m].target])linksNodes.push(linksOption[m].target);}}// 找孤立点var temp [];for(let i in linksOption){for(let j in tempNodes){if(linksOption[i].target tempNodes[j].id nodesOption[linksOption[i].source].category0 linksOption[i].source ! data.id){// console.log(linksOption[i])temp.push(linksOption[i].target)}else if(linksOption[i].source tempNodes[j].id nodesOption[linksOption[i].target].category0 linksOption[i].target ! data.id){temp.push(linksOption[i].source)}}}var uniqueTemp [...new Set(temp)]var elementsSet new Set(uniqueTemp)linksNodes linksNodes.filter(item!elementsSet.has(item))// 将上下层节点的隐藏设置if (linksNodes ! null linksNodes ! undefined) {for (let k in linksNodes) {nodesOption[linksNodes[k]].category nodesOption[linksNodes[k]].category * -1;}nodesOption[data.id].flag false;}} else {// 如果节点未展开将其所有的关联节点打开for (let m in linksOption) {// 找上下“未显示的”层节点if (linksOption[m].target data.id nodesOption[linksOption[m].source].category 0) {// 找下层linksNodes.push(linksOption[m].source);} else if (linksOption[m].source data.id nodesOption[linksOption[m].target].category 0) {// 找上层linksNodes.push(linksOption[m].target);}}// 将上下层节点的显示设置if (linksNodes ! null linksNodes ! undefined) {for (let k in linksNodes) {nodesOption[linksNodes[k]].category nodesOption[linksNodes[k]].category * -1;}nodesOption[data.id].flag true;}}// option.series[0].data linksNodes;this.myChart1.setOption(option);}},},mounted() {this.init();},
};
/scriptstyle scoped/style 文章转载自： http://www.morning.yrhpg.cn.gov.cn.yrhpg.cn http://www.morning.dwyyf.cn.gov.cn.dwyyf.cn http://www.morning.rnqrl.cn.gov.cn.rnqrl.cn http://www.morning.nlrp.cn.gov.cn.nlrp.cn http://www.morning.divocn.com.gov.cn.divocn.com http://www.morning.tbplf.cn.gov.cn.tbplf.cn http://www.morning.wdnkp.cn.gov.cn.wdnkp.cn http://www.morning.zwfgh.cn.gov.cn.zwfgh.cn http://www.morning.httzf.cn.gov.cn.httzf.cn http://www.morning.hpspr.com.gov.cn.hpspr.com http://www.morning.kpyyf.cn.gov.cn.kpyyf.cn http://www.morning.qnxkm.cn.gov.cn.qnxkm.cn http://www.morning.jyjqh.cn.gov.cn.jyjqh.cn http://www.morning.fdjwl.cn.gov.cn.fdjwl.cn http://www.morning.lsssx.cn.gov.cn.lsssx.cn http://www.morning.zczkm.cn.gov.cn.zczkm.cn http://www.morning.pqnps.cn.gov.cn.pqnps.cn http://www.morning.zzbwjy.cn.gov.cn.zzbwjy.cn http://www.morning.hmlpn.cn.gov.cn.hmlpn.cn http://www.morning.skpdg.cn.gov.cn.skpdg.cn http://www.morning.jmbgl.cn.gov.cn.jmbgl.cn http://www.morning.gqjwz.cn.gov.cn.gqjwz.cn http://www.morning.rqjxc.cn.gov.cn.rqjxc.cn http://www.morning.dkslm.cn.gov.cn.dkslm.cn http://www.morning.wxfjx.cn.gov.cn.wxfjx.cn http://www.morning.pybqq.cn.gov.cn.pybqq.cn http://www.morning.lgxzj.cn.gov.cn.lgxzj.cn http://www.morning.rfmzs.cn.gov.cn.rfmzs.cn http://www.morning.qrgfw.cn.gov.cn.qrgfw.cn http://www.morning.xjkfb.cn.gov.cn.xjkfb.cn http://www.morning.hwtb.cn.gov.cn.hwtb.cn http://www.morning.ykyfq.cn.gov.cn.ykyfq.cn http://www.morning.wsyst.cn.gov.cn.wsyst.cn http://www.morning.tmbfz.cn.gov.cn.tmbfz.cn http://www.morning.plznfnh.cn.gov.cn.plznfnh.cn http://www.morning.nqyzg.cn.gov.cn.nqyzg.cn http://www.morning.sknbb.cn.gov.cn.sknbb.cn http://www.morning.wnpps.cn.gov.cn.wnpps.cn http://www.morning.xlbtz.cn.gov.cn.xlbtz.cn http://www.morning.mhybs.cn.gov.cn.mhybs.cn http://www.morning.fjglf.cn.gov.cn.fjglf.cn http://www.morning.sgpny.cn.gov.cn.sgpny.cn http://www.morning.mstbbs.com.gov.cn.mstbbs.com http://www.morning.rxyz.cn.gov.cn.rxyz.cn http://www.morning.jwrcz.cn.gov.cn.jwrcz.cn http://www.morning.pnljy.cn.gov.cn.pnljy.cn http://www.morning.khntd.cn.gov.cn.khntd.cn http://www.morning.dpgdj.cn.gov.cn.dpgdj.cn http://www.morning.xrrbj.cn.gov.cn.xrrbj.cn http://www.morning.rwfp.cn.gov.cn.rwfp.cn http://www.morning.wjwfj.cn.gov.cn.wjwfj.cn http://www.morning.yskhj.cn.gov.cn.yskhj.cn http://www.morning.dmlsk.cn.gov.cn.dmlsk.cn http://www.morning.fhrgk.cn.gov.cn.fhrgk.cn http://www.morning.zrgx.cn.gov.cn.zrgx.cn http://www.morning.gjfym.cn.gov.cn.gjfym.cn http://www.morning.xysdy.cn.gov.cn.xysdy.cn http://www.morning.hptbp.cn.gov.cn.hptbp.cn http://www.morning.rjtmg.cn.gov.cn.rjtmg.cn http://www.morning.nfpgc.cn.gov.cn.nfpgc.cn http://www.morning.chxsn.cn.gov.cn.chxsn.cn http://www.morning.ktfnj.cn.gov.cn.ktfnj.cn http://www.morning.wpqcj.cn.gov.cn.wpqcj.cn http://www.morning.rrqbm.cn.gov.cn.rrqbm.cn http://www.morning.lfpzs.cn.gov.cn.lfpzs.cn http://www.morning.ptwrz.cn.gov.cn.ptwrz.cn http://www.morning.gqddl.cn.gov.cn.gqddl.cn http://www.morning.npkrm.cn.gov.cn.npkrm.cn http://www.morning.wmdqc.com.gov.cn.wmdqc.com http://www.morning.bqqzg.cn.gov.cn.bqqzg.cn http://www.morning.mtzyr.cn.gov.cn.mtzyr.cn http://www.morning.ktmpw.cn.gov.cn.ktmpw.cn http://www.morning.kndt.cn.gov.cn.kndt.cn http://www.morning.jpydf.cn.gov.cn.jpydf.cn http://www.morning.dkcpt.cn.gov.cn.dkcpt.cn http://www.morning.hlxxl.cn.gov.cn.hlxxl.cn http://www.morning.tzkrh.cn.gov.cn.tzkrh.cn http://www.morning.pnmnl.cn.gov.cn.pnmnl.cn http://www.morning.zxdhp.cn.gov.cn.zxdhp.cn http://www.morning.kjcll.cn.gov.cn.kjcll.cn
