From a8d7cf77a666ccbb4d1cba25d3a4af6d7a98a3d8 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Sun, 2 Apr 2023 18:46:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/site/index.vue    |  98 ++++++------------------------
 src/views/site/kclbRkb.vue  | 115 +++++++++++++++++++++++++++++++++++
 src/views/site/kclbXyjk.vue | 117 ++++++++++++++++++++++++++++++++++++
 src/views/site/kclbZzsk.vue | 117 ++++++++++++++++++++++++++++++++++++
 4 files changed, 369 insertions(+), 78 deletions(-)
 create mode 100644 src/views/site/kclbRkb.vue
 create mode 100644 src/views/site/kclbXyjk.vue
 create mode 100644 src/views/site/kclbZzsk.vue

diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index fb3d147..1c8ba5c 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -160,79 +160,23 @@
             <span style="font-size: 24px;font-weight: bold;">今日课程列表</span>
           </template>
           <a-tabs v-model:activeKey="activeKey" type="card">
-            <a-tab-pane key="1" tab="正在上课">Content of Tab Pane 1</a-tab-pane>
-            <a-tab-pane key="2" tab="下一节课">Content of Tab Pane 2</a-tab-pane>
-            <a-tab-pane key="3" tab="日课表">
-              <div>以下是 <span>2023-04-02</span>全天 的课表</div>
-              <a-row>
-                <a-col :span="6">
-                  <a-form-item label="" style="padding: 10px;">
-                    <JDictSelectTag placeholder="听课身份" v-model:value="rkbqueryParam.tksf" dictCode="kc_tksf"/>
-                  </a-form-item>
-                </a-col>
-                <a-col :span="6">
-                  <a-form-item label="" style="padding: 10px;">
-                    <JDictSelectTag placeholder="听课人所在单位" v-model:value="rkbqueryParam.szdw" :dictCode="`tkrszdw_view,college,college`"/>
-                  </a-form-item>
-                </a-col>
-                <a-col :span="6">
-                  <a-form-item label="" style="padding: 10px;">
-                    <JDictSelectTag placeholder="课程性质" v-model:value="rkbqueryParam.kcxz" dictCode="kc_kcxz"/>
-                  </a-form-item>
-                </a-col>
-                <a-col :span="6">
-                  <a-form-item label="" style="padding: 10px;">
-                    <JDictSelectTag placeholder="开课单位" v-model:value="rkbqueryParam.kkdw" :dictCode="`kc_kkdw_view,kkdw,kkdw`" />
-                  </a-form-item>
-                </a-col>
-                <a-col :span="6">
-                  <a-button type="primary" @click="rkbLoadData">查询</a-button>>
-                </a-col>
-              </a-row>
-              <a-row class="rowGutter" :gutter="[16,16]">
-                <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item,index) in [{},{},{},{},{},{}]" :key="index" style="margin-bottom: 40px;">
-                  <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" style="margin-top:20px;">
-                          <div>
-                            第<span>01、02</span>节
-                          </div>
-                        </a-col>
-                        <a-col :span="24">
-                          <div style="width:100%;text-align: center;">
-                            —————线下上课地点—————
-                          </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-tab-pane key="1">
+              <template #tab>
+                  <div style="font-weight: 600;font-size: 16px;">正在上课</div>
+              </template>
+              <kclbZzsk ref="zzskModeal"></kclbZzsk>
+            </a-tab-pane>
+            <a-tab-pane key="2">
+              <template #tab>
+                  <div style="font-weight: 600;font-size: 16px;">下一节课</div>
+              </template>
+              <kclbXyjk ref="xyjkModeal"></kclbXyjk>
+            </a-tab-pane>
+            <a-tab-pane key="3">
+              <template #tab>
+                  <div style="font-weight: 600;font-size: 16px;">日课表</div>
+              </template>
+              <kclbRkb ref="rkbModeal"></kclbRkb>
             </a-tab-pane>
           </a-tabs>
           
@@ -252,14 +196,15 @@
 
   import { DownOutlined, PlusOutlined } from '@ant-design/icons-vue';
   import { BackTop, Statistic } from 'ant-design-vue';
-  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
 
   import { useUserStore } from '/@/store/modules/user';
+  import kclbZzsk from '/@/views/site/kclbZzsk.vue';
+  import kclbXyjk from '/@/views/site/kclbXyjk.vue';
+  import kclbRkb from '/@/views/site/kclbRkb.vue';
 
   //用户相关
   const userStore = useUserStore();
   const activeKey = ref('1');
-  const rkbqueryParam = ref<any>({});
 
   console.log(`🚀 -----------------------------------------------🚀`);
   console.log(`🚀 ~ file: index.vue:66 ~ userStore:`, userStore);
@@ -288,9 +233,6 @@
   }
 
   //-----------------------------yangjun-----------------------
-  function rkbLoadData(){
-
-  }
   //-----------------------------yangjun-----------------------
   
 </script>
diff --git a/src/views/site/kclbRkb.vue b/src/views/site/kclbRkb.vue
new file mode 100644
index 0000000..6d56467
--- /dev/null
+++ b/src/views/site/kclbRkb.vue
@@ -0,0 +1,115 @@
+<template>
+  <div>
+    <div style="color:#1c84c6;font-weight: 600;font-size: 16px;">以下是 <span>2023-04-02</span>全天 的课表</div>
+              <a-row style="margin-top:20px;">
+                <a-col :span="4">
+                  <a-form-item label="" style="padding: 10px;">
+                    <a-date-picker
+                      :showTime="false"
+                      valueFormat="YYYY-MM-DD"
+                      :placeholder="'请选择结束时间'"
+                      v-model:value="rkbqueryParam.endTime"
+                    ></a-date-picker>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="4">
+                  <a-form-item label="" style="padding: 10px;">
+                    <JDictSelectTag placeholder="请选择院系" v-model:value="rkbqueryParam.szdw" :dictCode="`tkrszdw_view,college,college`"/>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="4">
+                  <a-form-item label="" style="padding: 10px;">
+                    <JDictSelectTag placeholder="请选择节次" v-model:value="rkbqueryParam.kkdw" :dictCode="`kc_kkdw_view,kkdw,kkdw`" />
+                  </a-form-item>
+                </a-col>
+                <a-col :span="4">
+                  <a-form-item label="" style="padding: 10px;">
+                    <JDictSelectTag placeholder="请选择课程性质" v-model:value="rkbqueryParam.kcxz" dictCode="kc_kcxz"/>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="4">
+                  <a-form-item label="" style="padding: 10px;">
+                    <a-input placeholder="请输入课程或教师名称" v-model:value="rkbqueryParam.ywmc"></a-input>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="4" style="padding: 10px;">
+                  <a-button type="primary" @click="rkbLoadData" style="background-color:  rgb(26, 179, 148);">查询</a-button>
+                </a-col>
+              </a-row>
+              
+              <a-tabs v-model:activeKey="rkbActiveKey" type="card">
+                <a-tab-pane key="1">
+                  <template #tab>
+                    <div>
+                      <div style="float: left;">完全线下课程</div><div style="background-color: rgb(26, 179, 148);color: rgb(255, 255, 255);border-radius: 18px;width: 22px;text-align: center;float: left;margin-left: 10px;">20</div>
+                    </div>
+                  </template>
+                  <a-row class="rowGutter" :gutter="[16,16]">
+                    <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item,index) in [{},{},{},{},{},{}]" :key="index" style="margin-bottom: 40px;">
+                      <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" style="margin-top:20px;">
+                              <div>
+                                第<span>01、02</span>节
+                              </div>
+                            </a-col>
+                            <a-col :span="24">
+                              <div style="width:100%;text-align: center;">
+                                —————线下上课地点—————
+                              </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-tab-pane>
+                <a-tab-pane key="2">
+                  <template #tab>
+                    <div>
+                      <div style="float: left;">腾讯会议</div><div style="background-color: rgb(26, 179, 148);color: rgb(255, 255, 255);border-radius: 18px;width: 22px;text-align: center;float: left;margin-left: 10px;">20</div>
+                    </div>
+                  </template>
+                  <div>
+                    Content of Tab Pane 2
+                  </div>
+                  
+                </a-tab-pane>
+              </a-tabs>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+  const rkbqueryParam = ref<any>({});
+  const rkbActiveKey = ref('1');
+  function rkbLoadData(){
+
+  }
+</script>
diff --git a/src/views/site/kclbXyjk.vue b/src/views/site/kclbXyjk.vue
new file mode 100644
index 0000000..a173a2a
--- /dev/null
+++ b/src/views/site/kclbXyjk.vue
@@ -0,0 +1,117 @@
+<template>
+  <div>
+    <div style="color:#1c84c6;font-weight: 600;font-size: 16px;">
+      以下是 <span>2023-04-02</span><span>第03、04节课</span> 的课表
+    </div>
+    <a-row style="margin-top:20px;">
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <a-date-picker
+            :showTime="false"
+            valueFormat="YYYY-MM-DD"
+            :placeholder="'请选择结束时间'"
+            v-model:value="rkbqueryParam.endTime"
+          ></a-date-picker>
+        </a-form-item>
+      </a-col>
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <JDictSelectTag placeholder="请选择院系" v-model:value="rkbqueryParam.szdw" :dictCode="`tkrszdw_view,college,college`"/>
+        </a-form-item>
+      </a-col>
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <JDictSelectTag placeholder="请选择节次" v-model:value="rkbqueryParam.kkdw" :dictCode="`kc_kkdw_view,kkdw,kkdw`" />
+        </a-form-item>
+      </a-col>
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <JDictSelectTag placeholder="请选择课程性质" v-model:value="rkbqueryParam.kcxz" dictCode="kc_kcxz"/>
+        </a-form-item>
+      </a-col>
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <a-input placeholder="请输入课程或教师名称" v-model:value="rkbqueryParam.ywmc"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="4" style="padding: 10px;">
+        <a-button type="primary" @click="rkbLoadData" style="background-color:  rgb(26, 179, 148);">查询</a-button>
+      </a-col>
+    </a-row>
+    
+    <a-tabs v-model:activeKey="rkbActiveKey" type="card">
+      <a-tab-pane key="1">
+        <template #tab>
+          <div>
+            <div style="float: left;">完全线下课程</div><div style="background-color: rgb(26, 179, 148);color: rgb(255, 255, 255);border-radius: 18px;width: 22px;text-align: center;float: left;margin-left: 10px;">20</div>
+          </div>
+        </template>
+        <a-row class="rowGutter" :gutter="[16,16]">
+          <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item,index) in [{},{},{},{},{},{}]" :key="index" style="margin-bottom: 40px;">
+            <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" style="margin-top:20px;">
+                    <div>
+                      第<span>01、02</span>节
+                    </div>
+                  </a-col>
+                  <a-col :span="24">
+                    <div style="width:100%;text-align: center;">
+                      —————线下上课地点—————
+                    </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-tab-pane>
+      <a-tab-pane key="2">
+        <template #tab>
+          <div>
+            <div style="float: left;">腾讯会议</div><div style="background-color: rgb(26, 179, 148);color: rgb(255, 255, 255);border-radius: 18px;width: 22px;text-align: center;float: left;margin-left: 10px;">20</div>
+          </div>
+        </template>
+        <div>
+          Content of Tab Pane 2
+        </div>
+        
+      </a-tab-pane>
+    </a-tabs>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+  const rkbqueryParam = ref<any>({});
+  const rkbActiveKey = ref('1');
+  function rkbLoadData(){
+
+  }
+</script>
diff --git a/src/views/site/kclbZzsk.vue b/src/views/site/kclbZzsk.vue
new file mode 100644
index 0000000..2bf7480
--- /dev/null
+++ b/src/views/site/kclbZzsk.vue
@@ -0,0 +1,117 @@
+<template>
+  <div>
+    <div style="color:#1c84c6;font-weight: 600;font-size: 16px;">
+      以下是 <span>2023-04-02</span><span>第01、02节课</span> 的课表
+    </div>
+    <a-row style="margin-top:20px;">
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <a-date-picker
+            :showTime="false"
+            valueFormat="YYYY-MM-DD"
+            :placeholder="'请选择结束时间'"
+            v-model:value="rkbqueryParam.endTime"
+          ></a-date-picker>
+        </a-form-item>
+      </a-col>
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <JDictSelectTag placeholder="请选择院系" v-model:value="rkbqueryParam.szdw" :dictCode="`tkrszdw_view,college,college`"/>
+        </a-form-item>
+      </a-col>
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <JDictSelectTag placeholder="请选择节次" v-model:value="rkbqueryParam.kkdw" :dictCode="`kc_kkdw_view,kkdw,kkdw`" />
+        </a-form-item>
+      </a-col>
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <JDictSelectTag placeholder="请选择课程性质" v-model:value="rkbqueryParam.kcxz" dictCode="kc_kcxz"/>
+        </a-form-item>
+      </a-col>
+      <a-col :span="4">
+        <a-form-item label="" style="padding: 10px;">
+          <a-input placeholder="请输入课程或教师名称" v-model:value="rkbqueryParam.ywmc"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="4" style="padding: 10px;">
+        <a-button type="primary" @click="rkbLoadData" style="background-color:  rgb(26, 179, 148);">查询</a-button>
+      </a-col>
+    </a-row>
+    
+    <a-tabs v-model:activeKey="rkbActiveKey" type="card">
+      <a-tab-pane key="1">
+        <template #tab>
+          <div>
+            <div style="float: left;">完全线下课程</div><div style="background-color: rgb(26, 179, 148);color: rgb(255, 255, 255);border-radius: 18px;width: 22px;text-align: center;float: left;margin-left: 10px;">20</div>
+          </div>
+        </template>
+        <a-row class="rowGutter" :gutter="[16,16]">
+          <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item,index) in [{},{},{},{},{},{}]" :key="index" style="margin-bottom: 40px;">
+            <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" style="margin-top:20px;">
+                    <div>
+                      第<span>01、02</span>节
+                    </div>
+                  </a-col>
+                  <a-col :span="24">
+                    <div style="width:100%;text-align: center;">
+                      —————线下上课地点—————
+                    </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-tab-pane>
+      <a-tab-pane key="2">
+        <template #tab>
+          <div>
+            <div style="float: left;">腾讯会议</div><div style="background-color: rgb(26, 179, 148);color: rgb(255, 255, 255);border-radius: 18px;width: 22px;text-align: center;float: left;margin-left: 10px;">20</div>
+          </div>
+        </template>
+        <div>
+          Content of Tab Pane 2
+        </div>
+        
+      </a-tab-pane>
+    </a-tabs>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+  const rkbqueryParam = ref<any>({});
+  const rkbActiveKey = ref('1');
+  function rkbLoadData(){
+
+  }
+</script>