diff --git a/src/api/system/trainingItem.js b/src/api/system/trainingItem.js
index 137ea15..e2e7ad3 100644
--- a/src/api/system/trainingItem.js
+++ b/src/api/system/trainingItem.js
@@ -58,6 +58,12 @@ export function updateTrainingItem(data) {
         data: data
     })
 }
+export function selectSubordinateItem(trainingParentId) {
+    return request({
+        url: `/system/trainingItem/selectSubordinateItem?trainingParentId=${trainingParentId}`,
+        method: 'get',
+    })
+}
 
 // 删除学习培训项目信息
 export function delTrainingItem(id) {
diff --git a/src/views/system/trainingItem/index.vue b/src/views/system/trainingItem/index.vue
index eb305ab..89869ce 100644
--- a/src/views/system/trainingItem/index.vue
+++ b/src/views/system/trainingItem/index.vue
@@ -40,8 +40,16 @@
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
       </el-form-item>
     </el-form>
 
@@ -54,7 +62,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['system:trainingItem:add']"
-        >新增</el-button>
+          >新增</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -65,7 +74,8 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['system:trainingItem:edit']"
-        >修改</el-button>
+          >修改</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -76,7 +86,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['system:trainingItem:remove']"
-        >删除</el-button>
+          >删除</el-button
+        >
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button
@@ -89,41 +100,163 @@
           >导出</el-button
         >
       </el-col>-->
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
-
     <el-table
       v-loading="loading"
       :data="trainingItemList"
+      highlight-current-row
       @selection-change="handleSelectionChange"
+      @expand-change="info"
     >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="学习培训课程组名称" align="center" prop="trainingParentName" />
-      <el-table-column label="培训课程编号" align="center" prop="trainingItemCode" />
-      <el-table-column property="trainingItemTitle" label="培训课程名称" align="center" />
+      <el-table-column type="expand">
+        <template slot-scope="props">
+          <el-table
+            :data="props.row.selectSubordinateItemlist"
+            style="width: 100%;"
+            :header-cell-style="{ background: '#fff', color: '#606266' }"
+          >
+            <el-table-column
+              prop="trainingItemCode"
+              label="培训课程编号"
+              width="180"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="trainingItemTitle"
+              label="培训课程名称"
+              width="180"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="trainingItemPrice"
+              label="培训课程价格"
+              width="180"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="trainingItemType"
+              label="培训课程类型"
+              width="180"
+            >
+              <template slot-scope="scope">
+                {{
+                  scope.row.trainingItemType == "VIDEO_LEARNING"
+                    ? "视频学习"
+                    : ""
+                }}
+                {{
+                  scope.row.trainingItemType == "GRAPHIC_LEARNING"
+                    ? "图文学习"
+                    : ""
+                }}
+                {{
+                  scope.row.trainingItemType == "LIVE_COURSES" ? "直播课程" : ""
+                }}
+                {{
+                  scope.row.trainingItemType == "OFFLINE_TRAINING"
+                    ? "线下培训"
+                    : ""
+                }}
+                {{
+                  scope.row.trainingItemType == "LEARNING_ITEM_GROUP"
+                    ? "学习培训课程组"
+                    : ""
+                }}
+              </template>
+            </el-table-column>
 
-      <el-table-column label="培训课程价格" align="center" prop="trainingItemPrice" />
-      <el-table-column label="培训课程类型" align="center" prop="trainingItemType">
+            <el-table-column
+              prop="trainingShelfFlag"
+              label="上架状态"
+              width="180"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.trainingShelfFlag == 1 ? "已下架" : "" }}
+                {{ scope.row.trainingShelfFlag == 0 ? "已上架" : "" }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="trainingItemSort"
+              label="培训课程排序"
+              width="180"
+            >
+            </el-table-column>
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-edit"
+                  @click="handleUpdate(scope.row)"
+                  v-hasPermi="['system:trainingItem:edit']"
+                  >修改</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="handleDelete(scope.row)"
+                  v-hasPermi="['system:trainingItem:remove']"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="学习培训课程组名称"
+        align="center"
+        prop="trainingParentName"
+      />
+      <el-table-column
+        label="培训课程编号"
+        align="center"
+        prop="trainingItemCode"
+      />
+      <el-table-column
+        property="trainingItemTitle"
+        label="培训课程名称"
+        align="center"
+      />
+      <el-table-column
+        label="培训课程价格"
+        align="center"
+        prop="trainingItemPrice"
+      />
+      <el-table-column
+        label="培训课程类型"
+        align="center"
+        prop="trainingItemType"
+      >
         <template slot-scope="scope">
           {{ scope.row.trainingItemType == "VIDEO_LEARNING" ? "视频学习" : "" }}
           {{
-          scope.row.trainingItemType == "GRAPHIC_LEARNING" ? "图文学习" : ""
+            scope.row.trainingItemType == "GRAPHIC_LEARNING" ? "图文学习" : ""
           }}
           {{ scope.row.trainingItemType == "LIVE_COURSES" ? "直播课程" : "" }}
           {{
-          scope.row.trainingItemType == "OFFLINE_TRAINING" ? "线下培训" : ""
+            scope.row.trainingItemType == "OFFLINE_TRAINING" ? "线下培训" : ""
           }}
           {{
-          scope.row.trainingItemType == "LEARNING_ITEM_GROUP"
-          ? "学习培训课程组"
-          : ""
+            scope.row.trainingItemType == "LEARNING_ITEM_GROUP"
+              ? "学习培训课程组"
+              : ""
           }}
         </template>
       </el-table-column>
       <el-table-column label="上架状态" align="center" prop="trainingShelfFlag">
         <template slot-scope="scope">
           <el-switch
-            v-if="scope.row.trainingItemType == 'LEARNING_ITEM_GROUP'"
             v-model="scope.row.trainingShelfFlag"
             active-color="#13ce66"
             inactive-color="#ff4949"
@@ -157,8 +290,16 @@
         width="180"
       >
       </el-table-column>-->
-      <el-table-column label="培训课程排序" align="center" prop="trainingItemSort" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        label="培训课程排序"
+        align="center"
+        prop="trainingItemSort"
+      />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -166,14 +307,16 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['system:trainingItem:edit']"
-          >修改</el-button>
+            >修改</el-button
+          >
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['system:trainingItem:remove']"
-          >删除</el-button>
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -200,14 +343,22 @@
         label-width="80px"
         :inline="true"
       >
-        <el-form-item label="分类编码" prop="trainingItemCode" label-width="120">
+        <el-form-item
+          label="分类编码"
+          prop="trainingItemCode"
+          label-width="120"
+        >
           <el-input
             v-model="trainingParentqueryParams.trainingItemCode"
             placeholder="请输入分类编码"
             clearable
           />
         </el-form-item>
-        <el-form-item label="培训课程组名称" prop="trainingParentName" label-width="120">
+        <el-form-item
+          label="培训课程组名称"
+          prop="trainingParentName"
+          label-width="120"
+        >
           <el-input
             v-model="trainingParentqueryParams.trainingParentName"
             placeholder="请输入培训课程组名称"
@@ -215,8 +366,16 @@
           />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="trainingParentinfo">搜索</el-button>
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuerylist">重置</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="trainingParentinfo"
+            >搜索</el-button
+          >
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuerylist"
+            >重置</el-button
+          >
         </el-form-item>
       </el-form>
 
@@ -248,8 +407,16 @@
           align="center"
           :show-overflow-tooltip="true"
         ></el-table-column>
-        <el-table-column property="trainingItemCode" label="培训分类编码" align="center"></el-table-column>
-        <el-table-column property="trainingItemPrice" label="价格" align="center"></el-table-column>
+        <el-table-column
+          property="trainingItemCode"
+          label="培训分类编码"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          property="trainingItemPrice"
+          label="价格"
+          align="center"
+        ></el-table-column>
 
         <!-- <el-table-column
           property="trainingItemType"
@@ -389,7 +556,13 @@
       width="1300px"
       append-to-body
     >
-      <el-form ref="form" :model="form" :rules="rules" label-width="140px" :inline="true">
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="140px"
+        :inline="true"
+      >
         <el-form-item label="培训课程名称" prop="trainingItemTitle">
           <el-input
             style="width: 250px"
@@ -433,7 +606,8 @@
               color: #c0c4cc;
               overflow: hidden;
             "
-          >{{ form.trainingParentName }}</el-button>
+            >{{ form.trainingParentName }}</el-button
+          >
           <el-button
             @click="trainingParentitem()"
             type
@@ -445,7 +619,8 @@
               padding-left: -10px;
               overflow: hidden;
             "
-          >{{ form.trainingParentName }}</el-button>
+            >{{ form.trainingParentName }}</el-button
+          >
         </el-form-item>
         <!-- <el-form-item
           label="所属培训课程分类"
@@ -497,7 +672,12 @@
         </el-form-item>
 
         <el-form-item label="是否可以购买" prop="buyFlag">
-          <el-select v-model="form.buyFlag" placeholder="请选择" clearable style="width: 250px">
+          <el-select
+            v-model="form.buyFlag"
+            placeholder="请选择"
+            clearable
+            style="width: 250px"
+          >
             <el-option
               v-for="item in option"
               :key="item.value"
@@ -645,14 +825,21 @@
           prop="trainingItemAddress"
           v-if="form.trainingItemType == 'OFFLINE_TRAINING'"
         >
-          <el-input v-model="form.trainingItemAddress" placeholder="请输入培训课程地址" />
+          <el-input
+            v-model="form.trainingItemAddress"
+            placeholder="请输入培训课程地址"
+          />
         </el-form-item>
         <el-form-item
           label="报名须知"
           prop="trainingItemNotes"
           v-if="form.trainingItemType == 'OFFLINE_TRAINING'"
         >
-          <el-input style="width: 250px" v-model="form.trainingItemNotes" placeholder="请输入报名须知" />
+          <el-input
+            style="width: 250px"
+            v-model="form.trainingItemNotes"
+            placeholder="请输入报名须知"
+          />
         </el-form-item>
         <el-table
           v-if="form.trainingItemType == 'VIDEO_LEARNING'"
@@ -772,8 +959,15 @@
           </el-table-column>
           <el-table-column label="操作" align="center">
             <template slot-scope="scope">
-              <el-button size="mini" type="text" @click="addPictureUrl">新增</el-button>
-              <el-button size="mini" type="text" @click="delPictureUrl(scope.row)">删除</el-button>
+              <el-button size="mini" type="text" @click="addPictureUrl"
+                >新增</el-button
+              >
+              <el-button
+                size="mini"
+                type="text"
+                @click="delPictureUrl(scope.row)"
+                >删除</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
@@ -785,26 +979,26 @@
     </el-dialog>
   </div>
 </template>
-  
+
   <script>
 import {
   listTrainingItem,
   listTrainingCategory,
+  selectSubordinateItem,
   selectTrainingParent,
   getTrainingItem,
   delTrainingItem,
   addTrainingItem,
   updateTrainingItem,
-  updateTrainingShelfFlag
+  updateTrainingShelfFlag,
 } from "@/api/system/trainingItem";
-import stationAcatar from "../stationAvatar/index.vue";
 import trainingAvatar from "../trainingAvatar/index.vue";
+import stationAcatar from "../stationAvatar/index.vue";
 import editor from "@/components/Editor";
 import { updatePicture } from "@/api/system/station";
 export default {
   name: "TrainingItem",
   components: { stationAcatar, editor, trainingAvatar },
-
   data() {
     return {
       // 遮罩层
@@ -817,38 +1011,38 @@ export default {
         pageNum: 1,
         pageSize: 10,
         trainingItemCode: "",
-        trainingParentName: ""
+        trainingParentName: "",
       },
       trainingCategoryqueryParams: {
         pageNum: 1,
         pageSize: 10,
         trainingCategoryCode: "",
-        trainingCategoryName: ""
+        trainingCategoryName: "",
       },
       option: [
         {
           value: 0,
-          label: "是"
+          label: "是",
         },
         {
           value: 1,
-          label: "否"
-        }
+          label: "否",
+        },
       ],
       value: "",
       options: [
         {
           value: "GRAPHIC_LEARNING",
-          label: "图文学习"
+          label: "图文学习",
         },
         {
           value: "LEARNING_ITEM_GROUP",
-          label: "学习培训课程组"
+          label: "学习培训课程组",
         },
         {
           value: "VIDEO_LEARNING",
-          label: "视频学习"
-        }
+          label: "视频学习",
+        },
         // {
         //   value: "LIVE_COURSES",
         //   label: "直播课程",
@@ -894,7 +1088,7 @@ export default {
         trainingItemEndTime: null,
         trainingItemAddress: null,
         trainingItemNotes: null,
-        trainingItemSort: null
+        trainingItemSort: null,
       },
       // 表单参数
       form: {
@@ -904,9 +1098,9 @@ export default {
             itemDirectoryTitle: null,
             itemDirectoryUrl: null,
             itemDirectoryIntroduce: null,
-            itemDirectorySort: null
-          }
-        ]
+            itemDirectorySort: null,
+          },
+        ],
       },
       imgtwo: "",
       imgone: "",
@@ -923,7 +1117,7 @@ export default {
         //   { required: true, message: "请选择培训分类", trigger: "blur" },
         // ],
         trainingItemTitle: [
-          { required: true, message: "请输入培训课程名称", trigger: "blur" }
+          { required: true, message: "请输入培训课程名称", trigger: "blur" },
         ],
         // trainingItemPrice: [
         //   { required: true, message: "请输入培训课程价格", trigger: "blur" },
@@ -943,44 +1137,55 @@ export default {
         //   },
         // ],
         trainingItemType: [
-          { required: true, message: "请选择培训课程类型", trigger: "blur" }
+          { required: true, message: "请选择培训课程类型", trigger: "blur" },
         ],
         trainingItemDetails: [
-          { required: true, message: "请输入培训课程详情", trigger: "blur" }
+          { required: true, message: "请输入培训课程详情", trigger: "blur" },
         ],
         trainingItemContent: [
-          { required: true, message: "请输入培训课程内容", trigger: "blur" }
+          { required: true, message: "请输入培训课程内容", trigger: "blur" },
         ],
         trainingItemDate: [
-          { required: true, message: "请输入培训课程日期", trigger: "blur" }
+          { required: true, message: "请输入培训课程日期", trigger: "blur" },
         ],
         trainingItemStartTime: [
           {
             required: true,
             message: "请输入培训课程开始时间",
-            trigger: "blur"
-          }
+            trigger: "blur",
+          },
         ],
         trainingItemEndTime: [
           {
             required: true,
             message: "请输入培训课程结束时间",
-            trigger: "blur"
-          }
+            trigger: "blur",
+          },
         ],
         trainingItemAddress: [
-          { required: true, message: "请输入培训课程地址", trigger: "blur" }
-        ]
+          { required: true, message: "请输入培训课程地址", trigger: "blur" },
+        ],
         // trainingItemSort: [
         //   { required: true, message: "请输入培训课程排序", trigger: "blur" },
         // ],
-      }
+      },
     };
   },
   created() {
     this.getList();
   },
   methods: {
+    info(row) {
+      if (!row.expand) {
+        // 先判断该行是否已经展开了
+        var trainingParentId = row.id;
+        selectSubordinateItem(trainingParentId).then((response) => {
+          row.selectSubordinateItemlist = response.data;
+          this.loading = false;
+          row.expand = true; // 设置展开行是打开的
+        });
+      }
+    },
     /**只能输入数字且有小数点最多保留两位*/
     checkPrice() {
       let checkPlan = "" + this.form.trainingItemPrice;
@@ -999,7 +1204,6 @@ export default {
       }
       this.form.trainingItemPrice = checkPlan;
     },
-
     //新增视频列表
     addPictureUrl() {
       this.idd++;
@@ -1009,7 +1213,7 @@ export default {
         itemDirectoryUrl: null,
         itemDirectoryIntroduce: null,
         itemDirectorySort: null,
-        idd: this.idd
+        idd: this.idd,
       };
       if (this.form.trainingItemDirectoryList.length >= 5) {
         this.$message.error("最多新增5条");
@@ -1024,32 +1228,34 @@ export default {
         if (this.form.trainingItemDirectoryList.length == 1) {
           this.$message.error("最后一条不可删除");
         } else {
-          this.form.trainingItemDirectoryList = this.form.trainingItemDirectoryList.filter(
-            e => e.idd != item.idd
-          );
+          this.form.trainingItemDirectoryList =
+            this.form.trainingItemDirectoryList.filter(
+              (e) => e.idd != item.idd
+            );
         }
       } else if (!item.idd && item.trainingItemDirectoryId) {
         if (this.form.trainingItemDirectoryList.length == 1) {
           this.$message.error("最后一条不可删除");
         } else {
-          this.form.trainingItemDirectoryList = this.form.trainingItemDirectoryList.filter(
-            e => e.trainingItemDirectoryId != item.trainingItemDirectoryId
-          );
+          this.form.trainingItemDirectoryList =
+            this.form.trainingItemDirectoryList.filter(
+              (e) => e.trainingItemDirectoryId != item.trainingItemDirectoryId
+            );
         }
       }
+      console.log(this.form.trainingItemDirectoryList);
     },
-
     // 章节视频
     itemDirectoryUrl(item) {
       let items = JSON.parse(item);
       if (items.idd && !items.trainingItemDirectoryId) {
-        this.form.trainingItemDirectoryList.forEach(e => {
+        this.form.trainingItemDirectoryList.forEach((e) => {
           if (e.idd == items.idd) {
             e.itemDirectoryUrl = items.itemDirectoryUrl;
           }
         });
       } else if (!items.idd && items.attributeDetailsId) {
-        this.form.trainingItemDirectoryList.forEach(e => {
+        this.form.trainingItemDirectoryList.forEach((e) => {
           if (e.attributeDetailsId == items.attributeDetailsId) {
             e.itemDirectoryUrl = items.itemDirectoryUrl;
           }
@@ -1057,7 +1263,6 @@ export default {
       }
     },
     imgs(item) {
-      console.log(item);
       this.imgsurl.pictureUrlList.push(item);
     },
     // 重置
@@ -1076,7 +1281,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         trainingCategoryCode: "",
-        trainingParentName: ""
+        trainingParentName: "",
       };
       this.trainingParentinfo();
     },
@@ -1120,7 +1325,7 @@ export default {
     // 父级课程组
     trainingParentinfo() {
       this.loading = true;
-      selectTrainingParent(this.trainingParentqueryParams).then(response => {
+      selectTrainingParent(this.trainingParentqueryParams).then((response) => {
         console.log(response);
         this.trainingParentlist = response.rows;
         this.total3 = response.total;
@@ -1135,7 +1340,6 @@ export default {
       this.form.trainingItemCoverUrl = imgUrl;
     },
     imgUrl3(imgUrl) {
-      console.log(imgUrl);
       this.form.trainingItemPosterUrl = imgUrl;
     },
     //上架
@@ -1144,15 +1348,15 @@ export default {
       if (row.trainingShelfFlag == false) {
         var obj = {
           id: row.id,
-          trainingShelfFlag: 1
+          trainingShelfFlag: 1,
         };
       } else if (row.trainingShelfFlag == true) {
         var obj = {
           id: row.id,
-          trainingShelfFlag: 0
+          trainingShelfFlag: 0,
         };
       }
-      updateTrainingShelfFlag(obj).then(res => {
+      updateTrainingShelfFlag(obj).then((res) => {
         if (obj.trainingShelfFlag == 0) {
           this.$modal.msgSuccess("已修改上架状态为上架");
         } else {
@@ -1164,15 +1368,18 @@ export default {
     /** 查询学习培训课程信息列表 */
     getList() {
       this.loading = true;
-      listTrainingItem(this.queryParams).then(response => {
-        this.trainingItemList = response.rows;
-        response.rows.forEach(e => {
+      listTrainingItem(this.queryParams).then((response) => {
+        console.log(response);
+        response.rows.forEach((e) => {
+          e.selectSubordinateItemlist = []; // 先给一个空值
+          e.expand = false; // 表示当前行是闭合的，不设置这个等下展开后就没法闭合了
           if (e.trainingShelfFlag == 0) {
             e.trainingShelfFlag = true;
           } else if (e.trainingShelfFlag == 1) {
             e.trainingShelfFlag = false;
           }
         });
+        this.trainingItemList = response.rows;
         this.total = response.total;
         this.loading = false;
       });
@@ -1187,10 +1394,10 @@ export default {
         obj.pictureUrlList.push(this.form.trainingItemPosterUrl);
       }
       if (obj.pictureUrlList.length > 0) {
-        updatePicture(obj).then(res => {});
+        updatePicture(obj).then((res) => {});
       }
       if (this.imgsurl.pictureUrlList.length > 0) {
-        updatePicture(this.imgsurl).then(res => {});
+        updatePicture(this.imgsurl).then((res) => {});
       }
       this.imgsurl = { pictureUrlList: [] };
 
@@ -1207,8 +1414,8 @@ export default {
             itemDirectoryUrl: null,
             itemDirectoryIntroduce: null,
             itemDirectorySort: null,
-            idd: this.idd
-          }
+            idd: this.idd,
+          },
         ],
         trainingParentId: "",
         id: null,
@@ -1234,7 +1441,7 @@ export default {
         createBy: null,
         createTime: null,
         updateBy: null,
-        updateTime: null
+        updateTime: null,
       };
       this.resetForm("form");
     },
@@ -1251,7 +1458,7 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id);
+      this.ids = selection.map((item) => item.id);
       this.single = selection.length !== 1;
       this.multiple = !selection.length;
     },
@@ -1265,9 +1472,9 @@ export default {
             itemDirectoryTitle: null,
             itemDirectoryUrl: null,
             itemDirectoryIntroduce: null,
-            itemDirectorySort: null
-          }
-        ]
+            itemDirectorySort: null,
+          },
+        ],
       };
       this.reset();
       this.open = true;
@@ -1278,13 +1485,13 @@ export default {
     handleUpdate(row) {
       this.reset();
       const id = row.id || this.ids;
-      getTrainingItem(id).then(response => {
+      getTrainingItem(id).then((response) => {
         var obj = {
           itemDirectoryName: null,
           itemDirectoryTitle: null,
           itemDirectoryUrl: null,
           itemDirectoryIntroduce: null,
-          itemDirectorySort: null
+          itemDirectorySort: null,
         };
         if (response.data.trainingItemDirectoryList.length == 0) {
           response.data.trainingItemDirectoryList.push(obj);
@@ -1299,9 +1506,6 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      if (this.form.buyFlag === "") {
-        this.form.buyFlag = null;
-      }
       if (this.form.trainingItemPrice) {
         this.form.trainingItemPrice = Number(this.form.trainingItemPrice);
       } else {
@@ -1310,10 +1514,14 @@ export default {
       if (!this.form.trainingItemSort) {
         this.form.trainingItemSort = null;
       }
-      this.$refs["form"].validate(valid => {
+      if (this.form.buyFlag === "") {
+        this.form.buyFlag = null;
+      }
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.trainingItemStartTime) {
-            this.form.trainingItemStartTimeStr = this.form.trainingItemStartTime;
+            this.form.trainingItemStartTimeStr =
+              this.form.trainingItemStartTime;
           } else {
             this.form.trainingItemStartTimeStr = "00:00:00";
           }
@@ -1324,7 +1532,7 @@ export default {
             this.form.trainingItemDirectoryList = [];
           }
           if (this.form.trainingItemId != null) {
-            updateTrainingItem(this.form).then(response => {
+            updateTrainingItem(this.form).then((response) => {
               var obj = { pictureUrlList: [] };
               if (this.imgone != this.form.trainingItemCoverUrl) {
                 obj.pictureUrlList.push(this.imgone);
@@ -1334,7 +1542,7 @@ export default {
               }
               this.imgsurl = { pictureUrlList: [] };
               if (obj.pictureUrlList.length > 0) {
-                updatePicture(obj).then(res => {});
+                updatePicture(obj).then((res) => {});
               }
               if (response.code == 200) {
                 this.$modal.msgSuccess("修改成功");
@@ -1343,7 +1551,7 @@ export default {
               }
             });
           } else {
-            addTrainingItem(this.form).then(response => {
+            addTrainingItem(this.form).then((response) => {
               if (response.code == 200) {
                 this.$modal.msgSuccess("新增成功");
                 this.open = false;
@@ -1356,7 +1564,6 @@ export default {
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      console.log(row);
       const ids = row.id || this.ids;
       const trainingItemTitles =
         row.trainingItemTitle || this.trainingItemTitles;
@@ -1364,7 +1571,7 @@ export default {
         .confirm(
           '是否确认删除培训课程名称为"' + trainingItemTitles + '"的数据项？'
         )
-        .then(function() {
+        .then(function () {
           return delTrainingItem(ids);
         })
         .then(() => {
@@ -1378,12 +1585,12 @@ export default {
       this.download(
         "system/trainingItem/export",
         {
-          ...this.queryParams
+          ...this.queryParams,
         },
         `trainingItem_${new Date().getTime()}.xlsx`
       );
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -1394,9 +1601,9 @@ export default {
   background: none;
 }
 ::v-deep .wihi:hover:after {
-  transform: translate(0%, 30%);
+  transform: translate(0%, 40%);
 }
 ::v-deep .video-avatar {
   transform: translateX(-25%);
 }
-</style>
\ No newline at end of file
+</style>