From 0a11a492a7a38f85ee33774aa90bfe675574771f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=20=E5=85=83=E5=B1=B1?= <piercezzs@outlook.com>
Date: Thu, 1 Feb 2024 12:16:40 +0800
Subject: [PATCH] f

---
 src/views/about/annualworkplan.vue  | 15 ++++++++++++---
 src/views/about/audiencesurveys.vue | 23 +++++++++--------------
 src/views/about/threeyeannrep.vue   | 14 +++++++++++---
 3 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/src/views/about/annualworkplan.vue b/src/views/about/annualworkplan.vue
index 3b119e1..7ee4e04 100644
--- a/src/views/about/annualworkplan.vue
+++ b/src/views/about/annualworkplan.vue
@@ -7,7 +7,8 @@
         font-weight: 700;
         font-size: 20px;
       ">
-      <div class="col-10">延庆区博物馆2024年度工作计划</div>
+      <div class="col-10 cursor"
+           @click="handleOpen('https://cdns.fontree.cn/fonchain-main/test/image/40/recruit/17b48ac9-b64c-4ce2-ae97-a0cb0ac90fee.pdf')">延庆区博物馆2024年度工作计划</div>
       <div class="col-2">
         <div>发布时间</div>
         <div class="fl-mt-sm">2023-12-17</div>
@@ -19,7 +20,8 @@
         font-weight: 700;
         font-size: 20px;
       ">
-      <div class="col-10">延庆区博物馆2023年度工作计划</div>
+      <div class="col-10 cursor"
+           @click="handleOpen('https://cdns.fontree.cn/fonchain-main/test/image/40/recruit/4b94e30a-6237-497f-b3e6-3241c1708b91.pdf')">延庆区博物馆2023年度工作计划</div>
       <div class="col-2">
         <div>发布时间</div>
         <div class="fl-mt-sm">2022-12-17</div>
@@ -31,7 +33,8 @@
         font-weight: 700;
         font-size: 20px;
       ">
-      <div class="col-10">延庆区博物馆2022年度工作计划</div>
+      <div class="col-10 cursor"
+           @click="handleOpen('https://cdns.fontree.cn/fonchain-main/test/image/40/recruit/bbc7f174-b02f-447e-a9ba-55c0f180b6ab.pdf')">延庆区博物馆2022年度工作计划</div>
       <div class="col-2">
         <div>发布时间</div>
         <div class="fl-mt-sm">2021-12-17</div>
@@ -39,6 +42,12 @@
     </div>
   </div>
 </template>
+<script setup>
+const handleOpen = (url) => {
+  window.open(url)
+}
+</script>
+
 <style scoped>
 .about-page {
   max-height: calc(100vh - 160px - 145px);
diff --git a/src/views/about/audiencesurveys.vue b/src/views/about/audiencesurveys.vue
index a169fc8..ef5d1b1 100644
--- a/src/views/about/audiencesurveys.vue
+++ b/src/views/about/audiencesurveys.vue
@@ -63,8 +63,8 @@
                  style="width:100px">网友留言
             </div>
             <div class="fl-mr-sm"
-                 style="color:#6F6F6F">{{' '+ item.commint}}</div>
-            <div style="color:#54796F">{{item.time}}</div>
+                 style="color:#6F6F6F;word-break: break-all;">{{' '+ item.commint}}</div>
+            <div style="color:#54796F;word-break: break-all;">{{item.time}}</div>
           </div>
 
           <div class="fl-mt-sm row">
@@ -72,7 +72,7 @@
                  style="width:100px">留言回复
             </div>
             <div class="col-10"
-                 style="color:#6F6F6F">{{' '+ item.reply}}</div>
+                 style="color:#6F6F6F;word-break: break-all;">{{' '+ item.reply}}</div>
           </div>
 
         </div>
@@ -96,19 +96,14 @@ const router = useRouter();
 const state = reactive({
   userComment: [
     {
-      time: '2024-01-31',
-      commint: '不许笑',
-      reply: '哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。',
+      time: '2023-07-18',
+      commint: 'Hello.How can I get tickets in The Forbidden City if I am Russian tourist?',
+      reply: 'Hello,you can view ticket purchasing methods through Palace Museum Multilingual Website (https://intl.dpmorg.cn/visit.html?l=ru) Wish you apleasant visit!',
     },
     {
-      time: '2024-01-31',
-      commint: '不许笑',
-      reply: '哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。',
-    },
-    {
-      time: '2024-01-31',
-      commint: '不许笑',
-      reply: '哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。',
+      time: '2023-06-26',
+      commint: '网上预的两大一小的票，如果其中一个大人因故不能参观，现场能退票退款吗？',
+      reply: '你好！故宫门票(大门票、珍宝馆、钟表馆)一经检票，不予退票，未检票的门票可以于参观前一日2400前，通过原订票渠道退票，不计爽约。参规当日20:00前仍可退票，但计1次爽约。参观当日20:00后不可退票退款，且计1次爽约，每人每日最多记1次爽约，180日内累计爽约3次，从第3次爽约的的次日起，60日内将无法预约故宫博物院门票及展览。祝你生活愉快！',
     },
   ]
 });
diff --git a/src/views/about/threeyeannrep.vue b/src/views/about/threeyeannrep.vue
index 2127683..61d79be 100644
--- a/src/views/about/threeyeannrep.vue
+++ b/src/views/about/threeyeannrep.vue
@@ -7,7 +7,8 @@
         font-weight: 700;
         font-size: 20px;
       ">
-      <div class="col-10">延庆博物馆2023年工作报告</div>
+      <div class="col-10 cursor"
+           @click="handleOpen('https://cdns.fontree.cn/fonchain-main/test/image/40/recruit/d820103a-2883-4140-9c77-881cf2e2ccfc.pdf')">延庆博物馆2023年工作报告</div>
       <div class="col-2">
         <div>发布时间</div>
         <div class="fl-mt-sm">2023-12-17</div>
@@ -19,7 +20,8 @@
         font-weight: 700;
         font-size: 20px;
       ">
-      <div class="col-10">延庆博物馆2022年工作报告</div>
+      <div class="col-10 cursor"
+           @click="handleOpen('https://cdns.fontree.cn/fonchain-main/test/image/40/recruit/a08dd5cb-c7d7-4698-82bb-e12e85b74ff5.pdf')">延庆博物馆2022年工作报告</div>
       <div class="col-2">
         <div>发布时间</div>
         <div class="fl-mt-sm">2022-12-17</div>
@@ -31,7 +33,8 @@
         font-weight: 700;
         font-size: 20px;
       ">
-      <div class="col-10">延庆博物馆2021年工作报告</div>
+      <div class="col-10 cursor"
+           @click="handleOpen('https://cdns.fontree.cn/fonchain-main/test/image/40/recruit/b31e28b4-7b6d-4f65-9617-192ad7924e43.pdf')">延庆博物馆2021年工作报告</div>
       <div class="col-2">
         <div>发布时间</div>
         <div class="fl-mt-sm">2021-12-17</div>
@@ -39,6 +42,11 @@
     </div>
   </div>
 </template>
+<script setup>
+const handleOpen = (url) => {
+  window.open(url)
+}
+</script>
 <style scoped>
 .about-page {
   max-height: calc(100vh - 160px - 145px);