zpy 8.4

ruoyi-ui/src/views/smartSchool/gradeWork/courseSelection/taskPublishing/index.vue

@@ -22,36 +22,36 @@
         </el-row>
         <!-- 列表 -->
         <div class="listBlock">
-           <div class="itemBlock" v-for="(task, index) in tasks" :key="index">
-              <!-- 任务详细信息 -->
-             <div class="task-info">
-                <div class="task-name">{{ task.taskName }}</div>
-                <!-- 右上角显示已选人数/全部人数 -->
-                <div class="task-count">
-                    <div class="count">
-                        {{ task.yxrs }}/{{ task.zrs }}
+            <div class="itemBlock" v-for="(task, index) in tasks" :key="index">
+                <!-- 任务详细信息 -->
+                <div class="task-info">
+                    <div class="task-name">{{ task.taskName }}</div>
+                    <!-- 右上角显示已选人数/全部人数 -->
+                    <div class="task-count">
+                        <div class="count">
+                            {{ task.yxrs }}/{{ task.zrs }}
+                        </div>
+                        <div class="sun">已选人数/总人数</div>
                     </div>
-                    <div class="sun">已选人数/总人数</div>
                 </div>
-              </div>
-             <div class="task-level">
-               <span>级部：{{ task.grade }}</span>
-               <span>创建人：{{ task.createBy }}</span>
-             </div>
-             <div class="task-time">
-               <div>创建时间：{{ task.createTime }}</div>
-             </div>
-             <!-- 按钮 -->
-             <div class="task-buttons">
-               <el-button size="mini" icon="el-icon-edit" round @click="handleUpdate(task)">修改</el-button>
-               <el-button type="primary" size="small" round @click="performance(task.id,task.grade)">成绩管理</el-button>
-               <el-button type="success" size="small" round @click="courseSelectionsituation(task.id)">选课情况</el-button>
-               <el-button type="warning" size="small" round @click="springView(task.id)">春季选课情况</el-button>
-               <el-button type="danger" size="small" round @click="artisticView()">艺体选课情况</el-button>
-               <el-button class="purpleBtn" size="small" round @click="summerViewing()">夏季选课情况</el-button>
-               <el-button class="rowBtn" size="small" round @click="secondaryDivision()">夏季二次选课</el-button>
-             </div>
-           </div>
+                <div class="task-level">
+                    <span>级部：{{ task.grade }}</span>
+                    <span>创建人：{{ task.createBy }}</span>
+                </div>
+                <div class="task-time">
+                    <div>创建时间：{{ task.createTime }}</div>
+                </div>
+                <!-- 按钮 -->
+                <div class="task-buttons">
+                    <el-button size="mini" icon="el-icon-edit" round @click="handleUpdate(task)">修改</el-button>
+                    <el-button type="primary" size="small" round @click="performance(task.id, task.grade)">成绩管理</el-button>
+                    <el-button type="success" size="small" round @click="courseSelectionsituation(task.id)">选课情况</el-button>
+                    <el-button type="warning" size="small" round @click="springView(task.id)">春季选课情况</el-button>
+                    <el-button type="danger" size="small" round @click="artisticView()">艺体选课情况</el-button>
+                    <el-button class="purpleBtn" size="small" round @click="summerViewing()">夏季选课情况</el-button>
+                    <el-button class="rowBtn" size="small" round @click="secondaryDivision()">夏季二次选课</el-button>
+                </div>
+            </div>
         </div>
         <!-- 新增/修改弹窗 -->
         <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
@@ -101,7 +101,6 @@ export default {
     name: 'taskPublishing',
     data() {
         return {
-            row: null,
             tasks: [],
             queryForm: {
                 taskName: "",
@@ -122,8 +121,6 @@ export default {
             // 记录条数
             total: 0,
             title: "",
-            // 记录列表
-            AppointmentList: [],
             // 详情
             look: false,
             // 日期范围
@@ -159,19 +156,16 @@ export default {
                 .catch(err => {
                     this.loading = false;
                 });
-
-
-
             this.title = "新增任务发布";
         },
         // 成绩管理按钮 grade级部 ID任务ID
-        performance(id,grade) {
-          console.log("grade",grade)
+        performance(id, grade) {
+            console.log("grade", grade)
             this.$router.push({
                 path: "/gradeWork/courseSelection/performance",
                 query: {
-                  id,
-                  grade
+                    id,
+                    grade
                 }
             });
         },
@@ -308,61 +302,71 @@ export default {
 
 <style lang="scss" scoped>
 .listBlock {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  flex-wrap: wrap;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    flex-wrap: wrap;
 }
+
 .itemBlock {
-  width: 49%;
-  padding: 15px 20px 5px 20px;
-  margin:0 1.5% 1.5% 0;
-  border-radius: 20px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    width: 49%;
+    padding: 15px 20px 5px 20px;
+    margin: 0 1.5% 1.5% 0;
+    border-radius: 20px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
-.listBlock .itemBlock:nth-child(2n){
-  margin-right: 0px!important;
+
+.listBlock .itemBlock:nth-child(2n) {
+    margin-right: 0px !important;
 }
+
 .purpleBtn {
-  color: #FFFFFF;
-  background-color: #B66D93;
-  border: 1px solid #B66D93;
+    color: #FFFFFF;
+    background-color: #B66D93;
+    border: 1px solid #B66D93;
 }
+
 .rowBtn {
-  color: #FFFFFF;
-  background-color: #D3C1B1;
-  border: 1px solid #D3C1B1;
+    color: #FFFFFF;
+    background-color: #D3C1B1;
+    border: 1px solid #D3C1B1;
 }
+
 .task-name {
-  color: #777;
-  font-size: 38px;
-  font-weight: 500;
-  text-align: left;
+    color: #777;
+    font-size: 38px;
+    font-weight: 500;
+    text-align: left;
 }
+
 .task-level {
     margin-bottom: 6px;
     color: rgba(108, 108, 108, 1);
     font-size: 13px;
     text-align: left;
 }
+
 .task-level>span {
     margin-right: 25px;
 }
+
 .task-time {
     color: rgba(108, 108, 108, 1);
     font-size: 13px;
     text-align: left;
 }
+
 .task-info {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding-bottom: 15px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding-bottom: 15px;
 }
+
 .task-count {
-  text-align: center;
-  padding-right: 10px;
+    text-align: center;
+    padding-right: 10px;
 }
 
 .task-count>.count {
@@ -383,7 +387,7 @@ export default {
 }
 
 .task-buttons button {
-  margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 
 .el-card {