代码还原

pages/dataDownload/dataDownload.vue

@@ -2,16 +2,9 @@
   <app-frame :data="frameParams" :class="isMobile ? 'is-h5' : 'is-pc'">
     <img class="img" src="https://webapp-pub.ezijing.com/project/marywood/data_banner.png" />
     <div class="dataList">
-      <div class="item" @click="downIntroduce">
-        <img src="https://webapp-pub.ezijing.com/project/marywood/pdf.png" />
-        <p class="doc">招生简章.pdf</p>
-        <p class="p1">最新更新</p>
-        <p class="p2">下载</p>
-      </div>
-
-      <div class="item" @click="downQuestion">
-        <img src="https://webapp-pub.ezijing.com/project/marywood/pdf.png" />
-        <p class="doc">常见问题.pdf</p>
+      <div class="item" v-for="(item, index) in fileList" :key="index" @click="download(item)">
+        <img :src="item.icon" />
+        <p class="doc">{{ item.name }}</p>
         <p class="p1">最新更新</p>
         <p class="p2">下载</p>
       </div>
@@ -34,7 +27,31 @@ export default {
             path: '/dataDownload/dataDownload'
           }
         ]
-      }
+      },
+      fileList: [
+        {
+          name: '招生简章.pdf',
+          url: 'https://webapp-pub.ezijing.com/project/marywood/%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf?v=2',
+          icon: 'https://webapp-pub.ezijing.com/project/marywood/pdf.png'
+        },
+        {
+          name: '常见问题.pdf',
+          url: 'https://webapp-pub.ezijing.com/project/marywood/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.pdf?v=3',
+          icon: 'https://webapp-pub.ezijing.com/project/marywood/pdf.png'
+        }
+        // {
+        //   name: '申请材料清单.docx',
+        //   url:
+        //     'https://webapp-pub.ezijing.com/project/marywood/%E7%94%B3%E8%AF%B7%E6%9D%90%E6%96%99%E6%B8%85%E5%8D%95.docx',
+        //   icon: 'https://webapp-pub.ezijing.com/project/marywood/doc.png'
+        // },
+        // {
+        //   name: '英文简历模板.doc',
+        //   url:
+        //     'https://webapp-pub.ezijing.com/project/marywood/%E8%8B%B1%E6%96%87%E7%AE%80%E5%8E%86%E6%A8%A1%E6%9D%BF.doc',
+        //   icon: 'https://webapp-pub.ezijing.com/project/marywood/doc.png'
+        // }
+      ]
     }
   },
   computed: {
@@ -43,17 +60,8 @@ export default {
     }
   },
   methods: {
-    downIntroduce() {
-      saveAs(
-        'https://webapp-pub.ezijing.com/project/marywood/%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf?v=2',
-        '招生简章.pdf'
-      )
-    },
-    downQuestion() {
-      saveAs(
-        'https://webapp-pub.ezijing.com/project/marywood/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.pdf?v=3',
-        '常见问题.pdf'
-      )
+    download(item) {
+      saveAs(item.url, item.name)
     }
   }
 }
@@ -81,6 +89,7 @@ export default {
       align-items: center;
       flex-direction: column;
       background: #f9f8f8;
+      cursor: pointer;
       .doc {
         font-size: 16px;
         font-weight: 400;