feat(information): 新增校园资讯

project.config.json

@@ -38,8 +38,19 @@
     "minifyWXSS": true,
     "disableUseStrict": false,
     "showES6CompileOption": false,
-    "useCompilerPlugins": false
+    "useCompilerPlugins": false,
+    "condition": false
   },
   "compileType": "miniprogram",
-  "condition": {}
+  "condition": {},
+  "libVersion": "2.25.3",
+  "srcMiniprogramRoot": "dist/",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
 }

project.private.config.json

@@ -0,0 +1,20 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "WeJH-Taro",
+  "setting": {
+    "compileHotReLoad": true
+  },
+  "condition": {
+    "miniprogram": {
+      "list": [
+        {
+          "name": "",
+          "pathName": "pages/announcement/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        }
+      ]
+    }
+  }
+}

src/components/FixedQuickView/InformationQuickView/index.vue

@@ -35,4 +35,34 @@ const currentPost = ref<{ type: string; content: string }>({
     serviceStore.announcement.announcements.length - 1 || 0
   ].content.replace(/\\n/g, "\n"),
 });
+
+const updateCurrentPost = () => {
+  const information = serviceStore.information.informationList;
+  const announcement = serviceStore.announcement.announcements;
+  const infoTime = new Date(information[information.length - 1].publish_time).getTime();
+  const announcementTime = new Date(announcement[announcement.length - 1].publishTime).getTime();
+
+  if (information.length !== 0) {
+    if (infoTime > announcementTime) {
+      currentPost.value = {
+        type: "information",
+        content: information[information.length - 1].content.replace(
+          /\\n/g,
+          "\n"
+        ),
+      };
+    } else {
+      currentPost.value = {
+        type: "announcement",
+        content: announcement[announcement.length - 1].content.replace(
+          /\\n/g,
+          "\n"
+        ),
+      };
+    }
+  }
+};
+
+updateCurrentPost();
+
 </script>

src/pages/announcement/InformationCard/index.module.scss

@@ -1,15 +1,41 @@
 @import "@/style/theme";
 
+.container{
+  background-image: url("https://api.cnpatrickstar.com/img/e3dd45da-f2ea-4f72-85d9-bdfbfa3c42a4.jpg");
+  background-size: 100% 100%;
+}
+
 .title {
   font-size: 1.2rem;
   word-break: break-word;
+  font-weight: var(--wjh-font-weight-medium);
+  justify-content: center;
+  text-align: center;
+  padding: 12Px 0;
+  border-bottom: 1Px solid var(--wjh-color-border);
 }
 
 .publisher {
-  margin-top: 6Px;
+  text-align: center;
+  font-size: 0.75rem;
   color: var(--wjh-color-week);
 }
 
+.content {
+  white-space: break-spaces;
+  font-size: 0.875rem;
+  color: var(--wjh-color-week);
+  color: var(--wjh-color-text);
+  line-height: 125%;
+  margin: 16Px auto;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 8;
+  min-height: 7rem; //  设置最小高度，减小背景形变
+}
+
 .link {
   padding-top: 16Px;
   margin-top: 16Px;
@@ -23,3 +49,21 @@
   font-size: 0.75rem;
   color: var(--wjh-color-week);
 }
+
+.img_container{
+  width: 60%;
+  height: 60%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 16Px auto;
+}
+
+.logo_container{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transform: scale(0.25);
+  height: calc(40Px);
+}
+

src/pages/announcement/InformationCard/index.vue

@@ -4,6 +4,7 @@ import { Information } from "@/types/Information";
 import styles from "./index.module.scss";
 import { Card } from "@/components";
 import store from "@/store";
+import dayjs from "dayjs";
 
 const props = defineProps<{
   source: Information;
@@ -17,17 +18,38 @@ const handleClickLink = () => {
 
 };
 
+const timeFormat = (time: string) => {
+  return dayjs(time).format("YYYY年MM月DD日");
+};
+
+const Author = "\"For You\"工程";
+
 </script>
 
 <template>
-  <card :class="styles.container">
+  <card :class="{ [styles.container]: props.source.publisher === Author }">
     <view :class="styles.header">
-      <view :class="styles.title">{{ props.source.content }}</view>
+      <view :class="styles.title">{{ props.source.title }}</view>
+    </view>
+    <view :class="styles.content">{{ props.source.content.replace(/\\n/g, '\n') }}</view>
+    <view :class="styles.img_container" v-if="props.source.img1">
+      <image :src="props.source.img1" alt="Card Image" :class="styles.image" mode="aspectFit"></image>
+    </view>
+    <view :class="styles.img_container" v-if="props.source.img2">
+      <image :src="props.source.img2" alt="Card Image" :class="styles.image" mode="aspectFit"></image>
+    </view>
+    <view :class="styles.img_container" v-if="props.source.img3">
+      <image :src="props.source.img3" alt="Card Image" :class="styles.image" mode="aspectFit"></image>
     </view>
-    <view :class="styles.publisher">By: {{ props.source.publisher }}</view>
-    <view :class="styles.link" @tap="handleClickLink">点击跳转相关规定</view>
+    <view :class="styles.link" @tap="handleClickLink" v-if="props.source.link">点击跳转相关规定</view>
     <template #footer>
-      <view :class="styles['publish-time']">发布时间: {{ props.source.publish_time }}</view>
+      <view :class="styles.logo_container">
+      <image src="https://img.cnpatrickstar.com/5eb88a00-1d66-49af-8c75-ff651a077503.png" alt="logo_fy" :class="styles.logo_fy" mode="aspectFit"></image>
+      <view :class="styles.x">X</view>
+      <image src="https://img.cnpatrickstar.com/2633992f-415a-4b6b-b54e-f24adaca7d42.png" alt="logo_jh" :class="styles.logo_jh" mode="aspectFit"></image>
+      </view>
+      <view :class="styles.publisher">信息来源: {{ props.source.publisher }}</view>
+      <view :class="styles['publish-time']">发布时间: {{ timeFormat(props.source.publish_time) }}</view>
     </template>
   </card>
 </template>

src/pages/announcement/index.scss

@@ -65,4 +65,5 @@
     font-size: 0.75rem;
     text-align: end;
   }
+
 }

src/services/api/apiList.ts

@@ -49,6 +49,7 @@ const api = {
   },
   applist: "/api/applist",
   info: "/api/info",
+  information: "/api/information",
   announcement: "/api/announcement"
 };
 

src/services/services/systemService.ts

@@ -2,6 +2,7 @@ import { api } from "../api/apiList";
 import { updateDateState } from "../utils/updateDateState";
 import { AppListItem } from "@/types/AppList";
 import { Announcement } from "@/types/Announcement";
+import { Information } from "@/types/Information";
 
 // comment: 这里的所有请求无需 session
 export default class SystemService {
@@ -18,6 +19,11 @@ export default class SystemService {
     );
   }
 
+  // comment: 校园资讯
+  static async getInformation(): Promise<Information> {
+    return updateDateState(api.information, null, "setInformation", null);
+  }
+
   // comment: 首页应用列表
   static async getAppList(): Promise<AppListItem[]> {
     // comment: 缓存 applist

src/types/Information.ts

@@ -1,10 +1,14 @@
 export interface Information {
   id: number;
+  title: string;
   content: string;
   publisher: string;
   /** 发布时间 */
   publish_time: string;
   /** 截止时间 用于控制是否显示在首页卡片上 */
   end_time: string;
   link: string;
+  img1: string;
+  img2: string;
+  img3: string;
 }