add 老化数

src/views/dpl/centerLeft_two.vue

@@ -59,8 +59,13 @@
             <p class="dv-dig-flop "> {{ upitem.repairqty }}
             </p>
           </div>
+          <div class="item">
+            <p class="colorBlue fw-b fs-xl">累计老化</p>
+            <p class="dv-dig-flop "> {{ upitem.aging }}
+            </p>
+          </div>
         </div>
-      <!--  <div class="up">
+        <!--  <div class="up">
           <div
                   class="item"
                   v-for="item in titleItem"
@@ -84,16 +89,16 @@
 export default {
   data() {
     return {
-      titleItem:[],
-      timing : null,
-      upitem:{}
+      titleItem: [],
+      timing: null,
+      upitem: {}
     }
   },
-  components: {  },
+  components: {},
   mounted() {
     this.refreshdata();
   },
-  beforeDestroy () {
+  beforeDestroy() {
     clearInterval(this.timing)
   },
   methods: {
@@ -103,79 +108,84 @@ export default {
         this.settestdata(); //获取-主题词
       }, 30000);
     },
-    async settestdata(){
+    async settestdata() {
       var caller = 'DPL!MAKEQTY';
-      if (sessionStorage.getItem('li_code') == '所有'){
+      if (sessionStorage.getItem('li_code') == '所有') {
         caller = 'DPL!MAKEQTY!ALL';
       }
       //完成工单数统计
-      await this.$http.get("kanban/datalist.action?caller="+caller+"&_noc=1&page=1&pageSize=100",{
+      await this.$http.get("kanban/datalist.action?caller=" + caller + "&_noc=1&page=1&pageSize=100", {
         params: {
           condition: "1=1",
         }
-      }).then((result)=>{
-                      let dataList = JSON.parse(result.data.data);
-                      let titleitems = new Array();
-                      for (let index = 0; index < dataList.length; index++) {
-                        const element = dataList[index];
-                        this.upitem = element;
-                      /*  if(element.name =='工单达成率'){
-                          titleitems.push({
-                            title: element.name,
-                            number: element.value +'%'/!*{
-                              number: [element.value],
-                              textAlign: 'left',
-                              toFixed: 2,
-                              content: '{nt}%',
-                              style: {
-                                fontSize: 26
-                              }
-                            }*!/
-                          });
-                        }else {
-                          titleitems.push({
-                            title: element.name,
-                            number:element.value /!*{
-                              number: [element.value],
-                              textAlign: 'left',
-                              content: '{nt}',
-                              style: {
-                                fontSize: 26
-                              }
-                            }*!/
-                          });
-                        }*/
-                      }
-                      this.titleItem = titleitems;
-                      },(result)=>{
-                        console.error(result)
-                      }
-              );
+      }).then((result) => {
+        let dataList = JSON.parse(result.data.data);
+        let titleitems = new Array();
+        for (let index = 0; index < dataList.length; index++) {
+          const element = dataList[index];
+          this.upitem = element;
+          /*  if(element.name =='工单达成率'){
+              titleitems.push({
+                title: element.name,
+                number: element.value +'%'/!*{
+                  number: [element.value],
+                  textAlign: 'left',
+                  toFixed: 2,
+                  content: '{nt}%',
+                  style: {
+                    fontSize: 26
+                  }
+                }*!/
+              });
+            }else {
+              titleitems.push({
+                title: element.name,
+                number:element.value /!*{
+                  number: [element.value],
+                  textAlign: 'left',
+                  content: '{nt}',
+                  style: {
+                    fontSize: 26
+                  }
+                }*!/
+              });
+            }*/
+        }
+        this.titleItem = titleitems;
+      }, (result) => {
+        console.error(result)
+      }
+      );
     }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-  $box-width: 400px;
-  $box-height: 420px;
+$box-width: 400px;
+$box-height: 420px;
+
 #centerLeft1 {
   padding: 5px;
   height: $box-height;
   width: $box-width;
   border-radius: 5px;
+
   .bg-color-black {
     height: $box-height - 10px;
     width: $box-width;
     border-radius: 10px;
     padding: 0px 5px 0px 0px;
   }
+
   .text {
     color: #c3cbde;
   }
+
   .body-box {
     border-radius: 10px;
     overflow: hidden;
+
     /*.dv-cap-chart {
       width: 100%;
       height: 160px;
@@ -184,14 +194,16 @@ export default {
     .up {
       width: 94%;
       height: 100%;
-      margin:auto;
+      margin: auto;
       display: flex;
       flex-wrap: wrap;
       align-content: flex-start;
+
       .item {
         border-radius: 6px;
         margin-top: 5px;
         width: 50%;
+
         .dv-dig-flop {
           width: 100%;
           font-size: 20px;