优化样式和字段没有值的时候不展示【】

src/views/workbench/components/listView.vue

@@ -30,13 +30,13 @@
       @loading="loading = false"
     />
     <!-- 团队-忙碌 -->
-    <el-table v-if="team_radio1 === '忙碌'" :data="personal_busyness" border class="team-view" style="width: 95%" :header-cell-style="{ 'color':'rgba(74,74,74,1)','font-size':'14px','font-weight':'500', 'background': 'background: #F7F7F7;' }">
+    <el-table v-if="team_radio1 === '忙碌'" :data="personal_busyness" border class="team-view" style="width: 95%" :header-cell-style="{ 'color':'rgba(74,74,74,1)','font-size':'14px','font-weight':'500', 'background': '#F7F7F7' }">
       <el-table-column label="内容" min-width="200">
         <template slot-scope="scope">
           <div>
             <i v-show="scope.row.origin === 0" :class="scope.row.isScheduleLocked === 1 ? 'el-icon-lock' : 'el-icon-unlock'" />
             {{ scope.row.origin === 0 ? "【排期】" : "【日程】" }}
-            {{ `【${scope.row.bizName}】` }}
+            {{ scope.row.bizName ? `【${scope.row.bizName}】` : "" }}
             {{ scope.row.name }}
             {{ scope.row.desc ? `：${scope.row.desc}` : '' }}
             {{ scope.row.requireList ? '；所属需求：' : '' }}
@@ -65,7 +65,7 @@
       </el-table-column>
     </el-table>
     <!-- 团队-空闲 -->
-    <el-table v-if="team_radio1 === '空闲'" :data="personal_Leisure" border class="team-view" style="width: 95%" :header-cell-style="{ 'color':'rgba(74,74,74,1)','font-size':'14px','font-weight':'500','background': 'background: #F7F7F7;' }">
+    <el-table v-if="team_radio1 === '空闲'" :data="personal_Leisure" border class="team-view" style="width: 95%" :header-cell-style="{ 'color':'rgba(74,74,74,1)','font-size':'14px','font-weight':'500','background': '#F7F7F7' }">
       <el-table-column label="姓名" min-width="100">
         <template slot-scope="scope">
           {{ scope.row.peopleName }}
@@ -330,7 +330,7 @@ export default {
 
 <style lang="scss" scoped>
 .team-view {
-  margin: 15px 30px 30px;
+  margin: 5px 30px 20px;
   .team-time {
     margin: 0 30px;
   }

src/views/workbench/components/searchSection.vue

@@ -109,7 +109,6 @@ export default {
     type: {
       handler(newV) {
         this.workbench = newV
-        console.log(newV, 'nncjdjncdnjsd')
       },
       immediate: true,
       deep: true

src/views/workbench/team/components/ganntViews.vue

@@ -278,11 +278,11 @@ export default {
   margin: 0 40px 20px 40px;
 }
 .table-top {
-  margin: 30px;
+  margin: 0 30px 20px;
   width: 95%;
   min-height: calc(100vh - 251px);
   .range-time {
-    margin: 30px;
+    margin: 5px 30px 20px;
   }
 }
 </style>