fix:关闭debugger

src/components/drawers/ExportScore.vue

@@ -1,20 +1,12 @@
 
 <template>
-  <a-drawer
+  <a-drawer :visible="eScorevisible" class="drawerStyle ExportScore" placement="right" width="700px"
-    :visible="eScorevisible"
+    @after-visible-change="afterVisibleChange">
-    class="drawerStyle ExportScore"
-    placement="right"
-    width="700px"
-    @after-visible-change="afterVisibleChange"
-  >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">导入成绩</div>
-        <img
+        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-          style="width: 29px; height: 29px; cursor: pointer"
+          @click="closeDrawer" />
-          src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer"
-        />
       </div>
       <div class="main">
         <div class="minatitl">
@@ -28,20 +20,13 @@
           <div class="text">上传：</div>
           <div class="right">
             <div style="height: 176px; margin-bottom: 20px">
-              <a-upload-dragger
+              <a-upload-dragger v-model:fileList="fileList" :action="importHomeWork" name="uploadFile" :multiple="true"
-                v-model:fileList="fileList"
+                @change="handleChange" :showUploadList="false" :data="{
-                :action="importHomeWork"
-                name="uploadFile"
-                :multiple="true"
-                @change="handleChange"
-                :showUploadList="false"
-                :data="{
                   type: type,
                   taskId: Number(id),
                   workId: datesource.info.id,
                   targetId: Number(id),
-                }"
+                }">
-              >
                 <p class="ant-upload-drag-icon">
                   <inbox-outlined></inbox-outlined>
                 </p>
@@ -55,10 +40,7 @@
               <div class="tipz">支持扩展名：.xls/.xlsx</div>
               </div> -->
             <div class="loadstate">
-              <div
+              <div class="loadborder" v-if="uploadpercent < 100 && uploadpercent !== -1">
-                class="loadborder"
-                v-if="uploadpercent < 100 && uploadpercent !== -1"
-              >
                 <div class="content">
                   <div class="img"></div>
                   <div class="timebox">
@@ -94,18 +76,13 @@
 
                   <div class="curloading">
                     <!-- <div class="cur">55%</div> -->
-                    <div
+                    <div style="color: #387df7; margin-left: 20px; cursor: pointer">
-                      style="color: #387df7; margin-left: 20px; cursor: pointer"
-                    >
                       下载失败数据
                     </div>
                   <!-- <div class="cancel" style="margin-left: 20px">暂停</div>
                       <div class="cancel" style="margin-left: 15px">取消</div> -->
                   </div>
-                  <div
+                  <div class="defeat" style="display: flex; align-items: center">
-                    class="defeat"
-                    style="display: flex; align-items: center"
-                  >
                     <div style="color: #ff7474">
                       {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
                     </div>
@@ -128,11 +105,7 @@
                   </div>
                   <div class="curloading">
                     <!-- <div class="cur">100%</div> -->
-                    <div
+                    <div class="cancel" style="margin-left: 20px; cursor: pointer" @click="removeUpload">
-                      class="cancel"
-                      style="margin-left: 20px; cursor: pointer"
-                      @click="removeUpload"
-                    >
                       删除
                     </div>
                   </div>
@@ -143,33 +116,22 @@
                   </div>
                 </div>
               </div>
-              <div
+              <div v-if="uploadpercent === 100" class="defeat" style="
-                v-if="uploadpercent === 100"
-                class="defeat"
-                style="
                     display: flex;
                     align-items: center;
                     width: 500px;
-                  height: 40px;"
+                    height: 40px;" :style="{
-                :style="{
                       background: errNum
                         ? 'rgba(255, 116, 116, 0.1)'
                         : 'rgba(53, 174, 105, 0.1)',
                       border: errNum ? '1px solid #ff7474' : '1px solid #35AE69',
-                }"
+                    }">
-              >
+                <img style="width: 14px; height: 14px; margin-left: 16px" :src="
-                <img
-                  style="width: 14px; height: 14px; margin-left: 16px"
-                  :src="
                   errNum
                     ? require('../../assets/images/err.png')
                     : require('../../assets/images/success.png')
-                  "
+                " />
-                />
+                <div style="margin-left: 8px" :style="{ color: errNum ? '#ff7474' : 'rgba(0,0,0,0.65)' }">
-                <div
-                  style="margin-left: 8px"
-                  :style="{ color: errNum ? '#ff7474' : 'rgba(0,0,0,0.65)' }"
-                >
                   {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
                 </div>
               </div>
@@ -225,7 +187,7 @@ export default {
     },
   },
   setup(props, ctx) {
-    debugger
+    // debugger
     const state = reactive({
       fileType: ["xls", "xlsx"],
       importHomeWork:
@@ -398,6 +360,7 @@ export default {
     overflow-x: auto;
     display: flex;
     flex-direction: column;
+
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
@@ -407,6 +370,7 @@ export default {
       // background-color: red;
       margin-bottom: 20px;
       flex-shrink: 0;
+
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
@@ -415,15 +379,19 @@ export default {
         // margin-left: 24px;
       }
     }
+
     .main {
       overflow-y: auto;
+
       .minatitl {
         display: flex;
+
         .up1 {
           font-size: 16px;
           font-weight: 400;
           color: #333333;
         }
+
         .up2 {
           font-size: 16px;
           font-weight: 400;
@@ -431,16 +399,20 @@ export default {
           margin-left: 4px;
         }
       }
+
       .upload {
         margin-top: 32px;
         display: flex;
+
         .text {
           font-size: 14px;
           font-weight: 400;
           color: #333333;
         }
+
         .right {
           margin-left: 6px;
+
           .load {
             width: 500px;
             height: 176px;
@@ -452,12 +424,14 @@ export default {
             flex-direction: column;
             align-items: center;
             margin-bottom: 20px;
+
             .cloud {
               margin-top: 52px;
               width: 28px;
               height: 28px;
               background-image: url(../../assets/images/basicinfo/cloud.png);
             }
+
             .tip {
               font-size: 14px;
               font-weight: 400;
@@ -465,6 +439,7 @@ export default {
               margin-top: 15px;
               cursor: pointer;
             }
+
             .tipz {
               font-size: 14px;
               font-weight: 400;
@@ -472,6 +447,7 @@ export default {
               margin-top: 10px;
             }
           }
+
           .loadstate {
             width: 500px;
             margin-bottom: 100px;
@@ -486,10 +462,12 @@ export default {
               flex-direction: column;
               justify-content: center;
               position: relative;
+
               .content {
                 display: flex;
                 margin-left: 20px;
                 position: relative;
+
                 .defeat {
                   width: 400px;
                   position: absolute;
@@ -499,45 +477,54 @@ export default {
                   font-weight: 500;
                   justify-content: space-between;
                 }
+
                 .img {
                   width: 30px;
                   height: 34px;
                   background-image: url(../../assets/images/basicinfo/exl.png);
                 }
+
                 .timebox {
                   margin-left: 15px;
                   margin-top: -5px;
+
                   .timetop {
                     display: flex;
                     width: 262px;
                     justify-content: space-between;
+
                     // margin-bottom: 8px;
                     .tit {
                       font-size: 14px;
                       font-weight: 400;
                       color: #333333;
                     }
+
                     .stateloading {
                       font-size: 14px;
                       font-weight: 400;
                       color: #4ea6ff;
                     }
+
                     .statedefeat {
                       font-size: 14px;
                       font-weight: 400;
                       color: #ff7474;
                     }
+
                     .statesucce {
                       font-size: 14px;
                       font-weight: 400;
                       color: #35ae69;
                     }
                   }
+
                   .prog {
                     width: 262px;
                     height: 5px;
                     background: #eaf1fe;
                     border-radius: 4px;
+
                     .inprogloading {
                       width: 55%;
                       height: 5px;
@@ -545,6 +532,7 @@ export default {
 
                       background: #4ea6ff;
                     }
+
                     //下载失败条
                     .inprogdefeat {
                       width: 55%;
@@ -553,6 +541,7 @@ export default {
 
                       background: #ff7474;
                     }
+
                     //下载成功条
                     .inprogsucce {
                       width: 100%;
@@ -563,15 +552,18 @@ export default {
                     }
                   }
                 }
+
                 .curloading {
                   margin-left: 15px;
                   margin-top: 15px;
                   display: flex;
+
                   .cur {
                     font-size: 14px;
                     font-weight: 400;
                     color: #333333;
                   }
+
                   .cancel {
                     font-size: 14px;
                     font-weight: 400;
@@ -579,6 +571,7 @@ export default {
                   }
                 }
               }
+
               .downloadErr {
                 width: 120px;
                 height: 32px;
@@ -602,6 +595,7 @@ export default {
         }
       }
     }
+
     .btnn {
       height: 72px;
       width: 100%;
@@ -613,6 +607,7 @@ export default {
       align-items: center;
       justify-content: center;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
       .btn1 {
         width: 100px;
         height: 40px;
@@ -622,6 +617,7 @@ export default {
         background-color: #fff;
         cursor: pointer;
       }
+
       .btn2 {
         cursor: pointer;
         width: 100px;

src/components/drawers/router/RouterExaminationManage.vue

@@ -1,51 +1,28 @@
 <template>
-  <a-drawer
+  <a-drawer v-if="ExaminationModelVisible" :visible="ExaminationModelVisible" class="drawerStyle ProjectExamManage"
-    v-if="ExaminationModelVisible"
+    placement="right" width="80%" @after-visible-change="afterVisibleChange">
-    :visible="ExaminationModelVisible"
-    class="drawerStyle ProjectExamManage"
-    placement="right"
-    width="80%"
-    @after-visible-change="afterVisibleChange"
-  >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">【考试】{{ title }}</div>
-        <img
+        <img style="width: 29px; height: 29px; cursor: pointer" src="../../../assets/images/basicinfo/close.png"
-          style="width: 29px; height: 29px; cursor: pointer"
+          @click="closeDrawer" />
-          src="../../../assets/images/basicinfo/close.png"
-          @click="closeDrawer"
-        />
       </div>
       <div class="main">
         <div class="endtime">起止时间：{{ datasource.startTime }} ～ {{ datasource.endTime }}</div>
         <div class="search">
           <div class="namecon" style="margin-right: 30px">
             <div class="name">姓名：</div>
-            <a-input
+            <a-input v-model:value="name" style="width: 200px; height: 40px; border-radius: 8px" placeholder="请输入姓名" />
-              v-model:value="name"
-              style="width: 200px; height: 40px; border-radius: 8px"
-              placeholder="请输入姓名"
-            />
           </div>
           <div v-if="datasource.type !== 5" class="namecon" style="margin-right: 50px">
             <div class="name">任务状态：</div>
             <div class="select">
-              <a-select
+              <a-select v-model:value="projectName" style="width: 200px" placeholder="请选择" :options="projectNameList"
-                v-model:value="projectName"
+                @change="selectProjectName" allowClear></a-select>
-                style="width: 200px"
-                placeholder="请选择"
-                :options="projectNameList"
-                @change="selectProjectName"
-                allowClear
-              ></a-select>
             </div>
           </div>
           <div class="btns">
-            <div
+            <div class="btn btn1" style="margin-right: 20px" @click="searchTableData">
-              class="btn btn1"
-              style="margin-right: 20px"
-              @click="searchTableData"
-            >
               <div class="img1"></div>
               <div class="wz">搜索</div>
             </div>
@@ -82,27 +59,13 @@
           </div>
         </div> -->
         <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
-          <a-table
+          <a-table style="border: 1px solid #f2f6fe" :columns="tablecolumns" :data-source="tabledata"
-            style="border: 1px solid #f2f6fe"
+            :loading="loadingData" :scroll="{ x: 900 }" :pagination="false" />
-            :columns="tablecolumns"
-            :data-source="tabledata"
-            :loading="loadingData"
-            :scroll="{ x: 900 }"
-            :pagination="false"
-          />
 
           <div class="pa">
-            <a-pagination
+            <a-pagination :showSizeChanger="false" showQuickJumper="true" hideOnSinglePage="true" :pageSize="pageSize"
-              :showSizeChanger="false"
+              :current="currentPage" :total="tableDataTotal" class="pagination" v-if="tableDataTotal > 10"
-              showQuickJumper="true"
+              @change="changePaginationStu" />
-              hideOnSinglePage="true"
-              :pageSize="pageSize"
-              :current="currentPage"
-              :total="tableDataTotal"
-              class="pagination"
-              v-if="tableDataTotal > 10"
-              @change="changePaginationStu"
-            />
           </div>
         </div>
       </div>
@@ -333,7 +296,7 @@ export default {
           ellipsis: true,
           className: "h",
           customRender: (text) => {
-            debugger
+            {/* debugger */ }
             console.log("text" + text.record)
             if (text.record.finishStatus === 1 || text.record.finishStatus === 2) {
               return (
@@ -517,6 +480,7 @@ export default {
       height: 100%;
       overflow: auto;
       padding-right: 10px;
+
       .endtime {
         font-size: 16px;
         font-weight: 500;
@@ -688,15 +652,18 @@ export default {
         .ant-table-selection-column {
           padding: 0px !important;
         }
+
         .ant-pagination-item,
         .ant-pagination-prev,
         .ant-pagination-next,
         .ant-pagination-options {
           margin-bottom: 10px;
         }
+
         .ant-table-thead>tr>th {
           background-color: rgba(239, 244, 252, 1) !important;
         }
+
         .ant-table-selection-column {
           padding: 0 !important;
         }
@@ -709,9 +676,7 @@ export default {
           padding-left: 0px !important;
         }
 
-        .ant-table-tbody
+        .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
-          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-          > td {
           background: #f6f9fd;
         }
 
@@ -724,6 +689,7 @@ export default {
           border-right: 1px solid #e9e9e9;
           cursor: pointer;
         }
+
         .studentopea2 {
           font-size: 14px;
           font-weight: 400;

src/components/drawers/router/RouterHomeworkManage.vue

@@ -1,21 +1,11 @@
 <template>
-  <a-drawer
+  <a-drawer v-if="HomeworkModelVisible" :visible="HomeworkModelVisible" class="drawerStyle ProjectHomeWorkManage"
-    v-if="HomeworkModelVisible"
+    placement="right" width="80%" @after-visible-change="afterVisibleChange" :zIndex="100">
-    :visible="HomeworkModelVisible"
-    class="drawerStyle ProjectHomeWorkManage"
-    placement="right"
-    width="80%"
-    @after-visible-change="afterVisibleChange"
-    :zIndex="100"
-  >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">【作业】{{ title }}</div>
-        <img
+        <img style="width: 29px; height: 29px; cursor: pointer" src="../../../assets/images/basicinfo/close.png"
-          style="width: 29px; height: 29px; cursor: pointer"
+          @click="closeDrawer" />
-          src="../../../assets/images/basicinfo/close.png"
-          @click="closeDrawer"
-        />
       </div>
       <div class="main">
         <div class="endtime">
@@ -28,31 +18,17 @@
         <div class="search">
           <div class="namecon" style="margin-right: 30px">
             <div class="name">姓名：</div>
-            <a-input
+            <a-input v-model:value="name" style="width: 200px; height: 40px; border-radius: 8px" placeholder="请输入姓名" />
-              v-model:value="name"
-              style="width: 200px; height: 40px; border-radius: 8px"
-              placeholder="请输入姓名"
-            />
           </div>
           <div class="namecon" style="margin-right: 50px">
             <div class="name">任务状态：</div>
             <div class="select">
-              <a-select
+              <a-select v-model:value="projectName" style="width: 200px" placeholder="请选择" :options="projectNameList"
-                v-model:value="projectName"
+                @change="selectProjectName" allowClear></a-select>
-                style="width: 200px"
-                placeholder="请选择"
-                :options="projectNameList"
-                @change="selectProjectName"
-                allowClear
-              ></a-select>
             </div>
           </div>
           <div class="btns">
-            <div
+            <div class="btn btn1" style="margin-right: 20px" @click="searchTaskList">
-              class="btn btn1"
-              style="margin-right: 20px"
-              @click="searchTaskList"
-            >
               <div class="img1"></div>
               <div class="wz">搜索</div>
             </div>
@@ -88,31 +64,16 @@
             </div>
           </div> -->
         <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
-          <a-table
+          <a-table style="border: 1px solid #f2f6fe" :columns="tablecolumns" :data-source="tabledata"
-            style="border: 1px solid #f2f6fe"
+            :loading="tableDataTotal === -1 ? true : false" :scroll="{ x: 1300 }" :pagination="false" :row-selection="{
-            :columns="tablecolumns"
-            :data-source="tabledata"
-            :loading="tableDataTotal === -1 ? true : false"
-            :scroll="{ x: 1300 }"
-            :pagination="false"
-            :row-selection="{
               selectedRowKeys: selectedRowKeys,
               onChange: onSelectChange,
-            }"
+            }" />
-          />
 
           <div class="pa">
-            <a-pagination
+            <a-pagination :showSizeChanger="false" showQuickJumper="true" hideOnSinglePage="true" :pageSize="pageSize"
-              :showSizeChanger="false"
+              :current="currentPage" :total="tableDataTotal" class="pagination" v-if="tableDataTotal > 10"
-              showQuickJumper="true"
+              @change="changePaginationStu" />
-              hideOnSinglePage="true"
-              :pageSize="pageSize"
-              :current="currentPage"
-              :total="tableDataTotal"
-              class="pagination"
-              v-if="tableDataTotal > 10"
-              @change="changePaginationStu"
-            />
           </div>
         </div>
       </div>
@@ -125,27 +86,15 @@
   </a-drawer>
 
   <!-- 录入成绩抽屉 -->
-  <EScore
+  <EScore v-model:eScorevisible="Evisible" :type="2" :id="datasource?.id" :pid="datasource?.routerId"
-    v-model:eScorevisible="Evisible"
+    v-model:searchTaskList="searchTaskList" />
-    :type="2"
-    :id="datasource?.id"
-    :pid="datasource?.routerId"
-    v-model:searchTaskList="searchTaskList"
-  />
   <!-- 查看作业抽屉 -->
-  <CKWork
+  <CKWork v-model:CWvisible="CWvisible" :workId="datasource?.courseId" v-model:stuId="stuId" />
-    v-model:CWvisible="CWvisible"
-    :workId="datasource?.courseId"
-    v-model:stuId="stuId"
-  />
   <!-- 查看答卷抽屉 -->
   <CQue v-model:CQvisible="CQvisible" />
 
   <!-- 导出作业提示框 -->
-  <ExportHomeWork
+  <ExportHomeWork v-model:exportHomeWorkV="exportHomeWorkV" :downloadUrl="downloadUrl" />
-    v-model:exportHomeWorkV="exportHomeWorkV"
-    :downloadUrl="downloadUrl"
-  />
 </template>
 
 <script>
@@ -522,7 +471,7 @@ export default {
           studentName: state.name,
         })
         .then((res) => {
-          debugger
+          {/* debugger */ }
           console.log("获取作业管理学员", res);
           if (res.data.code == 200) {
             let newData = [];
@@ -565,12 +514,9 @@ export default {
     function exportTaskStu() {
       console.log("props.datasource", props.datasource);
       window.open(
-        `${
+        `${process.env.VUE_APP_BASE_API
-          process.env.VUE_APP_BASE_API
+        }/admin/student/exportTaskStudent?currentStageId=${props.datasource.chapterId
-        }/admin/student/exportTaskStudent?currentStageId=${
+        }&type=${2}&pid=${props.datasource.routerId}&taskType=${4}&taskId=${props.datasource.id
-          props.datasource.chapterId
-        }&type=${2}&pid=${props.datasource.routerId}&taskType=${4}&taskId=${
-          props.datasource.id
         }`
       );
       // api
@@ -605,7 +551,7 @@ export default {
         .then((res) => {
           console.log("导出作业", res.data.data);
           if (res.data.code === 200) {
-            debugger
+            // debugger
             // message.destroy();
             // message.success("导出作业成功");
             state.exportHomeWorkV = true;
@@ -623,12 +569,9 @@ export default {
     function exportHomeWork() {
       console.log("props.datasource", props.datasource);
       window.open(
-        `${
+        `${process.env.VUE_APP_BASE_API
-          process.env.VUE_APP_BASE_API
+        }/admin/student/exportHomeWork?currentStageId=${props.datasource.chapterId
-        }/admin/student/exportHomeWork?currentStageId=${
+        }&type=${2}&pid=${props.datasource.routerId}&taskId=${props.datasource.routerTaskId
-          props.datasource.chapterId
-        }&type=${2}&pid=${props.datasource.routerId}&taskId=${
-          props.datasource.routerTaskId
         }&taskType=${props.datasource.type}`
       );
     }
@@ -685,6 +628,7 @@ export default {
       height: 100%;
       overflow: auto;
       padding-right: 10px;
+
       .endtime {
         font-size: 16px;
         font-weight: 500;
@@ -856,15 +800,18 @@ export default {
         .ant-table-selection-column {
           padding: 0px !important;
         }
+
         .ant-pagination-item,
         .ant-pagination-prev,
         .ant-pagination-next,
         .ant-pagination-options {
           margin-bottom: 10px;
         }
+
         .ant-table-thead>tr>th {
           background-color: rgba(239, 244, 252, 1) !important;
         }
+
         .ant-table-selection-column {
           padding: 0 !important;
         }
@@ -877,9 +824,7 @@ export default {
           padding-left: 0px !important;
         }
 
-        .ant-table-tbody
+        .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
-          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-          > td {
           background: #f6f9fd;
         }
 
@@ -892,6 +837,7 @@ export default {
           border-right: 1px solid #e9e9e9;
           cursor: pointer;
         }
+
         .studentopea2 {
           font-size: 14px;
           font-weight: 400;

src/components/student/ChangeGroupModal.vue

@@ -7,14 +7,8 @@
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
-  <a-modal
+  <a-modal style="padding: 0" :closable="true" :visible="changegroupV" :footer="null" centered="true"
-    style="padding: 0"
+    wrapClassName="changeModal">
-    :closable="true"
-    :visible="changegroupV"
-    :footer="null"
-    centered="true"
-    wrapClassName="changeModal"
-  >
     <div class="con">
       <div class="header">
         <div class="inhe">
@@ -27,28 +21,14 @@
         <div class="inher">
           <!-- <div class="cur">当前关卡：关卡2</div> -->
           <div class="select">
-            <a-select
+            <a-select v-model:value="selectGroupId" style="width: 100%" placeholder="请选择小组" :options="option" allowClear
-              v-model:value="selectGroupId"
+              @change="selectGroup"></a-select>
-              style="width: 100%"
-              placeholder="请选择小组"
-              :options="option"
-              allowClear
-              @change="selectGroup"
-            ></a-select>
           </div>
           <div class="btn">
-            <button
+            <button class="sameb btn1" @click="closeChangeModal" style="cursor: pointer">
-              class="sameb btn1"
-              @click="closeChangeModal"
-              style="cursor: pointer"
-            >
               取消
             </button>
-            <button
+            <button class="sameb btn2" @click="changeGroup" style="cursor: pointer">
-              class="sameb btn2"
-              @click="changeGroup"
-              style="cursor: pointer"
-            >
               确定
             </button>
           </div>
@@ -100,7 +80,7 @@ const selectGroup = (e, v) => {
 };
 //确认换组
 const changeGroup = (item) => {
-  debugger
+  // debugger
   console.log("换组", selectGroupId.value, item);
   props.checkgroupStuId.forEach(stu => {
     let obj = {
@@ -131,9 +111,11 @@ const changeGroup = (item) => {
   .ant-modal {
     width: 549px !important;
     height: 245px !important;
+
     .ant-modal-close-x {
       display: none;
     }
+
     .ant-modal-content {
       width: 549px !important;
       height: 245px !important;
@@ -155,10 +137,8 @@ const changeGroup = (item) => {
             position: relative;
             justify-content: center;
 
-            background: linear-gradient(
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
-              rgba(78, 166, 255, 0) 100%
-            );
 
             .inhe {
               width: 80%;