标签修改

src/views/Report/ReportList.vue

@@ -137,9 +137,9 @@
                                 <div class="tag-info">
                                     <span class="icon-tag-item"><img src="@/assets/imgs/icon-time.png"
                                                                      alt=""><span>{{row.year}}</span></span>
-                                    <!-- <span class="icon-tag-item"><img src="@/assets/imgs/icon-tag01.png"
-                                                                     alt=""><span>{{row.labelOneName}}</span></span>
-                                    <span class="icon-tag-item"><img src="@/assets/imgs/icon-tag02.png"
+                                   <span class="icon-tag-item"><img src="@/assets/imgs/icon-tag01.png"
+                                                                     alt=""><span class="keyContent">{{getKeyContent(row.keyContent)}}</span></span>
+                                     <!-- <span class="icon-tag-item"><img src="@/assets/imgs/icon-tag02.png"
                                                                      alt=""><span>{{row.labelTwoName}}</span></span>
                                     <span class="icon-tag-item"><img src="@/assets/imgs/icon-tag03.png"
                                                                      alt=""><span>{{row.labelThreeName}}</span></span> -->
@@ -167,10 +167,6 @@
                 :total="total"/>
             </el-col>
             </el-row>
-           
-
-           
-            
         </div>
 
         <!--预览-->
@@ -252,7 +248,20 @@ export default {
       }
     },
   methods: {
-      getHalfCheckedNode(node,data){
+    getKeyContent(list){
+       let keyContent=[]
+       list = JSON.parse(list)
+       list.forEach(item => {
+        keyContent.push(item.text)
+       })
+       keyContent = keyContent.toString().replace(/,/g, '/');
+       if(keyContent=='') keyContent='---'
+    //    if(keyContent.length>15){
+    //     keyContent=keyContent.slice(0,15) +'...'
+    //    }
+       return keyContent
+    },
+     getHalfCheckedNode(node,data){
         this.checkedKeys=data.checkedKeys
          this.reportList()
         },
@@ -396,6 +405,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.keyContent{
+    display: inline-block;
+    width: 50px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
 .treeList{
     padding: 20px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
@@ -539,7 +555,7 @@ export default {
                 .tag-info {
                     .icon-tag-item {
                         margin-left: 12px;
-
+                         
                         img {
                             width: 12px;
                             margin-right: 5px;