班级归档操作交互

梁保满
1 parent 47a01cb6
Showing 1 changed file with 32 additions and 11 deletions
src/views/standard/setUp/student.vue
@@ -69,12 +69,11 @@
               <template v-if="!code && role !== 'ROLE_PERSONAL'">
                 <el-tooltip effect="dark" content="班级归档" placement="top">
                   <div class="popconfirm-box">
-                    <el-popconfirm
-                      title="确定要将该班级归档吗？"
-                      @confirm="archivingClass(item, index)"
-                    >
-                      <i slot="reference" class="fa fa-file-archive-o"></i>
-                    </el-popconfirm>
+                    <i
+                      slot="reference"
+                      class="fa fa-file-archive-o"
+                      @click.stop="openArchivingDia(item, index)"
+                    ></i>
                   </div>
                 </el-tooltip>
                 <el-tooltip effect="dark" content="修改班级" placement="top">
@@ -296,6 +295,15 @@
         <el-button @click="diaUp = false">取 消</el-button>
       </div>
     </el-dialog>
+    <el-dialog title="班级归档" :visible.sync="diaArchiving" width="400">
+      <p>注意该操作会将该班级进行归档操作，且不可撤销，请谨慎操作！</p>
+      <div class="dialog-footer" slot="footer">
+        <el-button type="danger" @click="archivingClass">确认归档</el-button>
+        <el-button type="primary" @click="diaArchiving = false"
+          >取 消</el-button
+        >
+      </div>
+    </el-dialog>
   </div>
 </template>
  
@@ -373,7 +381,10 @@ export default {
         teacherCourseList: [],
         teacherGradeList: [],
       },
+      diaArchiving: false,
       archivedTotal: 0, //已归档班级
+      archivingObj: {}, //即将归档班级信息
+      archivingIndex: 0, //即将归档班级下标
     };
   },
   async created() {
@@ -519,17 +530,27 @@ export default {
       2000,
       { leading: true, trailing: false }
     ),
+
+    openArchivingDia(obj, index) {
+      this.archivingObj = { ...obj };
+      this.archivingIndex = index;
+      this.diaArchiving = true;
+    },
     //班级归档
-    async archivingClass(obj, index) {
+    async archivingClass() {
       const { data, status, info } = await this.$request.classArchiving({
-        classId: obj.id,
+        classId: this.archivingObj.id,
       });
+      this.diaArchiving = false;
       if (status === 0) {
         this.$message.success("归档成功");
-        this.classList.splice(index, 1);
-        this.classDetail(this.classList[index]);
+        this.classList.splice(this.archivingIndex, 1);
+        if (this.archivingIndex == this.classList.length) {
+          this.classDetail(this.classList[this.archivingIndex - 1]);
+        } else {
+          this.classDetail(this.classList[this.archivingIndex]);
+        }
         this._QueryArchivedNum();
-
         this._QueryData(3);
       } else {
         this.$message.error(info);