front/src/views/assertReport/components/ReservoirBottom.vue

@@ -1,11 +1,8 @@
 <template>
   <div class="right-survey">
-
     <div class="platform-overview-bottom">
       <div class="top"><span class="title">资源汇聚总量</span></div>
-      <div class="jiesheng"> <img src="../image/xing2.png" /><span style="padding-left:2px;">共{{total}}项 </span><img src="../image/xing2.png" /></div>
       <div class="bottom">
-       
         <div
           v-for="(item, index) in servicesNum"
           :key="index"
@@ -20,148 +17,127 @@
 </template>
 
 <script>
-  import {
+  import { selectTotal } from '@/api/assertReport'
-    selectTotal
+  export default {
-  } from '@/api/assertReport'
+    components: {},
-export default {
- 
-  components: {},
 
-  mounted() {
+    mounted() {
-    this.selectAllTotal()
+      this.selectAllTotal()
-  },
+    },
-  data() {
+    data() {
-    //这里存放数据
+      //这里存放数据
-    return {
+      return {
-     total:'',
+        servicesNum: [],
-      servicesNum: [],
+      }
-    }
+    },
-  },
 
-  methods: {
+    methods: {
-
+      selectAllTotal() {
-    selectAllTotal(){
+        selectTotal().then((res) => {
-      selectTotal().then((res) => {
+          this.servicesNum = res.data.data.total.filter(
-        let result=res.data.data.total
+            (item) => item.type !== '知识库'
-        let now=[]
+          )
-        let num=0;  
+        })
-        for(let i=0;i<result.length;i++){
+      },
-          if(result[i].type!=='知识库'){
+    },
-            now.push(result[i])
+  }
-            num=num+Number(result[i].count)
-          }
-        } 
-       this.servicesNum=now
-       this.total=num
-      })
-    }
-}
-}
 </script>
-<style lang='less' scoped>
+<style lang="less" scoped>
   @keyframes turn {
-  0% {
+    0% {
-    border-image: linear-gradient(to right, #003194, #00ffea) 1;
+      border-image: linear-gradient(to right, #003194, #00ffea) 1;
-  }
-  25% {
-    border-image: linear-gradient(to bottom, #003194, #00ffea) 1;
-  }
-  50% {
-    border-image: linear-gradient(to left, #003194, #00ffea) 1;
-  }
-  75% {
-    border-image: linear-gradient(to top, #003194, #00ffea) 1;
-  }
-  100% {
-    border-image: linear-gradient(to right, #003194, #00ffea) 1;
-  }
-}
-.jiesheng{
-  margin:8px 8px;
-    text-align: center;
-  color: #f4fcfe; border-color: #107bb0;
-    box-shadow: 1px 1px 5px 1px RGB(16, 123, 176, 0.8) inset
     }
-.top5-content::-webkit-scrollbar {
+    25% {
-  width: 6px;
+      border-image: linear-gradient(to bottom, #003194, #00ffea) 1;
-  /*height: 4px;*/
-}
-
-.top5-content::-webkit-scrollbar-thumb {
-  background-color: #00deff;
-}
-.map-search-result::-webkit-scrollbar-track,
-.top5-content::-webkit-scrollbar-track {
-  background-color: #424748;
-}
-@keyframes topup50 {
-  from {
-    top: 50%;
-  }
-  to {
-    top: -100%;
-  }
-}
-.right-survey {
-
-  height: 100%;
-  color: #f0fafa;
-  font-size: 18px;
-  display: flex;
-  flex-direction: column;
-
-
-  .platform-overview-bottom {
-    margin-top: 5px;
-    width: 100%;
-    height: 1.78rem;
-    background: rgba(0, 108, 188, 0.2);
-    border-radius: 2px;
-    border: 1px solid rgba(0, 108, 188, 0.7);
-    text-decoration: none;
-    outline: none;
-    -webkit-transition: all 100ms ease-out;
-    -moz-transition: all 100ms ease-out;
-    transition: all 100ms ease-out;
-    .top {
-      font-size: 24px;
-      background: url('~@/assets/capabilityCloud/infrastructure_title.png') no-repeat;
-      background-size: 100% 100%;
-      text-align: center;
-
     }
-    .bottom {
+    50% {
+      border-image: linear-gradient(to left, #003194, #00ffea) 1;
+    }
+    75% {
+      border-image: linear-gradient(to top, #003194, #00ffea) 1;
+    }
+    100% {
+      border-image: linear-gradient(to right, #003194, #00ffea) 1;
+    }
+  }
+  .top5-content::-webkit-scrollbar {
+    width: 6px;
+    /*height: 4px;*/
+  }
+
+  .top5-content::-webkit-scrollbar-thumb {
+    background-color: #00deff;
+  }
+  .map-search-result::-webkit-scrollbar-track,
+  .top5-content::-webkit-scrollbar-track {
+    background-color: #424748;
+  }
+  @keyframes topup50 {
+    from {
+      top: 50%;
+    }
+    to {
+      top: -100%;
+    }
+  }
+  .right-survey {
+    height: 100%;
+    color: #f0fafa;
+    font-size: 18px;
+    display: flex;
+    flex-direction: column;
+
+    .platform-overview-bottom {
       margin-top: 20px;
-      display: flex;
+      width: 100%;
-      justify-content: space-between;
+      height: 1.7rem;
-      align-items: center;
+      background: rgba(0, 108, 188, 0.2);
-      padding: 0px 10px;
+      border-radius: 2px;
-      .component-services-content-right-left-content-son {
+      border: 1px solid rgba(0, 108, 188, 0.7);
-        background: url('~@/assets/capabilityCloud/Component_services_snum.png')
+      text-decoration: none;
+      outline: none;
+      -webkit-transition: all 100ms ease-out;
+      -moz-transition: all 100ms ease-out;
+      transition: all 100ms ease-out;
+      .top {
+        font-size: 24px;
+        background: url('~@/assets/capabilityCloud/infrastructure_title.png')
           no-repeat;
-        background-size: 1.1rem 0.59rem;
+        background-size: 100% 100%;
-        background-position: center;
         text-align: center;
-     
+      }
-        & > p:first-child {
+      .bottom {
-          color: #ffffff;
+        margin-top: 20px;
-          font-size: 0.16rem;
+        display: flex;
-          line-height: 0.16rem;
+        justify-content: space-between;
-          margin-bottom: 0.12rem;
+        align-items: center;
-        }
+        padding: 0rem 0.2rem;
-        & > p:last-child {
+        .component-services-content-right-left-content-son {
-          color: #1ef6f5;
+          background: url('~@/assets/capabilityCloud/Component_services_snum.png')
-          font-size: 0.28rem;
+            no-repeat;
-          line-height: 0.28rem;
+          background-size: 1.1rem 0.59rem;
-          padding-bottom: 0.24rem;
+          background-position: center;
-          margin: 10px 45px;
+          text-align: center;
+
+          & > p:first-child {
+            color: #ffffff;
+            font-size: 0.16rem;
+            line-height: 0.16rem;
+            margin-bottom: 0.12rem;
+          }
+          & > p:last-child {
+            color: #1ef6f5;
+            font-size: 0.28rem;
+            line-height: 0.28rem;
+            padding-bottom: 0.24rem;
+            margin: 10px 45px;
+          }
         }
       }
     }
+    .platform-overview-bottom:hover {
+      border: 2px solid;
+      animation: turn 5s linear infinite;
+    }
   }
-  .platform-overview-bottom:hover {
-  border: 2px solid;
-  animation: turn 5s linear infinite;
-}
-}
 </style>

front/src/views/assertReport/components/ReservoirRight.vue

@@ -14,7 +14,6 @@
             <div class="left-list1">应用数</div>
             <div class="left-list1" style="color: #1ffefd">贡献金额</div>
           </div>
-         <div style="    height: 1.7rem; overflow-y: auto;overflow-x: hidden;width: 100%;">
           <div class="left-list" v-for="(item, index) in top5DistrictList">
             <div class="left-list1" v-if="item.img">
               <img :src="item.img" />
@@ -30,15 +29,10 @@
               {{ item.applyPrice }}
             </div>
           </div>
-          </div>
         </div>
-       
+        <!-- <div class="bottom-item">
-      </div>
-      <div class="bottom1">
-     
-        <div class="bottom-item">
           <div class="inner-title">
-            <p style="width: 220px">市级部门申请节省资金排行</p>
+            <p style="width: 220px">市级部门审评节省资金排行</p>
           </div>
           <div class="left-list">
             <div class="left-list1">排行</div>
@@ -46,7 +40,6 @@
             <div class="left-list1">应用数</div>
             <div class="left-list1" style="color: #1ffefd">贡献金额</div>
           </div>
-          <div style="    height: 1.7rem; overflow-y: auto;overflow-x: hidden;width: 100%;">
           <div class="left-list" v-for="(item, index) in top5DeptFundList">
             <div class="left-list1" v-if="item.img">
               <img :src="item.img" />
@@ -61,6 +54,59 @@
             <div class="left-list1" style="color: #1ffefd">
               {{ item.applyPrice }}
             </div>
+          </div>
+        </div> -->
+      </div>
+      <div class="bottom1">
+        <!-- <div class="bottom-item">
+          <div class="inner-title">
+            <p style="width: 220px">市级部门共享贡献资金排行</p>
+          </div>
+          <div class="left-list">
+            <div class="left-list1">排行</div>
+            <div class="left-list2">部门名称</div>
+            <div class="left-list1">应用数</div>
+            <div class="left-list1" style="color: #1ffefd">贡献金额</div>
+          </div>
+          <div class="left-list" v-for="(item, index) in top5DistrictList">
+            <div class="left-list1" v-if="item.img">
+              <img :src="item.img" />
+            </div>
+            <div class="left-list1" v-else>{{ index + 1 }}</div>
+            <a-tooltip>
+              <template #title>{{ item.deptName }}</template>
+              <div class="left-list2">{{ item.deptName }}</div>
+            </a-tooltip>
+
+            <div class="left-list1">{{ item.resourceCount }}</div>
+            <div class="left-list1" style="color: #1ffefd">
+              {{ item.applyPrice }}
+            </div>
+          </div>
+        </div> -->
+        <div class="bottom-item">
+          <div class="inner-title">
+            <p style="width: 220px">市级部门申请节省资金排行</p>
+          </div>
+          <div class="left-list">
+            <div class="left-list1">排行</div>
+            <div class="left-list2">部门名称</div>
+            <div class="left-list1">应用数</div>
+            <div class="left-list1" style="color: #1ffefd">贡献金额</div>
+          </div>
+          <div class="left-list" v-for="(item, index) in top5DeptFundList">
+            <div class="left-list1" v-if="item.img">
+              <img :src="item.img" />
+            </div>
+            <div class="left-list1" v-else>{{ index + 1 }}</div>
+            <a-tooltip>
+              <template #title>{{ item.deptName }}</template>
+              <div class="left-list2">{{ item.deptName }}</div>
+            </a-tooltip>
+
+            <div class="left-list1">{{ item.applyCount }}</div>
+            <div class="left-list1" style="color: #1ffefd">
+              {{ item.applyPrice }}
             </div>
           </div>
         </div>