修改已知问题

jero-web/src/views/dashboard/components/customContent.vue

@@ -1,10 +1,12 @@
 <template>
   <div class="customContent-box">
-    <div class="box-content" v-for="(item,index) in dataSourceContentList" :key="index">
+    <div class="box-content-top">
-      <img src="../../../assets/jspg.png" class="img" alt="">
+      <div class="box-content" v-for="(item,index) in dataSourceContentList" :key="index" @click="urlClick(item)">
-      <div class="text">{{item.iconName}}</div>
+        <img :src="item.iconPath" class="img" alt="">
+        <div class="text">{{item.iconName}}</div>
+      </div>
     </div>
-    <div class="box-content" @click="customClick()">
+    <div class="box-content" @click="customClick()" style=";margin-top: 0">
       <img src="../../../assets/zdy.png" class="img" alt="">
       <div class="text">{{$t('custom')}}</div>
     </div>
@@ -22,7 +24,7 @@
         <div style="display: inline-block" v-for="(item,index) in dataSourceTopList">
           <div class="box-top" @click="statusClick(1,item,index)">
             <div class="box-content">
-              <img src="../../../assets/jspg.png" class="img" alt="">
+              <img :src="item.iconPath" class="img" alt="">
               <div class="text">{{item.iconName}}</div>
             </div>
           </div>
@@ -101,6 +103,9 @@
         dataSourceTopList.forEach(res => {
           dataSource.unshift(res)
         })
+        dataSource.forEach((res, index) => {
+          res.sort = index
+        })
         postAction(this.url.add, dataSource).then((res) => {
           if (res.success) {
             this.visible = false
@@ -115,6 +120,11 @@
       handleCancel() {
         this.visible = false
       },
+      urlClick(item) {
+        this.$router.push({
+          path: item.url
+        })
+      },
       statusClick(num, item, index) {
         if (num == 1) {
           if (this.dataSourceTopList && this.dataSourceTopList.length > 0) {
@@ -137,9 +147,6 @@
           }
         } else {
           this.dataSourceTopList.push(item)
-          for (let i = 0; i < this.dataSourceTopList.length; i++) {
-            this.dataSourceTopList[i].sort = i
-          }
           if (this.dataSource && this.dataSource.length > 0) {
             for (let i = 0; i < this.dataSource.length; i++) {
               if (this.dataSource[i].id == item.id) {
@@ -159,11 +166,20 @@
     width: 100%;
     text-align: center;
 
+    .box-content-top {
+      max-width: calc(100% - 130px);
+      display: inline-block;
+      overflow: hidden;
+      white-space: nowrap;
+      float: left;
+    }
+
     .box-content {
       text-align: center;
       display: inline-block;
       margin-right: 30px;
       cursor: pointer;
+      width: 100px;
 
       .img {
         width: 44px;
@@ -196,6 +212,7 @@
       margin-right: 30px;
       cursor: pointer;
       margin-bottom: 30px;
+      width: 100px;
 
       .img {
         width: 44px;