refactor:views/components

src/views/dashboard/admin/components/BoxCard.vue

@@ -6,7 +6,7 @@
     <div style="position:relative;">
       <pan-thumb class="panThumb" :image="avatar"></pan-thumb>
       <mallki className='mallki-text' text='vue-element-admin'></mallki>
-      <div class='progress-item'>
+      <div style="padding-top:35px;" class='progress-item'>
         <span>Vue</span>
         <el-progress :percentage="70"></el-progress>
       </div>
@@ -18,6 +18,10 @@
         <span>Css</span>
         <el-progress :percentage="12"></el-progress>
       </div>
+       <div class='progress-item'>
+        <span>ESlint</span>
+        <el-progress :percentage="100" status="success"></el-progress>
+      </div>
     </div>
   </el-card>
 </template>
@@ -53,13 +57,7 @@ export default {
       }
       return statusMap[status]
     }
-  },
-  created() {
-
-  },
-  methods: {
   }
-
 }
 </script>
 
@@ -86,7 +84,7 @@ export default {
 }
 .mallki-text {
   position: absolute;
-  top: -10px;
+  top: 0px;
   right: 0px;
   font-size: 20px;
   font-weight: bold;
@@ -102,6 +100,9 @@ export default {
   background-color: #fff;
   margin: auto;
   box-shadow: none!important;
+  /deep/ .pan-info{
+    box-shadow: none!important;
+  }
 }
 .progress-item {
   margin-bottom: 10px;

src/views/dashboard/admin/components/PieChart.vue

@@ -54,9 +54,9 @@ export default {
           formatter: '{a} <br/>{b} : {c} ({d}%)'
         },
         legend: {
-          x: 'center',
-          y: 'bottom',
-          data: ['industries', 'technology', 'forex', 'gold', 'forecasts', 'markets']
+          left: 'center',
+          bottom: '10',
+          data: ['industries', 'technology', 'forex', 'gold', 'forecasts']
         },
         calculable: true,
         series: [
@@ -71,8 +71,7 @@ export default {
               { value: 240, name: 'technology' },
               { value: 149, name: 'forex' },
               { value: 100, name: 'gold' },
-              { value: 59, name: 'forecasts' },
-              { value: 49, name: 'markets' }
+              { value: 59, name: 'forecasts' }
             ],
             animationEasing: 'cubicInOut',
             animationDuration: 2600

src/views/dashboard/admin/components/RaddarChart.vue

@@ -58,8 +58,8 @@ export default {
           }
         },
         radar: {
-          radius: '70%',
-          center: ['50%', '44%'],
+          radius: '66%',
+          center: ['50%', '42%'],
           splitNumber: 8,
           splitArea: {
             areaStyle: {
@@ -81,8 +81,8 @@ export default {
           ]
         },
         legend: {
-          left: 0,
-          bottom: 0,
+          left: 'center',
+          bottom: '10',
           data: ['Allocated Budget', 'Expected Spending', 'Actual Spending']
         },
         series: [{