修改价格

src/views/modules/course/courseList.vue

@@ -13,7 +13,8 @@
         ></el-input>
       </el-form-item>
       <el-form-item label="平台分类">
-        <el-cascader clearable
+        <el-cascader
+          clearable
           :props="{
             label: 'title',
             value: 'id',
@@ -138,24 +139,80 @@
         label="层级">
       </el-table-column> -->
 
-      <el-table-column label="课程图" header-align="center" align="center">
+      <el-table-column
+        label="课程图"
+        header-align="center"
+        align="center"
+        width="100"
+      >
         <template slot-scope="scope">
           <div
             v-if="scope.row.image"
             style="width:100%;display: flex;
           align-items: center;justify-content: center;"
           >
-            <img :src="scope.row.image" alt="" width="80px" height="80px" />
+            <img :src="scope.row.image" alt="" width="40px" height="40px" />
           </div>
         </template>
       </el-table-column>
       <el-table-column
+        prop="sort"
+        header-align="center"
+        align="center"
+        label="关联商品"
+        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="width: 90px;float: left;font-weight: 800;"
+              v-if="scope.row.courseCatalogueEntityList.length > 1"
+            >
+              {{ v.title }}
+            </div>
+
+            <div
+              class="right"
+              :style="
+                `width: calc(100% - ${
+                  scope.row.courseCatalogueEntityList.length > 1 ? 100 : 0
+                }px);float: right;`
+              "
+            >
+              <div v-for="(item, i) in v.productList">
+                {{ item.productName }}
+                <span style="color: #ff5b36;"
+                  >￥{{
+                    item.activePrice ? item.activePrice : item.price
+                  }}</span
+                >
+                <span
+                  style="color: #9c9a9b;text-decoration:line-through;"
+                  v-if="item.activePrice > 0"
+                  >￥{{ item.price }}</span
+                >
+              </div>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="sort"
+        width="80"
+        header-align="center"
+        align="center"
+        label="排序"
+      >
+      </el-table-column>
+      <!-- <el-table-column
         prop="createTime"
         header-align="center"
         align="center"
+        width="160"
         label="创建日期"
       >
-      </el-table-column>
+      </el-table-column> -->
       <!-- <el-table-column prop="updateTime" header-align="center" align="center" label="更新日期">
       </el-table-column> -->
       <!-- <el-table-column
@@ -174,7 +231,7 @@
         fixed="right"
         header-align="center"
         align="center"
-        width="250"
+        width="160"
         label="操作"
       >
         <template slot-scope="scope">
@@ -266,7 +323,7 @@ export default {
       selectType: [],
       options: [
         {
-          id: 'all',
+          id: "all",
           title: "全部",
           children: undefined
         },
@@ -357,12 +414,10 @@ export default {
         data.medicalId = "";
         data.sociologyId = "";
       } else if (this.selectType.length >= 1) {
-        data.type = this.selectType[0]=='all'?0:this.selectType[0];
+        data.type = this.selectType[0] == "all" ? 0 : this.selectType[0];
         if (this.selectType.length == 1) {
-
           data.medicalId = "";
-        data.sociologyId = "";
-
+          data.sociologyId = "";
         }
         if (this.selectType.length > 1) {
           if (this.selectType[0] == 1) {