large2.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
  1. $(function() {// 初始化内容
  2. var url="/wzzgh-fwdt/healthScore/largeScreen?orgId="
  3. createBar11()
  4. // $.post(url,function(data,status){
  5. var data =[
  6. {
  7. h:"创新新材料",name:"创新新材料",img:true,txt:"温州创新新材料股份有限公司主要经营:水泥制品技术研发;生产、销售商品混凝土、干混砂浆、商砼。等产品。公司尊崇“踏实、拼搏、责任”的企业精神,并以诚信、共赢、开创经营理念,创造良好的企业环境,以全新的管理模式,完善的技术,周到的服务,卓越的品质为生存根本,我们始终坚持用户至上 用心服务于客户,坚持用自己的服务去打动客户。"
  8. },{
  9. h:"钟铮锁业",name:"浙江钟铮锁业有限公司",img:true,txt:"浙江钟铮锁业有限公司(原温州海坦锁业有限公司、瓯海锦山锁厂)专业生产各种高、低压开关柜的配套部件和MS系列开关柜门锁,隶属于机械部、能源部、电力部、五金电器成员企业之一,有着近二十年的专业生产MS锁具的历史。产品销往美国、韩国、日本、俄罗斯、以及东南亚地区"
  10. },{
  11. h:"浙江蓝图",name:"浙江蓝图包装有限公司",img:true,txt:"浙江蓝图包装有限公司创建于1992年,座落于温州瓯海娄桥工业园区,傍依温州动车站,地理位置优越。工厂占地面积18000平方米,集设计,研发,生产,营销于一体,现拥有450名员工,其中技师,工艺师,管理人员和技术员工100余人,操作员工300余人,品质检验员40余人,销售年产值超二千万美元,产品远销欧美及东南亚等地区。"
  12. },{
  13. h:"",name:"温州市进泰鞋业有限公司",img:false,txt:""
  14. },{
  15. h:"温州伊斯利",name:"温州伊斯利鞋业有限公司",img:true,txt:"温州伊斯利鞋业有限公司,1993年09月11日成立,经营范围包括生产销售注塑鞋、皮鞋、胶鞋等。"
  16. },{
  17. h:"联丰皮塑",name:"温州联丰皮塑有限公司",img:true,txt:"温州联丰皮塑有限公司,1995年07月14日成立,经营范围包括生产销售注塑鞋、皮鞋、胶鞋、鞋帮半成品、鞋用配件和面料复合等。"
  18. },{
  19. h:"朗驰实业",name:"温州朗驰实业有限公司",img:true,txt:"温州朗驰实业有限公司,2008年11月17日成立,经营范围包括一般经营项目:电器及配件的研发等。"
  20. },
  21. {
  22. h:"娄桥新丰",name:"温州市娄桥新丰润滑由加工厂",img:false,txt:"温州市娄桥新丰润滑油加工厂,1997年08月12日成立,经营范围包括零售润滑油"
  23. }, {
  24. h:"龙丰橡胶",name:"温州市龙丰橡胶工业有限公司",img:false,txt:"温州市龙丰橡胶工业有限公司,1996年10月08日成立,经营范围包括制造、加工、销售橡胶片、橡胶鞋底、橡胶零件。"
  25. }, {
  26. h:"意达石化",name:"温州市意达石化泵业有限公司",img:true,txt:"温州市意达石化泵业有限公司具有二十多年化工泵业专业制造历史,是一家集技、工、贸、开发、生产、销售为一体的高新技术企业,拥有先进的计算机辅助设计系统,产品智能检测,已成通过国家标准的大型全封闭水泵测试标准."
  27. }, {
  28. h:"温州鼎圣",name:"温州鼎圣制鞋机械有限公司",img:true,txt:""
  29. }, {
  30. h:"瑞新集团",name:"瑞新集团有限公司",img:true,txt:"瑞新集团有限公司,1997年07月21日成立,经营范围包括一般经营项目:销售皮革、皮革制品、家具、锁、鞋、棉及化纤制品、化工原料(不含危险化学品)等。"
  31. }, {
  32. h:"创新住宅",name:"温州创新住宅预制构件制造有限公司",img:false,txt:"温州创新住宅预制构件制造有限公司,2016年01月29日成立,属于温州电子材料、零部件、结构件公司行业。"
  33. }, {
  34. h:"温州恒驰",name:"温州市恒驰汽车配件有限公司",img:false,txt:"温州市恒驰汽车配件有限公司,2005年09月01日成立,经营范围:制造、加工、销售汽车配件、纸制品、包装箱等。"
  35. }, {
  36. h:"城建集团",name:"城建集团",img:true,txt:""
  37. }, {
  38. h:"三虎动力",name:"温州三虎动力部件有限公司",img:false,txt:"温州三虎动力部件有限公司,2000年06月05日成立,经营范围:制造、销售汽车发动机配件、柴油机配件、标准件、塑料件、铝压铸件、机械配件等。"
  39. }, {
  40. h:"娄桥晓光",name:"温州市娄桥晓光打火机配件厂",img:true,txt:"温州市娄桥晓光打火机配件厂,1997年04月22日成立,经营范围包括制造、加工、销售打火机配件。"
  41. }, {
  42. h:"娄桥化建",name:"温州市瓯海娄桥化建有限公司",img:true,txt:"温州市瓯海娄桥化建有限公司,1993年02月25日成立,经营范围包括销售建材、化工原料(不含危险化学品)。"
  43. }, {
  44. h:"娄桥合作社",name:"温州市瓯海区娄桥街道娄桥村股份经济合作社",img:false,txt:""
  45. }, {
  46. h:"晓锋五金厂",name:"温州市瓯海娄桥晓锋五金厂",img:true,txt:""
  47. }, {
  48. h:"长虹眼睛",name:"温州市瓯海长虹眼镜有限公司",img:true,txt:""
  49. }, {
  50. h:"物产总公司",name:"温州市瓯海区物产总公司",img:false,txt:""
  51. }, {
  52. h:"大东集团",name:"大东集团有限公司",img:true,txt:""
  53. }, {
  54. h:"康豪鞋材",name:"温州市康豪鞋材有限公司",img:true,txt:""
  55. }, {
  56. h:"瓯海眼镜",name:"温州市瓯海眼镜有限公司",img:true,txt:""
  57. },
  58. ]
  59. for(var i in data){
  60. var obj=data[i];
  61. $("#companyList").append(
  62. $("<tr class='companyshow' num='"+i+"' > <td>"+obj.name+(obj.img?'<i class="glyphicon glyphicon-picture"></i>':'')+" </td> <td> 正常 </td></tr>")
  63. );
  64. }
  65. var index=0;
  66. $(".company-btn-l").click(function(){
  67. var i =parseInt(index)-1
  68. if(i<0){
  69. i=data.length-1
  70. }
  71. index=i;
  72. var obj=data[i];
  73. $("#myModalLabelweqweqweqweq").text(obj.name);
  74. $(".company-text").text(obj.txt);
  75. if(obj.img){
  76. //$(".company-img").show()
  77. $(".company-img-p").attr("src","img/cn/"+obj.name+".jpg")
  78. }else{
  79. $(".company-img-p").attr("src","img/cn/null.jpg")
  80. //$(".company-img").hide()
  81. }
  82. })
  83. $(".company-btn-r").click(function(){
  84. var i =parseInt(index)+1
  85. if(i>=data.length){
  86. i=0
  87. }
  88. index=i;
  89. var obj=data[i];
  90. $("#myModalLabelweqweqweqweq").text(obj.name);
  91. $(".company-text").text(obj.txt);
  92. if(obj.img){
  93. //$(".company-img").show()
  94. $(".company-img-p").attr("src","img/cn/"+obj.name+".jpg")
  95. }else{
  96. $(".company-img-p").attr("src","img/cn/null.jpg")
  97. //$(".company-img").hide()
  98. }
  99. })
  100. $(".tabbbbb2 .map-item").click(function(){
  101. var ptext =$(this).find("p").html();
  102. if(ptext=="蓝图二期"){
  103. ptext="浙江蓝图"
  104. }
  105. var obj = data.find((item)=>{
  106. if(ptext==item.h){
  107. return true;
  108. }else{
  109. return false;
  110. }
  111. });
  112. $("#myModalLabelweqweqweqweq").text(obj.name);
  113. $(".company-text").text(obj.txt);
  114. if(obj.img){
  115. //$(".company-img").show()
  116. $(".company-img-p").attr("src","img/cn/"+obj.name+".jpg")
  117. }else{
  118. $(".company-img-p").attr("src","img/cn/null.jpg")
  119. //$(".company-img").hide()
  120. }
  121. $("#myModal").modal("show")
  122. })
  123. $(".companyshow").click(function(){
  124. var i = $(this).attr("num");
  125. index=i;
  126. var obj=data[i];
  127. $("#myModalLabelweqweqweqweq").text(obj.name);
  128. $(".company-text").text(obj.txt);
  129. if(obj.img){
  130. //$(".company-img").show()
  131. $(".company-img-p").attr("src","img/cn/"+obj.name+".jpg")
  132. }else{
  133. $(".company-img-p").attr("src","img/cn/null.jpg")
  134. //$(".company-img").hide()
  135. }
  136. $("#myModal").modal("show")
  137. })
  138. function uniq(array){
  139. var temp = [];
  140. var index = [];
  141. var l = array.length;
  142. for(var i = 0; i < l; i++) {
  143. for(var j = i + 1; j < l; j++){
  144. if (array[i] === array[j]){
  145. i++;
  146. j = i;
  147. }
  148. }
  149. temp.push(array[i]);
  150. index.push(i);
  151. }
  152. return temp;
  153. }
  154. function createBar11(){
  155. var x=0;
  156. var map=new Map();
  157. var dom = document.getElementById("container5");
  158. var myChart = echarts.init(dom);
  159. var mydata=[];
  160. var mydata1=[];
  161. var mydata2=[];
  162. var innum=0;
  163. var avgnum=0;
  164. var colors=[]
  165. if(true){
  166. colors=['#37A2DA','#3BBF03','#FFCB01','#FF6200','#FF2525',
  167. '#2f68dd','#70be00','#ff9040','#ff001e','#ff2ab9']
  168. //娄桥街道
  169. mydata=[
  170. {value:113*20, name:'小学'},
  171. {value:443*20, name:'初中'},
  172. {value:9*20, name:'高中'},
  173. {value:247*20, name:'中专'},
  174. {value:2*20, name:'高职'},
  175. {value:2*20, name:'本科'},
  176. {value:2, name:'硕士'},
  177. {value:0, name:'博士'},
  178. {value:0, name:'博士后'},
  179. ];
  180. //南白象
  181. mydata=[
  182. {value:103*20+7, name:'小学'},
  183. {value:246*20+6, name:'初中'},
  184. {value:16*20+2, name:'高中'},
  185. {value:72*20+8, name:'中专'},
  186. {value:2*20+2, name:'高职'},
  187. {value:6*20+1, name:'本科'},
  188. {value:6, name:'硕士'},
  189. {value:4, name:'博士'},
  190. ];
  191. }
  192. var option = {
  193. color:colors,
  194. label: {
  195. alignTo: 'edge',
  196. formatter: '{b}\n{d}%',
  197. minMargin: 5,
  198. edgeDistance: 10,
  199. lineHeight: 15,
  200. rich: {
  201. time: {
  202. fontSize: 10,
  203. color: '#999'
  204. }
  205. }
  206. },
  207. title: {
  208. text: '',
  209. subtext: '',
  210. left: 'center'
  211. },
  212. tooltip: {
  213. trigger: 'item',
  214. formatter: function(params){
  215. console.log(params)
  216. if(params.seriesIndex==0){
  217. return params.name + '<br />'+params.value+'人<br/>占比'+params.percent+ '%'
  218. }
  219. if(params.seriesIndex==1){
  220. return params.name + '<br />'+params.value+'人'
  221. }
  222. }
  223. },
  224. legend: {
  225. orient: 'vertical',
  226. // left: 'left',
  227. left:"right",
  228. textStyle: {color: '#FFFFFF'},
  229. },
  230. series : [
  231. {
  232. // name: 'a',
  233. type: 'pie',
  234. radius: '70%',
  235. data:mydata,
  236. emphasis: {
  237. itemStyle: {
  238. shadowBlur: 10,
  239. shadowOffsetX: 0,
  240. shadowColor: 'rgba(0, 0, 0, 0.5)',
  241. }
  242. }
  243. },
  244. ]
  245. }
  246. myChart.setOption(option);
  247. myChart.on('click', function (params) {
  248. //console.log(params)
  249. });
  250. }
  251. });