feat: 增加关卡下的共享文档（静态)

src/views/learningpath/LevelAdd.vue

@@ -553,6 +553,9 @@
         </a-tab-pane>
         <a-tab-pane key="4" tab="设置">
           <div class="split"></div>
+
+          <a-tabs>
+            <a-tab-pane key="1" tab="基本信息">
             <div class="sametab">
               <div class="Gcon">
                 <div class="pad"></div>
@@ -710,8 +713,53 @@
                   </div>
                 </div>
               </div>
-          </div></a-tab-pane
+            </div>
+          </a-tab-pane>
+
+          <a-tab-pane key="2" tab="共享文档">
+            <div class="sametab">
+              <div class="Gcon">
+                <div class="pad"></div>
+                <div class="Gin">
+                  <div class="headone">
+                    <div class="box"></div>
+                    <div class="onetitle">上传共享文档</div>
+                    <div class="oneedi">
+                      <a-switch v-model:checked="docChecked" ></a-switch>
+                    </div>
+                  </div>
+                  <div class="btnbox" style="margin:20px;">
+                <a-upload
+                  v-model:file-list="fileList"
+                  name="file"
+                  action="/api/file/upload"
+                  @change="handleChange"
                 >
+                  <span class="xkbtn" style="cursor: pointer; font-size: 17px" >上传</span>
+                  <img src="@/assets/images/basicinfo/cloud.png" style="cursor: pointer;
+                  width:34px;height:34px;
+                  " alt="">
+                </a-upload>
+                <div class="btnbox" style="margin:20px;">
+                <span style="color: #999999">
+                  支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
+                </span>
+              </div>
+              <div v-for="item in docList" :key="item.src" class="docListStyle">
+                <img src="@/assets/images/basicinfo/download.png" style="cursor: pointer;
+                  width:40px;height:40px;margin-right:40px;
+                  " alt="">
+                <span style="font: oblique bold  16px Sans-serif">{{item.name}}</span> 
+                <span style="color: #4ea6ff;float:right;">删除</span>
+              </div>
+              </div>
+                </div>
+              </div>
+            </div>
+          </a-tab-pane>
+
+          </a-tabs>
+          </a-tab-pane>
       </a-tabs>
       <a-modal
         style="padding: 0"
@@ -946,6 +994,20 @@ export default {
       twobtnn: false,
       inputbox: false,
       Wvisible: false, //作业管理
+      docList:[
+        {
+          name:'测试文档1.doc',
+          src:"",
+        },
+        {
+          name:'测试文档2.doc',
+          src:"",
+        },
+        {
+          name:'测试文档3.doc',
+          src:"",
+        }
+      ], // 共享文档列表
       huodModal: false,
       zhibModal: false,
       projectNameListt: [
@@ -1130,7 +1192,9 @@ export default {
       nubvalue2: ref("1"),
       nubvalue3: ref("4"),
       nubvalue1: ref("4"),
+      fileList:ref([]),
       checked2: false,
+      docChecked:true,
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
@@ -1588,6 +1652,18 @@ export default {
 
     }
 
+    const handleChange = (info) => {
+      if (info.file.status !== "uploading") {
+        console.log(info.file, info.fileList);
+      }
+
+      if (info.file.status === "done") {
+        message.success(`${info.file.name} 文件上传成功`);
+      } else if (info.file.status === "error") {
+        message.error(`${info.file.name} 文件上传失败.`);
+      }
+    };
+
     return {
       ...toRefs(state),
       ...toRefs(levelList),
@@ -1620,6 +1696,7 @@ export default {
       closezhibModal,
       changeTabs,
       checkType,
+      handleChange
     };
   },
 };
@@ -1705,6 +1782,11 @@ export default {
                 color: #666666;
               }
             }
+            .docListStyle {
+              display: flex;
+              width: 300px !important;
+              justify-content: space-around;
+            }
             .del_btnbox {
               display: flex;
               margin: 30px auto;