From 5f3724011aa0598fe8df9cf1822bfc8bda3d1a8a Mon Sep 17 00:00:00 2001
From: bai <1643359946@qq.com>
Date: Sun, 2 Apr 2023 19:32:39 +0800
Subject: [PATCH] =?UTF-8?q?2023=E5=B9=B44=E6=9C=882=E6=97=A5=20=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/site/index.vue | 111 ++++++++++++++++++++++++++++++++-------
 1 file changed, 93 insertions(+), 18 deletions(-)

diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index fb3d147..fe968e9 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -25,13 +25,21 @@
     ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
     <a-layout>
       <a-layout-header>
-        <BackTop/>
+        <!-- <BackTop/> -->
+        <div style="position: absolute;right: 1rem;top: 5rem;">
+          <div style="background: #c2c2c2;margin-bottom: 2rem;padding: 0.5rem;width: 4rem;font-size:3rem;">
+            <ArrowUpOutlined/>
+          </div>
+          <div style="background: #1c84c6;color:#FFF;font-size:1.5rem;padding: 0.5rem;width: 4rem;line-height: 2.1rem;">
+            意见反馈
+          </div>
+        </div>
         <span class="topTitle">管理系统</span>
         <span class="topRight">
           <a-dropdown>
             <span class="ant-dropdown-link topRightMenu" @click.prevent>
               {{ userStore?.getUserInfo?.realname }}
-              <DownOutlined/>s
+              <DownOutlined/>
             </span>
             <template #overlay>
               <a-menu>
@@ -51,23 +59,50 @@
         <a-row class="rowGutter" :gutter="[16,16]">
           <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
             <a-card title="今日课堂数">
-              <Statistic title="总数" :value="112893"/>
-              <Statistic title="已下课" :value="112893"/>
+              <a-row class="" :gutter="[16,16]">
+                <a-col :xs="{ span: 24 }" :sm="{ span: 12 }" :lg="{ span: 12 }">
+                  <Statistic title="总数" :value="1128"/>
+                </a-col>
+                <a-col :xs="{ span: 24 }" :sm="{ span: 12 }" :lg="{ span: 12 }">
+                  <Statistic title="已下课" :value="1124"/>
+                </a-col>
+              </a-row>
             </a-card>
           </a-col>
           <a-col :xs="{ span: 24 }" :sm="{ span: 5 }" :lg="{ span: 3 }">
             <a-card title="上课中">
-              ..............
+              <a-row class="" :gutter="[16,16]">
+                <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
+                  <Statistic title="&nbsp;" :value="6"/>
+                </a-col>
+              </a-row>
             </a-card>
           </a-col>
           <a-col :xs="{ span: 24 }" :sm="{ span: 11 }" :lg="{ span: 10 }">
             <a-card title="已开课堂数">
-              ..............
+              <a-row class="" :gutter="[16,16]">
+                <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
+                  <Statistic title="总数" :value="1128"/>
+                </a-col>
+                <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
+                  <Statistic title="听课课堂" :value="1893"/>
+                </a-col>
+                <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 8 }">
+                  <Statistic title="听课人次" :value="1193"/>
+                </a-col>
+              </a-row>
             </a-card>
           </a-col>
           <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 4 }">
             <a-card title="今日听课">
-              ..............
+              <a-row class="" :gutter="[16,16]">
+                <a-col :xs="{ span: 24 }" :sm="{ span: 12 }" :lg="{ span: 12 }">
+                  <Statistic title="课堂数" :value="1123"/>
+                </a-col>
+                <a-col :xs="{ span: 24 }" :sm="{ span: 12 }" :lg="{ span: 12 }">
+                  <Statistic title="听课人次" :value="1893"/>
+                </a-col>
+              </a-row>
             </a-card>
           </a-col>
           <a-col :xs="{ span: 24 }" :sm="{ span: 2 }" :lg="{ span: 3 }">
@@ -87,21 +122,21 @@
         <a-card class="rowGutter">
           <a-row>
             <a-col :span="12">
-              [图标][名称][日期]
+              [图标][名称]<span style="color:#1ab394">[日期]</span>
             </a-col>
             <a-col :span="12">
-              [图标][名称][日期]
+              [图标][名称]<span style="color:#1ab394">[日期]</span>
             </a-col>
           </a-row>
           <span style="color:red">[今日调课]</span>
         </a-card>
         <a-card class="rowGutter">
-          <template #title>任课教程 <a href="javascript:void(0);">修改课程提醒</a></template>
+          <template #title><span style="font-size: 24px;font-weight: bold;">任课教程</span><span style="margin-left: 10px;"><a href="javascript:void(0);">修改课程提醒</a></span></template>
           <!-- <template #extra></template> -->
           xxxx
         </a-card>
         <a-card class="rowGutter">
-          <template #title>听课足迹 <a href="javascript:void(0);">修改课程提醒</a></template>
+          <template #title> <span style="font-size: 24px;font-weight: bold;">听课足迹</span><span style="margin-left: 10px;"><a href="javascript:void(0);">修改课程提醒</a></span></template>
           <template #extra><a href="javascript:void(0);">查看更多</a></template>
           <a-list item-layout="horizontal" :data-source="[{ title: '听了 计算机公共教研室 曹毅 主讲的《信息技术2（数据管理与分析）》', },{ title: 'Ant Design Title 2', }]">
             <template #renderItem="{ item }">
@@ -126,16 +161,56 @@
         </a-card>
         <a-card class="rowGutter" title="预约课程">
           <template #title>
-            预约课程
+            <span style="font-size: 24px;font-weight: bold;">预约课程</span>
             <a href="javascript:void(0);">线上课堂评价表</a>
             <a href="javascript:void(0);">听课记录</a>
             <a href="javascript:void(0);">同行评价表</a>
           </template>
           <template #extra><a href="javascript:void(0);">查看更多</a></template>
+          <a-row class="rowGutter" :gutter="[16,16]">
+            <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item,index) in 4" :key="index" style="margin-bottom: 40px;">
+              <div style="border-radius: 25px;background: #cccccc8c;width: 70%;margin-bottom: 0.5rem;text-align: center;margin: 0 auto .5rem;padding: 0.5rem;">
+                时间{{ item }}
+              </div>
+              <div style="border: 2px #eef1f2 solid;">
+                <div>
+                  <div style="width: 100%;height: 20px;background-color: #1c84c6;"></div>
+                  <div style="width:100%;white-space:normal; word-break:break-all;overflow:hidden;padding: 10px;height: 70px;font-weight: 600;font-size: 16px;">
+                    地理教育专业文献阅读与指导{{index}}
+                  </div>
+                </div>
+                <a-divider style="margin: 0px;color: #eef1f2;"/>
+                <div style="padding: 20px;font-weight: 600;">
+                  <a-row>
+                    <a-col :span="16">
+                      <div style="height: 30px;font-size: 16px;">张继权</div>
+                      <div style="height: 30px;font-size: 14px;">环境学院环境</div>
+                    </a-col>
+                    <a-col :span="8" style="text-align: center;height: 70px;">
+                      <div style="color: #1c84c6;font-size: 24px;font-weight: 600;">30</div>
+                      <div style="font-size: 14px;">选课人数</div>
+                    </a-col>
+                    <a-col :span="24">
+                      <div style="height: 60px;">
+                        环境学院107室
+                      </div>
+                    </a-col>
+                    <a-col :span="24">
+                      <a-button type="primary" style="background-color: #1c84c6;float: left;font-weight: 600;">预约</a-button>
+                      <a-button type="primary" style="background-color: #1c84c6;float: right;font-weight: 600;">报错</a-button>
+                    </a-col>
+                  </a-row>
+                </div>
+              </div>
+            </a-col>
+          </a-row>
         </a-card>
-        <a-card class="rowGutter" title="精彩公开课">
+        <a-card class="rowGutter">
+          <template #title>
+            <span style="font-size: 24px;font-weight: bold;">精彩公开课</span>
+          </template>
           <a-row :gutter="[16,16]">
-            <a-col v-for="(item,index) in 10" :key="index" :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }">
+            <a-col v-for="(item,index) in 4" :key="index" :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }">
               <div style="border-radius: 25px;background: #cccccc8c;width: 70%;margin-bottom: 0.5rem;text-align: center;margin: 0 auto .5rem;padding: 0.5rem;">
                 时间{{ item }}
               </div>
@@ -149,7 +224,7 @@
                   <div>名称2</div>
                   <div>课的名称</div>
                   <div>N人听课</div>
-                  <div><a-button type="primary" style="width: 100%;">进入课堂</a-button></div>
+                  <div><a-button type="primary" style="width: 100%;" :disabled="index%2==0">进入课堂</a-button></div>
                 </div>
               </div>
             </a-col>
@@ -235,7 +310,7 @@
               </a-row>
             </a-tab-pane>
           </a-tabs>
-          
+
         </a-card>
         </a-layout-content>
       <a-layout-footer>
@@ -250,7 +325,7 @@
 <script lang="ts" setup>
   import { ref, reactive, computed, onMounted } from 'vue';
 
-  import { DownOutlined, PlusOutlined } from '@ant-design/icons-vue';
+  import { DownOutlined, PlusOutlined, ArrowUpOutlined } from '@ant-design/icons-vue';
   import { BackTop, Statistic } from 'ant-design-vue';
   import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
 
@@ -292,7 +367,7 @@
 
   }
   //-----------------------------yangjun-----------------------
-  
+
 </script>
 <style lang="less" scoped>
 #siteMain {