From bac238d80164f085ca9825623aa56bc60b347b55 Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Thu, 15 Dec 2022 03:02:19 +0800
Subject: [PATCH] init

---
 src/views/homework/HomeworkPage.vue | 157 ++++++++++++++--------------
 1 file changed, 78 insertions(+), 79 deletions(-)

diff --git a/src/views/homework/HomeworkPage.vue b/src/views/homework/HomeworkPage.vue
index ceb99ae..95a5043 100644
--- a/src/views/homework/HomeworkPage.vue
+++ b/src/views/homework/HomeworkPage.vue
@@ -24,7 +24,7 @@
       <div class="detail">
         <div class="detailT">
           <div
-            style="
+              style="
               margin-left: 45px;
               margin-right: 42px;
               position: relative;
@@ -33,8 +33,8 @@
           >
             <div class="title">
               <img
-                style="width: 20px; height: 20px"
-                src="../../assets/image/yuan.png"
+                  style="width: 20px; height: 20px"
+                  src="../../assets/image/yuan.png"
               />
               <div class="text">作业名称</div>
               <div class="box"></div>
@@ -48,52 +48,52 @@
             </div>
             <UploadImg v-model="fileList" ref="uploadRef">
               <button
-                class="shangchuan"
-                style="cursor: pointer"
-                @mousemove="showFileList = 1"
-                @mouseout="showFileList = 0"
+                  class="shangchuan"
+                  style="cursor: pointer"
+                  @mousemove="showFileList = 1"
+                  @mouseout="showFileList = 0"
               >
                 上传
               </button>
             </UploadImg>
             <div
-              class="uploadDetail"
-              :style="{ display: showFileList ? 'block' : 'none' }"
-              @mousemove="showFileList = 1"
-              @mouseout="showFileList = 0"
-              style="padding-top: 60px"
+                class="uploadDetail"
+                :style="{ display: showFileList ? 'block' : 'none' }"
+                @mousemove="showFileList = 1"
+                @mouseout="showFileList = 0"
+                style="padding-top: 60px"
             >
               <div class="triangle"></div>
               <div class="square clearfix">
                 <div
-                  class="squarecontent1"
-                  v-for="(file, i) in fileList"
-                  :key="i"
+                    class="squarecontent1"
+                    v-for="(file, i) in fileList"
+                    :key="i"
                 >
                   <FileTypeImg
-                    v-model="file.name"
-                    :style="{ margin: '12px 15px 0 27px' }"
+                      v-model="file.name"
+                      :style="{ margin: '12px 15px 0 27px' }"
                   ></FileTypeImg>
                   <div class="rarDetail">
                     <span class="detail1" style="margin-right: 130px">
                       {{ file.name }}
                     </span>
                     <span class="detail2" style="margin-right: 10px"
-                      >{{ file.percentage }}%</span
+                    >{{ file.percentage }}%</span
                     >
                     <span class="detail1">{{
-                      {
-                        ready: "正在上传",
-                        abort: "暂停",
-                        uploading: "正在上传",
-                        fail: "上传失败",
-                        success: "上传成功",
-                      }[file.status]
-                    }}</span>
+                        {
+                          ready: "正在上传",
+                          abort: "暂停",
+                          uploading: "正在上传",
+                          fail: "上传失败",
+                          success: "上传成功",
+                        }[file.status]
+                      }}</span>
                     <div class="progress">
                       <div
-                        class="progressinner"
-                        :style="{ width: `${(291 * file.percentage) / 100}px` }"
+                          class="progressinner"
+                          :style="{ width: `${(291 * file.percentage) / 100}px` }"
                       ></div>
                     </div>
                   </div>
@@ -124,8 +124,8 @@
 
             <div class="title">
               <img
-                style="width: 20px; height: 20px"
-                src="../../assets/image/yuan.png"
+                  style="width: 20px; height: 20px"
+                  src="../../assets/image/yuan.png"
               />
               <div class="text">作业内容</div>
               <div class="box"></div>
@@ -133,11 +133,10 @@
 
             <div class="join">
               <el-input
-                v-model="textarea1"
-                :autosize="{ minRows: 12.5, maxRows: 12.5 }"
-                resize="none"
-                type="textarea"
-                @input="textareaInput"
+                  v-model="sbValue.content"
+                  :autosize="{ minRows: 12.5, maxRows: 12.5 }"
+                  resize="none"
+                  type="textarea"
               />
             </div>
             <div style="display: flex; justify-content: center">
@@ -148,8 +147,8 @@
 
             <div class="title" style="margin-top: 0px">
               <img
-                style="width: 20px; height: 20px"
-                src="../../assets/image/yuan.png"
+                  style="width: 20px; height: 20px"
+                  src="../../assets/image/yuan.png"
               />
               <div class="text">历史纪录</div>
               <div class="box"></div>
@@ -161,10 +160,10 @@
                 <div class="content2">作业内容</div>
               </div>
               <div
-                v-for="(value, index) in submitList"
-                :key="index"
-                class="historytitle2"
-                :style="{
+                  v-for="(value, index) in submitList"
+                  :key="index"
+                  class="historytitle2"
+                  :style="{
                   'border-bottom':
                     index === submitList.length - 1
                       ? '1px solid rgba(215, 229, 253, 0)'
@@ -174,7 +173,7 @@
                 <div class="content1">{{ value.createTime }}</div>
                 <div class="content2">
                   <div
-                    style="
+                      style="
                       width: 95%;
                       overflow: hidden;
                       text-overflow: ellipsis;
@@ -192,8 +191,8 @@
       <div class="right">
         <div class="righttitle">
           <img
-            style="width: 20px; height: 20px"
-            src="../../assets/image/yuan.png"
+              style="width: 20px; height: 20px"
+              src="../../assets/image/yuan.png"
           />
           <div class="text">截止时间</div>
           <div class="box"></div>
@@ -210,21 +209,21 @@
             <div class="endtimetext">
               距离结束还有&nbsp;&nbsp;
               <span class="te">{{
-                parseInt(
-                  dayjs(data?.submitEndTime).diff(dayjs(), "minute") / 60
-                )
-              }}</span
+                  parseInt(
+                      dayjs(data?.submitEndTime).diff(dayjs(), "minute") / 60
+                  )
+                }}</span
               >&nbsp;&nbsp; 小时&nbsp;&nbsp;<span class="te">{{
                 dayjs(data?.submitEndTime).diff(dayjs(), "minute") % 60
               }}</span
-              >&nbsp;&nbsp;分钟
+            >&nbsp;&nbsp;分钟
             </div>
           </div>
         </div>
         <div class="righttitle">
           <img
-            style="width: 20px; height: 20px"
-            src="../../assets/image/yuan.png"
+              style="width: 20px; height: 20px"
+              src="../../assets/image/yuan.png"
           />
 
           <div class="text">作业说明</div>
@@ -233,9 +232,9 @@
         <div class="explain clearfix">
           <!-- todo #作业任务详情 作业说明是作业要求字段么？-->
           <div
-            class="explain1"
-            style="margin-top: 26px"
-            v-html="data?.workRequirement"
+              class="explain1"
+              style="margin-top: 26px"
+              v-html="data?.workRequirement"
           ></div>
         </div>
       </div>
@@ -245,8 +244,8 @@
 </template>
 
 <script setup>
-import { reactive, ref, toRefs } from "vue";
-import { request, useRequest } from "@/api/request";
+import {reactive, ref, toRefs} from "vue";
+import {request, useRequest} from "@/api/request";
 import {
   TASK_WORK_COMMIT,
   TASK_WORK_DETAIL,
@@ -254,40 +253,40 @@ import {
   WORK_HISTROY,
 } from "@/api/api";
 import dayjs from "dayjs";
-import { useRouter } from "vue-router";
+import {useRouter} from "vue-router";
 import UploadImg from "@/components/img/UploadImg.vue";
 import FileTypeImg from "@/components/FileTypeImg.vue";
-import { useRoute } from "vue-router/dist/vue-router";
+import {useRoute} from "vue-router/dist/vue-router";
 
 const fileList = ref([]);
 const uploadRef = ref();
 const showFileList = ref(0);
-const state = reactive({
-  textarea1: "",
-});
-const { textarea1 } = toRefs(state);
+const sbValue = ref({
+  content: '',
+  attach: ''
+})
 const router = useRouter();
 
 const {
-  query: { courseId: workId, type, id: taskId },
+  query: {courseId: workId, type, id: taskId},
 } = useRoute();
 
-const { data } = useRequest(TASK_WORK_DETAIL, { workId, taskId });
-const { data: submitList } = useRequest(TASK_WORK_SUBMIT_LIST, { workId });
+const {data} = useRequest(TASK_WORK_DETAIL, {workId, taskId});
+const {data: submitList} = useRequest(TASK_WORK_SUBMIT_LIST, {workId});
 
 const handleClick = () => {
+  console.log(sbValue.value)
+  console.log(fileList)
   request(TASK_WORK_COMMIT, {
     projectOrRouterLogo: type,
-    workUploadContent: textarea1.value,
+    workUploadContent: sbValue.value.content,
+    workUploadAddress: fileList.value.map(e => e.url).join(',') || '',
     workId,
     taskId,
   }).then((res) => {
     submitList.value.unshift(res.data);
   });
-  textarea1.value = "";
-};
-const textareaInput = (e) => {
-  state.textarea1 = e;
+  sbValue.value.content = "";
 };
 
 function remove(i) {
@@ -701,25 +700,25 @@ function reUpload(i) {
 
           .allbox1 {
             background: linear-gradient(
-              0deg,
-              rgba(160, 193, 230, 0) 0%,
-              rgba(161, 195, 231, 0.2) 100%
+                    0deg,
+                    rgba(160, 193, 230, 0) 0%,
+                    rgba(161, 195, 231, 0.2) 100%
             );
           }
 
           .allbox2 {
             background: linear-gradient(
-              0deg,
-              rgba(177, 219, 229, 0) 0%,
-              rgba(172, 216, 227, 0.2) 100%
+                    0deg,
+                    rgba(177, 219, 229, 0) 0%,
+                    rgba(172, 216, 227, 0.2) 100%
             );
           }
 
           .allbox3 {
             background: linear-gradient(
-              0deg,
-              rgba(195, 209, 234, 0) 0%,
-              rgba(191, 206, 231, 0.2) 100%
+                    0deg,
+                    rgba(195, 209, 234, 0) 0%,
+                    rgba(191, 206, 231, 0.2) 100%
             );
           }