From e3eb00535feb28e091cda3383d1de23b229d5e82 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=AB=E6=99=93=E8=8C=B9?= <1935832701@qq.com>
Date: Fri, 28 Apr 2023 11:25:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/trainingItem/index.vue | 156 ++++++++++++++++--------
 1 file changed, 105 insertions(+), 51 deletions(-)

diff --git a/src/views/system/trainingItem/index.vue b/src/views/system/trainingItem/index.vue
index a50beff..cbd3cce 100644
--- a/src/views/system/trainingItem/index.vue
+++ b/src/views/system/trainingItem/index.vue
@@ -749,19 +749,28 @@
             placeholder="请输入报名须知"
           />
         </el-form-item>
-
-        <el-form-item
-          label=""
-          prop="itemDirectoryUrl"
+        <el-table
           v-if="form.trainingItemType == 'VIDEO_LEARNING'"
+          ref="trainingItemDirectoryList"
+          style="margin-top: 20px; width: 1250px"
+          :data="form.trainingItemDirectoryList"
         >
-          <el-table
-            ref="trainingItemDirectoryList"
-            style="margin-top: 20px; width: 1250px"
-            :data="form.trainingItemDirectoryList"
-          >
-            <el-table-column label="章节视频" align="center" width="300">
-              <template slot-scope="scope">
+          <el-table-column label="章节视频" align="center" width="300">
+            <template slot-scope="scope">
+              <el-form-item
+                :prop="
+                  'trainingItemDirectoryList.' +
+                  scope.$index +
+                  '.itemDirectoryUrl'
+                "
+                :rules="[
+                  {
+                    required: true,
+                    message: '请上传章节视频',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
                 <stationAcatar
                   @imgUrl="imgUrl4"
                   @item="itemDirectoryUrl"
@@ -769,28 +778,73 @@
                   :type="'itemDirectoryUrl'"
                   :item="scope.row"
                 />
-              </template>
-            </el-table-column>
-            <el-table-column label="章节名称" align="center">
-              <template slot-scope="scope">
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="章节名称" align="center">
+            <template slot-scope="scope">
+              <el-form-item
+                :prop="
+                  'trainingItemDirectoryList.' +
+                  scope.$index +
+                  '.itemDirectoryName'
+                "
+                :rules="[
+                  {
+                    required: true,
+                    message: '请输入章节名称',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
                 <el-input
                   maxlength="100"
                   v-model="scope.row.itemDirectoryName"
                   placeholder="请输入章节名称"
                 ></el-input>
-              </template>
-            </el-table-column>
-            <el-table-column label="章节标题" align="center">
-              <template slot-scope="scope">
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="章节标题" align="center">
+            <template slot-scope="scope">
+              <el-form-item
+                :prop="
+                  'trainingItemDirectoryList.' +
+                  scope.$index +
+                  '.itemDirectoryTitle'
+                "
+                :rules="[
+                  {
+                    required: true,
+                    message: '请输入章节标题',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
                 <el-input
                   maxlength="100"
                   v-model="scope.row.itemDirectoryTitle"
                   placeholder="请输入章节标题"
                 ></el-input>
-              </template>
-            </el-table-column>
-            <el-table-column label="章节内容简介" align="center">
-              <template slot-scope="scope">
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="章节内容简介" align="center">
+            <template slot-scope="scope">
+              <el-form-item
+                :prop="
+                  'trainingItemDirectoryList.' +
+                  scope.$index +
+                  '.itemDirectoryIntroduce'
+                "
+                :rules="[
+                  {
+                    required: true,
+                    message: '请输入章节标题',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
                 <el-input
                   maxlength="300"
                   type="textarea"
@@ -799,33 +853,33 @@
                   v-model="scope.row.itemDirectoryIntroduce"
                   placeholder="请输入章节内容简介"
                 ></el-input>
-              </template>
-            </el-table-column>
-            <el-table-column label="章节排序" align="center">
-              <template slot-scope="scope">
-                <el-input
-                  oninput="value=value.replace(/[^\d]/g,'')"
-                  maxlength="5"
-                  v-model.number="scope.row.itemDirectorySort"
-                  placeholder="请输入章节排序"
-                ></el-input>
-              </template>
-            </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
-                >
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-form-item>
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="章节排序" align="center">
+            <template slot-scope="scope">
+              <el-input
+                oninput="value=value.replace(/[^\d]/g,'')"
+                maxlength="5"
+                v-model.number="scope.row.itemDirectorySort"
+                placeholder="请输入章节排序"
+              ></el-input>
+            </template>
+          </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
+              >
+            </template>
+          </el-table-column>
+        </el-table>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -1440,7 +1494,7 @@ export default {
   background: none;
 }
 ::v-deep .wihi:hover:after {
-  transform: translate(0%,30%);
+  transform: translate(0%, 30%);
 }
 ::v-deep .video-avatar {
   transform: translateX(-25%);