提交最新公共服务统计分析样式

ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/assets/charts.js

@@ -123,7 +123,7 @@ var res = [
     {
       type: 'gauge',
       center: ['50%', '35%'],
-      radius: '46%', // 错位调整此处
+      radius: '40%', // 错位调整此处
       startAngle: 0,
       endAngle: 360,
       splitNumber: 52,
@@ -146,7 +146,7 @@ var res = [
       renderItem: (params, api) => {
         let x0 = api.getWidth() / 2;
         let y0 = api.getHeight() / 2 - 59;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
+        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50;
         return {
           type: 'circle',
           shape: {
@@ -173,7 +173,7 @@ var res = [
             shape: {
               cx: api.getWidth() / 2,
               cy: api.getHeight() / 2 - 59,
-              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
+              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50,
               startAngle: (350 + -angle) * Math.PI / 180,
               endAngle: (120 + -angle) * Math.PI / 180
             },
@@ -193,7 +193,7 @@ var res = [
         renderItem: (params, api) => {
           let x0 = api.getWidth() / 2;
           let y0 = api.getHeight() / 2 - 59;
-          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
+          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50;
           return {
             type: 'circle',
             shape: {
@@ -220,7 +220,7 @@ var res = [
               shape: {
                 cx: api.getWidth() / 2,
                 cy: api.getHeight() / 2 - 59,
-                r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
+                r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50,
                 startAngle: (150 + -angle) * Math.PI / 180,
                 endAngle: (-30 + -angle) * Math.PI / 180
               },
@@ -240,7 +240,7 @@ var res = [
         renderItem: (params, api) => {
           let x0 = api.getWidth() / 2;
           let y0 = api.getHeight() / 2 - 59;
-          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.62;
+          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
           return {
             type: 'circle',
             shape: {
@@ -267,7 +267,7 @@ var res = [
             shape: {
               cx: api.getWidth() / 2,
               cy: api.getHeight() / 2 - 59,
-              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.62,
+              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
               startAngle: (590 + -angle) * Math.PI / 180,
               endAngle: (350 + -angle) * Math.PI / 180
             },
@@ -287,7 +287,7 @@ var res = [
         renderItem: (params, api) => {
           let x0 = api.getWidth() / 2;
           let y0 = api.getHeight() / 2 - 59;
-          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.62;
+          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
           return {
             type: 'circle',
             shape: {
@@ -314,7 +314,7 @@ var res = [
             shape: {
               cx: api.getWidth() / 2,
               cy: api.getHeight() / 2 - 59,
-              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.62,
+              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
               startAngle: (90 + -angle) * Math.PI / 180,
               endAngle: (160 + -angle) * Math.PI / 180
             },
@@ -330,7 +330,7 @@ var res = [
       },
       {
         type: 'pie',
-        radius: ['50%', '40%'],
+        radius: ['45%', '39%'],
         center: ['50%', '35%'],
         z: 10,
         label: {
@@ -367,7 +367,7 @@ var res = [
       },
       {
         type: 'pie',
-        radius: ['29%', '45%'],
+        radius: ['25%', '39%'],
         center: ['50%', '35%'],
         label: {
           show: false,

ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/assets/charts.js

@@ -147,7 +147,7 @@ var res = [
       renderItem: (params, api) => {
         let x0 = api.getWidth() / 2;
         let y0 = api.getHeight() / 2 - 59;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
+        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50;
         return {
           type: 'circle',
           shape: {
@@ -174,7 +174,7 @@ var res = [
             shape: {
               cx: api.getWidth() / 2,
               cy: api.getHeight() / 2 - 59,
-              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
+              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50,
               startAngle: (350 + -angle) * Math.PI / 180,
               endAngle: (120 + -angle) * Math.PI / 180
             },
@@ -194,7 +194,7 @@ var res = [
         renderItem: (params, api) => {
           let x0 = api.getWidth() / 2;
           let y0 = api.getHeight() / 2 - 59;
-          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
+          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50;
           return {
             type: 'circle',
             shape: {
@@ -221,7 +221,7 @@ var res = [
               shape: {
                 cx: api.getWidth() / 2,
                 cy: api.getHeight() / 2 - 59,
-                r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
+                r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50,
                 startAngle: (150 + -angle) * Math.PI / 180,
                 endAngle: (-30 + -angle) * Math.PI / 180
               },
@@ -241,7 +241,7 @@ var res = [
         renderItem: (params, api) => {
           let x0 = api.getWidth() / 2;
           let y0 = api.getHeight() / 2 - 59;
-          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.63;
+          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
           return {
             type: 'circle',
             shape: {
@@ -268,7 +268,7 @@ var res = [
             shape: {
               cx: api.getWidth() / 2,
               cy: api.getHeight() / 2 - 59,
-              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.63,
+              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
               startAngle: (590 + -angle) * Math.PI / 180,
               endAngle: (350 + -angle) * Math.PI / 180
             },
@@ -288,7 +288,7 @@ var res = [
         renderItem: (params, api) => {
           let x0 = api.getWidth() / 2;
           let y0 = api.getHeight() / 2 - 59;
-          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.63;
+          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
           return {
             type: 'circle',
             shape: {
@@ -315,7 +315,7 @@ var res = [
             shape: {
               cx: api.getWidth() / 2,
               cy: api.getHeight() / 2 - 59,
-              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.63,
+              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
               startAngle: (90 + -angle) * Math.PI / 180,
               endAngle: (160 + -angle) * Math.PI / 180
             },
@@ -331,7 +331,7 @@ var res = [
       },
       {
         type: 'pie',
-        radius: ['50%', '40%'],
+        radius: ['45%', '40%'],
         center: ['50%', '35%'],
         z: 10,
         label: {

ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/assets/charts.js

@@ -86,7 +86,7 @@ function getCirlPoint(x0, y0, r, angle) {
       },
     ],
     grid: {
-      top: '18%',
+      top: '38%',
       left: '6%',
       right: '6%',
       bottom: '3%',
@@ -167,7 +167,7 @@ function getCirlPoint(x0, y0, r, angle) {
       renderItem: (params, api) => {
         let x0 = api.getWidth() / 2;
         let y0 = api.getHeight() / 2 - 59;
-        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
+        let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50;
         return {
           type: 'circle',
           shape: {
@@ -194,7 +194,7 @@ function getCirlPoint(x0, y0, r, angle) {
             shape: {
               cx: api.getWidth() / 2,
               cy: api.getHeight() / 2 - 59,
-              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
+              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50,
               startAngle: (350 + -angle) * Math.PI / 180,
               endAngle: (120 + -angle) * Math.PI / 180
             },
@@ -214,7 +214,7 @@ function getCirlPoint(x0, y0, r, angle) {
         renderItem: (params, api) => {
           let x0 = api.getWidth() / 2;
           let y0 = api.getHeight() / 2 - 59;
-          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
+          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50;
           return {
             type: 'circle',
             shape: {
@@ -241,7 +241,7 @@ function getCirlPoint(x0, y0, r, angle) {
               shape: {
                 cx: api.getWidth() / 2,
                 cy: api.getHeight() / 2 - 59,
-                r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
+                r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50,
                 startAngle: (150 + -angle) * Math.PI / 180,
                 endAngle: (-30 + -angle) * Math.PI / 180
               },
@@ -261,7 +261,7 @@ function getCirlPoint(x0, y0, r, angle) {
         renderItem: (params, api) => {
           let x0 = api.getWidth() / 2;
           let y0 = api.getHeight() / 2 - 59;
-          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.63;
+          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
           return {
             type: 'circle',
             shape: {
@@ -288,7 +288,7 @@ function getCirlPoint(x0, y0, r, angle) {
             shape: {
               cx: api.getWidth() / 2,
               cy: api.getHeight() / 2 - 59,
-              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.63,
+              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
               startAngle: (590 + -angle) * Math.PI / 180,
               endAngle: (350 + -angle) * Math.PI / 180
             },
@@ -308,7 +308,7 @@ function getCirlPoint(x0, y0, r, angle) {
         renderItem: (params, api) => {
           let x0 = api.getWidth() / 2;
           let y0 = api.getHeight() / 2 - 59;
-          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.63;
+          let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56;
           return {
             type: 'circle',
             shape: {
@@ -335,7 +335,7 @@ function getCirlPoint(x0, y0, r, angle) {
             shape: {
               cx: api.getWidth() / 2,
               cy: api.getHeight() / 2 - 59,
-              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.63,
+              r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56,
               startAngle: (90 + -angle) * Math.PI / 180,
               endAngle: (160 + -angle) * Math.PI / 180
             },
@@ -351,7 +351,7 @@ function getCirlPoint(x0, y0, r, angle) {
       },
       {
         type: 'pie',
-        radius: ['50%', '40%'],
+        radius: ['45%', '40%'],
         center: ['50%', '35%'],
         z: 10,
         label: {
@@ -388,7 +388,7 @@ function getCirlPoint(x0, y0, r, angle) {
       },
       {
         type: 'pie',
-        radius: ['29%', '40%'],
+        radius: ['29%', '39%'],
         center: ['50%', '35%'],
         label: {
           show: false,

ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/nucleusThrough/index.vue

@@ -2,6 +2,21 @@
     <div class='congestion'>
       <WgtTitle :title="'月审核通过趋势分析'"></WgtTitle>
       <div class="board">
+        <div class="searchPanel_1" >
+          <el-date-picker
+          size="mini"
+          v-if="year != 'quarter'"
+          class="selectRoad"
+            v-model="dateTime"
+            style="width:140px;"
+          
+            placeholder="请选择"
+        />
+        <el-quarter-picker  size="mini" class="selectRoad" style="width:180px;" v-if="year == 'quarter'" v-model="quarter" aria-placeholder="请选季度" />
+
+          <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
+          <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
+        </div>
         <div class="charts" id="nucleusThrough"></div>
        </div>
     </div>
@@ -43,6 +58,7 @@
   .congestion {
     width: 100%;
     .board{
+      position: relative;
       height:300px;
       width: 100%;
       padding: 0px 20px;
@@ -55,6 +71,57 @@
       justify-content: space-between;
       align-items: center;
 
+
+      .searchPanel_1{
+        position:absolute;
+        display: flex;
+        align-items: center;
+        height: 40px;
+        width:100%;
+        font-size: 14px;
+        margin-bottom: 10px;
+        left:20px;
+        top:2px;
+        z-index: 100;
+    div{
+      white-space: nowrap;
+      margin-right: 4px;
+    }
+    .inputZh{
+      width: 47px;
+      ::v-deep{
+        .el-input__inner{
+          background-color: #064258 !important;
+          border-width: 0px !important;
+        }
+      }
+    }
+    .inputJl{
+      margin-left: 5px;
+      margin-right: 10px;
+    }
+    .selectRoad{
+      width:89px;
+      border:1px solid #00B3CC;
+      ::v-deep{
+        .el-input__inner{
+          background-color: #064258 !important;
+          border-width: 0px !important;
+        }
+      }
+    }
+    .btnSearch{
+      background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);
+      margin-left: 10px;
+      border-color: transparent;
+    }
+    .btnReset{
+      background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);;
+      border-color: transparent;
+      color: white;
+    }
+   }
+     
     }
   }
       .charts {

ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/postTrendsMonth/index.vue

@@ -2,6 +2,21 @@
     <div class='congestion'>
       <WgtTitle :title="'今日发布趋势分析'"></WgtTitle>
       <div class="board">
+        <div class="searchPanel_1" >
+          <el-date-picker
+          size="mini"
+          v-if="year != 'quarter'"
+          class="selectRoad"
+            v-model="dateTime"
+            style="width:140px;"
+          
+            placeholder="请选择"
+        />
+        <el-quarter-picker  size="mini" class="selectRoad" style="width:180px;" v-if="year == 'quarter'" v-model="quarter" aria-placeholder="请选季度" />
+
+          <el-button type="primary" size="mini" class="btnSearch"  icon="el-icon-search">查询</el-button>
+          <el-button class="btnReset"  size="mini" icon="el-icon-refresh-left" >重置</el-button>
+        </div>
         <div class="charts" id="postTrendsMonth"></div>
        </div>
     </div>
@@ -43,6 +58,7 @@
   .congestion {
     width: 100%;
     .board{
+      position: relative;
       height:300px;
       width: 100%;
       padding: 0px 20px;
@@ -54,6 +70,58 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
+      flex-direction: column;
+
+      .searchPanel_1{
+        position:absolute;
+        display: flex;
+        align-items: center;
+        height: 40px;
+        width:100%;
+        font-size: 14px;
+        margin-bottom: 10px;
+        left:20px;
+        top:2px;
+        z-index: 100;
+    div{
+      white-space: nowrap;
+      margin-right: 4px;
+    }
+    .inputZh{
+      width: 47px;
+      ::v-deep{
+        .el-input__inner{
+          background-color: #064258 !important;
+          border-width: 0px !important;
+        }
+      }
+    }
+    .inputJl{
+      margin-left: 5px;
+      margin-right: 10px;
+    }
+    .selectRoad{
+      width:89px;
+      border:1px solid #00B3CC;
+      ::v-deep{
+        .el-input__inner{
+          background-color: #064258 !important;
+          border-width: 0px !important;
+        }
+      }
+    }
+    .btnSearch{
+      background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);
+      margin-left: 10px;
+      border-color: transparent;
+    }
+    .btnReset{
+      background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);;
+      border-color: transparent;
+      color: white;
+    }
+   }
+
      
     }
   }