From 9b000143ee7e452d7e13fac58c1dde33c644f9f0 Mon Sep 17 00:00:00 2001
From: kbing1981 <549711992@qq.com>
Date: Wed, 4 Sep 2024 17:52:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jeecgboot-vue3/.env.development               |   4 +-
 .../src/views/bl/kcKetangbiao/itemPage.vue    | 115 +++++++++++++-----
 .../bl/zjSqxx/components/ZjSqxxEditForm.vue   |  24 +++-
 .../views/bl/zjSqxx/components/ZjSqxxForm.vue |  21 +++-
 4 files changed, 121 insertions(+), 43 deletions(-)

diff --git a/jeecgboot-vue3/.env.development b/jeecgboot-vue3/.env.development
index 5560e19..0fb2551 100644
--- a/jeecgboot-vue3/.env.development
+++ b/jeecgboot-vue3/.env.development
@@ -6,10 +6,10 @@ VITE_PUBLIC_PATH = /
 
 
 # 跨域代理，您可以配置多个 ,请注意，没有换行符
-VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]
+VITE_PROXY = [["/jeecgboot","http://192.168.2.10:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]
 
 #后台接口全路径地址(必填)
-VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot
+VITE_GLOB_DOMAIN_URL=http://192.168.2.10:8080/jeecg-boot
 
 #后台接口父地址(必填)
 VITE_GLOB_API_URL=/jeecgboot
diff --git a/jeecgboot-vue3/src/views/bl/kcKetangbiao/itemPage.vue b/jeecgboot-vue3/src/views/bl/kcKetangbiao/itemPage.vue
index 86e6be4..3fe372f 100644
--- a/jeecgboot-vue3/src/views/bl/kcKetangbiao/itemPage.vue
+++ b/jeecgboot-vue3/src/views/bl/kcKetangbiao/itemPage.vue
@@ -1,55 +1,46 @@
 <template>
-  <div style="border: 2px #eef1f2 solid">
+  <div class="mdule-box">
     <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;
-        "
-      >
-        {{ item.kcmc }} <span v-if="item.szkc == '1'" title="思政课程">⭐</span>
+      <!-- <div style="width: 100%; height: 20px; background-color: #1c84c6"></div> -->
+      <div class="schedule-title">
+          <span class="schedule-treetop"></span>
+          <span class="schedule-word">{{ item.kcmc }}</span>
+          <span v-if="item.szkc == '1'" title="思政课程">⭐</span>
       </div>
     </div>
-    <a-divider style="margin: 0px; color: #eef1f2" />
-    <div style="padding: 20px; font-weight: 600">
-      <a-row>
+    <a-divider style="margin: 0px; color: #eef1f2;" />
+    <div>
+      <a-row style="padding:20px;">
         <a-col :span="16">
-          <div style="height: 38px; font-size: 16px">{{ item.skjs }}</div>
-          <div style="font-size: 14px; height: 50px">{{ item.kkdw }}</div>
+          <div class="schedule-name">{{ item.skjs }}</div>
+          <div class="schedule-annotation">{{ item.kkdw }}</div>
         </a-col>
-        <a-col :span="8" style="text-align: center; height: 70px">
-          <div style="color: #1c84c6; font-size: 24px; font-weight: 600">{{ item.xkrs }}</div>
-          <div style="font-size: 14px">选课人数</div>
+        <a-col :span="8" style="text-align:right;">
+          <div class="schedule-name-or">{{ item.xkrs }}</div>
+          <div class="schedule-annotation">选课人数</div>
         </a-col>
-        <a-col :span="24" style="margin-top: 20px">
+        <a-col :span="24" style="margin-top:10px">
           <div>
-            第<span>{{ item.hh }}</span
+            第<span style="color:#018ffb">{{ item.hh }}</span
             >节
           </div>
         </a-col>
         <a-col :span="24">
-          <div style="width: 100%; text-align: center"> ———线下上课地点——— </div>
+          <div class="class-line"><span class="schedule-annotation">线下上课地点</span> </div>
         </a-col>
         <a-col :span="24">
-          <div style="height: 60px">
+          <div class="class-address">
             {{ item.skdd }}
           </div>
         </a-col>
         <a-col :span="24">
-          <a-row style="text-align: center" v-if="!isNow(item)">
-            <a-col :span="24" style="text-align: center">
+          <a-row style="text-align: right" v-if="!isNow(item)">
+            <a-col :span="24" style="text-align: right">
               <a-button type="primary" class="yyyClass" @click="toLivePage(item)" style="color: white" :disabled="item.sftkb == '1'">听课</a-button>
             </a-col>
           </a-row>
-          <a-row style="text-align: center" v-else>
-            <a-col :span="24" style="text-align: center">
+          <a-row style="text-align: right" v-else>
+            <a-col :span="24" style="text-align: right">
               <a-button type="primary" class="yyyClass" disabled v-if="item.sfyy == 1 && item.isdeleted == 0">已预约</a-button>
               <a-button
                 type="primary"
@@ -149,15 +140,18 @@ function isNow(item) {
 </script>
 
 <style lang="less" scoped>
+body{
+  font-family: Helvetica Neue, PingFang SC, Hiragino Sans GB, HeitiSC, Helvetica, Arial, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif !important;
+  }
 .yyyClass {
-  background: #1c84c6;
+  background: #0177fb;
   font-weight: 600;
   color: #fff;
   border-radius: 5px;
   line-height: 23px;
 }
 .yyClass {
-  background-color: #1c84c6;
+  background-color: #0177fb;
   font-weight: 600;
   color: #fff;
   border-radius: 5px;
@@ -169,4 +163,59 @@ function isNow(item) {
   border-radius: 5px;
   line-height: 23px;
 }
+.mdule-box{
+  border: 2px solid #ececec;
+  background: #fff;
+  border-radius:10px;
+}
+.mdule-box:hover{
+  border: 2px solid #ececec;
+  background: #fff;
+  border-radius:10px;
+  box-shadow: 2px 2px 10px 1px #ececec;
+}
+.schedule-title{
+  width: 100%;
+  white-space: normal;
+  word-break: break-all;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  font-weight: bold;
+ }
+.schedule-treetop{
+  width: 5px;
+  background: #0177fb;
+  height:20px;
+  margin-right: 14px;
+  display:block;
+  border-radius:8px;
+}
+.schedule-name{
+  font-size:24px;
+  font-weight: 600;
+}
+.schedule-name-or{
+  font-size:26px;
+  font-weight: 600;
+  color: #ff6d56;
+}
+.schedule-annotation{
+  font-size:12px;
+  color: #999;
+}
+.class-line{
+  border-top:1px solid #f7f7f7 ;
+  padding: 10px 0;
+  margin-top: 10px;
+}
+.class-address{
+  font-size:16px;
+  font-weight: 600;
+  margin-top: -10px;
+}
+.schedule-word{
+  padding:12px 5px;
+  font-size:16px;
+}
 </style>
diff --git a/jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxEditForm.vue b/jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxEditForm.vue
index dc551f8..3f2769f 100644
--- a/jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxEditForm.vue
+++ b/jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxEditForm.vue
@@ -2,7 +2,7 @@
   <a-spin :spinning="confirmLoading">
     <JFormContainer :disabled="disabled">
       <template #detail>
-        <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="ZjSqxxForm">
+        <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="ZjSqxxForm" >
           <a-row>
 						<a-col :span="24">
 							<a-form-item label="教工号" v-bind="validateInfos.zjNo" id="ZjSqxxForm-zjNo" name="zjNo">
@@ -15,7 +15,7 @@
 							</a-form-item>
 						</a-col>
 						<!-- 过程考核 -->
-            <a-col :span="24" v-if="formData.sqfw == '0'">
+            <a-col :span="24" v-if="formData.sqfw == '0'" class="mdule-box">
               <a-row>
                 <a-col :span="24">
                   <a-form-item label="授权开始时间" id="ZjSqxxForm-sqStartTime" name="sqStartTime">
@@ -70,7 +70,7 @@
               </a-row>
             </a-col>
             <!-- 智慧教室 -->
-            <a-col :span="24" v-if="formData.sqfw == '1'">
+            <a-col :span="24" v-if="formData.sqfw == '1'" class="mdule-box">
               <a-row>
                 <a-col :span="24">
                   <a-form-item label="授权开始时间" id="ZjSqxxForm-sqStartTime" name="sqStartTime">
@@ -115,7 +115,7 @@
               </a-row>
             </a-col>
             <!-- 毕业论文 -->
-            <a-col :span="24" v-if="formData.sqfw == '2'">
+            <a-col :span="24" v-if="formData.sqfw == '2'" class="mdule-box">
               <a-row>
                 <a-col :span="24">
                   <a-form-item label="授权开始时间" id="ZjSqxxForm-sqStartTime" name="sqStartTime">
@@ -162,7 +162,7 @@
               </a-row>
             </a-col>
             <!-- 实习实践 -->
-            <a-col :span="24" v-if="formData.sqfw == '3'">
+            <a-col :span="24" v-if="formData.sqfw == '3'" class="mdule-box">
               <a-row>
                 <a-col :span="24">
                   <a-form-item label="学年学期" id="ZjSqxxForm-xnxq" name="xnxq">
@@ -382,5 +382,19 @@ function ketangSuccess(record) {
 <style lang="less" scoped>
   .antd-modal-form {
     padding: 14px;
+    background: #f7f7f7;
   }
+.mdule-box{
+  border: 2px solid #ececec;
+  background: #fff;
+  border-radius:10px;
+  padding: 20px 0;
+}
+.mdule-box:hover{
+  border: 2px solid #ececec;
+  background: #fff;
+  border-radius:10px;
+  box-shadow: 2px 2px 10px 1px #ececec;
+  cursor: pointer;
+}
 </style>
diff --git a/jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxForm.vue b/jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxForm.vue
index 38c43c1..2ea011d 100644
--- a/jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxForm.vue
+++ b/jeecgboot-vue3/src/views/bl/zjSqxx/components/ZjSqxxForm.vue
@@ -4,8 +4,8 @@
       <template #detail>
         <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="ZjSqxxForm">
           <a-row>
-            <a-col :span="24">
-              <a-form-item label="用户" v-bind="validateInfos.userName" id="ZjSqxxForm-userId" name="userName">
+            <a-col :span="24" >
+              <a-form-item label="用户" v-bind="validateInfos.userName" id="ZjSqxxForm-userId" name="userName" class="mdule-box">
                 <a-input v-model:value="formData.userName" placeholder="请选择用户" allow-clear style="width: 60%" disabled></a-input>
                 <a-input v-model:value="formData.userId" placeholder="请选择用户" allow-clear hidden></a-input>
                 <a-button type="primary" @click="handleSelect" style="margin-left: 10px"> 选择用户</a-button>
@@ -13,7 +13,7 @@
               </a-form-item>
             </a-col>
           </a-row>
-          <a-row v-for="(item, index) in sqDataList" style="border: 1px solid #ccc; padding: 10px; margin-bottom: 10px" :key="index">
+          <a-row v-for="(item, index) in sqDataList" :key="index"  class="mdule-box">
             <a-col :span="24">
               <a-form-item label="授权范围" id="ZjSqxxForm-sqfw" name="sqfw">
                 <j-dict-select-tag v-model:value="item.sqfw" dictCode="zj_sqfw" placeholder="请选择授权范围" allow-clear />
@@ -432,5 +432,20 @@ defineExpose({
 <style lang="less" scoped>
 .antd-modal-form {
   padding: 14px;
+  background: #f7f7f7;
+}
+.mdule-box{
+  border: 2px solid #ececec;
+  background: #fff;
+  border-radius:8px;
+  margin:0 10px 10px 10px;
+  padding:20px 0;
+}
+.mdule-box:hover{
+  border: 2px solid #ececec;
+  background: #fff;
+  border-radius:8px;
+  box-shadow: 1px 1px 10px 1px #dedede;
+  cursor: pointer;
 }
 </style>