report 界面优化

src/views/games/details/data/report.vue

@@ -54,7 +54,10 @@
       >
         <div class="title">{{p.method_name}}</div>
         <ul class="data">
-          <li class="row hd"><span
+          <li
+            class="row hd"
+            v-if="p.fields_name.length !== 0"
+          ><span
               class="ell"
               v-for="(f, idx2) in p.fields_name"
               :key="idx2"
@@ -83,12 +86,12 @@
 
 
 <script>
-import { mapGetters } from 'vuex'
-import { getGame, updateRC } from '@/api/games'
-import { getReport } from '@/api/data'
+import {mapGetters} from 'vuex'
+import {getGame, updateRC} from '@/api/games'
+import {getReport} from '@/api/data'
 import getPageTitle from '@/utils/get-page-title'
-import { reject, Promise } from 'q'
-import { getToken } from '@/utils/auth'
+import {reject, Promise} from 'q'
+import {getToken} from '@/utils/auth'
 import Placeholder from '@/components/Placeholder'
 
 export default {
@@ -104,14 +107,14 @@ export default {
       permEdit: false,
       permPublish: false,
       date: '',
-      reportData: []
+      reportData: [],
     }
   },
   components: {
-    Placeholder
+    Placeholder,
   },
   computed: {
-    ...mapGetters(['userInfo'])
+    ...mapGetters(['userInfo']),
   },
   mounted() {
     this.uid = this.$route.params.uid
@@ -140,9 +143,9 @@ export default {
   methods: {
     getGameInfo(cb) {
       const dataType = this.isDev ? 'dev' : 'pro'
-      getGame({ uid: this.uid, data_type: dataType })
+      getGame({uid: this.uid, data_type: dataType})
         .then(res => {
-          const { data } = res
+          const {data} = res
           if (data.errcode === 0) {
             this.gameInfo = data.gameInfo
             this.platformsArr = data.gameInfo.platforms
@@ -167,10 +170,10 @@ export default {
         uid: this.uid,
         game_id: this.gameInfo.game_id,
         platform_id: this.platform_id,
-        date: this.date
+        date: this.date,
       })
         .then(res => {
-          const { data } = res
+          const {data} = res
           if (data.errcode === 0) {
             this.reportData = data.result
           }
@@ -213,8 +216,8 @@ export default {
           valid ? resolve() : reject()
         })
       })
-    }
-  }
+    },
+  },
 }
 </script>
 
@@ -245,6 +248,7 @@ export default {
         height: 30px;
         line-height: 30px;
         font-size: 12px;
+        overflow: hidden;
 
         &.hd {
           font-size: 14px;