学员查看

src/components/drawers/SeeStu.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-use-v-if-with-v-for -->
 <template>
   <a-drawer
     :visible="Seevisible"
@@ -47,6 +48,7 @@
               <span class="total">/{{ totalReqCnt }}</span>
             </div>
           </div>
+          <!--
           <a-divider
             type="vertical"
             style="
@@ -61,13 +63,11 @@
               <span class="nub1">{{ certCnt }}</span>
             </div>
           </div>
+       -->
         </div>
         <div class="secondrow">
           <div class="rowleft">{{ name }}</div>
-          <div class="rowbox" @click="showProMess">
+       
-            <div class="shuom">说明</div>
-            <div><img src="../../assets/images/studentimg/chak.png" /></div>
-          </div>
         </div>
         <div class="mainbox">
           <a-collapse v-model:activeKey="stageListActive">
@@ -83,15 +83,32 @@
               <div></div>
             </template>
             <a-collapse-panel
-              v-for="value in stageList"
+              v-for="value in stageList.filter((e)=>e.stageId > 0)"
               :key="value.stageId"
               :header="value.stageName"
-            >
+             
-              <div
+            > 
+          
+            <template #extra >
+            <div @click.stop="">
+              <div class="rowbox">
+                <a-popover title="阶段说明">
+                <template #content>
+                  <p>这里是阶段说明</p>
+                </template>
+              <div class="shuom">说明</div>
+              </a-popover>
+              <div><img src="../../assets/images/studentimg/chak.png" /></div>
+            </div>
+           </div> 
+            </template>
+         
+              <div 
                 class="rowclass"
                 v-for="(item, key) in value.taskProcessList"
                 :key="key"
               >
+            
                 <div class="leftclass">
                   <div>
                     <img
@@ -141,6 +158,7 @@
                   </div>
                   <div class="altext">{{ item.complete }}</div>
                 </div>
+               
               </div>
             </a-collapse-panel>
           </a-collapse>
@@ -433,6 +451,14 @@ export default {
           color: rgba(51, 51, 51, 1);
           font-size: 16px;
         }
+        
+      }
+      .mainbox {
+        // height: 463px;
+        margin-right: 37px;
+        margin-top: 32px;
+        //border: 1px solid rgba(221, 238, 255, 1);
+        //border-radius: 6px;
         .rowbox {
           width: 64px;
           height: 24px;
@@ -442,6 +468,7 @@ export default {
           margin-left: 24px;
           border: 1px solid rgba(64, 158, 255, 1);
           background: rgba(64, 158, 255, 0.1);
+          margin-right: 700px;
           cursor: pointer;
           .shuom {
             color: rgba(64, 158, 255, 1);
@@ -450,13 +477,6 @@ export default {
             margin-right: 5px;
           }
         }
-      }
-      .mainbox {
-        // height: 463px;
-        margin-right: 37px;
-        margin-top: 32px;
-        //border: 1px solid rgba(221, 238, 255, 1);
-        //border-radius: 6px;
         .ant-collapse {
           background-color: #ffffff;
           border: 0;

src/components/student/TableStudent.vue

@@ -165,9 +165,10 @@ const tablecolumns = ref([
     title: "姓名",
     dataIndex: "studentName",
     key: "studentName",
-    width: "8%",
+    width: "12%",
     align: "left",
     className: "h",
+    ellipsis: true,
     customRender: ({record: {studentName, topFlag}}) => (topFlag ? <div
         style={{
           display: "flex",
@@ -188,7 +189,7 @@ const tablecolumns = ref([
     title: "工号",
     dataIndex: "studentUserNo",
     key: "studentUserNo",
-    width: "20%",
+    width: "15%",
     align: "center",
     className: "h",
     ellipsis: true,

src/views/courselibrary/components/seeModal.vue

@@ -111,6 +111,9 @@
 							</div>
 							<div class="mbl_items2" v-if="detail.intro">
 								<div class="item_nam">
+									<div class="asterisk_icon">
+										<img src="@/assets/images/coursewareManage/asterisk.png" alt="asterisk" />
+									</div>
 									<span style="margin-right: 14px">课程简介：</span>
 								</div>
 								<div class="item_inp">