From 2efb8b777c24cfa312f017769528d6eef89ea7c2 Mon Sep 17 00:00:00 2001 From: yyl <279235553@qq.com> Date: Tue, 16 Jan 2024 15:20:54 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E6=9C=80=E6=96=B0=E6=94=B6?= =?UTF-8?q?=E8=B4=B9=E8=BF=90=E8=90=A5=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ruoyi-ui/src/common/menuData.js | 7 + .../RoadSectionTolls/assets/charts.js | 261 ++++++ .../components/RoadSectionTolls/index.vue | 70 ++ .../accessAnalysis/assets/img_1.png | Bin 0 -> 7048 bytes .../accessAnalysis/assets/img_2.png | Bin 0 -> 7837 bytes .../components/accessAnalysis/index.vue | 324 +++++++ .../components/auxiliaryFlowcharts/index.vue | 886 ++++++++++++++++++ .../components/daylyAnalysis/assets/charts.js | 293 ++++++ .../components/daylyAnalysis/index.vue | 70 ++ .../components/laneTolls/index.vue | 165 ++++ .../monthlyAnalysis/assets/charts.js | 254 +++++ .../components/monthlyAnalysis/index.vue | 70 ++ .../components/roadNetworkTraffic/index.vue | 165 ++++ .../components/truckLaneTolls/index.vue | 165 ++++ .../components/vehicleTolls/index.vue | 165 ++++ .../chargeableOperations/index.vue | 196 ++++ 16 files changed, 3091 insertions(+) create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/assets/charts.js create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/accessAnalysis/assets/img_1.png create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/accessAnalysis/assets/img_2.png create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/accessAnalysis/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/auxiliaryFlowcharts/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/assets/charts.js create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/laneTolls/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/assets/charts.js create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/roadNetworkTraffic/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/truckLaneTolls/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/vehicleTolls/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/index.vue diff --git a/ruoyi-ui/src/common/menuData.js b/ruoyi-ui/src/common/menuData.js index 86bb8fb7..cf33c1e5 100644 --- a/ruoyi-ui/src/common/menuData.js +++ b/ruoyi-ui/src/common/menuData.js @@ -98,6 +98,13 @@ export default [ position: "left", path: "/maintain", component: "developing.vue", + children: [ + { + title: "收费运营", + name: "chargeableOperations", + path: "/maintain/board", + component: "maintenanceOperations/chargeableOperations/index.vue", + }] }, { title: "公众服务", diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/assets/charts.js new file mode 100644 index 00000000..cf0fac1d --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/assets/charts.js @@ -0,0 +1,261 @@ +import * as echarts from "echarts"; + +var xData = ['梁山东', '安城', '梁山', '孝里', '平阴北', '长青','东平','平阴南','嘉祥西'] +let eventWarning = [55, 50, 46, 46, 55, 45,33,62,30] +let eventHandling = [2000, 1700, 1600, 1450, 2100, 1500, 1200,1200,1900] +let legend = ['通行量', '收费金额'] +let options = { + color: ['#2CF1FF', '#3456FF'], + timeline: { + show: false, + }, + tooltip: { + trigger: "axis", + axisPointer: { + type: "shadow", + }, + backgroundColor: "rgba(255,255,255,0.75)", + extraCssText: "box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);", + textStyle: { + fontSize: 14, + color: "#000", + }, + formatter: "{a}
{b} :\n\n{c} 个", + }, + legend: { + top: 10, + right: "center", + itemWidth: 16, + itemHeight: 6, + itemGap: 20, + icon: "horizontal", + itemStyle:{ + borderRadius:9, + }, + textStyle: { + color: "#ffffff", + fontSize: 16, + }, + data: legend, + }, + grid: [ + // 左边 + { + show: false, + left: "5%", + top: "15%", + bottom: "10%", + containLabel: true, + width: "40%", + }, + // 中间 + { + show: false, + left: "51%", + top: "15%", + bottom: "15%", + width: "0%", + }, + // 右边 + { + show: false, + right: "5%", + top: "15%", + bottom: "10%", + containLabel: true, + width: "40%", + }, + ], + xAxis: [ + { + type: "value", + inverse: true, + axisTick: { + show: false, + }, + axisLabel: { + show: false, + }, + axisLabel: { + show: true, + verticalAlign: 'middle', + textStyle: { + color: 'rgba(255, 255, 255, 0.7)', + fontSize: 12, + }, + }, + splitLine: { + show: false, + }, + }, + { + gridIndex: 1, + show: false, + }, + { + gridIndex: 2, + axisLine: { + show: false, + }, + axisTick: { + show: false, + }, + axisLabel: { + show: true, + verticalAlign: 'middle', + textStyle: { + color: 'rgba(255, 255, 255, 0.7)', + fontSize: 12, + }, + }, + splitLine: { + show: false, + }, + }, + ], + yAxis: [ + { + type: "category", + inverse: true, + position: "right", + axisLine: { + show: false + }, + axisTick: { + show: false, + }, + axisLabel: { + show: false, + }, + data: xData, + }, + { + gridIndex: 1, + type: "category", + inverse: true, + position: "left", + axisLine: { + show: false, + }, + axisTick: { + show: false, + }, + axisLabel: { + show: true, + color: "rgba(255, 255, 255, 1)", + fontSize: 12, + align: "center", + }, + data: xData.map(function (value) { + return { + value: value, + textStyle: { + align: "center", + }, + }; + }), + }, + { + gridIndex: 2, + type: "category", + inverse: true, + position: "left", + axisLine: { + show: false + }, + axisTick: { + show: false, + }, + axisLabel: { + show: false, + }, + data: xData, + }, + ], + series: [ + { + name: legend[0], + type: "bar", + barWidth: 10, + stack: "1", + label: { + normal: { + show: true, + position: "left", + z:"100", + valueAnimation: true, + textStyle: { + color: "#F5F5F5", + fontSize: 10, + }, + formatter: '{c}' + }, + }, + itemStyle: { + borderRadius:9, + //Y轴数字显示部分 + + color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [ + { + offset: 0, + color: "#167145", + }, + { + offset: 1, + color: "#01EAC1", + }, + ]), + }, + data: eventWarning, + animationEasing: "elasticOut", + showBackground: true, + backgroundStyle: { + color: 'rgba(180, 180, 180, 0.2)' + } + }, + { + name: legend[1], + type: "bar", + stack: "2", + barWidth: 10, + xAxisIndex: 2, + yAxisIndex: 2, + label: { + normal: { + show: true, + position: "right", + z:"100", + valueAnimation: true, + textStyle: { + color: "#F5F5F5", + fontSize: 10, + }, + formatter: '{c}' + }, + }, + itemStyle: { + borderRadius:9, + color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [ + { + offset: 0, + color: "#F89336", + }, + { + offset: 1, + color: "#D2BCA7", + }, + ]), + }, + data: eventHandling, + animationEasing: "elasticOut", + showBackground: true, + backgroundStyle: { + color: 'rgba(180, 180, 180, 0.2)' + } + }, + ], +}; + + + + export default options \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/index.vue new file mode 100644 index 00000000..1ccd1501 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/RoadSectionTolls/index.vue @@ -0,0 +1,70 @@ + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/accessAnalysis/assets/img_1.png b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/accessAnalysis/assets/img_1.png new file mode 100644 index 0000000000000000000000000000000000000000..1a76eeef384cccf5bb8e8cec53e0e7b9b33e232f GIT binary patch literal 7048 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 literal 0 HcmV?d00001 diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/accessAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/accessAnalysis/index.vue new file mode 100644 index 00000000..7cde56a1 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/accessAnalysis/index.vue @@ -0,0 +1,324 @@ + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/auxiliaryFlowcharts/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/auxiliaryFlowcharts/index.vue new file mode 100644 index 00000000..e28cb6a4 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/auxiliaryFlowcharts/index.vue @@ -0,0 +1,886 @@ + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/assets/charts.js new file mode 100644 index 00000000..9c4ff8fe --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/assets/charts.js @@ -0,0 +1,293 @@ +import * as echarts from "echarts"; + +var data1 = [5, 12, 4, 6, 7, 9, 10, 15, 3, 5, 6, 15] +var data2 = [5, 12, 4, 6, 7, 9, 10, 15, 3, 5, 6, 15] +var options = { + tooltip: { + trigger: 'axis', + backgroundColor: 'rgba(17,95,182,0.5)', + textStyle: { + color: "#fff" + }, + formatter: function (params) { + return params[1].marker + '' + params[1].name + '\n' + + "
" + + "" + + " " + params[1].seriesName + ': ' + params[1].value + "\n" + ' ' + + "
" + + "" + + '' + " " + params[3].seriesName + ': ' + params[3].value; + } + }, + grid: { + left: '5%', + right: '5%', + top: '25%', + bottom: '12%' + }, + xAxis: { + data: ['01日', '02日', '03日', '04日', '05日', '06日','07日', '08日', '09日', '10日', '11日', '12日'], + show: true, + axisTick: { + show: false + }, + axisLine: { + show: true, + lineStyle: { + type: 'solid', + color: '#2D4377', + opacity: 1 + } + }, + // lineStyle: { + // show: true, + // type: 'solid' + // }, + axisLabel: { + interval: 0, + textStyle: { + color: 'rgba(255,255,255,0.8)', + fontSize: 14 + }, + margin: 12 // 刻度标签与轴线之间的距离。 + } + + }, + yAxis: [{ + min: 0, + max: 18, + type: 'value', + minInterval:3, + maxInterval:3, + name: '(单位：万)', + nameTextStyle: { + align: 'left', + color: 'rgba(255,255,255,0.8)', + padding: [0, 0, 0, -20], + fontSize: 14 + }, + splitLine: { + show: true, + lineStyle: { + type: 'dashed', + color: '#2D4377', + opacity: 0.5 + } + }, + axisTick: { + show: false + }, + axisLine: { + show: true, + lineStyle: { + color: '#2D4377', + } + }, + axisLabel: { + textStyle: { + color: 'rgba(255,255,255,0.8)', + fontSize: 14 + } + }, + data:[ + '0','3','6','9','12','15','18' + ], + }, { + show: true, + name: '', + min: 0, + max: 18, + type: 'value', + minInterval:3, + maxInterval:3, + splitNumber:3, + formatter:function(e){ + console.log("---------------",e); + }, + nameTextStyle: { + align: 'left', + color: 'rgba(255,255,255,0.8)', + padding: [0, 0, 0, 10], + fontSize: 14 + }, + splitLine: { show: false }, + axisLine: { show: true }, + axisTick: { show: false }, + axisLabel: { + textStyle: { fontSize: 14, color: 'rgba(255,255,255,0.8)' } + }, + data:[ + '0%','3%','6%','9%','12%','15%','18%' + ], + }], + legend: { + icon: 'rect', + itemWidth: 25, + itemHeight: 10, + top: '5%', + right: '5%', + textStyle: { + color: '#fff', + fontSize: 14 + }, + lineStyle:{ + show:false, + }, + itemGap: 12, // 设置间距 + data:[{ + name:'增收金额', + itemStyle:{ + color:new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ + offset: 0, + color: '#1CE8E8' // 0% 处的颜色 + }, { + offset: 1, + color: '#2CAEE3' // 100% 处的颜色 + }], false) + }, + }, + { + name:'增涨率', + itemStyle:{ + color:"#006AA6" + } + }], + }, + series: [ + + // 下半截柱状图 + { + name: '增收金额', + type: 'bar', + barWidth: 12, + barGap: '-100%', + borderCap:"round", + itemStyle: { // lenged文本 + opacity: 1, + borderCap:"round", + color: function (params) { + var a = params.name.slice(0, 2) + return new echarts.graphic.LinearGradient(1, 0, 0, 1, [{ + offset: 0, + color: '#1CE8E8' // 0% 处的颜色 + }, { + offset: 1, + color: '#2CAEE3' // 100% 处的颜色 + }], false) + } + }, + + data: data1 + }, + + + { + 'name': '', + 'type': 'pictorialBar', + 'symbolSize': [12, 12], + 'symbolOffset': [0, -4], + 'z': 5, + itemStyle: { + opacity: 1, + borderCap:"round", + color: function (params) { + var a = params.name.slice(0, 2) + + return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ + offset: 0, + color: '#0BA7DA' // 0% 处的颜色 + }, { + offset: 1, + color: '#0BA7DA30' // 100% 处的颜色 + }], false) + } + }, + 'symbolPosition': 'end', + 'data': data1 + }, + { + name: '增涨率', + 'z': 9, + yAxisIndex: 1, + type: 'line', + data: data2, + symbol: + "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAACCpJREFUSEuFl+uPXVUZxn/rus9lru200zt2SrEJjQSlDWAipv2AGtQYouGDJhpDofgnmNhTv/pFjAItaGL8QtRojCbEaJXEBKUU4YNtKNCW0tqm6XRmembOZe91M2vP9AKWspJ9zsneZ69nvc9a7/M+r+BjRkpJ3HcYfRHGo2BaSFaX0DJgiAgnqbSkKyLdpmL2vW9zKQEizytE/nnLUT//4EiCBEnA3R3MwnpmnGZrCpj8PwWE/HFthGs3l28k6JM4r5ucu/Qt+jcji5sW8n/AnU6SnQOw5hlmMGyXAusDSMEVZZgLA+baLYbvnaWfgTasRzvPWDKMkdiYJGMikWJkkAQn557gnOgg6JBSyiQss1ADZzqFyN9wEMTTz7JTSrZiQQbmUuTdEcu8n0fE9vI7Nw/ZI7EJdI/Ugwk822NktRBElTiz/yLHOwdI+c1r4CuTLNPbOYj42SbuiYktIhGs4h0rOVtVSOeRl5cQq5ori+0jmARR5jdhboIwnVk/TbJ3EKvIHZXnziTRInJu9iJvpgP1DtZ7fyPig4jJ9dxtJTNJMhAVbyrJUmgi3AIqBmRMyGQRowaxCLTL5UX0JFFOEicrUneRaCYIZpa4MMFIK3FviDR15PT+fRzv1CHWVCfR6SB+PMVmbbmHQBwWvDrm6FUaFTwy9FAtjYoRWShU0ojBCtfCk5pA2SDIAVG3CL1A0J5gNDEa2t6xG4GSieNPXeRMpyNiDTz9I1p+nAcQtIXjrcYU75eXUe0W2vVQzqOjQkWJKgpkf4BsKMQQaGTQSGgZkoyEqsSbSXxvjmA24ovzhDjOljKyQwbcFsFfju3DC1ISU7/gruTYIRVzxSLHygLlNco7dENggkVHgRoBM4zI5FBJIawF54j5EMlEqIE1XoMzFt8f4m0T3zxN6G1kV0pMWsPbF74j3hL5RK97nr0+0haCoxauZoqrq5iGxCwW6DGNjRqtEiYJlHaoSiJwdQ4n4Yle4qXEK4HLwAs9nBrBWYGznlC1GE9DdktBuSVwREwdSusR7EqCpVHNKwOFKq9gQgttI0UwaOOxQWIVmAO72P3QJva1DXdJweii4/W35/njk3/nDwqcB6cNlRvijKMajuJMHz++FXf1v+yuo068IiZfSDtVZAbPycaQ94fjaNdAF32sr7BaY2WiyMAvPsxT2yZ4/FYaeGqB5x/7M8+oSBU0VZCUaoArCyp7BTeyFtd1bDOwDclpsfZwejBE1sjAq0bTHZbopsTMG2yOuGUpgsf+dA+P7lrLgY/S3qxDfzrNkz88xr8GjrLdpPQVZemoTMS11uGG80wowa4AV8Waw+mLMWJl4Ijsk6oxtAdjGxS6qqNuSEPxt6/xwqjlM7cBZtFxbM9v2BcjQ92kXOwxVJYq73kTnLXYJcfnjKQSU4fTV1JETK/ipStDTDVAuxI73qRYcthmpOkNxbHHeP12oPlZSHTv/y2fD31KM8LQl5SFpBzM4+YncVzET2/gC0GSxNRz6csJ5JVVvLRhHj0AUxisU1gdKFyO2NM4+k1ezofpY8DTfS9yX0wMtViOeFxT1fvcxY8W+IU2D6tEuk51FLyc6cjAzdE6cqtKGj5RSCiOfJ2fjxV8+rZUVxzb83ser4ElZRhSWks1LKnm5vCfmkFcGLL3GtUPAeMkXss5XB+ucUw5xPocdaTIEf/gAe5/ZIZDtztcb8xy8Mm/8rsgKL2kdCWl1HiTgT1uqs2E0uxKgVkx/WzaGRQzEU61ljhdp1OJtjmFwFxPp0Tx4pfY/5Hp1OX5R1/iGamp6pQqKUtLpRZxRUF1uYXf6NjiFTtE4JTYcChNVYIHhWD+8kaOTh9HN6cwVyp0obH1yVbYWGGUwj63h69un+SRTHuMLC053vnHBQ5//yivNsCFLB6BSmcF6+GGAVesxl1awK9u8lkhaBM4Jvh1smsW2BsFVgx5bcOQq+cL1JxGjQiMddggMKbA6IjOkpl1m4DIimkUyRuCKAlZMn2gUi1c2cdJg8+SOXsVn2lOkt0kelce50hdJFYf5pNCcJeILLQLjg5mUXU+N9DNCu0HmGjQVi6DpoQka3UFaJLIVyI4h897WvZwExrfN/hcHtst/ELJbi2ZsIqTF74rTtZlkZ9g11j2RoXJZdEqzrlJpJ9HtRpo36/rsra5SkXksAG2QolAwpDKXJ2yGVipUKbE99qErNHmMrHazOYU2aEC/anAP098TywtAydY+0tmYuBuPEFFXsvuI9udXB6DQo0EZDciGxKFRqTqhvcSGTRfitiPBHWTEega2saxW0p0EXlj30XOdzorFqg2eyvWR0pmVGIoh/xbFvSy9bnkkBNdVBxFpuEN63NNTUSDtNQjZv+1oIhrFDG7jwxqHfcKuWx9Lj3Bfz5k9mqvmS2oWHPN7EW8Dbxrm5x9r42YHiKDQ8beitkrVjx7m8QcyDZJzRFVjyTHSLHNHQPYJhNaWM7Nvs+bdERcduw3m70Vv5n919Mb2Slha16OZNnezpbMbfLI2EVcWA8bgAvZV68oirVEzsLSeiZF4M6oWK0FEcOZ/Wc5nunNgB8Avq5GKYk6jg5i/SY2x8j2AK1cRFAsisR5EouqSzfr7rvAJwLNpRbNKFiVPKukYVU29AJcI/H2uX2crluaD7UzHzDn9V5f854J1v2KVnBsUoHNSJoh1hzlKa53JnVLc5OOCoFPklNrRzlz4gSe2shnh5Wbhhu91C16pxudxfJ8y/RMHWKdiqxOijEH41aiM6CI+NwvaZiViUsTk3RPfENUWR9WTsEtG7f/ARqeIzUaHVUWAAAAAElFTkSuQmCC", + symbolSize: [20, 20], + symbolOffset:['0',0], + lineStyle: { + normal: { + width: 3, + color: '#006AA6' // 线条颜色 + }, + borderWidth:5, + borderColor: '#006AA6' + }, + itemStyle:{ + color:"#006AA6", + }, + + }, + + { + name: '', + type: 'bar', + barWidth: 12, + barGap: '-100%', + z: 0, + itemStyle: { + borderCap:"round", + color: '#163F7A', + opacity: .7, + }, + data: [18, 18, 18, 18, 18, 18,18, 18, 18, 18, 18, 18] + }, + { + 'name': '', + 'type': 'pictorialBar', + 'symbolSize': [12, 12], + 'symbolOffset': [0, -5], + 'z': 5, + itemStyle: { + barBorderRadius: [13, 13, 13, 13], + opacity: 1, + borderCap:"round", + color: function (params) { + var a = params.name.slice(0, 2) + + return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ + offset: 0, + color: '#2CAEE3' // 0% 处的颜色 + }, { + offset: 1, + color: '#2CAEE3' // 100% 处的颜色 + }], false) + } + }, + 'symbolPosition': 'end', + data: [0, 0, 0, 0, 0, 0,0, 0, 0,0, 0, 0] + } + ] +} + +// option && myChart3.setOption(option); +// if (option && typeof option === "object") { +// myChart3.setOption(option, true); +// refreshChart(myChart3,option); +// var index3 = 0; //播放所在下标 +// var mTime = setInterval(function () { +// myChart3.dispatchAction({ +// type: 'showTip', +// seriesIndex: 0, +// dataIndex: index3 +// }); +// index3++; +// if (index3 >= 6) { +// //console.log('data4', fxdata.length) +// index3 = 0; +// //console.log(fxdata) +// } +// }, 2600); +// } + +export default options; \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/index.vue new file mode 100644 index 00000000..a5924379 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/daylyAnalysis/index.vue @@ -0,0 +1,70 @@ + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/laneTolls/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/laneTolls/index.vue new file mode 100644 index 00000000..593fd9dd --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/laneTolls/index.vue @@ -0,0 +1,165 @@ + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/assets/charts.js new file mode 100644 index 00000000..1492a683 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/assets/charts.js @@ -0,0 +1,254 @@ +import * as echarts from "echarts"; + +var data1 = [5, 12, 4, 6, 7, 9, 10, 15, 3, 5, 6, 15] +var data2 = [5, 12, 4, 6, 7, 9, 10, 15, 3, 5, 6, 15] +var options = { + tooltip: { + trigger: 'axis', + backgroundColor: 'rgba(17,95,182,0.5)', + textStyle: { + color: "#fff" + }, + formatter: function (params) { + return params[1].marker + '' + params[1].name + '\n' + + "
" + + "" + + " " + params[1].seriesName + ': ' + params[1].value + "\n" + ' ' + + "
" + + "" + + '' + " " + params[3].seriesName + ': ' + params[3].value; + } + }, + grid: { + left: '5%', + right: '5%', + top: '25%', + bottom: '12%' + }, + xAxis: { + data: ['1月', '2月', '3月', '4月', '5月', '6月','7月', '8月', '9月', '10月', '11月', '12月'], + show: true, + axisTick: { + show: false + }, + axisLine: { + show: true, + lineStyle: { + type: 'solid', + color: '#2D4377', + opacity: 1 + } + }, + // lineStyle: { + // show: true, + // type: 'solid' + // }, + axisLabel: { + interval: 0, + textStyle: { + color: 'rgba(255,255,255,0.8)', + fontSize: 14 + }, + margin: 12 // 刻度标签与轴线之间的距离。 + } + + }, + yAxis: [{ + min: 0, + max: 18, + minInterval:1, + maxInterval:1, + name: '(单位：万)', + nameTextStyle: { + align: 'left', + color: 'rgba(255,255,255,0.8)', + padding: [0, 0, 0, -20], + fontSize: 14 + }, + splitLine: { + show: true, + lineStyle: { + type: 'dashed', + color: '#2D4377', + opacity: 0.5 + } + }, + axisTick: { + show: false + }, + axisLine: { + show: true, + lineStyle: { + color: '#2D4377', + } + }, + axisLabel: { + textStyle: { + color: 'rgba(255,255,255,0.8)', + fontSize: 14 + } + }, + data:[ + '0','3','6','9','12','15','18' + ], + }, { + show: true, + name: '', + min: 0, + max: 18, + splitNumber:3, + nameTextStyle: { + align: 'left', + color: 'rgba(255,255,255,0.8)', + padding: [0, 0, 0, 10], + fontSize: 14 + }, + splitLine: { show: false }, + axisLine: { show: true }, + axisTick: { show: false }, + axisLabel: { + textStyle: { fontSize: 14, color: 'rgba(255,255,255,0.8)' } + }, + data:[ + '0%','3%','6%','9%','12%','15%','18%' + ], + }], + legend: { + top: '5%', + right: '5%', + icon: 'rect', + itemWidth: 25, + itemHeight: 10, + textStyle: { + color: '#fff', + fontSize: 14 + }, + lineStyle:{ + show:false, + color:"#00E4BB", + }, + data:[{ + name:'增收金额', + itemStyle:{ + color:new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ + offset: 0, + color: '#00E4BB' // 0% 处的颜色 + }, { + offset: 1, + color: '#003B4E' // 100% 处的颜色 + }], false) + }, + }, + { + name:'增涨率', + itemStyle:{ + color:"#755400" + } + }], + itemGap: 12 // 设置间距 + }, + series: [ + + // 下半截柱状图 + { + name: '增收金额', + type: 'bar', + barWidth: 12, + barGap: '-100%', + itemStyle: { // lenged文本 + opacity: 1, + barBorderRadius: [13, 13, 13, 13], + color: function (params) { + var a = params.name.slice(0, 2) + return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ + offset: 0, + color: '#00E4BB' // 0% 处的颜色 + }, { + offset: 1, + color: '#003B4E' // 100% 处的颜色 + }], false) + } + }, + + data: data1 + }, + + + { + 'name': '', + 'type': 'pictorialBar', + 'symbolSize': [12, 12], + 'symbolOffset': [0, -4], + 'z': 5, + itemStyle: { + opacity: 1, + color: function (params) { + var a = params.name.slice(0, 2) + + return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ + offset: 0, + color: '#00E4BB' // 0% 处的颜色 + }, { + offset: 1, + color: '#00E4BB30' // 100% 处的颜色 + }], false) + } + }, + 'symbolPosition': 'end', + 'data': data1 + }, + { + name: '增涨率', + 'z': 9, + yAxisIndex: 1, + type: 'line', + data: data2, + symbol:"image://data:image/png;base64,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", + symbolSize: [20, 20], + symbolOffset:['0',0], + lineStyle: { + normal: { + width: 3, + color: '#FF9B61' // 线条颜色 + }, + borderColor: '#FF9B61' + }, + + }, + + { + name: '', + type: 'bar', + barWidth: 12, + barGap: '-100%', + z: 0, + itemStyle: { + color: '#163F7A', + opacity: .7, + }, + data: [18, 18, 18, 18, 18, 18,18, 18, 18, 18, 18, 18] + } + ] +} + +// option && myChart3.setOption(option); +// if (option && typeof option === "object") { +// myChart3.setOption(option, true); +// refreshChart(myChart3,option); +// var index3 = 0; //播放所在下标 +// var mTime = setInterval(function () { +// myChart3.dispatchAction({ +// type: 'showTip', +// seriesIndex: 0, +// dataIndex: index3 +// }); +// index3++; +// if (index3 >= 6) { +// //console.log('data4', fxdata.length) +// index3 = 0; +// //console.log(fxdata) +// } +// }, 2600); +// } + +export default options; \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/index.vue new file mode 100644 index 00000000..b19593e3 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/monthlyAnalysis/index.vue @@ -0,0 +1,70 @@ + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/roadNetworkTraffic/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/roadNetworkTraffic/index.vue new file mode 100644 index 00000000..6ea2e7d0 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/roadNetworkTraffic/index.vue @@ -0,0 +1,165 @@ + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/truckLaneTolls/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/truckLaneTolls/index.vue new file mode 100644 index 00000000..d7639b43 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/truckLaneTolls/index.vue @@ -0,0 +1,165 @@ + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/vehicleTolls/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/vehicleTolls/index.vue new file mode 100644 index 00000000..5c7f4c4a --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/components/vehicleTolls/index.vue @@ -0,0 +1,165 @@ + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/index.vue new file mode 100644 index 00000000..44a6ea8f --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/index.vue @@ -0,0 +1,196 @@ + + + + + + \ No newline at end of file