'首页统计优化'

src/home.vue

@@ -91,13 +91,13 @@
               </div>
             </el-col>
           </el-col>
-          <el-col v-else  :span="17" style="margin-top:34px;padding:0;height:58px;" v-loading="authorityManagerHeaderLoad">
+          <el-col v-else  :span="17" style="margin-top:34px;padding:0 0 10px 0;height:58px;" v-loading="authorityManagerHeaderLoad">
             <el-col :gutter="50" style="margin:0;padding:0;" class="quick_button_box">
               <div style="display:flex;justify-content: space-around;">
-                <p style="text-align:center;cursor:pointer;margin: 0;" @click="$router.push({ path: '/integral_statistics' })"><b style="color:#26A2FF;font-size:27px;">{{authorityManagerHeaders.b?authorityManagerHeaders.b:'0'}}</b><br><span style="color:#606266;font-size:14px;padding-top:8px;display: inline-block;">本月B分</span></p>
-                <p style="text-align:center;cursor:pointer;margin: 0;" @click="$router.push({ path: '/integral_statistics' })"><b style="color:#26A2FF;font-size:27px;">{{authorityManagerHeaders.a?authorityManagerHeaders.a:'0'}}</b><br><span style="color:#606266;font-size:14px;padding-top:8px;display: inline-block;">本月A分</span></p>
+                <p style="text-align:center;cursor:pointer;margin: 0;" @click="$router.push({ path: '/individual_statistics' })"><b style="color:#26A2FF;font-size:27px;">{{authorityManagerHeaders.b?authorityManagerHeaders.b:'0'}}</b><br><span style="color:#606266;font-size:14px;padding-top:8px;display: inline-block;">本月B分</span></p>
+                <p style="text-align:center;cursor:pointer;margin: 0;" @click="$router.push({ path: '/individual_statistics' })"><b style="color:#26A2FF;font-size:27px;">{{authorityManagerHeaders.a?authorityManagerHeaders.a:'0'}}</b><br><span style="color:#606266;font-size:14px;padding-top:8px;display: inline-block;">本月A分</span></p>
                 <!-- <p style="text-align:center;cursor:pointer;margin: 0;" @click="$router.push({ path: '/my_performance' })"><b style="color:#26A2FF;font-size:27px;">{{authorityManagerHeaders.performance?authorityManagerHeaders.performance.review_point:'0'}}</b><br><span style="color:#606266;font-size:14px;padding-top:8px;display: inline-block;">绩效分</span></p> -->
-                <p style="text-align:center;cursor:pointer;margin: 0;" @click="$router.push({ path: '/my_performance' })"><b style="color:#26A2FF;font-size:27px;">{{authorityManagerHeaders.performance?authorityManagerHeaders.performance.total_count + '/' + authorityManagerHeaders.performance.complete_count : '0/0'}}</b><br><span style="color:#606266;font-size:14px;padding-top:8px;display: inline-block;">任务进度</span></p>
+                <p style="text-align:center;cursor:pointer;margin: 0;" @click="Administrator"><b style="color:#26A2FF;font-size:27px;">{{authorityManagerHeaders.performance?authorityManagerHeaders.performance.total_count + '/' + authorityManagerHeaders.performance.complete_count : '0/0'}}</b><br><span style="color:#606266;font-size:14px;padding-top:8px;display: inline-block;">任务进度</span></p>
               </div>
 
             </el-col>
@@ -192,7 +192,7 @@
                   />
                   <div
                     v-if="item.rank == 4 || item.rank == 5"
-                    style="z-index:1;position: absolute;left: 28px;top: -14px;width:24px;height:24px;border:1px solid #C0C4CC;border-radius:50%;background-color:#fff;font-size:12px;text-align-center;line-height:24px;color:#303133;"
+                    style="z-index:1;position: absolute;left: 27px;top: -14px;width:24px;height:24px;border:1px solid #C0C4CC;border-radius:50%;background-color:#fff;font-size:12px;text-align-center;line-height:24px;color:#303133;"
                   >
                     <b style="">{{ item.rank }}</b>
                   </div>
@@ -202,7 +202,7 @@
                         index == 0 &&
                         item.rank > 3
                     "
-                    style="z-index:1;position: absolute;left: 28px;top: -14px;width:24px;height:24px;border:1px solid #C0C4CC;border-radius:50%;background-color:#fff;font-size:12px;text-align-center;line-height:24px;color:#303133;"
+                    style="z-index:1;position: absolute;left: 26px;top: -14px;width:25px;height:25px;border:1px solid #C0C4CC;border-radius:50%;background-color:#fff;font-size:12px;text-align-center;line-height:24px;color:#303133;"
                   >
                   <!-- <div
                     v-if="
@@ -215,7 +215,7 @@
                     <b>{{ item.rank }}</b>
                   </div>
                   <div
-                    style="position: absolute;left: 10px;top: -16px;z-index:2;"
+                    style="position: absolute;left: 8px;top: -16px;z-index:2;"
                   >
                     <div
                       v-if="index == 5 || index == 6"
@@ -347,7 +347,7 @@
 
 
         
-        <el-row class="left-all-style" style="margin-bottom:20px;">
+        <el-row class="left-all-style" style="">
           <el-row style="position: relative;">
             <el-col :span="24">
               <b class="title" style="margin-bottom:15px;display:block">管理者奖扣任务执行情况</b>
@@ -616,29 +616,33 @@ export default {
     },
     openGzd(val) {
       if(val == '/my_issue'){
-        if (bool) {
-          const h = this.$createElement;
-          this.$notify({
-            message: h('b', { style: 'color:rgb(38, 162, 255)'}, '任务功能将在近期开放，敬请期待')
-          });
-          
-          // this.$message({
-          //   message: '任务功能将在近期开放，敬请期待',
-          //   type: 'success'
-          // });
-          bool = false
-          setTimeout(() => {
-            bool = true
-          }, 5000)
-        } else {
-        }
-
+        this.popout()
       }else{
         val?this.$router.push({path: val}):''
 			  // localStorage.setItem("path",'2-1');
       }
     },
-  
+    popout(){
+      if (bool) {
+        const h = this.$createElement;
+        this.$notify({
+          message: h('b', { style: 'color:rgb(38, 162, 255)'}, '任务功能将在近期开放，敬请期待')
+        });
+        
+        // this.$message({
+        //   message: '任务功能将在近期开放，敬请期待',
+        //   type: 'success'
+        // });
+        bool = false
+        setTimeout(() => {
+          bool = true
+        }, 5000)
+      } else {
+      }
+    },
+    Administrator(){
+      this.popout()
+    },
   
     //管理员头部
     authorityManagerHeader(){
@@ -830,6 +834,10 @@ export default {
           // let listLeng = Math.ceil((lists.length)/2)
 
           for (let i in lists) {
+            if(lists[i].name.length>15){
+              lists[i].name = lists[i].name.slice(0,15)+'...'
+            }
+
             //分为两列展示
             // if(i<listLeng){
             //   legendData1.push(lists[i].name+' '+'奖'+lists[i].reward+' '+'扣'+lists[i].deduction+' '+lists[i].ratio+'%')
@@ -886,8 +894,8 @@ export default {
             dadalist.push(dataListDx);
           }
           //分为两列展示，多传legendData2
-          this.drawLine(legendData1, legendData2, dadalist); //图表
-          // this.drawLine(legendData1,dadalist)//图表
+          // this.drawLine(legendData1, legendData2, dadalist); //图表
+          this.drawLine(legendData1,dadalist)//图表
         })
         .finally(() => {
           if (listslength.length == 0) {
@@ -899,12 +907,13 @@ export default {
         });
     },
     //分为两列展示，多传legendDataTwo
-    drawLine(legendDataOne, legendDataTwo, dadalist) {
-      // drawLine(legendDataOne,dadalist){
+    // drawLine(legendDataOne, legendDataTwo, dadalist) {
+      drawLine(legendDataOne,dadalist){
       const chart = this.$refs.IntegralFormChart;
 
       //此处可给固定颜色，不给就所有颜色随机
       let colors = [
+        'rgb(38, 162, 255)',
         "#f36f2a",
         "#fecb09",
         "#00b6bd",
@@ -919,7 +928,8 @@ export default {
         "#fcb814",
       ];
       // let colors = [];
-      let legendDataLeng = legendDataOne.length + legendDataTwo.length;
+      // let legendDataLeng = legendDataOne.length + legendDataTwo.length;
+      let legendDataLeng = legendDataOne.length;
       if (legendDataLeng > colors.length) {
         //当列表大于固定颜色时，给随机颜色
         let colorsLeng = colors.length;
@@ -939,23 +949,23 @@ export default {
 
       //只显示 N 条标题，多余隐藏，但是饼图不会隐藏
       let DataLengths = [];
-      for (let i in legendDataTwo) {
-        if (i < 8) {
-          DataLengths.push(legendDataTwo[i]);
-        }
-      }
+      // for (let i in legendDataTwo) {
+      //   if (i < 8) {
+      //     DataLengths.push(legendDataTwo[i]);
+      //   }
+      // }
       let left1 = "45%";
       let left2 = "45%";
       let leftBT = "25%";
-      if (legendDataTwo.length != 0) {
-        left1 = "36%";
-        leftBT = "20%";
-      }
+      // if (legendDataTwo.length != 0) {
+      //   left1 = "28%";
+      //   leftBT = "10%";
+      // }
 
       if (chart) {
         const myChart = ECharts.init(chart);
         var legendData1 = legendDataOne;
-        var legendData2 = DataLengths;
+        // var legendData2 = DataLengths;
         const option = {
           tooltip: {
             trigger: "item",
@@ -978,21 +988,21 @@ export default {
               data: legendData1,
             },
             //分为两列展示
-            {
-              type: "scroll",
-              orient: "vertical",
-              icon: "square",
-              left: "69%",
-              align: "left",
-              top: "23%",
-              itemGap: 20,
-              // bottom:'50%',
-              textStyle: {
-                fontSize: 14,
-                color: "rgb(48, 49, 51)",
-              },
-              data: legendData2,
-            },
+            // {
+            //   type: "scroll",
+            //   orient: "vertical",
+            //   icon: "square",
+            //   left: "62%",
+            //   align: "left",
+            //   top: "23%",
+            //   itemGap: 20,
+            //   // bottom:'50%',
+            //   textStyle: {
+            //     fontSize: 14,
+            //     color: "rgb(48, 49, 51)",
+            //   },
+            //   data: legendData2,
+            // },
           ],
           color: colors,
           grid: {

src/views/ranking/department_statistics.vue

@@ -78,7 +78,7 @@
               <div v-loading="IntegralFormChartLoad">
                 <div
                   class="nopoint_box"
-                  style="height:356px;"
+                  style="height:306px;"
                   v-show="IntegralFormnone"
                 >
                   <div
@@ -97,7 +97,7 @@
                 <div v-show="!IntegralFormnone">
                   <div
                     ref="IntegralFormChart"
-                    :style="{ width: '100%', height: '400px' }"
+                    :style="{ width: '100%', height: '350px' }"
                   ></div>
                 </div>
               </div>
@@ -524,8 +524,8 @@ export default {
     },
     //饼图
     //分为两列展示，多传legendDataTwo
-    drawLine(legendDataOne, legendDataTwo, dadalist) {
-      // drawLine(legendDataOne,dadalist){
+    // drawLine(legendDataOne, legendDataTwo, dadalist) {
+      drawLine(legendDataOne,dadalist){
       const chart = this.$refs.IntegralFormChart;
       //此处可给固定颜色，不给就所有颜色随机
       let colors = [
@@ -544,7 +544,8 @@ export default {
         "#fcb814",
       ];
       // let colors = [];
-      let legendDataLeng = legendDataOne.length + legendDataTwo.length;
+      // let legendDataLeng = legendDataOne.length + legendDataTwo.length;
+      let legendDataLeng = legendDataOne.length;
       if (legendDataLeng > colors.length) {
         //当列表大于固定颜色时，给随机颜色
         let colorsLeng = colors.length;
@@ -563,22 +564,22 @@ export default {
       }
       //只显示 N 条标题，多余隐藏，但是饼图不会隐藏
       let DataLengths = [];
-      for (let i in legendDataTwo) {
-        if (i < 8) {
-          DataLengths.push(legendDataTwo[i]);
-        }
-      }
+      // for (let i in legendDataTwo) {
+      //   if (i < 8) {
+      //     DataLengths.push(legendDataTwo[i]);
+      //   }
+      // }
       let left1 = "45%";
       let left2 = "45%";
       let leftBT = "25%";
-      if (legendDataTwo.length != 0) {
-        left1 = "36%";
-        leftBT = "18%";
-      }
+      // if (legendDataTwo.length != 0) {
+      //   left1 = "36%";
+      //   leftBT = "18%";
+      // }
       if (chart) {
         const myChart = ECharts.init(chart);
         var legendData1 = legendDataOne;
-        var legendData2 = DataLengths;
+        // var legendData2 = DataLengths;
         const option = {
           tooltip: { trigger: "item", formatter: "{b}" },
           legend: [
@@ -594,17 +595,17 @@ export default {
               data: legendData1,
             },
             //分为两列展示
-            {
-              type: "scroll",
-              orient: "vertical",
-              icon: "square",
-              left: "70%",
-              align: "left",
-              top: "10%",
-              itemGap: 20,
-              textStyle: { fontSize: 14, color: "rgb(48, 49, 51)" },
-              data: legendData2,
-            },
+            // {
+            //   type: "scroll",
+            //   orient: "vertical",
+            //   icon: "square",
+            //   left: "70%",
+            //   align: "left",
+            //   top: "10%",
+            //   itemGap: 20,
+            //   textStyle: { fontSize: 14, color: "rgb(48, 49, 51)" },
+            //   data: legendData2,
+            // },
           ],
           color: colors,
           grid: { x: 25, y: 45, x2: 5, y2: 20, borderWidth: 1 },
@@ -654,6 +655,9 @@ export default {
           // let listLeng = Math.ceil((lists.length)/2)
 
           for (let i in lists) {
+            if(lists[i].name.length>15){
+              lists[i].name = lists[i].name.slice(0,15)+'...'
+            }
             //分为两列展示
             // if(i<listLeng){
             //   legendData1.push(lists[i].name+' '+'奖'+lists[i].reward+' '+'扣'+lists[i].deduction+' '+lists[i].ratio+'%')
@@ -709,8 +713,8 @@ export default {
             dadalist.push(dataListDx);
           }
           //分为两列展示，多传legendData2
-          this.drawLine(legendData1, legendData2, dadalist); //图表
-          // this.drawLine(legendData1,dadalist)//图表
+          // this.drawLine(legendData1, legendData2, dadalist); //图表
+          this.drawLine(legendData1,dadalist)//图表
         })
         .finally(() => {
           if (listslength.length == 0) {
@@ -1008,35 +1012,31 @@ export default {
   text-align: center;
   width: 100%;
   margin-bottom: 10px;
-}
-
-.nopoint_box .noimg {
-  display: inline-block;
-  width: 110px;
-  height: 110px;
-  margin: 22px auto 16px;
-  background: url("../../assets/image/nodata_default.png") no-repeat center;
-  background-size: 99%;
-}
-
-.nopoint_box .noperson {
-  display: inline-block;
-  width: 110px;
-  height: 110px;
-  margin: 22px auto 16px;
-  background: url("../../assets/image/noperson_default.png") no-repeat center;
-  background-size: 99%;
-}
-
-.nopoint_box .title1 {
-  display: block;
-  text-align: center;
-  font-size: 12px !important;
-  color: #909399 !important;
-  padding: 0;
-}
-
-.nopoint_box a {
-  color: #26a2ff;
+  .noimg {
+    display: inline-block;
+    width: 110px;
+    height: 110px;
+    margin: 22px auto 16px;
+    background: url("../../assets/image/nodata_default.png") no-repeat center;
+    background-size: 99%;
+  }
+  .noperson {
+    display: inline-block;
+    width: 110px;
+    height: 110px;
+    margin: 22px auto 16px;
+    background: url("../../assets/image/noperson_default.png") no-repeat center;
+    background-size: 99%;
+  }
+  .title1 {
+    display: block;
+    text-align: center;
+    font-size: 12px !important;
+    color: #909399 !important;
+    padding: 0;
+  }
+  a {
+    color: #26a2ff;
+  }
 }
 </style>

src/views/ranking/individual_statistics.vue

@@ -158,7 +158,7 @@
               </el-col>
             </div> -->
 			
-			<el-col :span="17" style="margin-top:34px;padding:0;height:58px;" v-loading="authorityManagerHeaderLoad">
+			<el-col :span="17" style="margin-top:34px;padding:0 0 10px 0;height:58px;" v-loading="authorityManagerHeaderLoad">
 				<el-col :gutter="50" style="margin:0;padding:0;" class="quick_button_box">
 				<div style="display:flex;justify-content: space-around;">
 					<p style="text-align:center;cursor:pointer;margin: 0;"><b style="color:#26A2FF;font-size:27px;">{{authorityManagerHeaders.b?authorityManagerHeaders.b:'0'}}</b><br><span style="color:#606266;font-size:14px;padding-top:8px;display: inline-block;">{{ yearhORmontStr }}度B分</span></p>
@@ -682,8 +682,8 @@ export default {
 
     //饼图
     //分为两列展示，多传legendDataTwo
-    drawLine(legendDataOne, legendDataTwo, dadalist) {
-      // drawLine(legendDataOne,dadalist){
+    // drawLine(legendDataOne, legendDataTwo, dadalist) {
+      drawLine(legendDataOne,dadalist){
       const chart = this.$refs.IntegralFormChart;
       //此处可给固定颜色，不给就所有颜色随机
       let colors = [
@@ -702,7 +702,8 @@ export default {
         "#fcb814",
       ];
       // let colors = [];
-      let legendDataLeng = legendDataOne.length + legendDataTwo.length;
+      // let legendDataLeng = legendDataOne.length + legendDataTwo.length;
+      let legendDataLeng = legendDataOne.length;
       if (legendDataLeng > colors.length) {
         //当列表大于固定颜色时，给随机颜色
         let colorsLeng = colors.length;
@@ -721,22 +722,22 @@ export default {
       }
       //只显示 N 条标题，多余隐藏，但是饼图不会隐藏
       let DataLengths = [];
-      for (let i in legendDataTwo) {
-        if (i < 8) {
-          DataLengths.push(legendDataTwo[i]);
-        }
-      }
+      // for (let i in legendDataTwo) {
+      //   if (i < 8) {
+      //     DataLengths.push(legendDataTwo[i]);
+      //   }
+      // }
       let left1 = "45%";
       let left2 = "45%";
       let leftBT = "25%";
-      if (legendDataTwo.length != 0) {
-        left1 = "36%";
-        leftBT = "18%";
-      }
+      // if (legendDataTwo.length != 0) {
+      //   left1 = "36%";
+      //   leftBT = "18%";
+      // }
       if (chart) {
         const myChart = ECharts.init(chart);
         var legendData1 = legendDataOne;
-        var legendData2 = DataLengths;
+        // var legendData2 = DataLengths;
         const option = {
           tooltip: { trigger: "item", formatter: "{b}" },
           legend: [
@@ -752,17 +753,17 @@ export default {
               data: legendData1,
             },
             //分为两列展示
-            {
-              type: "scroll",
-              orient: "vertical",
-              icon: "square",
-              left: "70%",
-              align: "left",
-              top: "10%",
-              itemGap: 20,
-              textStyle: { fontSize: 14, color: "rgb(48, 49, 51)" },
-              data: legendData2,
-            },
+            // {
+            //   type: "scroll",
+            //   orient: "vertical",
+            //   icon: "square",
+            //   left: "70%",
+            //   align: "left",
+            //   top: "10%",
+            //   itemGap: 20,
+            //   textStyle: { fontSize: 14, color: "rgb(48, 49, 51)" },
+            //   data: legendData2,
+            // },
           ],
           color: colors,
           grid: { x: 25, y: 45, x2: 5, y2: 20, borderWidth: 1 },
@@ -812,6 +813,9 @@ export default {
           // let listLeng = Math.ceil((lists.length)/2)
 
           for (let i in lists) {
+            if(lists[i].name.length>15){
+              lists[i].name = lists[i].name.slice(0,15)+'...'
+            }
             //分为两列展示
             // if(i<listLeng){
             //   legendData1.push(lists[i].name+' '+'奖'+lists[i].reward+' '+'扣'+lists[i].deduction+' '+lists[i].ratio+'%')
@@ -868,8 +872,8 @@ export default {
             dadalist.push(dataListDx);
           }
           //分为两列展示，多传legendData2
-          this.drawLine(legendData1, legendData2, dadalist); //图表
-          // this.drawLine(legendData1,dadalist)//图表
+          // this.drawLine(legendData1, legendData2, dadalist); //图表
+          this.drawLine(legendData1,dadalist)//图表
         })
         .finally(() => {
           if (listslength.length == 0) {
@@ -1121,94 +1125,88 @@ export default {
   text-align: center;
   width: 100%;
   margin-bottom: 10px;
-}
-
-.nopoint_box .noimg {
-  display: inline-block;
-  width: 110px;
-  height: 110px;
-  margin: 22px auto 16px;
-  background: url("../../assets/image/nodata_default.png") no-repeat center;
-  background-size: 99%;
-}
-
-.nopoint_box .noperson {
-  display: inline-block;
-  width: 110px;
-  height: 110px;
-  margin: 22px auto 16px;
-  background: url("../../assets/image/noperson_default.png") no-repeat center;
-  background-size: 99%;
-}
-
-.nopoint_box .title1 {
-  display: block;
-  text-align: center;
-  font-size: 12px !important;
-  color: #909399 !important;
-  padding: 0;
-}
-
-.nopoint_box a {
-  color: #26a2ff;
+  .noimg {
+    display: inline-block;
+    width: 110px;
+    height: 110px;
+    margin: 22px auto 16px;
+    background: url("../../assets/image/nodata_default.png") no-repeat center;
+    background-size: 99%;
+  }
+  .noperson {
+    display: inline-block;
+    width: 110px;
+    height: 110px;
+    margin: 22px auto 16px;
+    background: url("../../assets/image/noperson_default.png") no-repeat center;
+    background-size: 99%;
+  }
+  .title1 {
+    display: block;
+    text-align: center;
+    font-size: 12px !important;
+    color: #909399 !important;
+    padding: 0;
+  }
+  a {
+    color: #26a2ff;
+  }
 }
 
 .top_user_info {
   position: relative;
   padding-top: 0;
   background: #fff;
-}
-
-.top_user_info .userinfo_box {
-  border-right: 1px #cecccc solid;
-  margin: 34px 0;
-}
-
-.top_user_info .user_box {
-  padding-left: 0 !important;
-  border-right: 1px #333 solid;
-}
-
-.top_user_info .headimg_box {
-  padding-left: 0 !important;
-}
-
-.top_user_info .headimg_box .headimg {
-  width: 50px;
-  height: 50px;
-  background: #909399;
-  border-radius: 50px;
-}
-
-.top_user_info .user_info {
-  padding: 0 !important;
-  line-height: 25px;
-}
-.top_user_info .user_info .greetings {
-  margin: 4px 0px 0 120px;
-  font-size: 16px;
-  font-weight: bold;
-}
-.top_user_info .user_info .greetings span {
-  font-size: 14px;
-  color: #666;
-  display: inline-block;
-  vertical-align: top;
-}
-
-.top_user_info .user_info span:nth-child(1) {
-  display: block;
-  font-size: 16px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.top_user_info .person {
-  display: block;
-  font-size: 14px;
-  padding: 32px 0 18px 0;
-  color: #606266;
+  .userinfo_box {
+    border-right: 1px #cecccc solid;
+    margin: 34px 0;
+  }
+  .user_box {
+    padding-left: 0 !important;
+    border-right: 1px #333 solid;
+  }
+  .headimg_box {
+    padding-left: 0 !important;
+  }
+  .headimg_box .headimg {
+    width: 50px;
+    height: 50px;
+    background: #909399;
+    border-radius: 50px;
+  }
+  .user_info {
+    padding: 0 !important;
+    line-height: 25px;
+    .greetings {
+      margin: 4px 0px 0 120px;
+      font-size: 16px;
+      font-weight: bold;
+    }
+    .greetings span {
+      font-size: 14px;
+      color: #666;
+      display: inline-block;
+      vertical-align: top;
+    }
+    span:nth-child(1) {
+      display: block;
+      font-size: 16px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
+  .person {
+    display: block;
+    font-size: 14px;
+    padding: 32px 0 18px 0;
+    color: #606266;
+  }
+  .time {
+    font-size: 14px;
+    padding-right: 10px;
+    position: relative;
+  }
 }
 /*
 padding: 18px 0 16px 0;
@@ -1217,12 +1215,6 @@ height: 32px;
 box-sizing: content-box;
 */
 
-.top_user_info .time {
-  font-size: 14px;
-  padding-right: 10px;
-  position: relative;
-}
-
 .pointsevent_box {
   display: block;
   text-align: center;
@@ -1230,19 +1222,17 @@ box-sizing: content-box;
   padding-right: 0 !important;
   border: 1px #e1e4e7 solid;
   box-shadow: 0 2px 4px rgba(140, 140, 140, 0.1);
+  .title {
+    font-family: Microsoft Yahei;
+    display: block;
+    text-align: left;
+    margin-bottom: 20px;
+    padding: 0 0 0 10px;
+    font-size: 16px;
+    font-weight: normal;
+    border-left: 2px solid #409eff;
+  }
 }
-
-.pointsevent_box .title {
-  font-family: Microsoft Yahei;
-  display: block;
-  text-align: left;
-  margin-bottom: 20px;
-  padding: 0 0 0 10px;
-  font-size: 16px;
-  font-weight: normal;
-  border-left: 2px solid #409eff;
-}
-
 .popperSPBOX {
   max-width: calc(100vh - 400px);
   background-color: rgb(255, 255, 255);