课程列表

src/views/modules/course/courseList.vue

@@ -163,13 +163,31 @@
         width="600"
       >
         <template slot-scope="scope">
-          <div v-for="(v, i) in scope.row.courseCatalogueEntityList" :style="`overflow: hidden;display: flex;
-          align-items: center;border-bottom: 3px solid #17B3A3;padding:10px 0;${i==scope.row.courseCatalogueEntityList.length-1?'border:none;':''}`">
+          <div
+            style=" "
+            v-if="scope.row.courseCatalogueEntityList.length == 0"
+          >
+            该课程还未添加目录
+          </div>
+          <div
+            v-if="scope.row.courseCatalogueEntityList.length > 0"
+            v-for="(v, i) in scope.row.courseCatalogueEntityList"
+            :style="
+              `overflow: hidden;display: flex;
+          align-items: center;padding:10px 0;${
+            i == scope.row.courseCatalogueEntityList.length - 1
+              ? 'border:none;'
+              : 'border-bottom: 1px solid #17b3a3a1;'
+          }`
+            "
+          >
             <div
-              style="width: 90px;float: left;font-weight: 800;"
-              v-if="scope.row.courseCatalogueEntityList.length > 1"
+              style="width: 90px;float: left;font-weight: 800;border: 1px solid #bbbb; border-radius: 4px;line-height: 30px;"
+             
             >
+              <!-- <el-tag type="success" > -->
               {{ v.title }}
+              <!-- </el-tag> -->
             </div>
 
             <div
@@ -180,7 +198,10 @@
                 }px);float: right;`
               "
             >
-              <div v-for="(item, i) in v.productList">
+            <div v-if="v.productList.length==0">
+暂未关联商品
+            </div>
+              <div v-for="(item, i) in v.productList" v-if="v.productList.length>0">
                 {{ item.productName }}
                 <span style="color: #ff5b36;"
                   >￥{{