feat:修改ui，同时增加作业状态查询

src/views/CoursePage/CoursePage.vue

@@ -25,11 +25,11 @@
       <el-table-column prop="endTime" label="截止时间" sortable/>
       <el-table-column label="操作">
         <template #default="scope">
-          <el-button @click="handleShowDetail(scope.row.courseId)" style="margin-right: 0; margin-left: 0;padding-left: 10px; padding-right: 10px" type="primary">
+          <el-button @click="handleShowDetail(scope.row.courseId)" style="margin-right: 0; margin-left: 0;padding-left: 10px; padding-right: 10px" color="#597D3B">
             <el-icon style="margin-right: 3px" ><ZoomIn/></el-icon>
             详情
           </el-button>
-          <el-button @click="handleDelete(scope.row.courseId)" style="margin-right: 0; margin-left: 15px;padding-left: 10px; padding-right: 10px" type="danger">
+          <el-button @click="handleDelete(scope.row.courseId)" style="margin-right: 0; margin-left: 15px;padding-left: 10px; padding-right: 10px" color="#597D3B">
             <el-icon style="margin-right: 3px" ><DeleteFilled/></el-icon>
             {{role == 'teachers' ? "删除" : "退课"}}
           </el-button>

src/views/HomeworkPage/component/HomeworkDetail.vue

@@ -16,6 +16,10 @@
           <span style="font-weight: 600">发布老师: </span>
           {{data.teacherName}}
         </div>
+        <div class="item">
+          <span style="font-weight: 600">开始日期: </span>
+          {{new Date(Date.parse(data.startTime)).toLocaleString()}}
+        </div>
         <div class="item">
           <span style="font-weight: 600">截止日期: </span>
           {{new Date(Date.parse(data.endTime)).toLocaleString()}}

src/views/HomeworkPage/index.vue

@@ -8,10 +8,10 @@
     <el-button :icon="Refresh" circle @click="doRefresh"></el-button>
     <el-select
         v-model="state"
+        @change="filter"
         placeholder="状态"
         size="default"
-        style="width: 150px; margin-left: 10px;"
-    >
+        style="width: 150px; margin-left: 10px;">
       <el-option
           v-for="item in stateOptions"
           :key="item.value"
@@ -30,8 +30,8 @@
         暂无作业
       </template>
       <el-table-column type="index"/>
-      <el-table-column prop="assignmentName" label="课程名称" width="400"/>
-<!--      <el-table-column prop="description" label="描述" width="400"/>-->
+      <el-table-column prop="assignmentName" label="课程名称" max-width="300"/>
+      <el-table-column prop="startTime" label="开始时间" sortable/>
       <el-table-column prop="endTime" label="截止时间" sortable/>
       <el-table-column prop="status" label="状态" sortable>
         <template #default="{row}">
@@ -181,6 +181,7 @@
               .then((res: any) => {
                 let data = res.data.data.records
                 for(let i = 0; i < data.length; i++) {
+                  data[i].startTime = formatDate(data[i].startTime)
                   data[i].endTime = formatDate(data[i].endTime)
                   homeworkList.tableData.push(data[i])
                 }
@@ -240,6 +241,22 @@
 
   let assignmentName = ref('')
 
+  const filter = (value: string) => {
+    processedHomeworkList.tableData = []
+    for(let i = 0; i < homeworkList.tableData.length; i++){
+      let assignmentItem = homeworkList.tableData[i]
+      if(assignmentItem.status == value) {
+        processedHomeworkList.tableData.push(assignmentItem);
+      }
+      Object.assign(pageInfo, {
+        tableData: getSlice(pageInfo.pages, pageInfo.size),
+        size: pageInfo.size,
+        pages: pageInfo.pages,
+        total: processedHomeworkList.tableData.length,
+      })
+    }
+  }
+
 </script>
 
 <script lang="ts">