页面修改

src/pages/About.vue

 <template>
   <q-page>
     <div>
-      关于我们
+      {{AboutData}}
     </div>
   </q-page>
 

src/pages/contract.vue

+<style scoped>
+  .contract {
+    padding-top: 70px;
+    padding-bottom: 40px;
+    width: 100%;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+  }
+
+   .contract .title {
+    font-size: 25px;
+  }
+
+</style>
 <template>
-    <div>
-        合约书下载
+  <q-page>
+    <div class="contract">
+      <h1 class="title">旅遊合約書下載</h1>
+      <ul class="download-block">
+        <li v-for="(item,index) in ContractList" :key="index">
+          <a :href="item.Url" target="_blank">
+            <i class="material-icons"> </i>
+            <p>{{item.Name}}</p>
+          </a></li>
+      </ul>
     </div>
+  </q-page>
 </template>
 <script>
   export default {
     props: [],
     data() {
       return {
-        
+        RB_Group_Id: 0,
+        ContractList: [],
       };
     },
-    created() {},
+    created() {
+      var jObj = JSON.parse(window.localStorage.getItem('groupinfo'));
+      this.RB_Group_Id = jObj.GroupId;
+    },
     mounted() {
+      this.getContract();
     },
     methods: {
-
+      getContract() {
+        this.apipost(
+          "ws_get_GetContractPage", {
+            RB_Group_Id: this.RB_Group_Id
+          },
+          res => {
+            if (res.data.resultCode == 1) {
+              if (res.data.data) {
+                this.ContractList = res.data.data;
+              }
+            }
+          },
+          err => {}
+        );
+      }
     },
   };
 

src/pages/tour_visa.vue

+<style scoped>
+  .tour_visa {
+    padding-top: 70px;
+    padding-bottom: 40px;
+    width: 100%;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+  }
+
+  .tour_visa .title {
+    font-size: 25px;
+  }
+
+</style>
 <template>
-    <div>
-        护照签证费用说明
+  <q-page>
+    <div class="tour_visa">
+      <h1 class="title">護照簽證費用說明</h1>
+
+      <table>
+        <thead>
+          <tr>
+            <th>項目</th>
+            <th>工作天</th>
+            <th>證件效期</th>
+            <th>可停留天數</th>
+            <th>辦證費用</th>
+            <th>備註</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(item,index) in CertificateList" :key="index">
+            <td>
+              {{item.Name}}
+            </td>
+            <td>
+              {{item.WorkDay}}
+            </td>
+            <td>
+              {{item.Validity}}
+            </td>
+            <td>
+              {{item.StayDay}}
+            </td>
+            <td>
+              {{item.Fee}}
+            </td>
+            <td>
+              {{item.Notice}}
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
+  </q-page>
 </template>
 <script>
   export default {
     props: [],
     data() {
       return {
-        
+        RB_Group_Id: 0,
+        CertificateList: [],
       };
     },
-    created() {},
+    created() {
+      var jObj = JSON.parse(window.localStorage.getItem('groupinfo'));
+      this.RB_Group_Id = jObj.GroupId;
+    },
     mounted() {
+      this.getCertificate();
     },
     methods: {
-
+      getCertificate() {
+        this.apipost(
+          "ws_get_GetTourVisaPage", {
+            RB_Group_Id: this.RB_Group_Id
+          },
+          res => {
+            if (res.data.resultCode == 1) {
+              if (res.data.data) {
+                this.CertificateList = res.data.data;
+              }
+            }
+          },
+          err => {}
+        );
+      }
     },
   };