111

Web/src/pages/chat/index.vue

@@ -0,0 +1,51 @@
+<template>
+    <div class="contet">
+        【聊天频道】. <Abutton @click="Refresh">刷新</Abutton><br />
+        <Abar href="/news">*更新内容早知道</Abar>
+    </div>
+    <div class="title">
+        <Acheak @click="BindData('')" :on-value="type" on-cheak="">公共</Acheak>.
+        <Acheak @click="BindData('1')" :on-value="type" on-cheak="1">队伍</Acheak>.
+        <Acheak @click="BindData('2')" :on-value="type" on-cheak="2">帮派</Acheak>.
+        <Acheak @click="BindData('3')" :on-value="type" on-cheak="3">全区</Acheak>.
+        <Acheak @click="BindData('4')" :on-value="type" on-cheak="4">系统</Acheak>.
+        <Acheak @click="BindData('5')" :on-value="type" on-cheak="5">全服</Acheak>
+    </div>
+    <div class="chat">
+        <div class="item">
+            暂无发言.
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+definePageMeta({
+    layout: layout.default,
+    middleware: 'page-loading'
+})
+
+const type = ref('');
+
+onMounted(async () => {
+    try {
+        await BindData(type.value);
+    }
+    finally {
+        PageLoading.Close();
+    }
+})
+
+const BindData = async (typeid: string): Promise<void> => {
+    if (type.value != typeid) {
+        type.value = typeid;
+    }
+};
+
+/**刷新 */
+const Refresh = async (): Promise<void> => {
+    MessageExtend.LoadingToast("刷新中...");
+    await BindData(type.value);
+    MessageExtend.LoadingClose();
+    MessageExtend.Notify("刷新成功!", "success");
+    PageExtend.ScrollToTop();
+}
+</script>

Web/src/pages/index.vue

@@ -69,7 +69,7 @@
   </div>
   <div class="foot">
     <div class="timeService">
-      小G报时(18:33)
+      小G报时({{ TimeExtend.Now("HH:mm") }})
     </div>
   </div>
 </template>

Web/src/pages/map/index.vue

@@ -3,24 +3,22 @@
         <span>[在线奖励]:3分钟后可领取.</span>
     </div>
     <div class="content">
-        威尼斯&#xB7;广场
+        {{ cityInfo.cityName }}·{{ mapInfo.mapName }}
         <Abutton @click="Refresh">刷新</Abutton>
-        <a class="a-nomargin"
-            href="/Task/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">任务</a><a class=""
-            href="/Message/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">消息</a>
+        <Abar href="">任务</Abar>
+        <Abar href="">消息</Abar>
     </div>
-    <div class="content" style="font-size:14px;font-weight:bold;color:dodgerblue">
 
-    </div>
     <div class="notification">
         <div class="chat">
             <div class="item">
                 [公共]
-                <span><img src='http://gree.pccsh.com/res/badge/9001.gif' class='user-head' alt='头像' /><a class='a-nodec'
-                        href='/User/Index/Home/250822?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo'><span
-                            class='Nick-Gold'>　　　航海百曉生　　　　</span></a><img src='http://gree.pccsh.com/res/badge/9001.gif' alt='vip'
-                        class='vip' />&nbsp;<span class='icon-cry'><i class='icon-crystal liangHao'></i></span><img
-                        src='http://gree.pccsh.com/res/badge/9001.gif' alt='心愿星河' class='badge' />&nbsp;</span>
+                <span><img src='http://gree.pccsh.com/res/badge/9001.gif' class='user-head' alt='头像' /><a
+                        class='a-nodec' href='/User/Index/Home/250822?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo'><span
+                            class='Nick-Gold'>　　　航海百曉生　　　　</span></a><img src='http://gree.pccsh.com/res/badge/9001.gif'
+                        alt='vip' class='vip' />&nbsp;<span class='icon-cry'><i
+                            class='icon-crystal liangHao'></i></span><img src='http://gree.pccsh.com/res/badge/9001.gif'
+                        alt='心愿星河' class='badge' />&nbsp;</span>
                 :
                 <span class=''>出身上天魔套15，复仇8，白副手10块，白四象5块，4级审判20，一套5级房子材料20</span>
             </div>
@@ -39,65 +37,46 @@
         </a>
     </div>
     <div class="content">
-        <div class="item"><a href='/Task/Npc/Index?npc=1101006&sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo'>巴萨尼奥</a></div>
-        <div class="item"><a href='/Map/Npc/Index?npc=1101016&sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo'>海精灵(福利)</a></div>
-        <div class="item"><a href='/Map/Npc/Index?npc=1101061&sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo'>战场指挥官(攻城)</a></div>
-        <div class="item"><a href='/Map/Npc/Index?npc=1101064&sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo'>欧若拉(主神)</a></div>
+        <div class="item" v-for="item in npcData">
+            <Abar href="">{{item.npcName}}{{item.tips}}</Abar>
+        </div>       
     </div>
     <div class="content">
     </div>
     <div class="content">
+        请选择出口:<br />
+        <span v-if="mapDong.mapId != ''">东:<Abutton @click="BindData(mapDong.mapId)">{{ mapDong.name }}</Abutton></span>
+        <span v-if="mapXi.mapId != ''">西:<Abutton @click="BindData(mapXi.mapId)">{{ mapXi.name }}</Abutton></span>
+        <br v-if="mapDong.mapId != '' || mapXi.mapId != ''">
+        <span v-if="mapNan.mapId != ''">南:<Abutton @click="BindData(mapNan.mapId)">{{ mapNan.name }}</Abutton></span>
+        <span v-if="mapBei.mapId != ''">北:<Abutton @click="BindData(mapBei.mapId)">{{ mapBei.name }}</Abutton></span>
     </div>
-    <div class="content">请选择出口:<br />东：<a
-            href='/Map/17_27?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo&_r=YA9mrXPxwRpy'>市场</a>&nbsp;&nbsp;西：<a
-            href='/Map/15_27?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo&_r=YA9mrXPxwRpy'>教堂</a>&nbsp;&nbsp;<br />南：<a
-            href='/Map/16_28?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo&_r=YA9mrXPxwRpy'>银行</a>&nbsp;&nbsp;北：<a
-            href='/Map/16_26?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo&_r=YA9mrXPxwRpy'>珠宝店</a>&nbsp;&nbsp;</div>
+
     <div class="content">
         【<a class="" href="/Map/Index/MapCity/16_27?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">城内地图</a>】.<a class=""
             href="/Business/Help/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">帮助</a>.<a class=""
             href="/Privilege/Purdiam/MapTo?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">传送</a><br />
-        <div style="font-size:16px;line-height:16px;">
-            ➢当前坐标：X-16&nbsp;&nbsp;Y-27
-        </div>
     </div>
     <div class="content">
-        每逢节假日，来找海精灵，有惊喜～
+        {{ mapInfo.tips }}
     </div>
     <div class="content">
-        <div class="common">
-            <a class="" href="/User/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">状态</a>. <a class=""
-                href="/Bag/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">物品</a>. <a class=""
-                href="/Chat/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">聊天</a>
-        </div>
-        <div class="common">
-            <a class="" href="/Friend/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">好友</a>. <a class=""
-                href="/Pet/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">宠物</a>. <a class=""
-                href="/Team/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">队伍</a>
-        </div>
-        <div class="common">
-            <a class="" href="/Mall/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">商城</a>. <a class=""
-                href="/Bus/Proffer/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">神殿</a>. <a class=""
-                href="/Business/Market/Act?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">活动</a>
-        </div>
-        <div class="common">
-            <a class="" href="/Act/Kill/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">天榜</a>. <a class=""
-                href="/Act/Sky/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">赛事</a>. <a class=""
-                href="/Rank/Index/Index?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">排行</a>
-        </div>
+        <MapMenu></MapMenu>
     </div>
+    <Footer></Footer>
 </template>
 <script setup lang="ts">
 definePageMeta({
-    layout: layout.default,
+    layout: layout.empty,
     middleware: 'page-loading'
 })
-
-
+const mapInfo = ref<any>({});
+const cityInfo = ref<any>({});
+const npcData = ref<Array<any>>([]);
 
 onMounted(async () => {
     try {
-        await BindData();
+        await BindData("");
     }
     finally {
         PageLoading.Close();
@@ -105,20 +84,40 @@ onMounted(async () => {
 })
 
 /**加载方法 */
-const BindData = async (): Promise<void> => {
+const BindData = async (map: string): Promise<void> => {
+    let result = await MapService.GetMapData(map);
+    if (result.code == 0) {
+        mapInfo.value = result.data.mapInfo;
+        cityInfo.value = result.data.cityInfo;
+        npcData.value = result.data.npcData;
+        MapVent(result.data.mapInfo.near);
+        console.log(result.data);
 
+    }
+    else {
+        MessageExtend.ShowDialog("异常错误", result.msg);
+    }
 };
 
 /**刷新 */
 const Refresh = async (): Promise<void> => {
     MessageExtend.LoadingToast("刷新中...");
-    await BindData();
-    window.setTimeout(() => {
-        MessageExtend.LoadingClose();
-        MessageExtend.Notify("刷新成功!", "success");
-    }, 1000)
-
+    await BindData("");
+    MessageExtend.LoadingClose();
+    MessageExtend.Notify("刷新成功!", "success");
 
 }
 
+/**渲染出口 */
+const mapDong = ref<any>({});
+const mapXi = ref<any>({});
+const mapNan = ref<any>({});
+const mapBei = ref<any>({});
+const MapVent = (near: Array<any>): void => {
+    mapDong.value = near.find(item => item.positition == "东");
+    mapXi.value = near.find(item => item.positition == '西');
+    mapNan.value = near.find(item => item.positition == '南');
+    mapBei.value = near.find(item => item.positition == '北');
+}
+
 </script>