提交

src/view/IntangibleCulturalHeritageCeremony0/index.vue

@@ -55,12 +55,35 @@
         <p>
           推选材料需统一发送至组委会指定邮箱，邮件名必须以推选类别+推荐单位+被推荐对象人名/案例名命名。
         </p>
+        <van-cell-group inset title="联系人">
+          <van-cell title="王霞" value="85261298" label="陕西省文化和旅游厅" />
+          <van-cell
+            title="马树楠"
+            value="13891858345"
+            label="陕西广电融媒体集团"
+          />
+        </van-cell-group>
+        <van-cell-group inset title="邮箱">
+          <van-cell title="4110569@qq.com" />
+        </van-cell-group>
+        <van-cell-group inset title="推荐表下载">
+          <van-cell
+            @click="() => down(item)"
+            :title="item.title + '下载'"
+            is-link
+            v-for="item in downList"
+            :key="item.title"
+          />
+        </van-cell-group>
       </div>
     </div>
   </div>
 </template>
 <script setup>
 import { ref } from 'vue';
+// import { onMounted, reactive } from "vue";
+// import { isWechat } from '../../utils/isTerminal';
+import { showToast } from 'vant';
 const main = ref(null);
 const image = ref({
   width: 0,
@@ -69,6 +92,49 @@ const image = ref({
 const banner =
   'https://cxzx.smcic.net/topic/tool/img/%E9%9D%9E%E9%81%97%E7%9B%9B%E5%85%B8/Banner_1708331520.jpg?a=' +
   Date.now();
+const downList = [
+  {
+    title: '非遗年度人物',
+    downUrl:
+      'https://cxzx.smcic.net/topic/tool/img/%E9%9D%9E%E9%81%97%E7%9B%9B%E5%85%B8/%E9%99%95%E8%A5%BF%E9%9D%9E%E9%81%97%E5%B9%B4%E5%BA%A6%E4%BA%BA%E7%89%A9%E6%8E%A8%E8%8D%90%E8%A1%A8.docx'
+  },
+  {
+    title: '非遗项目保护实践典型案例',
+    downUrl:
+      'https://cxzx.smcic.net/topic/tool/img/%E9%9D%9E%E9%81%97%E7%9B%9B%E5%85%B8/%E9%99%95%E8%A5%BF%E9%9D%9E%E9%81%97%E9%A1%B9%E7%9B%AE%E4%BF%9D%E6%8A%A4%E5%AE%9E%E8%B7%B5%E5%85%B8%E5%9E%8B%E6%A1%88%E4%BE%8B%E6%8E%A8%E8%8D%90%E8%A1%A8.docx'
+  },
+  {
+    title: '非遗与旅游融合发展典型案例',
+    downUrl:
+      'https://cxzx.smcic.net/topic/tool/img/%E9%9D%9E%E9%81%97%E7%9B%9B%E5%85%B8/%E9%99%95%E8%A5%BF%E9%9D%9E%E9%81%97%E4%B8%8E%E6%97%85%E6%B8%B8%E8%9E%8D%E5%90%88%E5%8F%91%E5%B1%95%E5%85%B8%E5%9E%8B%E6%A1%88%E4%BE%8B%E6%8E%A8%E8%8D%90%E8%A1%A8.docx'
+  },
+  {
+    title: '非遗进校园典型案例',
+    downUrl:
+      'https://cxzx.smcic.net/topic/tool/img/%E9%9D%9E%E9%81%97%E7%9B%9B%E5%85%B8/%E9%99%95%E8%A5%BF%E9%9D%9E%E9%81%97%E8%BF%9B%E6%A0%A1%E5%9B%AD%E5%85%B8%E5%9E%8B%E6%A1%88%E4%BE%8B%E6%8E%A8%E8%8D%90%E8%A1%A8.docx'
+  },
+  {
+    title: '非遗在社区典型案例',
+    downUrl:
+      'https://cxzx.smcic.net/topic/tool/img/%E9%9D%9E%E9%81%97%E7%9B%9B%E5%85%B8/%E9%99%95%E8%A5%BF%E9%9D%9E%E9%81%97%E5%9C%A8%E7%A4%BE%E5%8C%BA%E5%85%B8%E5%9E%8B%E6%A1%88%E4%BE%8B%E6%8E%A8%E8%8D%90%E8%A1%A8.docx'
+  },
+  {
+    title: '非遗传播展示典型案例',
+    downUrl:
+      'https://cxzx.smcic.net/topic/tool/img/%E9%9D%9E%E9%81%97%E7%9B%9B%E5%85%B8/%E9%99%95%E8%A5%BF%E9%9D%9E%E9%81%97%E4%BC%A0%E6%92%AD%E5%B1%95%E7%A4%BA%E5%85%B8%E5%9E%8B%E6%A1%88%E4%BE%8B%E6%8E%A8%E8%8D%90%E8%A1%A8.docx'
+  },
+  {
+    title: '优秀非遗工坊',
+    downUrl:
+      'https://cxzx.smcic.net/topic/tool/img/%E9%9D%9E%E9%81%97%E7%9B%9B%E5%85%B8/%E9%99%95%E8%A5%BF%E4%BC%98%E7%A7%80%E9%9D%9E%E9%81%97%E5%B7%A5%E5%9D%8A%E6%8E%A8%E8%8D%90%E8%A1%A8.docx'
+  }
+];
+/**
+ * window.$originData.orginParames.title 页面标题
+ * window.$originData.orginParames.parameters 固定参数值
+ * window.$originData.urlParames url参数
+ */
+// console.log(window.$originData);
 
 const onLoad = e => {
   const h =
@@ -79,6 +145,32 @@ const onLoad = e => {
   };
 };
 
+const down = item => {
+//   if (isWechat) return showToast('请使用浏览器打开本页面');
+  fetch(item.downUrl)
+    .then(response => {
+      // 确保服务器返回的是blob类型的数据
+      if (!response.ok) {
+        throw new Error('Network response was not ok');
+      }
+      return response.blob();
+    })
+    .then(blob => {
+      // 创建一个可下载的链接
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = item.title || 'download.docx'; // 如果未指定文件名，则默认为'download.docx'
+      a.style.display = 'none';
+      document.body.appendChild(a);
+      a.click();
+      window.URL.revokeObjectURL(url); // 释放URL对象
+      document.body.removeChild(a);
+    })
+    .catch(error => {
+      console.error('Error downloading file:', error);
+    });
+};
 </script>
 <style>
 .IntangibleCulturalHeritageCeremony {