From d378008ab83a74efb79312d5fbaa3bc055e1c65e Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Fri, 24 Mar 2023 11:01:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E4=B9=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/resource/component/addStudy.vue | 88 ++++++++++++++---------
 1 file changed, 53 insertions(+), 35 deletions(-)

diff --git a/src/views/resource/component/addStudy.vue b/src/views/resource/component/addStudy.vue
index 4912396..af48b37 100644
--- a/src/views/resource/component/addStudy.vue
+++ b/src/views/resource/component/addStudy.vue
@@ -11,6 +11,19 @@
             <el-input v-model="form.name" placeholder="请输入学习内容名称" clearable style="width: 300px;"></el-input>
           </div>
         </div>
+      </template>
+      <template v-slot:type>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            面向对象：
+          </div>
+          <div class="xy-table-item-content">
+            <el-select clearable placeholder="请选择类型" v-model="form.type" style="width: 300px;">
+              <el-option v-for="item in types" :value="item.id" :key="item.id" :label="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
       </template>
       <template v-slot:expire_day>
         <div class="xy-table-item">
@@ -46,6 +59,21 @@
             </el-input>分钟
           </div>
         </div>
+      </template>
+      <template v-slot:file>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">资料上传：</div>
+          <div class="xy-table-item-content">
+            <el-upload style="width: 620px" accept=".jpg,.png,.mp4" :multiple="true" class="upload-demo" :action="action"
+              :before-upload="uploadBeforePic" :on-success="picListSuccessHandler" :on-remove="picListRemoveHandler"
+              :file-list="fileList" list-type="picture" multiple>
+              <el-button size="small" type="primary">点击上传</el-button>
+              <div slot="tip" class="el-upload__tip">
+                只能上传jpg/png/mp4文件
+              </div>
+            </el-upload>
+          </div>
+        </div>
       </template>
       <template v-slot:content>
         <div class="xy-table-item">
@@ -62,34 +90,8 @@
           </div> -->
         </div>
       </template>
-      <template v-slot:type>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            面向对象：
-          </div>
-          <div class="xy-table-item-content">
-            <el-select clearable placeholder="请选择类型" v-model="form.type" style="width: 300px;">
-              <el-option v-for="item in types" :value="item.id" :key="item.id" :label="item.value">
-              </el-option>
-            </el-select>
-          </div>
-        </div>
-      </template>
-      <template v-slot:file>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">资料上传：</div>
-          <div class="xy-table-item-content">
-            <el-upload style="width: 620px" :multiple="true" class="upload-demo" :action="action"
-              :before-upload="uploadBeforePic" :on-success="picListSuccessHandler" :on-remove="picListRemoveHandler"
-              :file-list="fileList" list-type="picture" multiple>
-              <el-button size="small" type="primary">点击上传</el-button>
-              <!-- <div slot="tip" class="el-upload__tip">
-                只能上传jpg/png/mp4文件，且不超过10M
-              </div> -->
-            </el-upload>
-          </div>
-        </div>
-      </template>
+
+
       <template v-slot:ask_list>
         <div class="xy-table-item">
           <div class="xy-table-item-label">测试题库：</div>
@@ -202,9 +204,9 @@ import xyTinymce from "@/components/XyTinymce/index.vue";
           expire_day: "",
           type: "",
           rate: "",
-          minute: "",
-          content: "",
+          minute: "",
           file: [],
+          content: "",
           ask_list: []
         },
         // 题库
@@ -277,11 +279,27 @@ import xyTinymce from "@/components/XyTinymce/index.vue";
       //   this.studyDates = res?.detail;
       // },
       //上传
-      uploadBeforePic(file) {
-        if (file.size / 1000 > 2048) {
-          this.$successMessage('上传图片大小超过2M！', '', 'warning')
-          return false;
-        }
+      uploadBeforePic(file) {
+        console.log(file)
+        // if (file.size / 1000 > 2048) {
+        //   this.$successMessage('上传图片大小超过2M！', '', 'warning')
+        //   return false;
+        // }
+        // 截取上传的文件名后缀
+        let fileExtName = file.name.substring(file.name.lastIndexOf(".") + 1);
+        console.log(fileExtName)
+        if(
+            fileExtName === 'jpg' ||
+            fileExtName === 'png' ||
+            fileExtName === 'mp4'
+        ){
+           //进行上传成功的一些操作;
+            console.log('file',file);
+        }else{
+            this.$successMessage('只能上传.jpg、.png,.mp4类型的文件！', '', 'warning')
+            return false;
+        }
+
       },
       picListSuccessHandler(res, file, fileList) {
         this.form.file = fileList.map((item) => {