{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\assetsOperating\\HomePage\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\assetsOperating\\HomePage\\index.vue","mtime":1701943659908},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nexport default {\n name: 'HomePage',\n // 首页\n components: {// NetBookValue,\n // OperatingAssets,\n // LandAssets\n },\n data: function data() {\n return {\n colorList: ['#55edb0', '#00d4ff', '#c679e5', '#198cff'],\n dataList: [{\n name: '商业用地',\n value: '12%'\n }, {\n name: '住宅用地',\n value: '6%'\n }]\n };\n },\n watch: {},\n created: function created() {},\n mounted: function mounted() {\n var _this = this;\n\n this.$nextTick(function () {\n _this.initChat();\n\n _this.initSourceChat();\n\n _this.initCommercialChat();\n\n _this.initOwnershipChat();\n\n _this.initStatsChat();\n\n _this.initTypeChat();\n });\n },\n methods: {\n initOwnershipChat: function initOwnershipChat() {\n var chartDom = echarts.init(document.getElementById('ownership-chart'));\n var option = {\n tooltip: {\n trigger: 'item'\n },\n legend: {\n bottom: '5%',\n left: 'center'\n },\n series: [{\n type: 'pie',\n radius: ['50%', '50%'],\n center: ['47.6%', '48.4%'],\n hoverAnimation: false,\n clockWise: false,\n cursor: 'default',\n itemStyle: {\n normal: {\n borderWidth: 2,\n borderColor: '#eaeaea'\n }\n },\n tooltip: {\n show: false\n },\n label: {\n show: false\n },\n data: [100]\n }, {\n type: 'gauge',\n radius: '98%',\n center: ['47.6%', '48.4%'],\n clockwise: true,\n startAngle: '100',\n endAngle: '-269.9999',\n splitNumber: 200,\n //线的条数\n pointer: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n tooltip: {\n show: false\n },\n splitLine: {\n show: true,\n length: 15,\n lineStyle: {\n color: '#eaeaea',\n width: 1\n }\n },\n axisLabel: {\n show: false\n }\n }, {\n type: 'gauge',\n radius: '83.5%',\n center: ['47.6%', '48.4%'],\n clockwise: true,\n startAngle: '100',\n endAngle: '-269.9999',\n splitNumber: 140,\n //线的条数\n pointer: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n tooltip: {\n show: false\n },\n splitLine: {\n show: true,\n length: 1,\n lineStyle: {\n color: '#eaeaea',\n width: 2\n }\n },\n axisLabel: {\n show: false\n }\n }, {\n name: '面积',\n type: 'pie',\n radius: ['55%', '67%'],\n center: ['47.6%', '48.4%'],\n avoidLabelOverlap: false,\n itemStyle: {\n borderColor: '#fff',\n borderWidth: 2\n },\n label: {\n show: false,\n position: 'center'\n },\n emphasis: {\n label: {\n show: true,\n fontSize: 30,\n formatter: function formatter(params) {\n return ['{num|' + params.value + '}' + '{unit|㎡}', '{label|' + params.name + '}'].join('\\n');\n },\n rich: {\n num: {\n fontSize: 30,\n color: '#000',\n lineHeight: 30,\n fontWeight: 700\n },\n unit: {\n fontSize: 14,\n color: '#111',\n lineHeight: 30,\n padding: [0, 5]\n },\n label: {\n fontSize: 20,\n lineHeight: 30,\n color: '#444'\n }\n }\n }\n },\n labelLine: {\n show: false\n },\n data: [{\n value: 100,\n name: '已权属',\n itemStyle: {\n color: this.colorList[0]\n }\n }, {\n value: 50,\n name: '未权属',\n itemStyle: {\n color: this.colorList[1]\n }\n }]\n }]\n };\n chartDom.setOption(option);\n window.addEventListener('resize', function () {\n chartDom.resize();\n });\n },\n initStatsChat: function initStatsChat() {\n var chartDom = echarts.init(document.getElementById('stats-chart'));\n var option = {\n tooltip: {\n trigger: 'item'\n },\n legend: {\n bottom: '5%',\n left: 'center'\n },\n series: [// 外圈背景\n {\n type: 'pie',\n radius: ['50%', '50%'],\n center: ['47.6%', '48.4%'],\n hoverAnimation: false,\n clockWise: false,\n cursor: 'default',\n itemStyle: {\n normal: {\n borderWidth: 2,\n borderColor: '#eaeaea'\n }\n },\n tooltip: {\n show: false\n },\n label: {\n show: false\n },\n data: [100]\n }, {\n type: 'gauge',\n radius: '98%',\n center: ['47.6%', '48.4%'],\n clockwise: true,\n startAngle: '100',\n endAngle: '-269.9999',\n splitNumber: 200,\n //线的条数\n pointer: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n tooltip: {\n show: false\n },\n splitLine: {\n show: true,\n length: 15,\n lineStyle: {\n color: '#eaeaea',\n width: 1\n }\n },\n axisLabel: {\n show: false\n }\n }, {\n type: 'gauge',\n radius: '83.5%',\n center: ['47.6%', '48.4%'],\n clockwise: true,\n startAngle: '100',\n endAngle: '-269.9999',\n splitNumber: 140,\n //线的条数\n pointer: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n tooltip: {\n show: false\n },\n splitLine: {\n show: true,\n length: 1,\n lineStyle: {\n color: '#eaeaea',\n width: 2\n }\n },\n axisLabel: {\n show: false\n }\n }, {\n name: '面积',\n type: 'pie',\n radius: ['55%', '67%'],\n center: ['47.6%', '48.4%'],\n avoidLabelOverlap: false,\n itemStyle: {\n borderColor: '#fff',\n borderWidth: 2\n },\n label: {\n show: false,\n position: 'center'\n },\n emphasis: {\n label: {\n show: true,\n fontSize: 30,\n formatter: function formatter(params) {\n return ['{num|' + params.value + '}' + '{unit|h㎡}', '{label|' + params.name + '}'].join('\\n');\n },\n rich: {\n num: {\n fontSize: 30,\n color: '#000',\n lineHeight: 30,\n fontWeight: 700\n },\n unit: {\n fontSize: 14,\n color: '#111',\n lineHeight: 30,\n padding: [0, 5]\n },\n label: {\n fontSize: 20,\n lineHeight: 30,\n color: '#444'\n }\n }\n }\n },\n labelLine: {\n show: false\n },\n data: [{\n value: 100,\n name: '政府资产',\n itemStyle: {\n color: this.colorList[2]\n }\n }, {\n value: 50,\n name: '企业资产',\n itemStyle: {\n color: this.colorList[3]\n }\n }]\n }]\n };\n chartDom.setOption(option);\n window.addEventListener('resize', function () {\n chartDom.resize();\n });\n },\n initTypeChat: function initTypeChat() {\n var chartDom = echarts.init(document.getElementById('type-chart'));\n var option = {\n tooltip: {\n trigger: 'item'\n },\n legend: {\n bottom: '5%',\n left: 'center'\n },\n series: [// 外圈背景\n {\n type: 'pie',\n radius: ['50%', '50%'],\n center: ['47.6%', '48.4%'],\n hoverAnimation: false,\n clockWise: false,\n cursor: 'default',\n itemStyle: {\n normal: {\n borderWidth: 2,\n borderColor: '#eaeaea'\n }\n },\n tooltip: {\n show: false\n },\n label: {\n show: false\n },\n data: [100]\n }, {\n type: 'gauge',\n radius: '98%',\n center: ['47.6%', '48.4%'],\n clockwise: true,\n startAngle: '100',\n endAngle: '-269.9999',\n splitNumber: 200,\n //线的条数\n pointer: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n tooltip: {\n show: false\n },\n splitLine: {\n show: true,\n length: 15,\n lineStyle: {\n color: '#eaeaea',\n width: 1\n }\n },\n axisLabel: {\n show: false\n }\n }, {\n type: 'gauge',\n radius: '83.5%',\n center: ['47.6%', '48.4%'],\n clockwise: true,\n startAngle: '100',\n endAngle: '-269.9999',\n splitNumber: 140,\n //线的条数\n pointer: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n tooltip: {\n show: false\n },\n splitLine: {\n show: true,\n length: 1,\n lineStyle: {\n color: '#eaeaea',\n width: 2\n }\n },\n axisLabel: {\n show: false\n }\n }, {\n name: '面积',\n type: 'pie',\n radius: ['55%', '67%'],\n center: ['47.6%', '48.4%'],\n avoidLabelOverlap: false,\n itemStyle: {\n borderColor: '#fff',\n borderWidth: 2\n },\n label: {\n show: false,\n position: 'center'\n },\n emphasis: {\n label: {\n show: true,\n fontSize: 30,\n formatter: function formatter(params) {\n return ['{num|' + params.value + '}' + '{unit|h㎡}', '{label|' + params.name + '}'].join('\\n');\n },\n rich: {\n num: {\n fontSize: 30,\n color: '#000',\n lineHeight: 30,\n fontWeight: 700\n },\n unit: {\n fontSize: 14,\n color: '#111',\n lineHeight: 30,\n padding: [0, 5]\n },\n label: {\n fontSize: 20,\n lineHeight: 30,\n color: '#444'\n }\n }\n }\n },\n labelLine: {\n show: false\n },\n data: [{\n value: 100,\n name: '物业资产',\n itemStyle: {\n color: this.colorList[1]\n }\n }, {\n value: 50,\n name: '商品房',\n itemStyle: {\n color: this.colorList[2]\n }\n }]\n }]\n };\n chartDom.setOption(option);\n window.addEventListener('resize', function () {\n chartDom.resize();\n });\n },\n initChat: function initChat() {\n var chartDom = echarts.init(document.getElementById('status-chart'));\n var option = {\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n // 坐标轴指示器,坐标轴触发有效\n type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'\n\n }\n },\n legend: {\n data: ['账面净值', '面积'],\n align: 'left',\n padding: [15, 0, 0, 0]\n },\n grid: {\n left: '3%',\n right: '4%',\n bottom: '3%',\n containLabel: true\n },\n xAxis: [{\n type: 'category',\n data: ['自建', '购买', '划拨', '置换', '出让'],\n axisTick: {\n show: false\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: '#A1A9B2' // 浅灰色\n\n }\n }\n }],\n yAxis: [{\n type: 'value',\n name: '单位:万元',\n axisLabel: {\n formatter: '{value}'\n },\n splitLine: {\n show: false\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: '#A1A9B2' // 浅灰色\n\n }\n }\n }, {\n type: 'value',\n name: '单位:㎡',\n axisLabel: {\n formatter: '{value}'\n },\n position: 'right',\n splitLine: {\n show: false\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: '#A1A9B2' // 浅灰色\n\n }\n }\n }],\n series: [{\n name: '账面净值',\n type: 'bar',\n data: [20, 12, 31, 34, 31],\n barWidth: '15',\n yAxisIndex: 0,\n itemStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [{\n offset: 0,\n color: '#55EDB0' // 渐变起始颜色(绿色)\n\n }, {\n offset: 1,\n color: 'rgba(85,237,176,0.2)' // 渐变结束颜色(深绿色)\n\n }]\n },\n borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n }\n }, {\n name: '面积',\n type: 'bar',\n data: [10, 20, 5, 9, 3],\n barWidth: '15',\n yAxisIndex: 1,\n itemStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [{\n offset: 0,\n color: '#8AC4FF' // 渐变起始颜色(绿色)\n\n }, {\n offset: 1,\n color: 'rgba(51,153,255,0.2)' // 渐变结束颜色(深绿色)\n\n }]\n },\n borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n }\n }]\n };\n chartDom.setOption(option);\n window.addEventListener('resize', function () {\n chartDom.resize();\n });\n },\n initSourceChat: function initSourceChat() {\n var chartDom = echarts.init(document.getElementById('source-chart'));\n var option = {\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n // 坐标轴指示器,坐标轴触发有效\n type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'\n\n }\n },\n legend: {\n data: ['账面净值', '面积'],\n align: 'left',\n padding: [15, 0, 0, 0]\n },\n grid: {\n left: '3%',\n right: '4%',\n bottom: '3%',\n containLabel: true\n },\n xAxis: [{\n type: 'category',\n data: ['自住', '出租', '出借', '闲置', '被占用', '其他'],\n axisTick: {\n show: false\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: '#A1A9B2' // 浅灰色\n\n }\n }\n }],\n yAxis: [{\n type: 'value',\n name: '单位:万元',\n axisLabel: {\n formatter: '{value}'\n },\n splitLine: {\n show: false\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: '#A1A9B2' // 浅灰色\n\n }\n }\n }, {\n type: 'value',\n name: '单位:㎡',\n axisLabel: {\n formatter: '{value}'\n },\n position: 'right',\n splitLine: {\n show: false\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: '#A1A9B2' // 浅灰色\n\n }\n }\n }],\n series: [{\n name: '账面净值',\n type: 'bar',\n data: [20, 12, 31, 34, 31, 33],\n barWidth: '15',\n yAxisIndex: 0,\n itemStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [{\n offset: 0,\n color: '#55EDB0' // 渐变起始颜色(绿色)\n\n }, {\n offset: 1,\n color: 'rgba(85,237,176,0.2)' // 渐变结束颜色(深绿色)\n\n }]\n },\n borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n }\n }, {\n name: '面积',\n type: 'bar',\n data: [10, 20, 5, 9, 3, 4],\n barWidth: '15',\n yAxisIndex: 1,\n itemStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [{\n offset: 0,\n color: '#8AC4FF' // 渐变起始颜色(绿色)\n\n }, {\n offset: 1,\n color: 'rgba(51,153,255,0.2)' // 渐变结束颜色(深绿色)\n\n }]\n },\n borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n }\n }]\n };\n chartDom.setOption(option);\n window.addEventListener('resize', function () {\n chartDom.resize();\n });\n },\n initCommercialChat: function initCommercialChat() {\n var chartDom = echarts.init(document.getElementById('commercial-chart'));\n var option = {\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n // 坐标轴指示器,坐标轴触发有效\n type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'\n\n }\n },\n legend: {\n data: ['账面价值', '面积'],\n align: 'left',\n padding: [15, 0, 0, 0]\n },\n grid: {\n left: '3%',\n right: '4%',\n bottom: '3%',\n containLabel: true\n },\n xAxis: [{\n type: 'category',\n data: ['餐饮', '零售', '品牌商家', '车位', '配套设施', '超市', '住宅', '写字楼', '行政服务', '厂房', '仓库', '学校', '酒店', '医院'],\n axisTick: {\n show: false\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: '#A1A9B2' // 浅灰色\n\n }\n }\n }],\n yAxis: [{\n type: 'value',\n name: '单位:万元',\n axisLabel: {\n formatter: '{value}'\n },\n splitLine: {\n show: false\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: '#A1A9B2' // 浅灰色\n\n }\n }\n }, {\n type: 'value',\n name: '单位:㎡',\n axisLabel: {\n formatter: '{value}'\n },\n position: 'right',\n splitLine: {\n show: false\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: '#A1A9B2' // 浅灰色\n\n }\n }\n }],\n series: [{\n name: '账面价值',\n type: 'bar',\n data: [20, 12, 31, 34, 31, 0, 12, 31, 34, 31, 5, 33, 100],\n barWidth: '15',\n yAxisIndex: 0,\n itemStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [{\n offset: 0,\n color: '#C679E5 ' // 渐变起始颜色(绿色)\n\n }, {\n offset: 1,\n color: 'rgba(198, 121, 229,0.2)' // 渐变结束颜色(深绿色)\n\n }]\n },\n borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n }\n }, {\n name: '面积',\n type: 'bar',\n data: [10, 20, 5, 9, 3, 3, 9, 5, 20, 10, 5, 22, 35],\n barWidth: '15',\n yAxisIndex: 1,\n itemStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [{\n offset: 0,\n color: '#FDB942' // 渐变起始颜色(绿色)\n\n }, {\n offset: 1,\n color: 'rgba(253, 185, 66,0.2)' // 渐变结束颜色(深绿色)\n\n }]\n },\n borderRadius: [3, 3, 0, 0] // 设置圆角大小\n\n }\n }]\n };\n chartDom.setOption(option);\n window.addEventListener('resize', function () {\n chartDom.resize();\n });\n }\n },\n beforeDestroy: function beforeDestroy() {}\n};",null]}