手配书修改

src/components/busManagement/busHandBook.vue

 <style>
   .busManagerTalbe {
     background: #ccc;
-    font-size:12px;
+    font-size: 12px;
   }
+
   .busManagerTalbe tr {
     background: #fff;
     text-align: center;
     height: 40px;
   }
+
   .commonBackColor {
-      background-color: #E6E6E6;
-      color:#333;
+    background-color: #E6E6E6;
+    color: #333;
   }
-  .comTextAlign{
-      text-align: left;
-      padding-left: 20px;
+
+  .comTextAlign {
+    text-align: left;
+    padding-left: 20px;
   }
+
 </style>
 <template>
-    <div>
-        <table border="0" cellspacing="1" cellpadding="0" class="busManagerTalbe" style="width: 100%;">
-            <tr>
-                <td colspan="6">印象ｼﾞｬﾊﾟﾝバス手配依頼書</td>
-            </tr>
-            <tr>
-                <td class="commonBackColor">団　體　名：</td>
-                <td colspan="5" class="comTextAlign">HP20190428A1</td>
-            </tr>
-            <tr>
-                <td class="commonBackColor">ガイド名前：</td>
-                <td class="comTextAlign">张三丰</td>
-                <td class="commonBackColor">攜帯番號：</td>
-                <td colspan="3" class="comTextAlign">123456789</td>
-            </tr>
-            <tr>
-                <td class="commonBackColor">人　　  數：</td>
-                <td colspan="5" class="comTextAlign">25+1</td>
-            </tr>
-            <tr>
-                <td class="commonBackColor">バス　種類：</td>
-                <td colspan="5" class="comTextAlign">1</td>
-            </tr>
-            <tr>
-                <td class="commonBackColor">スケジュール：</td>
-                <td colspan="5" class="comTextAlign"></td>
-            </tr>
-            <tr>
-                <td class="commonBackColor">日付</td>
-                <td class="commonBackColor">用車状況</td>
-                <td class="commonBackColor">便名</td>
-                <td class="commonBackColor">スケジュール內容</td>
-                <td class="commonBackColor">ホテル</td>
-                <td class="commonBackColor">ホテルTEL</td>
-            </tr>
-            <tr>
-                <td></td>
-                <td></td>
-                <td></td>
-                <td></td>
-                <td></td>
-                <td></td>
-            </tr>
-            <tr>
-                <td>備考欄：</td>
-                <td colspan="5" class="comTextAlign">04/28日接机+0天+05/04日东京成田国际机场送机，订房号：HP20190428A1</td>
-            </tr>
-            <tr>
-                <td colspan="6" class="comTextAlign">*迎えや送りは必要・不要となることは、必ず標記してください。</td>
-            </tr>
-            <tr>
-                <td colspan="6" class="comTextAlign">*直接バス會社へ送付するので、必ず日本語でご記入ください。</td>
-            </tr>
-        </table>
-    </div>
+  <div>
+    <table border="0" cellspacing="1" cellpadding="0" class="busManagerTalbe" style="width: 100%;">
+      <tr>
+        <td colspan="6">印象ｼﾞｬﾊﾟﾝバス手配依頼書</td>
+      </tr>
+      <tr>
+        <td class="commonBackColor">団　體　名：</td>
+        <td colspan="5" class="comTextAlign">HP20190428A1</td>
+      </tr>
+      <tr>
+        <td class="commonBackColor">ガイド名前：</td>
+        <td class="comTextAlign">张三丰</td>
+        <td class="commonBackColor">攜帯番號：</td>
+        <td colspan="3" class="comTextAlign">123456789</td>
+      </tr>
+      <tr>
+        <td class="commonBackColor">人　　 數：</td>
+        <td colspan="5" class="comTextAlign">25+1</td>
+      </tr>
+      <tr>
+        <td class="commonBackColor">バス　種類：</td>
+        <td colspan="5" class="comTextAlign">1</td>
+      </tr>
+      <tr>
+        <td class="commonBackColor">スケジュール：</td>
+        <td colspan="5" class="comTextAlign"></td>
+      </tr>
+      <tr>
+        <td class="commonBackColor">日付</td>
+        <td class="commonBackColor">用車状況</td>
+        <td class="commonBackColor">便名</td>
+        <td class="commonBackColor">スケジュール內容</td>
+        <td class="commonBackColor">ホテル</td>
+        <td class="commonBackColor">ホテルTEL</td>
+      </tr>
+      <tr>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>備考欄：</td>
+        <td colspan="5" class="comTextAlign">04/28日接机+0天+05/04日东京成田国际机场送机，订房号：HP20190428A1</td>
+      </tr>
+      <tr>
+        <td colspan="6" class="comTextAlign">*迎えや送りは必要・不要となることは、必ず標記してください。</td>
+      </tr>
+      <tr>
+        <td colspan="6" class="comTextAlign">*直接バス會社へ送付するので、必ず日本語でご記入ください。</td>
+      </tr>
+      <tfoot>
+        <tr>
+          <td colspan="6">
+            <input type="button" class="normalBtn" @click="SaveData()" value="保存" />
+            <input type="button" class="normalBtn" @click="DownLoadFile('','')" value="下载" />
+          </td>
+        </tr>
+      </tfoot>
+    </table>
+  </div>
 </template>
+
+<script>
+  export default {
+    data() {
+      return {
+        loading: false,
+        DataObj: {}
+      }
+
+    },
+    methods: {
+      DownLoadFile(item, NewCombinationNum) {
+        let msg = {
+          TCIDS: item.TCIDS
+        };
+        this.GetLocalFile("bus_get_NewDownLoadBusConfig", msg, "バス手配依頼書" + NewCombinationNum + ".xls");
+      },
+
+      GetData() {
+
+      },
+      SaveData()
+      {
+
+      }
+    },
+    mounted() {
+      this.GetData();
+    },
+  }
+</script>
\ No newline at end of file