-- 查看

src/views/projectcenter/TaskPage.vue

@@ -688,7 +688,7 @@
             <div style="display: flex; height: 20px"></div>
           </div>
         </a-tab-pane>
-    
+
         <a-tab-pane key="3" tab="学员">
           <div class="split"></div>
           <div class="content3">
@@ -700,7 +700,24 @@
                   :columns="stuColumns"
                   :stage="stage"
                   :visable ="tabFlag"
-                ></TableStudent>
+                >
+                  <template #extension="{data:{record}}">
+                    <div style="display:flex">
+                      <div
+                          @click="showStudent(record)"
+                          style="color: #4ea6ff; font-size: 14px; text-align: center;margin-left: 20px;cursor: pointer;"
+                      >
+                        查看
+                      </div>
+                      <div
+                          @click="settingTopFlag(record)"
+                          style="color: #4ea6ff; font-size: 14px; text-align: center;margin-left: 20px;cursor: pointer;"
+                      >
+                        {{record.topFlag?'取消优秀':'优秀学员'}}
+                      </div>
+                    </div>
+                  </template>
+                </TableStudent>
               </a-tab-pane>
             </a-tabs>
           </div>
@@ -1275,7 +1292,7 @@
         :closable="close"
         wrapClassName="canclestu"
         centered="true"
-        @cancel="closeModal1"
+        @cancel="cancelyou"
       >
         <div class="delete">
           <div class="del_header"></div>
@@ -1288,11 +1305,11 @@
               <span>您是否授予此学员优秀学员称号？</span>
             </div>
             <div class="del_btnbox">
-              <div class="del_btn btn1">
-                <div class="btnText" @click="cancelyou">取消</div>
+              <div class="del_btn btn1" @click="cancelyou">
+                <div class="btnText">取消</div>
               </div>
-              <div class="del_btn btn2">
-                <div class="btnText" @click="closeModal1">确定</div>
+              <div class="del_btn btn2"  @click="closeModal1">
+                <div class="btnText">确定</div>
               </div>
             </div>
           </div>
@@ -1320,11 +1337,11 @@
               <span>您是否取消此学员优学员称号？</span>
             </div>
             <div class="del_btnbox">
-              <div class="del_btn btn1">
-                <div class="btnText" @click="cancelcanyou">取消</div>
+              <div class="del_btn btn1" @click="cancelcanyou">
+                <div class="btnText">取消</div>
               </div>
-              <div class="del_btn btn2">
-                <div class="btnText" @click="closeModal3">确定</div>
+              <div class="del_btn btn2" @click="closeModal3">
+                <div class="btnText">确定</div>
               </div>
             </div>
           </div>
@@ -1678,7 +1695,7 @@ import {
   getGroupList,
   deleteGroup,
   editGroup,
-  topStudent,
+  topStudent, updateStudent,
 } from "../../api/indexProjStu";
 import { message, Modal } from "ant-design-vue";
 import * as apitl from "../../api/index";
@@ -1725,6 +1742,7 @@ export default {
     const store = useStore();
     const route = useRoute();
     const state = reactive({
+      editRecord:{},
       tabFlag:true,
       stage: [],
       stuColumns: [
@@ -2559,26 +2577,12 @@ export default {
     };
     //点击确定授予优秀学员后
     const closeModal1 = () => {
-      let obj = {
-        projectId: state.projectId,
-        studentIds: state.changeGoods,
-        topFlag: 1,
-      };
-      topStudent(obj)
-        .then((res) => {
-          console.log(`优秀学员授予成功${res.data}`);
-          message.success("优秀学员称号授予成功");
-
-          getStu();
-        })
-        .catch((err) => {
-          console.log(`优秀学员授予成功${err}`);
-          message.warning("优秀学员称号授予失败");
-        });
-      state.changeGoods = [];
+      state.editRecord.topFlag = 1
+      updateStudent(state.editRecord)
       state.canclestu = false;
+      message.success("优秀学员称号授予成功");
     };
-  
+
     //点击取消授予优秀学员后
     const cancelyou = () => {
       state.changeGoods = [];
@@ -2589,24 +2593,10 @@ export default {
     };
     //点击确定取消优秀学员称号
     const closeModal3 = () => {
-      let obj = {
-        projectId: state.projectId,
-        studentIds: state.changeGoods,
-        topFlag: 0,
-      };
-      topStudent(obj)
-        .then((res) => {
-          console.log(`取消优秀学员称号成功${res}`);
-          message.success("优秀学员称号取消成功");
-
-          getStu();
-        })
-        .catch((err) => {
-          console.log(`取消优秀学员称号失败${err}`);
-          message.warning("优秀学员称号取消失败");
-        });
-      state.changeGoods = [];
+      state.editRecord.topFlag = 0
+      updateStudent(state.editRecord)
       state.canclestu1 = false;
+      message.success("优秀学员称号取消成功");
     };
     //点击取消取消授予优秀学员后
     const cancelcanyou = () => {
@@ -3071,8 +3061,8 @@ export default {
 
     //tabs切换
     const tabsChange = (e) => {
-   
-     
+
+
       //排行榜
       if (e == 6) {
         //获取进度榜
@@ -4024,9 +4014,19 @@ export default {
       };
       state.codeInfo = obj;
     };
+    function settingTopFlag(record){
+      record.topFlag?(state.canclestu1 = true):(state.canclestu=true)
+      state.editRecord = record
+    }
+    function showStudent(record){
+      state.Seevisible = true
+      state.checkStuId = record.studentId
+    }
     return {
       ...toRefs(state),
       ...toRefs(levelList),
+      showStudent,
+      settingTopFlag,
       totask,
       tostudent,
       showModal,
@@ -4037,7 +4037,7 @@ export default {
       closeModal2,
       showModal3,
       closeModal3,
-     
+
       showDeleteOne,
       closeDeleteOne,
       showTime,