{"remainingRequest":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-ui\\src\\views\\main\\DataStatistics\\index.vue?vue&type=style&index=0&id=9e7a493a&lang=less&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-ui\\src\\views\\main\\DataStatistics\\index.vue","mtime":1675233415816},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\less-loader\\dist\\cjs.js","mtime":1675233429113},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi53cmFwIHsKCXdpZHRoOiAxMDAlOwoJaGVpZ2h0OiAxMDAlOwoJcGFkZGluZzogMjRweCAhaW1wb3J0YW50OwoJYm94LXNpemluZzogYm9yZGVyLWJveDsKCgkudGl0bGUgewoJCWhlaWdodDogMjZweDsKCQlmb250LWZhbWlseTogTWljcm9zb2Z0IFlhSGVpOwoJCWZvbnQtc2l6ZTogMjBweDsKCQlmb250LXdlaWdodDogbm9ybWFsOwoJCWZvbnQtc3RyZXRjaDogbm9ybWFsOwoJCWxpbmUtaGVpZ2h0OiAyNHB4OwoJCWxldHRlci1zcGFjaW5nOiAwcHg7CgkJY29sb3I6ICMyNDI2MmI7CgkJZGlzcGxheTogZmxleDsKCQlqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47Cgl9CgoJLmhlYWQgewoJCWRpc3BsYXk6IGZsZXg7CgkJanVzdGlmeS1jb250ZW50OiBzcGFjZS1ldmVubHk7CgkJaGVpZ2h0OiAxNjBweDsKCQliYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmOwoJCWJveC1zaGFkb3c6IDBweCAxMnB4IDIzcHggMHB4IHJnYmEoMCwgMCwgMCwgMC4wNSk7CgkJYm9yZGVyLXJhZGl1czogMTZweDsKCgkJLmhlYWRfaXRlbSB7CgkJCXdpZHRoOiAyNjBweDsKCQkJaGVpZ2h0OiAxNjBweDsKCQkJcGFkZGluZzogNTBweCAyNHB4OwoJCQlkaXNwbGF5OiBmbGV4OwoJCQlib3gtc2l6aW5nOiBib3JkZXItYm94OwoKCQkJLml0ZW1faW1nIHsKCQkJCXdpZHRoOiA2MHB4OwoJCQkJaGVpZ2h0OiA2MHB4OwoKCQkJCWltZyB7CgkJCQkJd2lkdGg6IDEwMCU7CgkJCQl9CgkJCX0KCgkJCS5pdGVtX3RleHQgewoJCQkJbWFyZ2luLWxlZnQ6IDE2cHg7CgkJCQlmb250LXNpemU6IDE0cHg7CgkJCQlmb250LXdlaWdodDogbm9ybWFsOwoJCQkJZm9udC1zdHJldGNoOiBub3JtYWw7CgkJCQlsaW5lLWhlaWdodDogMTdweDsKCQkJCWxldHRlci1zcGFjaW5nOiAwcHg7CgkJCQljb2xvcjogIzU0NTQ1NDsKCgkJCQlkaXY6bnRoLWNoaWxkKDEpIHsKCQkJCQlmb250LXNpemU6IDI4cHg7CgkJCQkJbGluZS1oZWlnaHQ6IDM2cHg7CgkJCQkJY29sb3I6ICMyNDI2MmI7CgkJCQl9CgkJCX0KCQl9Cgl9CgoJLnRhYnMgewoJCWRpc3BsYXk6IGZsZXg7CgkJbWFyZ2luLXRvcDogMTZweDsKCgkJLnRhYnNfaXRlbSB7CgkJCW1hcmdpbi1yaWdodDogMzBweDsKCQkJY29sb3I6ICM5Njk5YTA7CgoJCX0KCgkJLmlzSXRlbSB7CgkJCWZvbnQtd2VpZ2h0OiBib2xkOwoJCQljb2xvcjogIzAxNDdlYiAhaW1wb3J0YW50OwoJCX0KCX0KCgkuY29udGVudCB7CgkJZGlzcGxheTogZmxleDsKCQltYXJnaW46IDE2cHggMDsKCgkJLmNvbnRlbnRfbGVmdCB7CgkJCXdpZHRoOiA1MCU7CgkJCWJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7CgkJCWJveC1zaGFkb3c6IDBweCAxMnB4IDIzcHggMHB4IHJnYmEoMCwgMCwgMCwgMC4wNSk7CgkJCWJvcmRlci1yYWRpdXM6IDIwcHg7CgkJCW1hcmdpbi1yaWdodDogMTZweDsKCQkJcGFkZGluZzogMjRweDsKCQkJYm94LXNpemluZzogYm9yZGVyLWJveDsKCgkJCS5sZWZ0X2VjaGFydCB7CgkJCQl3aWR0aDogMTAwJTsKCQkJCWhlaWdodDogNDAwcHg7CgkJCX0KCQl9CgoJCS5jb250ZW50X3JpZ2h0IHsKCQkJd2lkdGg6IDUwJTsKCQkJYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjsKCQkJYm94LXNoYWRvdzogMHB4IDEycHggMjNweCAwcHggcmdiYSgwLCAwLCAwLCAwLjA1KTsKCQkJYm9yZGVyLXJhZGl1czogMjBweDsKCQkJcGFkZGluZzogMjRweDsKCQkJYm94LXNpemluZzogYm9yZGVyLWJveDsKCgkJCS5yaWdodF9lY2hhcnQgewoJCQkJd2lkdGg6IDEwMCU7CgkJCQloZWlnaHQ6IDQwMHB4OwoJCQl9CgkJfQoJfQoKCS5mb290ZXIgewoJCWRpc3BsYXk6IGZsZXg7CgoJCS5mb290ZXJfaXRlbSB7CgkJCXdpZHRoOiAzMyU7CgkJCWJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7CgkJCWJveC1zaGFkb3c6IDBweCAxMnB4IDIzcHggMHB4IHJnYmEoMCwgMCwgMCwgMC4wNSk7CgkJCWJvcmRlci1yYWRpdXM6IDIwcHg7CgkJCXBhZGRpbmc6IDI0cHg7CgkJCWJveC1zaXppbmc6IGJvcmRlci1ib3g7CgoJCQkuaXRlbV9jb250ZW50IHsKCQkJCXdpZHRoOiAxMDAlOwoJCQkJaGVpZ2h0OiA0NTBweDsKCQkJCS5jb250ZW50X3RvcHsKCQkJCQloZWlnaHQ6IDM4cHg7CgkJCQkJbWFyZ2luOiAxOHB4IDA7CgkJCQkJLml0ZW0tY29udGVudC10aXRsZXsKCQkJCQkJZm9udC1zaXplOiAxNHB4OwoJCQkJCQljb2xvcjogIzU0NTQ1NDsKCQkJCQkJZGlzcGxheTogZmxleDsKCQkJCQkJanVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwoJCQkJCX0KCQkJCQkuaXRlbS1jb250ZW50LXBlcmNlbnRhZ2UgewoJCQkJCQlwb3NpdGlvbjogcmVsYXRpdmU7CgkJCQkJCWhlaWdodDogMTJweDsKCQkJCQkJYmFja2dyb3VuZDogI2Y1ZjZmYTsKCQkJCQkJYm9yZGVyLXJhZGl1czogOHB4OwoJCQkJCQltYXJnaW4tdG9wOiA3cHg7CgkJCQkJCgkJCQkJCS5jb2xvci1iZyB7CgkJCQkJCQlwb3NpdGlvbjogYWJzb2x1dGU7CgkJCQkJCQlib3JkZXItcmFkaXVzOiA4cHg7CgkJCQkJCQl0b3A6IDA7CgkJCQkJCQlsaW5lLWhlaWdodDogMDsKCQkJCQkJCWhlaWdodDogMTJweDsKCQkJCQkJCWJhY2tncm91bmQtY29sb3I6ICMwMTQ3RUI7CgkJCQkJCQl3aWR0aDogODAlOwoJCQkJCQl9CgkJCQkJfQoJCQkJfQoJCQkJCgkJCX0KCQl9CgoJCS5mb290ZXJfaXRlbTpudGgtY2hpbGQoMikgewoJCQltYXJnaW46IDAgMTZweDsKCQl9Cgl9Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8gBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/main/DataStatistics","sourcesContent":["<template>\r\n\t<!-- 数据统计 -->\r\n\t<div class=\"wrap\">\r\n\t\t<div class=\"head\">\r\n\t\t\t<div class=\"head_item\">\r\n\t\t\t\t<div class=\"item_img\">\r\n\t\t\t\t\t<img src=\"@/assets/images/12228@3x.png\" alt=\"\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item_text\">\r\n\t\t\t\t\t<div>98</div>\r\n\t\t\t\t\t<div>申请资质总数</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"head_item\">\r\n\t\t\t\t<div class=\"item_img\">\r\n\t\t\t\t\t<img src=\"@/assets/images/20@3x.png\" alt=\"\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item_text\">\r\n\t\t\t\t\t<div>48,566</div>\r\n\t\t\t\t\t<div>申请印制资质数量</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"head_item\">\r\n\t\t\t\t<div class=\"item_img\">\r\n\t\t\t\t\t<img src=\"@/assets/images/10784@3x.png\" alt=\"\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item_text\">\r\n\t\t\t\t\t<div>8,309</div>\r\n\t\t\t\t\t<div>申请军工资质数量</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"head_item\">\r\n\t\t\t\t<div class=\"item_img\">\r\n\t\t\t\t\t<img src=\"@/assets/images/10785@3x.png\" alt=\"\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item_text\">\r\n\t\t\t\t\t<div>46,560</div>\r\n\t\t\t\t\t<div>申请集成资质数量</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"head_item\">\r\n\t\t\t\t<div class=\"item_img\">\r\n\t\t\t\t\t<img src=\"@/assets/images/10786@3x.png\" alt=\"\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item_text\">\r\n\t\t\t\t\t<div>98</div>\r\n\t\t\t\t\t<div>申请单位总数</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"head_item\">\r\n\t\t\t\t<div class=\"item_img\">\r\n\t\t\t\t\t<img src=\"@/assets/images/10787@3x.png\" alt=\"\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item_text\">\r\n\t\t\t\t\t<div>9,198,176</div>\r\n\t\t\t\t\t<div>申请通过率</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"tabs\">\r\n\t\t\t<div class=\"tabs_item\" :class=\"{'isItem':isActive==0}\" @click=\"checkItem(0)\">本月</div>\r\n\t\t\t<div class=\"tabs_item\" :class=\"{'isItem':isActive==1}\" @click=\"checkItem(1)\">本周</div>\r\n\t\t</div>\r\n\t\t<div class=\"content\">\r\n\t\t\t<div class=\"content_left\">\r\n\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t企业资料提交情况\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"left_echart\">\r\n\t\t\t\t\t<div id=\"leftEcharts\" class=\"full\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"content_right\">\r\n\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t行政文书发放统计\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"right_echart\">\r\n\t\t\t\t\t<div id=\"rightEcharts\" class=\"full\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"footer\">\r\n\t\t\t<div class=\"footer_item\">\r\n\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t申请类别统计\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item_content\">\r\n\t\t\t\t\t<div id=\"peiEcharts\" class=\"full\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"footer_item\">\r\n\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t集成资质类别申请统计\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item_content\">\r\n\t\t\t\t\t<div class=\"content_top\" v-for=\"(item,index) in inteList\">\r\n\t\t\t\t\t\t<div class=\"item-content-title\">\r\n\t\t\t\t\t\t\t<span>{{item.name}}</span>\r\n\t\t\t\t\t\t\t<span>{{item.num}}k</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"item-content-percentage\">\r\n\t\t\t\t\t\t\t<div class=\"color-bg\" :style=\"{width:(item.num / inteList[0].num).toFixed(2) * 100 + '%'}\">\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"footer_item\">\r\n\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t印制资质类别申请统计\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"item_content\">\r\n\t\t\t\t\t<div class=\"content_top\" v-for=\"(item,index) in inteList\">\r\n\t\t\t\t\t\t<div class=\"item-content-title\">\r\n\t\t\t\t\t\t\t<span>{{item.name}}</span>\r\n\t\t\t\t\t\t\t<span>{{item.num}}k</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"item-content-percentage\">\r\n\t\t\t\t\t\t\t<div class=\"color-bg\" :style=\"{width:(item.num / inteList[0].num).toFixed(2) * 100 + '%'}\">\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport * as echarts from 'echarts'\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tisActive: 0,\r\n\t\t\t\tinteList:[\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname:'总体集成',\r\n\t\t\t\t\t\tnum:'1000'\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname:'总体集成',\r\n\t\t\t\t\t\tnum:'900'\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname:'总体集成',\r\n\t\t\t\t\t\tnum:'800'\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname:'总体集成',\r\n\t\t\t\t\t\tnum:'700'\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname:'总体集成',\r\n\t\t\t\t\t\tnum:'600'\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname:'总体集成',\r\n\t\t\t\t\t\tnum:'500'\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname:'总体集成',\r\n\t\t\t\t\t\tnum:'400'\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname:'总体集成',\r\n\t\t\t\t\t\tnum:'300'\r\n\t\t\t\t\t},\r\n\t\t\t\t]\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.getEcharts()\r\n\t\t\tthis.getRightEcharts()\r\n\t\t\tthis.getPeiEcharts()\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tcheckItem(val) {\r\n\t\t\t\tthis.isActive = val\r\n\t\t\t},\r\n\t\t\tgetEcharts() {\r\n\t\t\t\tlet chartDom = document.getElementById('leftEcharts')\r\n\t\t\t\tlet myChart = echarts.init(chartDom)\r\n\t\t\t\tlet option = {\r\n\t\t\t\t\tcolor: ['#627EEA'],\r\n\r\n\t\t\t\t\ttooltip: {\r\n\t\t\t\t\t\ttrigger: 'axis',\r\n\t\t\t\t\t},\r\n\t\t\t\t\tgrid: {\r\n\t\t\t\t\t\tleft: '0',\r\n\t\t\t\t\t\tright: '25',\r\n\t\t\t\t\t\ttop: '20',\r\n\t\t\t\t\t\tbottom: '0',\r\n\t\t\t\t\t\tcontainLabel: true,\r\n\t\t\t\t\t},\r\n\r\n\t\t\t\t\tlegend: {\r\n\t\t\t\t\t\tshow: false,\r\n\t\t\t\t\t},\r\n\t\t\t\t\txAxis: {\r\n\t\t\t\t\t\ttype: 'category',\r\n\t\t\t\t\t\tdata: ['年度自检报告', '年度自检报告', '年度自检报告', '年度自检报告', '年度自检报告', '年度自检报告', '年度自检报告'],\r\n\t\t\t\t\t\tboundaryGap: false,\r\n\t\t\t\t\t\taxisTick: {\r\n\t\t\t\t\t\t\tlineStyle: {\r\n\t\t\t\t\t\t\t\tcolor: '# d9d9d9 ',\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\taxisLine: {\r\n\t\t\t\t\t\t\tlineStyle: {\r\n\t\t\t\t\t\t\t\tcolor: '#d9d9d9',\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\taxisLabel: {\r\n\t\t\t\t\t\t\tcolor: '#aeaeae',\r\n\t\t\t\t\t\t\t// 坐标轴刻度标签换行处理\r\n\t\t\t\t\t\t\tformatter: function(params) {\r\n\t\t\t\t\t\t\t\tvar newParamsName = '' // 最终拼接成的字符串\r\n\t\t\t\t\t\t\t\tvar paramsNameNumber = params.length // 实际标签的个数\r\n\t\t\t\t\t\t\t\tvar provideNumber = 2 // 每行能显示的字的个数\r\n\t\t\t\t\t\t\t\tvar rowNumber = Math.ceil(paramsNameNumber / provideNumber) // 换行的话，需要显示几行，向上取整\r\n\t\t\t\t\t\t\t\t/**\r\n\t\t\t\t\t\t\t\t * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签\r\n\t\t\t\t\t\t\t\t */\r\n\t\t\t\t\t\t\t\t// 条件等同于rowNumber>1\r\n\t\t\t\t\t\t\t\tif (paramsNameNumber > provideNumber) {\r\n\t\t\t\t\t\t\t\t\t/** 循环每一行,p表示行 */\r\n\t\t\t\t\t\t\t\t\tfor (var p = 0; p < rowNumber; p++) {\r\n\t\t\t\t\t\t\t\t\t\tvar tempStr = '' // 表示每一次截取的字符串\r\n\t\t\t\t\t\t\t\t\t\tvar start = p * provideNumber // 开始截取的位置\r\n\t\t\t\t\t\t\t\t\t\tvar end = start + provideNumber // 结束截取的位置\r\n\t\t\t\t\t\t\t\t\t\t// 此处特殊处理最后一行的索引值\r\n\t\t\t\t\t\t\t\t\t\tif (p === rowNumber - 1) {\r\n\t\t\t\t\t\t\t\t\t\t\t// 最后一次不换行\r\n\t\t\t\t\t\t\t\t\t\t\ttempStr = params.substring(start, paramsNameNumber)\r\n\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t// 每一次拼接字符串并换行\r\n\t\t\t\t\t\t\t\t\t\t\ttempStr = params.substring(start, end) + '\\n'\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tnewParamsName += tempStr // 最终拼成的字符串\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t// 将旧标签的值赋给新标签\r\n\t\t\t\t\t\t\t\t\tnewParamsName = params\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\treturn newParamsName\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tyAxis: {\r\n\t\t\t\t\t\ttype: 'value',\r\n\t\t\t\t\t\taxisLabel: {\r\n\t\t\t\t\t\t\tcolor: '#999',\r\n\t\t\t\t\t\t\ttextStyle: {\r\n\t\t\t\t\t\t\t\tfontSize: 12,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tsplitLine: {\r\n\t\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\t\tlineStyle: {\r\n\t\t\t\t\t\t\t\tcolor: '#F3F4F4',\r\n\t\t\t\t\t\t\t\twidth: 2,\r\n\t\t\t\t\t\t\t\ttype: 'dashed',\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\taxisTick: {\r\n\t\t\t\t\t\t\tshow: false,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\taxisLine: {\r\n\t\t\t\t\t\t\tshow: false,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\tseries: [{\r\n\t\t\t\t\t\tname: '印制资质',\r\n\t\t\t\t\t\ttype: 'line',\r\n\t\t\t\t\t\tsmooth: true,\r\n\t\t\t\t\t\tshowSymbol: false,\r\n\t\t\t\t\t\tlineStyle: {\r\n\t\t\t\t\t\t\twidth: 4\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tareaStyle: {\r\n\t\t\t\t\t\t\tnormal: {\r\n\t\t\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\r\n\t\t\t\t\t\t\t\t\t\toffset: 0,\r\n\t\t\t\t\t\t\t\t\t\tcolor: 'rgba(98,126,234,0.8)'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\toffset: 1,\r\n\t\t\t\t\t\t\t\t\t\tcolor: 'rgba(98,126,234,0.2)'\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t], false),\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tdata: [13, 1, 4, 44, 45, 322, 76],\r\n\t\t\t\t\t}, ],\r\n\t\t\t\t};\r\n\t\t\t\toption && myChart.setOption(option)\r\n\t\t\t\twindow.addEventListener('resize', () => {\r\n\t\t\t\t\tmyChart.resize()\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\tgetRightEcharts() {\r\n\t\t\t\tlet chartDom = document.getElementById('rightEcharts')\r\n\t\t\t\tlet myChart = echarts.init(chartDom)\r\n\t\t\t\tlet option = {\r\n\t\t\t\t\tcolor: ['#71B945'],\r\n\r\n\t\t\t\t\ttooltip: {\r\n\t\t\t\t\t\ttrigger: 'axis',\r\n\t\t\t\t\t},\r\n\t\t\t\t\tgrid: {\r\n\t\t\t\t\t\tleft: '0',\r\n\t\t\t\t\t\tright: '25',\r\n\t\t\t\t\t\ttop: '20',\r\n\t\t\t\t\t\tbottom: '0',\r\n\t\t\t\t\t\tcontainLabel: true,\r\n\t\t\t\t\t},\r\n\r\n\t\t\t\t\tlegend: {\r\n\t\t\t\t\t\tshow: false,\r\n\t\t\t\t\t},\r\n\t\t\t\t\txAxis: {\r\n\t\t\t\t\t\ttype: 'category',\r\n\t\t\t\t\t\tdata: ['年度自检报告', '年度自检报告', '年度自检报告', '年度自检报告', '年度自检报告', '年度自检报告', '年度自检报告'],\r\n\t\t\t\t\t\tboundaryGap: false,\r\n\t\t\t\t\t\taxisTick: {\r\n\t\t\t\t\t\t\tlineStyle: {\r\n\t\t\t\t\t\t\t\tcolor: '# d9d9d9 ',\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\taxisLine: {\r\n\t\t\t\t\t\t\tlineStyle: {\r\n\t\t\t\t\t\t\t\tcolor: '#d9d9d9',\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\taxisLabel: {\r\n\t\t\t\t\t\t\tcolor: '#aeaeae',\r\n\t\t\t\t\t\t\t// 坐标轴刻度标签换行处理\r\n\t\t\t\t\t\t\tformatter: function(params) {\r\n\t\t\t\t\t\t\t\tvar newParamsName = '' // 最终拼接成的字符串\r\n\t\t\t\t\t\t\t\tvar paramsNameNumber = params.length // 实际标签的个数\r\n\t\t\t\t\t\t\t\tvar provideNumber = 2 // 每行能显示的字的个数\r\n\t\t\t\t\t\t\t\tvar rowNumber = Math.ceil(paramsNameNumber / provideNumber) // 换行的话，需要显示几行，向上取整\r\n\t\t\t\t\t\t\t\t/**\r\n\t\t\t\t\t\t\t\t * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签\r\n\t\t\t\t\t\t\t\t */\r\n\t\t\t\t\t\t\t\t// 条件等同于rowNumber>1\r\n\t\t\t\t\t\t\t\tif (paramsNameNumber > provideNumber) {\r\n\t\t\t\t\t\t\t\t\t/** 循环每一行,p表示行 */\r\n\t\t\t\t\t\t\t\t\tfor (var p = 0; p < rowNumber; p++) {\r\n\t\t\t\t\t\t\t\t\t\tvar tempStr = '' // 表示每一次截取的字符串\r\n\t\t\t\t\t\t\t\t\t\tvar start = p * provideNumber // 开始截取的位置\r\n\t\t\t\t\t\t\t\t\t\tvar end = start + provideNumber // 结束截取的位置\r\n\t\t\t\t\t\t\t\t\t\t// 此处特殊处理最后一行的索引值\r\n\t\t\t\t\t\t\t\t\t\tif (p === rowNumber - 1) {\r\n\t\t\t\t\t\t\t\t\t\t\t// 最后一次不换行\r\n\t\t\t\t\t\t\t\t\t\t\ttempStr = params.substring(start, paramsNameNumber)\r\n\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t// 每一次拼接字符串并换行\r\n\t\t\t\t\t\t\t\t\t\t\ttempStr = params.substring(start, end) + '\\n'\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tnewParamsName += tempStr // 最终拼成的字符串\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t// 将旧标签的值赋给新标签\r\n\t\t\t\t\t\t\t\t\tnewParamsName = params\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\treturn newParamsName\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tyAxis: {\r\n\t\t\t\t\t\ttype: 'value',\r\n\t\t\t\t\t\taxisLabel: {\r\n\t\t\t\t\t\t\tcolor: '#999',\r\n\t\t\t\t\t\t\ttextStyle: {\r\n\t\t\t\t\t\t\t\tfontSize: 12,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tsplitLine: {\r\n\t\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\t\tlineStyle: {\r\n\t\t\t\t\t\t\t\tcolor: '#F3F4F4',\r\n\t\t\t\t\t\t\t\twidth: 2,\r\n\t\t\t\t\t\t\t\ttype: 'dashed',\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\taxisTick: {\r\n\t\t\t\t\t\t\tshow: false,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\taxisLine: {\r\n\t\t\t\t\t\t\tshow: false,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\tseries: [{\r\n\t\t\t\t\t\tname: '印制资质',\r\n\t\t\t\t\t\ttype: 'line',\r\n\t\t\t\t\t\tsmooth: true,\r\n\t\t\t\t\t\tshowSymbol: false,\r\n\t\t\t\t\t\tlineStyle: {\r\n\t\t\t\t\t\t\twidth: 4\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tareaStyle: {\r\n\t\t\t\t\t\t\tnormal: {\r\n\t\t\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\r\n\t\t\t\t\t\t\t\t\t\toffset: 0,\r\n\t\t\t\t\t\t\t\t\t\tcolor: 'rgba(113,185,69,0.8)'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\toffset: 1,\r\n\t\t\t\t\t\t\t\t\t\tcolor: 'rgba(113,185,69,0.2)'\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t], false),\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tdata: [113, 51, 44, 144, 45, 32, 176],\r\n\t\t\t\t\t}, ],\r\n\t\t\t\t};\r\n\t\t\t\toption && myChart.setOption(option)\r\n\t\t\t\twindow.addEventListener('resize', () => {\r\n\t\t\t\t\tmyChart.resize()\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\tgetPeiEcharts() {\r\n\t\t\t\tlet chartDom = document.getElementById('peiEcharts')\r\n\t\t\t\tlet myChart = echarts.init(chartDom)\r\n\t\t\t\tlet data = [{\r\n\t\t\t\t\t\tname: '集成资质',\r\n\t\t\t\t\t\tvalue: 5\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: '印制资质',\r\n\t\t\t\t\t\tvalue: 6\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: '军工资质',\r\n\t\t\t\t\t\tvalue: 9\r\n\t\t\t\t\t},\r\n\t\t\t\t]\r\n\t\t\t\tlet totalNum = 0\r\n\t\t\t\tdata.map(item => totalNum += item.value)\r\n\t\t\t\tlet option = {\r\n\t\t\t\t\tcolor: [\r\n\t\t\t\t\t\t'#0045E6',\r\n\t\t\t\t\t\t'#F7931A',\r\n\t\t\t\t\t\t'#44B4AD'\r\n\t\t\t\t\t],\r\n\t\t\t\t\tlegend: {\r\n\t\t\t\t\t\torient: 'vertical',\r\n\t\t\t\t\t\ticon: 'circle',\r\n\t\t\t\t\t\tbottom: 15,\r\n\t\t\t\t\t\ttextStyle: {\r\n\t\t\t\t\t\t\trich: {\r\n\t\t\t\t\t\t\t\tb: {\r\n\t\t\t\t\t\t\t\t\tpadding: [0, 2, 0, 40],\r\n\t\t\t\t\t\t\t\t\tfontSize: 14,\r\n\t\t\t\t\t\t\t\t\tcolor: '#24262b'\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tc: {\r\n\t\t\t\t\t\t\t\t\tfontSize: 14,\r\n\t\t\t\t\t\t\t\t\tcolor: '#24262b'\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tformatter(name) { // 该函数用于设置图例显示后的百分比\r\n\t\t\t\t\t\t\tlet total = 0\r\n\t\t\t\t\t\t\tlet value = 0\r\n\t\t\t\t\t\t\tdata.forEach((item) => {\r\n\t\t\t\t\t\t\t\ttotal += item.value\r\n\t\t\t\t\t\t\t\tif (item.name == name) {\r\n\t\t\t\t\t\t\t\t\tvalue = item.value\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\tlet p = ((value / total) * 100).toFixed(1) // 求出百分比\r\n\t\t\t\t\t\t\treturn ['{c|' + `${name}${'('+p+'%'+')'}` + '}{b|' + `${value}` + '}']\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttooltip: {\r\n\t\t\t\t\t\ttrigger: 'item',\r\n\t\t\t\t\t},\r\n\r\n\t\t\t\t\tseries: [{\r\n\t\t\t\t\t\ttype: 'pie',\r\n\t\t\t\t\t\tradius: ['30%', '60%'],\r\n\t\t\t\t\t\tcenter: ['50%', '50%'],\r\n\t\t\t\t\t\troseType: 'radius',\r\n\t\t\t\t\t\tminShowLabelAngle: 60,\r\n\t\t\t\t\t\tlabel: {\r\n\t\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\t\tposition: 'center',\r\n\t\t\t\t\t\t\tcolor: '#24262b',\r\n\t\t\t\t\t\t\tformatter: '{a|全部}' + '\\n\\r' + '{b|' + totalNum + '}',\r\n\t\t\t\t\t\t\trich: {\r\n\t\t\t\t\t\t\t\ta: {\r\n\t\t\t\t\t\t\t\t\tfontSize: 14,\r\n\t\t\t\t\t\t\t\t\tfontFamily: \"微软雅黑\",\r\n\t\t\t\t\t\t\t\t\tcolor: '#24262b'\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tb: {\r\n\t\t\t\t\t\t\t\t\tfontFamily: \"微软雅黑\",\r\n\t\t\t\t\t\t\t\t\tfontSize: 28,\r\n\t\t\t\t\t\t\t\t\tcolor: '#24262b',\r\n\t\t\t\t\t\t\t\t\tlineHeight: 40,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tlabelLine: {\r\n\t\t\t\t\t\t\tlength: 1,\r\n\t\t\t\t\t\t\tlength2: 10,\r\n\t\t\t\t\t\t\tsmooth: true\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tdata: data,\r\n\t\t\t\t\t}]\r\n\t\t\t\t};\r\n\t\t\t\toption && myChart.setOption(option)\r\n\t\t\t\twindow.addEventListener('resize', () => {\r\n\t\t\t\t\tmyChart.resize()\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n\t.wrap {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tpadding: 24px !important;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\t.title {\r\n\t\t\theight: 26px;\r\n\t\t\tfont-family: Microsoft YaHei;\r\n\t\t\tfont-size: 20px;\r\n\t\t\tfont-weight: normal;\r\n\t\t\tfont-stretch: normal;\r\n\t\t\tline-height: 24px;\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: #24262b;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t}\r\n\r\n\t\t.head {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-evenly;\r\n\t\t\theight: 160px;\r\n\t\t\tbackground-color: #ffffff;\r\n\t\t\tbox-shadow: 0px 12px 23px 0px rgba(0, 0, 0, 0.05);\r\n\t\t\tborder-radius: 16px;\r\n\r\n\t\t\t.head_item {\r\n\t\t\t\twidth: 260px;\r\n\t\t\t\theight: 160px;\r\n\t\t\t\tpadding: 50px 24px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t.item_img {\r\n\t\t\t\t\twidth: 60px;\r\n\t\t\t\t\theight: 60px;\r\n\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.item_text {\r\n\t\t\t\t\tmargin-left: 16px;\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\tfont-weight: normal;\r\n\t\t\t\t\tfont-stretch: normal;\r\n\t\t\t\t\tline-height: 17px;\r\n\t\t\t\t\tletter-spacing: 0px;\r\n\t\t\t\t\tcolor: #545454;\r\n\r\n\t\t\t\t\tdiv:nth-child(1) {\r\n\t\t\t\t\t\tfont-size: 28px;\r\n\t\t\t\t\t\tline-height: 36px;\r\n\t\t\t\t\t\tcolor: #24262b;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tabs {\r\n\t\t\tdisplay: flex;\r\n\t\t\tmargin-top: 16px;\r\n\r\n\t\t\t.tabs_item {\r\n\t\t\t\tmargin-right: 30px;\r\n\t\t\t\tcolor: #9699a0;\r\n\r\n\t\t\t}\r\n\r\n\t\t\t.isItem {\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\tcolor: #0147eb !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.content {\r\n\t\t\tdisplay: flex;\r\n\t\t\tmargin: 16px 0;\r\n\r\n\t\t\t.content_left {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t\tbackground-color: #ffffff;\r\n\t\t\t\tbox-shadow: 0px 12px 23px 0px rgba(0, 0, 0, 0.05);\r\n\t\t\t\tborder-radius: 20px;\r\n\t\t\t\tmargin-right: 16px;\r\n\t\t\t\tpadding: 24px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t.left_echart {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 400px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.content_right {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t\tbackground-color: #ffffff;\r\n\t\t\t\tbox-shadow: 0px 12px 23px 0px rgba(0, 0, 0, 0.05);\r\n\t\t\t\tborder-radius: 20px;\r\n\t\t\t\tpadding: 24px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t.right_echart {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 400px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.footer {\r\n\t\t\tdisplay: flex;\r\n\r\n\t\t\t.footer_item {\r\n\t\t\t\twidth: 33%;\r\n\t\t\t\tbackground-color: #ffffff;\r\n\t\t\t\tbox-shadow: 0px 12px 23px 0px rgba(0, 0, 0, 0.05);\r\n\t\t\t\tborder-radius: 20px;\r\n\t\t\t\tpadding: 24px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t\t.item_content {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 450px;\r\n\t\t\t\t\t.content_top{\r\n\t\t\t\t\t\theight: 38px;\r\n\t\t\t\t\t\tmargin: 18px 0;\r\n\t\t\t\t\t\t.item-content-title{\r\n\t\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\t\tcolor: #545454;\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.item-content-percentage {\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\theight: 12px;\r\n\t\t\t\t\t\t\tbackground: #f5f6fa;\r\n\t\t\t\t\t\t\tborder-radius: 8px;\r\n\t\t\t\t\t\t\tmargin-top: 7px;\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t.color-bg {\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\tborder-radius: 8px;\r\n\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t\tline-height: 0;\r\n\t\t\t\t\t\t\t\theight: 12px;\r\n\t\t\t\t\t\t\t\tbackground-color: #0147EB;\r\n\t\t\t\t\t\t\t\twidth: 80%;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.footer_item:nth-child(2) {\r\n\t\t\t\tmargin: 0 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>\r\n"]}]}