feat: 添加新图片资源及更新组件样式与功能

style: 调整CSS样式及优化布局
refactor: 重构组件逻辑及API调用
fix: 修复路径引用及图片加载问题
docs: 更新注释及文档内容

component/head-top/head-top.js

@@ -42,8 +42,10 @@ export const headTop = defineComponent({
             redirectToExternalWebsite("/search/" + searchText);
         };
 
-        return { state, signIn, input, defaultSearchText, goSearch };
+        let pitchState = ref(false);
+
+        return { pitchState, state, signIn, input, defaultSearchText, goSearch };
     },
 
-    template: `<div class="head-top flexacenter">    <a href="/" class="flexacenter" target="_blank">        <img class="logo" src="https://oss.gter.net/logo" alt="" />    </a>    <div class="flex1"></div>    <div class="input-box flexacenter">        <input class="input flex1" type="text" :placeholder="'大家都在搜：' + defaultSearchText" @keyup.enter="goSearch" v-model="input" />        <img class="icon" src="/img/search-icon.svg" @click="goSearch" />    </div>    <div class="sign-in sign-in-no flexacenter" v-if="state == 0" @click="signIn()" v-cloak>        <img class="sign-in-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-in-bj.svg" />        <img class="coin-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-bj.svg" />        <img class="coin-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-icon.png" />        <span class="text flex1">签到领寄托币</span>        <div class="sign-go flexcenter">            <img class="sign-go-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-go.svg" />            GO        </div>        <img class="petal1" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal1.png" />        <img class="petal2" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal2.png" />        <img class="petal3" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal3.png" />    </div>    <div class="sign-in sign-in-already flexcenter" v-else>        <img class="sign-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-icon.png" />        <span>已签到，明天再来</span>    </div></div>`,
+    template: `<div class="head-top flexacenter">    <a href="/" class="flexacenter" target="_blank">        <img class="logo" src="https://oss.gter.net/logo" alt="" />    </a>    <div class="flex1"></div>    <div class="input-box flexacenter" :class="{'pitch': pitchState}">        <input class="input flex1" type="text" :placeholder="'大家都在搜：' + defaultSearchText" @keyup.enter="goSearch" v-model="input" @focus="pitchState = true" @blur="pitchState = false" />        <img class="icon" src="/img/search-icon.svg" @click="goSearch" />    </div>    <div class="sign-in sign-in-no flexacenter" v-if="state == 0" @click="signIn()" v-cloak>        <img class="sign-in-bj" src="/img/sign-in-bj.svg" />        <img class="coin-bj" src="/img/coin-bj.svg" />        <img class="coin-icon" src="/img/coin-icon.png" />        <span class="text flex1">签到领寄托币</span>        <div class="sign-go flexcenter">            <img class="sign-go-bj" src="/img/sign-go.svg" />            GO        </div>        <img class="petal1" src="/img/petal1.png" />        <img class="petal2" src="/img/petal2.png" />        <img class="petal3" src="/img/petal3.png" />    </div>    <div class="sign-in sign-in-already flexcenter" v-else>        <img class="sign-icon" src="/img/sign-icon.png" />        <span>已签到，明天再来</span>    </div></div>`,
 });

component/head-top/head-top.txt

@@ -3,26 +3,26 @@
         <img class="logo" src="https://oss.gter.net/logo" alt="" />
     </a>
     <div class="flex1"></div>
-    <div class="input-box flexacenter">
-        <input class="input flex1" type="text" :placeholder="'大家都在搜：' + defaultSearchText" @keyup.enter="goSearch" v-model="input" />
+    <div class="input-box flexacenter" :class="{'pitch': pitchState}">
+        <input class="input flex1" type="text" :placeholder="'大家都在搜：' + defaultSearchText" @keyup.enter="goSearch" v-model="input" @focus="pitchState = true" @blur="pitchState = false" />
         <img class="icon" src="/img/search-icon.svg" @click="goSearch" />
     </div>
 
     <div class="sign-in sign-in-no flexacenter" v-if="state == 0" @click="signIn()" v-cloak>
-        <img class="sign-in-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-in-bj.svg" />
-        <img class="coin-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-bj.svg" />
-        <img class="coin-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-icon.png" />
+        <img class="sign-in-bj" src="/img/sign-in-bj.svg" />
+        <img class="coin-bj" src="/img/coin-bj.svg" />
+        <img class="coin-icon" src="/img/coin-icon.png" />
         <span class="text flex1">签到领寄托币</span>
         <div class="sign-go flexcenter">
-            <img class="sign-go-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-go.svg" />
+            <img class="sign-go-bj" src="/img/sign-go.svg" />
             GO
         </div>
-        <img class="petal1" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal1.png" />
-        <img class="petal2" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal2.png" />
-        <img class="petal3" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal3.png" />
+        <img class="petal1" src="/img/petal1.png" />
+        <img class="petal2" src="/img/petal2.png" />
+        <img class="petal3" src="/img/petal3.png" />
     </div>
     <div class="sign-in sign-in-already flexcenter" v-else>
-        <img class="sign-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-icon.png" />
+        <img class="sign-icon" src="/img/sign-icon.png" />
         <span>已签到，明天再来</span>
     </div>
 </div>

component/hot-tag/hot-tag.js

@@ -25,5 +25,5 @@ export const hotTag = defineComponent({
 
     components: {},
 
-    template: `<div class="hot-tag" v-if="list.length > 0">    <div class="hot-tag-title">        <img class="icon" src="./img/triangle-orange.svg" />        热门标签    </div>    <div class="list flexflex">        <a class="item" v-for="item in list" :href="'/tag/' + item.tagname" target="_blank">{{ item.tagname }}</a>    </div></div>`,
+    template: `<div class="hot-tag" v-if="list.length > 0">    <div class="hot-tag-title">        <img class="icon" src="/img/triangle-orange.svg" />        热门标签    </div>    <div class="list flexflex">        <a class="item" v-for="item in list" :href="'/tag/' + item.tagname" target="_blank">{{ item.tagname }}</a>    </div></div>`,
 });

component/hot-tag/hot-tag.txt

@@ -1,6 +1,6 @@
 <div class="hot-tag" v-if="list.length > 0">
     <div class="hot-tag-title">
-        <img class="icon" src="./img/triangle-orange.svg" />
+        <img class="icon" src="/img/triangle-orange.svg" />
         热门标签
     </div>
     <div class="list flexflex">

component/item-bottom/item-bottom.js

@@ -78,7 +78,7 @@ export const itemBottom = defineComponent({
 
             const token = item.value.token || "";
 
-            ajax(`https://api.gter.net/v2/api/forum/postTopicCollect`, {
+            ajax(`/v2/api/forum/postTopicCollect`, {
                 token,
             })
                 .then((res) => {

component/item-forum/item-forum.js

@@ -12,6 +12,10 @@ export const itemForum = defineComponent({
             type: Object,
             default: () => {},
         },
+        page: {
+            type: String,
+            default: "",
+        },
     },
 
     setup(props) {
@@ -29,5 +33,5 @@ export const itemForum = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-forum">    <item-head :itemdata="item"></item-head>    <a v-if="item.title" class="title" :href="'/details/' + item.uniqid" target="_blank">{{ item.title }}</a>    <a class="message two-line-display" :href="'/details/' + item.uniqid" target="_blank">{{ item.content }}</a>    <item-bottom :itemdata="item"></item-bottom></div>`,
+    template: `<div class="item-box item-forum">    <item-head :itemdata="item" :page="page"></item-head>    <a v-if="item.title" class="title" :href="'/details/' + item.uniqid" target="_blank">{{ item.title }}</a>    <a class="message two-line-display" :href="'/details/' + item.uniqid" target="_blank">{{ item.content }}</a>    <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
 });

component/item-forum/item-forum.txt

@@ -1,8 +1,8 @@
 <div class="item-box item-forum">
-    <item-head :itemdata="item"></item-head>
+    <item-head :itemdata="item" :page="page"></item-head>
 
     <a v-if="item.title" class="title" :href="'/details/' + item.uniqid" target="_blank">{{ item.title }}</a>
     <a class="message two-line-display" :href="'/details/' + item.uniqid" target="_blank">{{ item.content }}</a>
 
-    <item-bottom :itemdata="item"></item-bottom>
+    <item-bottom :itemdata="item" :page="page"></item-bottom>
 </div>

component/item-head/item-head.js

@@ -1,6 +1,6 @@
 // my-component.js
 // 引入全局 Vue 对象（因在 HTML 中通过 script 引入，Vue 已挂载到 window）
-const { defineComponent, ref, provide, onMounted } = Vue;
+const { defineComponent, ref, provide, onMounted, inject } = Vue;
 import { report } from "../report/report.js";
 
 // 定义组件（直接使用模板）
@@ -11,6 +11,11 @@ export const itemHead = defineComponent({
             type: Object,
             default: () => {},
         },
+
+        page: {
+            type: String,
+            default: "",
+        },
     },
 
     setup(props) {
@@ -89,20 +94,24 @@ export const itemHead = defineComponent({
             });
         };
 
-        // let cancelOperate = inject("cancelOperate");
-
+        // let handleDelete = inject("handleDelete");
+        let itemHead = ref(null);
         // 删除
         const deleteItem = () => {
             const target = item.value;
-            console.log("deleteItem");
+            console.log("deleteItem", target, target.token);
+            managerDelete(target.token)
+                .then(() => {
+                    const targetNode = itemHead.value;
+                    if (!targetNode) return;
 
-            // managerDelete(target.token)
-            //     .then(() => {
-            //         cancelOperate("like", token);
-            //     })
-            //     .finally(() => {
-            //         cutShow();
-            //     });
+                    const parentItemBox = targetNode.parentElement;
+                    if (parentItemBox?.classList.contains("item-box")) parentItemBox.style.display = "none";
+                    
+                })
+                .finally(() => {
+                    cutShow();
+                });
         };
 
         // 编辑
@@ -116,12 +125,44 @@ export const itemHead = defineComponent({
             redirectToExternalWebsite(`/space?uin=${uin}&uid=${uid}`);
         };
 
-        return { edit, deleteItem, goPersonalHomepage, reportState, cutShow, show, item, timestamp, sectionn, tags, ismanager, report, hide, recommend, essence };
+        const openedit = (type) => {
+            let url = ``;
+            if (type == "offer") url = `https://offer.gter.net/post/modify?id=${item.value.token}`;
+            else if (type == "offer_summary") url = `https://offer.gter.net/post/summary`;
+            redirectToExternalWebsite(url);
+        };
+
+        const anonymousState = ref(false);
+        const cutAnonymous = () => {
+            anonymousState.value = !anonymousState.value;
+        };
+
+        const cutAnonymousState = (state) => {
+            console.log("state", state);
+            const target = item.value;
+            ajax("/v2/api/forum/postTopicAnonymousStatus", {
+                token: target.token,
+                anonymous: state,
+            })
+                .then((res) => {
+                    console.log("res", res);
+                    if (res.code != 200) return;
+                    const data = res.data || {};
+                    target.anonymous = data.anonymous || 0;
+                    item.value = target;
+                    creationAlertBox("success", res.message || "操作成功");
+                })
+                .finally(() => {
+                    cutAnonymous();
+                });
+        };
+
+        return { itemHead, cutAnonymousState, cutAnonymous, anonymousState, openedit, edit, deleteItem, goPersonalHomepage, reportState, cutShow, show, item, timestamp, sectionn, tags, ismanager, report, hide, recommend, essence };
     },
 
     components: {
         report,
     },
 
-    template: `<div class="item-head flexacenter">    <div class="user-box flexacenter" @click="goPersonalHomepage(item?.user?.uin, item?.user?.uid)">        <img class="avatar" :src="item?.user?.avatar || item.avatar" />        <div class="name">{{ item?.user?.nickname || item.nickname || "匿名用户" }}</div>        <img class="group" v-if="info?.group?.image" :src="info?.group?.image" />    </div>    <div class="time">{{ timestamp }}</div>    <div class="flex1"></div>    <div class="view flexacenter">        <img class="icon" src="/img/eye-icon.svg" />        <div class="text">{{ item.views }}</div>    </div>    <div v-if="item.type != 'tenement'" class="btn flexcenter" @click.stop="cutShow">        <img class="icon" src="/img/dot-dot-dot-gray.png" />    </div>    <div v-if="show">        <div class="mask" @click.stop="cutShow"></div>        <div class="operate">            <div class="item" @click.stop="report">举报</div>            <template v-if="ismanager">                <div class="item" @click.stop="hide">{{ item.hidden == 0 ? "隐藏" : "显示" }}</div>                <div class="item" @click.stop="recommend">{{ item.recommend == 1 ? "取消" : "" }}推荐</div>                <div class="item" @click.stop="essence">{{ item.best == 1 ? "取消" : "" }}精华</div>            </template>            <template v-if="item.type == 'thread' && item.ismyself">                <div class="item" @click.stop="edit">编辑</div>                <div class="item" @click.stop="deleteItem">删除</div>            </template>        </div>    </div></div><div class="label flexflex" v-if="sectionn?.length || tags?.length || item.recommend == 1 || item.best == 1">    <img class="item icon" v-if="item.recommend == 1 && item.best != 1" src="/img/recommend-icon.png" />    <img class="item icon" v-if="item.best == 1" src="/img/essence-icon.png" />    <a class="item blue" v-for="(item, index) in sectionn" :key="item" :href="'/section/' + item.uniqid" target="_blank">{{ item.name }}</a>    <a class="item" v-for="(item, index) in tags" :key="item" :href="'/tag/' + item" target="_blank">{{ item }}</a></div><report v-if="reportState" :itemdata="item"></report>`,
+    template: `<div class="item-head flexacenter" ref="itemHead">    <div class="user-box flexacenter" @click="goPersonalHomepage(item?.user?.uin, item?.user?.uid)">        <img class="avatar" :src="item?.user?.avatar || item.avatar" />        <div class="name">{{ item?.user?.nickname || item.nickname || "匿名用户" }}</div>        <img class="group" v-if="info?.group?.image" :src="info?.group?.image" />    </div>    <div class="time">{{ timestamp }}</div>    <div class="flex1"></div>    <div class="circlePen flexcenter" @click="openedit(item.type)" v-if="page == 'edit' && (item.type == 'offer' || item.type == 'offer_summary')">        <img class="icon" src="/img/pen-icon.png" />    </div>    <div class="flexacenter" style="position: relative;">        <div class="anonymous-box flexcenter" @click.stop="cutAnonymous" v-if="page == 'edit' && (item.type == 'vote' || item.type == 'interviewexperience')">            <span v-if="item.anonymous == 0">公开</span>            <span v-else>匿名</span>        </div>        <!-- 是否 公开发表 -->        <template v-if="anonymousState">            <div class="mask" @click.stop="cutAnonymous"></div>            <div class="isPublicityBox">                <div class="isPublicity-item" :class="{'green': item.anonymous == 0}" @click.stop="cutAnonymousState(0)">公开发表                    <img v-if="item.anonymous == 0" class="isPublicityIcon" src="/img/u1829.svg"></image>                </div>                <div class="isPublicity-item" :class="{'green': item.anonymous != 0}" @click.stop="cutAnonymousState(1)">匿名发表                    <img v-if="item.anonymous != 0" class="isPublicityIcon" src="/img/u1829.svg"></image>                </div>            </div>        </template>    </div>    <div class="view flexacenter">        <img class="icon" src="/img/eye-icon.svg" />        <div class="text">{{ item.views }}</div>    </div>    <div v-if="item.type != 'tenement'" class="btn flexcenter" @click.stop="cutShow">        <img class="icon" src="/img/dot-dot-dot-gray.png" />    </div>    <div v-if="show">        <div class="mask" @click.stop="cutShow"></div>        <div class="operate">            <div class="item" @click.stop="report">举报</div>            <template v-if="ismanager">                <div class="item" @click.stop="hide">{{ item.hidden == 0 ? "隐藏" : "显示" }}</div>                <div class="item" @click.stop="recommend">{{ item.recommend == 1 ? "取消" : "" }}推荐</div>                <div class="item" @click.stop="essence">{{ item.best == 1 ? "取消" : "" }}精华</div>            </template>            <template v-if="item.type == 'thread' && item.ismyself">                <div class="item" @click.stop="edit">编辑</div>                <div class="item" @click.stop="deleteItem">删除</div>            </template>            <div class="item" v-if="page == 'edit' && item.type == 'vote'" @click.stop="deleteItem">删除</div>        </div>    </div></div><div class="label flexflex" v-if="sectionn?.length || tags?.length || item.recommend == 1 || item.best == 1">    <img class="item icon" v-if="item.recommend == 1 && item.best != 1" src="/img/recommend-icon.png" />    <img class="item icon" v-if="item.best == 1" src="/img/essence-icon.png" />    <a class="item blue" v-for="(item, index) in sectionn" :key="item" :href="'/section/' + item.uniqid" target="_blank">{{ item.name }}</a>    <a class="item" v-for="(item, index) in tags" :key="item" :href="'/tag/' + item" target="_blank">{{ item }}</a></div><report v-if="reportState" :itemdata="item"></report>`,
 });

component/item-head/item-head.txt

@@ -1,4 +1,4 @@
-<div class="item-head flexacenter">
+<div class="item-head flexacenter" ref="itemHead">
     <div class="user-box flexacenter" @click="goPersonalHomepage(item?.user?.uin, item?.user?.uid)">
         <img class="avatar" :src="item?.user?.avatar || item.avatar" />
         <div class="name">{{ item?.user?.nickname || item.nickname || "匿名用户" }}</div>
@@ -8,6 +8,31 @@
     <div class="time">{{ timestamp }}</div>
     <div class="flex1"></div>
 
+    <div class="circlePen flexcenter" @click="openedit(item.type)" v-if="page == 'edit' && (item.type == 'offer' || item.type == 'offer_summary')">
+        <img class="icon" src="/img/pen-icon.png" />
+    </div>
+
+    <div class="flexacenter" style="position: relative;">
+        <div class="anonymous-box flexcenter" @click.stop="cutAnonymous" v-if="page == 'edit' && (item.type == 'vote' || item.type == 'interviewexperience')">
+            <span v-if="item.anonymous == 0">公开</span>
+            <span v-else>匿名</span>
+        </div>
+
+        <!-- 是否 公开发表 -->
+        <template v-if="anonymousState">
+            <div class="mask" @click.stop="cutAnonymous"></div>
+            <div class="isPublicityBox">
+                <div class="isPublicity-item" :class="{'green': item.anonymous == 0}" @click.stop="cutAnonymousState(0)">公开发表
+                    <img v-if="item.anonymous == 0" class="isPublicityIcon" src="/img/u1829.svg"></image>
+                </div>
+                <div class="isPublicity-item" :class="{'green': item.anonymous != 0}" @click.stop="cutAnonymousState(1)">匿名发表
+                    <img v-if="item.anonymous != 0" class="isPublicityIcon" src="/img/u1829.svg"></image>
+                </div>
+            </div>
+        </template>
+    </div>
+
+
     <div class="view flexacenter">
         <img class="icon" src="/img/eye-icon.svg" />
         <div class="text">{{ item.views }}</div>
@@ -31,6 +56,7 @@
                 <div class="item" @click.stop="edit">编辑</div>
                 <div class="item" @click.stop="deleteItem">删除</div>
             </template>
+            <div class="item" v-if="page == 'edit' && item.type == 'vote'" @click.stop="deleteItem">删除</div>
         </div>
     </div>
 </div>

component/item-mj/item-mj.js

@@ -12,6 +12,10 @@ export const itemMj = defineComponent({
             type: Object,
             default: () => {},
         },
+        page: {
+            type: String,
+            default: "",
+        },
     },
 
     setup(props) {
@@ -25,5 +29,5 @@ export const itemMj = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-mj">    <item-head :itemdata="item"></item-head>    <a class="school flexacenter" :href="item.url" target="_blank">        <img class="icon" v-if="item.data.schoollogo" :src="item.data.schoollogo" mode="heightFix"></image>        <div class="text flex1 one-line-display">{{ item.data.schoolname }}</div>    </a>    <a class="major flexacenter" v-if="item.data.professional" :href="item.url" target="_blank">        <div class="key">{{ item.data.project ? '专业' : '项目/专业' }}</div>        <div class="value flex1 one-line-display">{{ item.data.professional }}</div>    </a>    <a class="major flexacenter" v-if="item.data.project" :href="item.url" target="_blank">        <div class="key">项目</div>        <div class="value flex1 one-line-display">{{ item.data.project }}</div>    </a>    <a class="major flexacenter" v-if="item.data.interviewtime" :href="item.url" target="_blank">        <div class="key">面试</div>        <div class="value time flex1 one-line-display">{{ item.data.interviewtime }}</div>    </a>    <a class="message" v-if="item.content" :href="item.url" target="_blank">{{ item.content }}</a>    <item-bottom :itemdata="item"></item-bottom></div>`,
+    template: `<div class="item-box item-mj">    <item-head :itemdata="item" :page="page"></item-head>    <a class="school flexacenter" :href="item.url" target="_blank">        <img class="icon" v-if="item.data.schoollogo" :src="item.data.schoollogo" mode="heightFix"></image>        <div class="text flex1 one-line-display">{{ item.data.schoolname }}</div>    </a>    <a class="major flexacenter" v-if="item.data.professional" :href="item.url" target="_blank">        <div class="key">{{ item.data.project ? '专业' : '项目/专业' }}</div>        <div class="value flex1 one-line-display">{{ item.data.professional }}</div>    </a>    <a class="major flexacenter" v-if="item.data.project" :href="item.url" target="_blank">        <div class="key">项目</div>        <div class="value flex1 one-line-display">{{ item.data.project }}</div>    </a>    <a class="major flexacenter" v-if="item.data.interviewtime" :href="item.url" target="_blank">        <div class="key">面试</div>        <div class="value time flex1 one-line-display">{{ item.data.interviewtime }}</div>    </a>    <a class="message" v-if="item.content" :href="item.url" target="_blank">{{ item.content }}</a>    <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
 });

component/item-mj/item-mj.txt

@@ -1,5 +1,5 @@
 <div class="item-box item-mj">
-    <item-head :itemdata="item"></item-head>
+    <item-head :itemdata="item" :page="page"></item-head>
     <a class="school flexacenter" :href="item.url" target="_blank">
         <img class="icon" v-if="item.data.schoollogo" :src="item.data.schoollogo" mode="heightFix"></image>
         <div class="text flex1 one-line-display">{{ item.data.schoolname }}</div>
@@ -22,5 +22,5 @@
 
     <a class="message" v-if="item.content" :href="item.url" target="_blank">{{ item.content }}</a>
 
-    <item-bottom :itemdata="item"></item-bottom>
+    <item-bottom :itemdata="item" :page="page"></item-bottom>
 </div>

component/item-offer/item-offer.js

@@ -12,64 +12,16 @@ export const itemOffer = defineComponent({
             type: Object,
             default: () => {},
         },
+        page: {
+            type: String,
+            default: "",
+        },
     },
 
     setup(props) {
         let item = ref({ ...props.itemdata });
         item.value["url"] = "/details/" + item.value.uniqid;
 
-        // let isLogin = ref(true);
-        // let realname = ref(1); // 是否已经实名
-        // let userInfoWin = ref({
-        //     authority: ["comment.edit", "comment.delete", "offercollege.hide", "offersummary.hide", "mj.hide", "topic:manager", "topic:hide"],
-        //     avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFVSEKWOikN42jDKLNjtax7HL4xtfMOJSdU9oWFhY2E~/middle?random=1761733169",
-        //     groupid: 3,
-        //     nickname: "肖荣豪",
-        //     realname: 1,
-        //     token: "01346a38444d71aaadb3adad52b52c39",
-        //     uid: 500144,
-        //     uin: 4238049,
-        // });
-
-        // let permissions = ref([]);
-
-        // const getUserInfoWin = () => {
-        //     const checkUser = () => {
-        //         const user = window.userInfoWin;
-        //         if (!user) return;
-        //         document.removeEventListener("getUser", checkUser);
-        //         realname.value = user.realname;
-        //         userInfoWin.value = user;
-        //         if (user?.uin > 0 || user?.uid > 0) isLogin.value = true;
-        //     };
-        //     document.addEventListener("getUser", checkUser);
-        // };
-
-        // const openAttest = () => {
-        //     const handleAttestClose = () => {
-        //         document.removeEventListener("closeAttest", handleAttestClose);
-        //         realname.value = window.userInfoWin?.realname || 0;
-        //     };
-        //     // 启动认证流程时添加监听
-        //     document.addEventListener("closeAttest", handleAttestClose);
-        //     loadAttest(2);
-        // };
-
-        // // 跳转登录
-        // const goLogin = () => {
-        //     if (typeof window === "undefined") return;
-        //     if (window["userInfoWin"] && Object.keys(window["userInfoWin"]).length !== 0) {
-        //         if (window["userInfoWin"]["uid"]) isLogin.value = true;
-        //         else ajax_login();
-        //     } else ajax_login();
-        // };
-
-        // provide("isLogin", isLogin);
-        // provide("userInfoWin", userInfoWin);
-        // provide("realname", realname);
-        // provide("openAttest", openAttest);
-        // provide("goLogin", goLogin);
-
         return { item };
     },
 
@@ -78,5 +30,5 @@ export const itemOffer = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-offer">    <item-head :itemdata="item"></item-head>    <a class="school flexacenter" :href="item.url" target="_blank">        <img class="icon" v-if="item.data.schoollogo" :src="item.data.schoollogo" mode="heightFix"></image>        <div class="text flex1 one-line-display">{{ item.data.schoolname }}</div>    </a>    <a class="major flexacenter" v-if="item.data.professional" :href="item.url" target="_blank">        <div class="key">{{ item.data.project ? '专业' : '项目/专业' }}</div>        <div class="value flex1 one-line-display">{{ item.data.professional }}</div>    </a>    <a class="major flexacenter" v-if="item.data.project" :href="item.url" target="_blank">        <div class="key">项目</div>        <div class="value flex1 one-line-display">{{ item.data.project }}</div>    </a>    <a class="info flexacenter" :href="item.url" target="_blank">        {{ item.data.semester }}        <div class="line"></div>        {{ item.data.degree }}        <div class="line"></div>        <div class="results" :class="['r' + item.data.apply_results]">{{ item.data.apply_results_text }}</div>    </a>    <a class="message" v-if="item.content" :href="item.url" target="_blank">{{ item.content }}</a>    <item-bottom :itemdata="item"></item-bottom></div>`,
+    template: `<div class="item-box item-offer">    <item-head :itemdata="item" :page="page"></item-head>    <a class="school flexacenter" :href="item.url" target="_blank">        <img class="icon" v-if="item.data.schoollogo" :src="item.data.schoollogo" mode="heightFix"></image>        <div class="text flex1 one-line-display">{{ item.data.schoolname }}</div>    </a>    <a class="major flexacenter" v-if="item.data.professional" :href="item.url" target="_blank">        <div class="key">{{ item.data.project ? '专业' : '项目/专业' }}</div>        <div class="value flex1 one-line-display">{{ item.data.professional }}</div>    </a>    <a class="major flexacenter" v-if="item.data.project" :href="item.url" target="_blank">        <div class="key">项目</div>        <div class="value flex1 one-line-display">{{ item.data.project }}</div>    </a>    <a class="info flexacenter" :href="item.url" target="_blank">        {{ item.data.semester }}        <div class="line"></div>        {{ item.data.degree }}        <div class="line"></div>        <div class="results" :class="['r' + item.data.apply_results]">{{ item.data.apply_results_text }}</div>    </a>    <a class="message" v-if="item.content" :href="item.url" target="_blank">{{ item.content }}</a>    <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
 });

component/item-offer/item-offer.txt

@@ -1,5 +1,5 @@
 <div class="item-box item-offer">
-    <item-head :itemdata="item"></item-head>
+    <item-head :itemdata="item" :page="page"></item-head>
     <a class="school flexacenter" :href="item.url" target="_blank">
         <img class="icon" v-if="item.data.schoollogo" :src="item.data.schoollogo" mode="heightFix"></image>
         <div class="text flex1 one-line-display">{{ item.data.schoolname }}</div>
@@ -24,5 +24,5 @@
     </a>
 
     <a class="message" v-if="item.content" :href="item.url" target="_blank">{{ item.content }}</a>
-    <item-bottom :itemdata="item"></item-bottom>
+    <item-bottom :itemdata="item" :page="page"></item-bottom>
 </div>

component/item-summary/item-summary.js

@@ -12,6 +12,10 @@ export const itemSummary = defineComponent({
             type: Object,
             default: () => {},
         },
+        page: {
+            type: String,
+            default: "",
+        },
     },
 
     setup(props) {
@@ -26,5 +30,5 @@ export const itemSummary = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-summary">    <item-head :itemdata="item"></item-head>    <a class="title" v-if="item.title" :href="item.url" target="_blank">{{ item.title }}</a>    <a class="message one-line-display" :href="item.url" target="_blank" v-if="item.content">{{ item.content }}</a>    <a class="total flexacenter" :href="item.url" target="_blank">        <div>共</div>        <div class="num">{{ item.data.offercount }}</div>        <div>个Offer</div>    </a>    <a class="list flexacenter" :href="item.url" target="_blank">        <div class="item flexflex" v-for="(it,i) in item.data.offerlist" :key="i">            <div class="item-content flexflex">                <div class="school flexacenter">                    <img class="icon" v-if="it.schoollogo" :src="it.schoollogo" mode="heightFix"></image>                    <div class="name one-line-display flex1">{{ it.schoolname }}</div>                </div>                <div class="major one-line-display" v-if="it.professional">{{ it.professional }}</div>                <div class="info flexacenter">                    {{ it.semester || '25Fall' }}                    <div class="line"></div>                    {{ it.degree || 'MSc' }}                    <div class="line"></div>                    <div class="results" :class="['r' + it.apply_results]">{{ it.apply_results_text || 'Offer' }}</div>                </div>            </div>        </div>        <div v-if="item.data.offercount > 3" class="item more flexcenter">            <div class="item-content flexcenter">                <div class="">查看更多</div>                <img class="icon" src="/img/arrows-circle-dark-blue.svg" mode="heightFix"></image>            </div>        </div>    </a>    <item-bottom :itemdata="item"></item-bottom></div>`,
+    template: `<div class="item-box item-summary">    <item-head :itemdata="item" :page="page"></item-head>    <a class="title" v-if="item.title" :href="item.url" target="_blank">{{ item.title }}</a>    <a class="message one-line-display" :href="item.url" target="_blank" v-if="item.content">{{ item.content }}</a>    <a class="total flexacenter" :href="item.url" target="_blank">        <div>共</div>        <div class="num">{{ item.data.offercount }}</div>        <div>个Offer</div>    </a>    <a class="list flexacenter" :href="item.url" target="_blank">        <div class="item flexflex" v-for="(it,i) in item.data.offerlist" :key="i">            <div class="item-content flexflex">                <div class="school flexacenter">                    <img class="icon" v-if="it.schoollogo" :src="it.schoollogo" mode="heightFix"></image>                    <div class="name one-line-display flex1">{{ it.schoolname }}</div>                </div>                <div class="major one-line-display" v-if="it.professional">{{ it.professional }}</div>                <div class="info flexacenter">                    {{ it.semester || '25Fall' }}                    <div class="line"></div>                    {{ it.degree || 'MSc' }}                    <div class="line"></div>                    <div class="results" :class="['r' + it.apply_results]">{{ it.apply_results_text || 'Offer' }}</div>                </div>            </div>        </div>        <div v-if="item.data.offercount > 3" class="item more flexcenter">            <div class="item-content flexcenter">                <div class="">查看更多</div>                <img class="icon" src="/img/arrows-circle-dark-blue.svg" mode="heightFix"></image>            </div>        </div>    </a>    <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
 });

component/item-summary/item-summary.txt

@@ -1,5 +1,5 @@
 <div class="item-box item-summary">
-    <item-head :itemdata="item"></item-head>
+    <item-head :itemdata="item" :page="page"></item-head>
     <a class="title" v-if="item.title" :href="item.url" target="_blank">{{ item.title }}</a>
     <a class="message one-line-display" :href="item.url" target="_blank" v-if="item.content">{{ item.content }}</a>
     <a class="total flexacenter" :href="item.url" target="_blank">
@@ -32,5 +32,5 @@
             </div>
         </div>
     </a>
-    <item-bottom :itemdata="item"></item-bottom>
+    <item-bottom :itemdata="item" :page="page"></item-bottom>
 </div>

component/item-tenement/item-tenement.js

@@ -12,6 +12,10 @@ export const itemTenement = defineComponent({
             type: Object,
             default: () => {},
         },
+        page: {
+            type: String,
+            default: "",
+        },
     },
 
     setup(props) {
@@ -84,5 +88,5 @@ export const itemTenement = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-tenement">    <item-head :itemdata="item"></item-head>    <div class="label flexflex" v-if="sectionn?.length || tags?.length">        <img class="item icon" v-if="item.isintermediary == 1" style="width: 94px; cursor: auto;" src="/img/intermediary-icon.png" />        <img class="item icon" v-if="item.verified == 1" style="width: 94px; cursor: auto;" src="/img/attestation-icon.png" />        <div class="item blue" v-for="(item, index) in sectionn" :key="item" style="cursor: auto;">{{ item }}</div>        <div class="item" v-for="(item, index) in tags" :key="item" style="cursor: auto;">{{ item }}</div>    </div>    <a class="title" :href="item.url" target="_blank">{{ item.subject }}</a>    <a class="site-box flexacenter" :href="item.url" target="_blank">        <template v-if="item.intermediary == 6">            <div class="site-item flexacenter" v-for="(item, index) in item.location" :key="index">                <img class="site-icon" src="/img/orientation.png">                {{ item }}            </div>        </template>        <div v-else class="site-item flexacenter">            <img class="site-icon" src="/img/orientation.png">            {{ item.location || '' }}        </div>    </a>    <a class="price-section flexacenter" :href="item.url" target="_blank">        <div class="unit">HK$</div>        <div class="price">{{ item.rent }}</div>        <span class="text">/月</span>        <div class="rentalduration">[ 租期{{ item.rentalduration }} ]</div>    </a>    <a class="picture flexacenter" :href="item.url" target="_blank" v-if="item.images?.length != 0">        <img class="picture-item" v-for="(item, index) in item.images" :key="index" :src="item" alt="">    </a>    <item-bottom :itemdata="item"></item-bottom></div>`,
+    template: `<div class="item-box item-tenement">    <item-head :itemdata="item" :page="page"></item-head>    <div class="label flexflex" v-if="sectionn?.length || tags?.length">        <img class="item icon" v-if="item.isintermediary == 1" style="width: 94px; cursor: auto;" src="/img/intermediary-icon.png" />        <img class="item icon" v-if="item.verified == 1" style="width: 94px; cursor: auto;" src="/img/attestation-icon.png" />        <div class="item blue" v-for="(item, index) in sectionn" :key="item" style="cursor: auto;">{{ item }}</div>        <div class="item" v-for="(item, index) in tags" :key="item" style="cursor: auto;">{{ item }}</div>    </div>    <a class="title" :href="item.url" target="_blank">{{ item.subject }}</a>    <a class="site-box flexacenter" :href="item.url" target="_blank">        <template v-if="item.intermediary == 6">            <div class="site-item flexacenter" v-for="(item, index) in item.location" :key="index">                <img class="site-icon" src="/img/orientation.png">                {{ item }}            </div>        </template>        <div v-else class="site-item flexacenter">            <img class="site-icon" src="/img/orientation.png">            {{ item.location || '' }}        </div>    </a>    <a class="price-section flexacenter" :href="item.url" target="_blank">        <div class="unit">HK$</div>        <div class="price">{{ item.rent }}</div>        <span class="text">/月</span>        <div class="rentalduration">[ 租期{{ item.rentalduration }} ]</div>    </a>    <a class="picture flexacenter" :href="item.url" target="_blank" v-if="item.images?.length != 0">        <img class="picture-item" v-for="(item, index) in item.images" :key="index" :src="item" alt="">    </a>    <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
 });

component/item-tenement/item-tenement.txt

@@ -1,5 +1,5 @@
 <div class="item-box item-tenement">
-    <item-head :itemdata="item"></item-head>
+    <item-head :itemdata="item" :page="page"></item-head>
     <div class="label flexflex" v-if="sectionn?.length || tags?.length">
         <img class="item icon" v-if="item.isintermediary == 1" style="width: 94px; cursor: auto;" src="/img/intermediary-icon.png" />
         <img class="item icon" v-if="item.verified == 1" style="width: 94px; cursor: auto;" src="/img/attestation-icon.png" />
@@ -33,5 +33,5 @@
         <img class="picture-item" v-for="(item, index) in item.images" :key="index" :src="item" alt="">
     </a>
 
-    <item-bottom :itemdata="item"></item-bottom>
+    <item-bottom :itemdata="item" :page="page"></item-bottom>
 </div>

component/item-vote/item-vote.js

@@ -12,11 +12,62 @@ export const itemVote = defineComponent({
             type: Object,
             default: () => {},
         },
+        page: {
+            type: String,
+            default: "",
+        },
     },
 
     setup(props) {
+        // 处理 截止时间
+        const handleDeadline = (dateTimeStamp = "") => {
+            if (typeof dateTimeStamp == "number") dateTimeStamp = dateTimeStamp ? dateTimeStamp * 1000 : null;
+            if (typeof dateTimeStamp == "string" && dateTimeStamp.match(/^\d{4}-\d{2}-\d{2}$/)) dateTimeStamp += " 23:59:59";
+            const timestamp = new Date(dateTimeStamp.replace(/-/g, "/")).getTime();
+            const now = Date.now();
+            const diffValue = timestamp - now;
+
+            if (diffValue < 0) return null;
+
+            const units = [
+                {
+                    value: 24 * 60 * 60 * 1000,
+                    unit: "天",
+                },
+                {
+                    value: 60 * 60 * 1000,
+                    unit: "小时",
+                },
+                {
+                    value: 60 * 1000,
+                    unit: "分钟",
+                },
+                {
+                    value: 1000,
+                    unit: "秒",
+                },
+            ];
+
+            for (const { value, unit } of units) {
+                if (diffValue >= value) {
+                    return {
+                        num: Math.round(diffValue / value),
+                        unit,
+                    };
+                }
+            }
+            return {
+                num: 0,
+                unit: "秒",
+            };
+        };
+
         let item = ref({ ...props.itemdata });
-        item.value['url'] = 'https://vote.gter.net/details/' + item.value.uniqid;
+        item.value["time"] = handleDeadline(item.value.data.deadline);
+        item.value["url"] = "/details/" + item.value.uniqid;
+        const option = item.value.data.option || [];
+        item.value["isvote"] = option.some((item) => item.selected == 1);
+
         return { item };
     },
 
@@ -25,5 +76,5 @@ export const itemVote = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-vote">    <item-head :itemdata="item"></item-head>    <a class="title" :href="item.url" target="_blank">{{ item.title }}</a>    <a class="message one-line-display" v-if="item.content">{{ item.content }}</a>    <a class="info flexacenter" target="_blank" :href="item.url">        <template v-if="item?.data.status == 1">            <div class="status">进行中</div>            <div class="line"></div>            <div class="num">{{ item?.time.num }}</div>{{ item.time.unit }}后结束        </template>        <div v-else class="status end">已结束</div>        <div class="line"></div>        <div class="num">{{ item?.data?.votes }}</div>人参与    </a>    <a class="list" :class="{ 'voted': !item.time || item.isvote }"  target="_blank" :href="item.url">        <div class="list-item flexcenter " v-for="(item, index) in item?.data?.option" :key="index">            <div class="list-top flexacenter">                <img v-if="item.selected" class="list-tick" src="/img/vote-tick.svg">                <div v-else class="list-serial flexcenter">{{ index + 1 }}</div>                <div class="list-text one-line-display flex1">{{ item.value }}</div>            </div>            <div class="list-bottom flexacenter">                <div class="list-length" :style="{ width: item.percentage + '%' }"></div>{{ item.count }}            </div>        </div>    </a>    <item-bottom :itemdata="item"></item-bottom></div>`,
+    template: `<div class="item-box item-vote">    <item-head :itemdata="item" :page="page"></item-head>    <a class="title" :href="item.url" target="_blank">{{ item.title }}</a>    <a class="message one-line-display" v-if="item.content">{{ item.content }}</a>    <a class="info flexacenter" target="_blank" :href="item.url">        <template v-if="item?.data.status == 1">            <div class="status">进行中</div>            <div class="line"></div>            <div class="num">{{ item?.time.num }}</div>{{ item.time.unit }}后结束        </template>        <div v-else class="status end">已结束</div>        <div class="line"></div>        <div class="num">{{ item?.data?.votes }}</div>人参与    </a>    <a class="list" :class="{ 'voted': !item.time || item.isvote }"  target="_blank" :href="item.url">        <div class="list-item flexcenter " v-for="(item, index) in item?.data?.option" :key="index">            <div class="list-top flexacenter">                <img v-if="item.selected" class="list-tick" src="/img/vote-tick.svg">                <div v-else class="list-serial flexcenter">{{ index + 1 }}</div>                <div class="list-text one-line-display flex1">{{ item.value }}</div>            </div>            <div class="list-bottom flexacenter">                <div class="list-length" :style="{ width: item.percentage + '%' }"></div>{{ item.count }}            </div>        </div>    </a>    <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
 });

component/item-vote/item-vote.txt

@@ -1,5 +1,5 @@
 <div class="item-box item-vote">
-    <item-head :itemdata="item"></item-head>
+    <item-head :itemdata="item" :page="page"></item-head>
     <a class="title" :href="item.url" target="_blank">{{ item.title }}</a>
     <a class="message one-line-display" v-if="item.content">{{ item.content }}</a>
     <a class="info flexacenter" target="_blank" :href="item.url">
@@ -25,5 +25,5 @@
             </div>
         </div>
     </a>
-    <item-bottom :itemdata="item"></item-bottom>
+    <item-bottom :itemdata="item" :page="page"></item-bottom>
 </div>

component/latest-list/latest-list.js

@@ -113,5 +113,5 @@ export const latestList = defineComponent({
         itemHead,
     },
 
-    template: `<div class="posts-box box-newest " :class="['boxtype-' + boxtype]">    <div v-if="boxtype == 'newest'" class="box-newest-head flexacenter">        <img class="icon" src="/img/newest-icon.png" alt="" />        最新    </div>    <div v-else-if="boxtype == 'essence'" class="box-newest-head flexacenter">        <img class="icon" src="/img/essence.png" alt="" />        精华阅读    </div>    <div v-else class="slideshow-box">        <div class="tab-list flexacenter">            <div class="tab-item newest" :class="{'pitch': postsTab == 'newest'}" @click="tabPostsItem('newest')">最新</div>            <div class="tab-item essence" :class="{'pitch': postsTab == 'essence'}" @click="tabPostsItem('essence')">精华</div>        </div>    </div>    <div class="slideshow-content flexflex">        <!-- newest 最新 -->        <div class="newest-side-box side-box">            <img class="bounding" src="/img/bounding-circle-green.svg" alt="" />            <div class="box">                <a v-for="(item, index) in latestList" :key="index" class="item flexacenter vuehide" :href="'/details/' + item.uniqid" target="_blank">                    <div class="dot dot-green"></div>                    <div class="text one-line-display">{{ item.title }}</div>                </a>            </div>        </div>        <!-- essence 精选 -->        <div class="essence-side-box side-box">            <img class="bounding" src="/img/bounding-circle-blue.svg" alt="" />            <div class="box">                <a v-for="(item, index) in topList" :key="index" class="item flexacenter vuehide" :href="'/details/' + item.uniqid" target="_blank">                    <div class="dot"></div>                    <div class="text one-line-display">{{ item.title }}</div>                </a>            </div>        </div>    </div></div>`,
+    template: `<div class="posts-box box-newest " :class="['boxtype-' + boxtype]">    <div v-if="boxtype == 'newest'" class="box-newest-head flexacenter">        <img class="icon" src="/img/newest-icon.png" alt="" />        最新    </div>    <div v-else-if="boxtype == 'essence'" class="box-newest-head flexacenter">        <img class="icon" src="/img/essence.png" alt="" />        精华阅读    </div>    <div v-else class="slideshow-box">        <div class="tab-list flexacenter">            <div class="tab-item newest" :class="{'pitch': postsTab == 'newest'}" @click="tabPostsItem('newest')">最新</div>            <div class="tab-item essence" :class="{'pitch': postsTab == 'essence'}" @click="tabPostsItem('essence')">精华</div>        </div>    </div>    <div class="slideshow-content flexflex">        <!-- newest 最新 -->        <div class="newest-side-box side-box">            <img class="bounding" src="/img/bounding-circle-green.svg" alt="" />            <div class="box">                <a v-for="(item, index) in latestList" :key="index" class="item flexacenter vuehide" :href="'/details/' + item.uniqid" target="_blank">                    <div class="dot dot-green"></div>                    <div class="text one-line-display">{{ item.title || item.content }}</div>                </a>            </div>        </div>        <!-- essence 精选 -->        <div class="essence-side-box side-box">            <img class="bounding" src="/img/bounding-circle-blue.svg" alt="" />            <div class="box">                <a v-for="(item, index) in topList" :key="index" class="item flexacenter vuehide" :href="'/details/' + item.uniqid" target="_blank">                    <div class="dot"></div>                    <div class="text one-line-display">{{ item.title || item.content }}</div>                </a>            </div>        </div>    </div></div>`,
 });

component/latest-list/latest-list.txt

@@ -20,7 +20,7 @@
             <div class="box">
                 <a v-for="(item, index) in latestList" :key="index" class="item flexacenter vuehide" :href="'/details/' + item.uniqid" target="_blank">
                     <div class="dot dot-green"></div>
-                    <div class="text one-line-display">{{ item.title }}</div>
+                    <div class="text one-line-display">{{ item.title || item.content }}</div>
                 </a>
             </div>
         </div>
@@ -31,7 +31,7 @@
             <div class="box">
                 <a v-for="(item, index) in topList" :key="index" class="item flexacenter vuehide" :href="'/details/' + item.uniqid" target="_blank">
                     <div class="dot"></div>
-                    <div class="text one-line-display">{{ item.title }}</div>
+                    <div class="text one-line-display">{{ item.title || item.content }}</div>
                 </a>
             </div>
         </div>

component/load-box/load-box.js

@@ -0,0 +1,19 @@
+// my-component.js
+// 引入全局 Vue 对象（因在 HTML 中通过 script 引入，Vue 已挂载到 window）
+const { defineComponent, ref, onMounted, onUnmounted } = Vue;
+
+// 定义组件（直接使用模板）
+export const loadBox = defineComponent({
+    name: "load-box",
+    props: {
+        loading: {
+            type: String,
+            default: "",
+        },
+    },
+    setup(props) {
+        return {  };
+    },
+
+    template: `<div class="list-load-box flexcenter" :class="{'show': loading}"><img class="list-load-icon" src="/img/load-icon.svg" /><div class="list-load-text">加载中</div></div>`,
+});