From 91aa3ac6141263550b176eb0338629d1cd4f32ec Mon Sep 17 00:00:00 2001
From: "1378012178@qq.com" <1378012178@qq.com>
Date: Thu, 19 Dec 2024 16:56:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E7=94=9F=E7=AB=AF-=E9=A6=96=E9=A1=B5-?=
 =?UTF-8?q?=E6=97=A5=E5=8E=86-=E5=AE=8C=E5=96=84=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E4=B8=8E=E7=82=B9=E5=87=BB=E5=8A=9F=E8=83=BD=EF=BC=9A=E5=8F=AA?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=9C=AC=E6=9C=88=E8=AF=BE=E7=A8=8B=EF=BC=8C?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E6=9F=90=E4=B8=80=E8=AF=BE=E7=A8=8B=E6=97=B6?=
 =?UTF-8?q?=E8=B7=9F=E4=B8=8B=E6=96=B9=E7=9A=84=E8=BF=9B=E5=85=A5=E8=AF=BE?=
 =?UTF-8?q?=E7=A8=8B=E6=98=AF=E5=90=8C=E4=B8=80=E4=B8=AA=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/site/studentWdkc/studentRili.vue | 87 ++++++++++++----------
 src/views/site/studentWdkc/studentWdkc.vue |  6 +-
 2 files changed, 52 insertions(+), 41 deletions(-)

diff --git a/src/views/site/studentWdkc/studentRili.vue b/src/views/site/studentWdkc/studentRili.vue
index 0b1536d..312ffe5 100644
--- a/src/views/site/studentWdkc/studentRili.vue
+++ b/src/views/site/studentWdkc/studentRili.vue
@@ -1,15 +1,15 @@
 <template>
   <a-alert :message="`当前时间: ${tday}`" />
-  <a-calendar v-model:value="value"  @panelChange="onPanelChange">
-    <template #dateCellRender="{ current }" >
+  <a-calendar v-model:value="value" @panelChange="onPanelChange">
+    <template #dateCellRender="{ current }">
       <ul class="events">
         <li v-for="item in getListData(current)" :key="item.content" @click="handleKecheng(item)">
-          <a-badge :status="item.type" :text="item.content"  />
+          <a-badge status="success" :text="item.kcmc" />
         </li>
       </ul>
     </template>
     <!-- 去掉头部年月切换 -->
-    <template #headerRender="{current}">
+    <template #headerRender="{ current }">
     </template>
   </a-calendar>
 </template>
@@ -24,44 +24,39 @@ const value = ref<Dayjs>();
 const tday = ref<string>('');
 const studentKclist = ref<any>([]);
 const getListData = (value: Dayjs) => {
-      let listData;
-      var vdays = value.date()
-      for(var i=0;i<studentKclist.value.length;i++){
-        var item = studentKclist.value[i]
-        if(item.days == vdays){
-          listData = item.list;
-        }
-      }
-      return listData || [];
-    };
+  //将当前日历循环到的日子格式化为yyyy-MM-dd
+  const formattedDate = value.format('YYYY-MM-DD');
+  if (formattedDate.substring(0, 7) == tday.value) {
+    return studentKclist.value.filter(item => item.skrq === formattedDate);
+  } else {
+    return [];
+  }
+};
 
-    const onPanelChange = (value: Dayjs) => {
-      tday.value = dateFormat(value,"yyyy-MM");
-    };
-    //点击课程信息
-    function handleKecheng(record){
-    console.log("🚀 ~ handleKecheng ~ record:", record)
+const onPanelChange = (value: Dayjs) => {
+  tday.value = dateFormat(value, "yyyy-MM");
+};
+//点击课程信息
+function handleKecheng(record) {
+  console.log(`🚀 ~ openKecheng ~ record:`, record);
+  var jgh = record.jgh.split(",")[0];
+  // defHttp.post({ url: '/zyDbtx/zyDbtx/deleteByRwbhCreate', params: { rwbh: record.rwbh, fbr: jgh } }).then((res) => {
+  //   loaddata();
+  // });
+  var url = '/stuzy/StudentGonggaoList?rwbh=' + record.rwbh + '&xqxn=' + record.xnxq + "&teano=" + record.jgh;
+  window.open(url, '_blank');
+}
 
-    }
-    
 //进入就加载
 onMounted(() => {
-  tday.value = dateFormat(new Date(),"yyyy-MM");
-  studentKclist.value = [{'days':'3','list':[
-            { type: 'warning', content: '课程名称1' },
-            { type: 'success', content: '课程名称2' },
-          ]}]
-
+  tday.value = dateFormat(new Date(), "yyyy-MM");
   defHttp.get({ url: '/ktgl/kcKetangbiao/getStudentRiliKclist' }).then((res) => {
-    // dataSource.value = res.records;
-    console.log("🚀 ~ defHttp.get ~ res.records:", res)
-    studentKclist.value = [{'days':'3','list':[
-            { type: 'warning', content: '课程名称1' },
-            { type: 'success', content: '课程名称2' },
-          ]}]
+    res.forEach(element => {
+      studentKclist.value.push(element)
+    });
   });
 });
- 
+
 </script>
 <style scoped>
 .events {
@@ -69,6 +64,22 @@ onMounted(() => {
   margin: 0;
   padding: 0;
 }
+
+.events li {
+  border-radius: 2px;
+  cursor: pointer;
+  /* 鼠标指针变为小手 */
+  transition: background-color 0.3s;
+  /* 平滑的背景颜色变化 */
+}
+
+.events li:hover {
+  background-color: #a3a3a3;
+  /* 深灰色背景 */
+  color: white;
+  /* 如果需要的话，可以改变文字颜色以保证可读性 */
+}
+
 .events .ant-badge-status {
   overflow: hidden;
   white-space: nowrap;
@@ -76,13 +87,13 @@ onMounted(() => {
   text-overflow: ellipsis;
   font-size: 12px;
 }
+
 .notes-month {
   text-align: center;
   font-size: 28px;
 }
+
 .notes-month section {
   font-size: 28px;
 }
-</style>
-
-
+</style>
\ No newline at end of file
diff --git a/src/views/site/studentWdkc/studentWdkc.vue b/src/views/site/studentWdkc/studentWdkc.vue
index 7ddd13b..2dd37ae 100644
--- a/src/views/site/studentWdkc/studentWdkc.vue
+++ b/src/views/site/studentWdkc/studentWdkc.vue
@@ -3,12 +3,12 @@
     <div style="margin-top: 20px">
       <span style="margin-left: 30px; font-size: 24px; font-weight: 600">我的课程</span>
     </div>
-    <!-- <div>
+    <div>
       <studentRili></studentRili>
-    </div> -->
+    </div>
 
 
-    <div style="text-align: right; width: 100%; padding-right:20px">
+    <div style="text-align: right; width: 100%; padding-right:20px;margin-top:30px">
       <a-switch style="margin-top:-60px" v-model:checked="checked1" checkedChildren="卡片" unCheckedChildren="列表" />
     </div>
     <div v-if="checked1">