申请页，申请项无数据不显示

src/components/shop-car-apply/apply_service_state.vue

@@ -2,10 +2,7 @@
   <div class="outborder">
     <div class="outservice">
       <div class="serviceinfo">
-        <div
-          class="pic"
-          :style="{ backgroundImage: 'url(' + data.img + ')' }"
-        ></div>
+        <div class="pic" :style="{ backgroundImage: 'url(' + data.img + ')' }"></div>
         <div class="info">
           <p>
             {{ data.title }}
@@ -33,8 +30,7 @@
                       border: 'solid 1px #e4c884',
                   }
               "
-              >{{ item.tip }}</span
-            >
+            >{{ item.tip }}</span>
           </p>
           <p>{{ data.type }}</p>
           <p>{{ data.auth }}</p>
@@ -44,9 +40,7 @@
         <p>{{ data.size }}</p>
         <P>{{ data.applytype }}</P>
       </div>
-      <div class="num">
-        {{ data.num }}
-      </div>
+      <div class="num">{{ data.num }}</div>
       <div class="oprate">
         <upload-file
           v-if="data.isMg"
@@ -59,17 +53,17 @@
     </div>
     <p class="inputtitle">应用场景：</p>
     <div class="system">
-      <el-input
-        v-model="sceneinput"
-        placeholder="请填写申请服务的应用场景"
-      ></el-input>
+      <el-input v-model="sceneinput" placeholder="请填写申请服务的应用场景"></el-input>
     </div>
-    <p class="inputtitle degr" v-if="!data.isapp" @click="showtable = !showtable">
-      <i :class="showtable ? 'el-icon-caret-bottom' : 'el-icon-caret-right'"></i
-      >选择需要申请的数据项：
+    <p
+      class="inputtitle degr"
+      v-if="!data.isapp && data.data && data.data.length != 0 "
+      @click="showtable = !showtable"
+    >
+      <i :class="showtable ? 'el-icon-caret-bottom' : 'el-icon-caret-right'"></i>选择需要申请的数据项：
     </p>
     <table-um
-     v-if="!data.isapp"
+      v-if="!data.isapp && data.data && data.data.length != 0 "
       v-show="showtable"
       :isSelection="true"
       ref="apply_service_state_table"
@@ -85,66 +79,66 @@
 import uploadFile from "@/components/upload_file";
 import tableUm from "@/components/table/table-um";
 export default {
-  props: ["data","idx"],
+  props: ["data", "idx"],
   components: {
     uploadFile,
-    tableUm,
+    tableUm
   },
   data() {
     return {
       sceneinput: "",
-      fileList:'',
-      imgList:[],
+      fileList: "",
+      imgList: [],
       showtable: false,
       headers: [
         {
           label: "字段编码",
           prop: "code",
           align: "left",
-          minWidth: "20%",
+          minWidth: "20%"
         },
         {
           label: "字段名称",
           prop: "name",
           align: "left",
-          minWidth: "20%",
+          minWidth: "20%"
         },
         {
           label: "字段类型",
           prop: "type",
           align: "center",
-          width: "150",
+          width: "150"
         },
         {
           label: "字段描述",
           prop: "desc",
           align: "left",
-          minWidth: "50%",
-        },
-      ],
+          minWidth: "50%"
+        }
+      ]
     };
   },
   watch: {},
   computed: {},
-  created() {
-
-  },
+  created() {},
   mounted() {},
   methods: {
     getNewList(val) {
       console.log(val);
-        this.fileList = ""
-        this.fileList = val.map((v,k)=>{
-          return v.url
-        }).join(';')
-        console.log(this.fileList)
+      this.fileList = "";
+      this.fileList = val
+        .map((v, k) => {
+          return v.url;
+        })
+        .join(";");
+      console.log(this.fileList);
+    }
   }
-  },
 };
 </script>
 
 <style scoped>
-.outborder{
+.outborder {
   border-bottom: 2px solid rgba(244, 247, 252, 1);
 }
 .outservice {
@@ -238,7 +232,7 @@ export default {
   text-decoration: underline;
   cursor: pointer;
 }
-.table{
+.table {
   margin: 0 30px 20px;
 }
 </style>