空占位图

src/views/resetTeaming/components/archicesComponents/baseInfo.vue

@@ -17,7 +17,7 @@
       <descriptions-item label="申请时间：">
         {{ baseInfo.createTime | formatTimer }}</descriptions-item
       >
-      <descriptions-item label="开团时间:">
+      <descriptions-item label="开团时间：">
         {{ baseInfo.billStartDate | formatTimer }}</descriptions-item
       >
       <descriptions-item label="收费模式：">
@@ -33,7 +33,9 @@
         >{{ baseInfo.schoolName }}
       </descriptions-item>
       <descriptions-item label="衔接老师：">
-        {{ baseInfo.transactionTeacherName }}/{{baseInfo.transactionTeacherPhone}}</descriptions-item
+        {{ baseInfo.transactionTeacherName }}/{{
+          baseInfo.transactionTeacherPhone
+        }}</descriptions-item
       >
       <descriptions-item label="乐队指导："
         >{{ baseInfo.directorUserName }}
@@ -49,19 +51,25 @@
       </div>
     </el-alert>
 
-    <descriptions :column="3">
-      <template
-        v-for="(item, index) in baseInfo.cooperationOrganLinkmanList"
-      >
+    <descriptions
+      :column="3"
+      v-if="baseInfo.cooperationOrganLinkmanList.length > 0"
+    >
+      <template v-for="(item, index) in baseInfo.cooperationOrganLinkmanList">
         <descriptions-item label="联系人：" :key="index">
           {{ item.linkman }}</descriptions-item
         >
-        <descriptions-item label="职位：" :key="index"> {{ item.job }}</descriptions-item>
+        <descriptions-item label="职位：" :key="index">
+          {{ item.job }}</descriptions-item
+        >
         <descriptions-item label="手机号：" :key="index">
           {{ item.mobileNo }}</descriptions-item
         >
       </template>
     </descriptions>
+    <div v-else>
+      <empty desc="暂无联系人" />
+    </div>
   </div>
 </template>
 <script>
@@ -77,7 +85,7 @@ export default {
         chargeTypeName: "",
         cooperationOrganName: "",
         transactionTeacherName: "",
-        transactionTeacherPhone:"",
+        transactionTeacherPhone: "",
         directorUserName: "",
         educationalTeacherName: "",
         cooperationOrganLinkmanList: [],

src/views/resetTeaming/components/archicesComponents/studentAndTeacher.vue

@@ -14,7 +14,7 @@
     <p class="title">声部分布</p>
     <!-- <el-divider class="divider"></el-divider> -->
 
-    <descriptions :column="4" class="descriptions">
+    <descriptions :column="4" class="descriptions" v-if="subject.length > 0">
       <descriptions-item
         :label="item.key"
         :key="index"
@@ -29,24 +29,12 @@
         </div>
       </descriptions-item>
     </descriptions>
-    <!-- <div>
-      <el-row class="row">
-        <el-col
-          class="col"
-          :span="6"
-          v-for="(item, index) in subject"
-          :key="index"
-        >
-          <span class="col-title">{{ item.key }}:</span>
-          <span class="col-value" @click="getSoundInfo(item.courseScheduleId)"
-            >{{ item.value }}人</span
-          >
-        </el-col>
-      </el-row>
-    </div> -->
+    <div v-else>
+      <empty desc="暂无声部" />
+    </div>
     <p class="title">年级分布</p>
     <!-- <el-divider class="divider"></el-divider> -->
-    <descriptions :column="6" class="descriptions">
+    <descriptions :column="6" class="descriptions" v-if="grade.length > 0">
       <descriptions-item
         :label="gradeMap[item.key]"
         :key="index"
@@ -61,6 +49,9 @@
         </div>
       </descriptions-item>
     </descriptions>
+    <div v-else>
+      <empty desc="暂无年纪" style="margin-bottom: 20px" />
+    </div>
     <el-alert :closable="false" class="alert marginBtm22" type="info">
       <template slot="title">
         <div class="shapeWrap">
@@ -76,7 +67,7 @@
         </div>
       </template>
     </el-alert>
-    <descriptions :column="4" class="descriptions">
+    <descriptions :column="4" class="descriptions" v-if="teacher.length > 0">
       <descriptions-item
         :label="item.key"
         :key="index"
@@ -87,6 +78,9 @@
         </div>
       </descriptions-item>
     </descriptions>
+    <div v-else>
+      <empty desc="暂无师资安排" />
+    </div>
     <!-- <el-row class="row">
       <el-col
         class="col"

src/views/resetTeaming/components/archicesComponents/trainPlan.vue

@@ -103,7 +103,7 @@
       </el-form-item>
     </save-form>
     <div class="timerWrap">
-      <div class="timerList">
+      <div class="timerList" v-if="planList.length>0">
         <el-timeline>
           <!--   timestamp="2018/4/12"  :timestamp="item.timestamp" -->
           <!-- {timer:time,index:`第${index+1}次训练`,courseType:filterCourseType[val],timestamp:timestamp} -->
@@ -142,6 +142,9 @@
           </el-timeline-item>
         </el-timeline>
       </div>
+        <div v-else>
+      <empty desc="暂无规划" />
+    </div>
     </div>
     <el-dialog
       :title="planTitle"