f

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);

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日内将无法预约故宫博物院门票及展览。祝你生活愉快！',
     },
   ]
 });

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);