手配书下载修改

src/components/busManagement/busHandBook.vue

@@ -23,27 +23,37 @@
 </style>
 <template>
   <div>
-    <table border="0" cellspacing="1" cellpadding="0" class="busManagerTalbe" style="width: 100%;">
+    <table border="0" cellspacing="1" cellpadding="0" class="busManagerTalbe" style="width: 100%;" v-loading='loading'>
       <tr>
         <td colspan="6">印象ｼﾞｬﾊﾟﾝバス手配依頼書</td>
       </tr>
       <tr>
         <td class="commonBackColor">団　體　名：</td>
-        <td colspan="5" class="comTextAlign">HP20190428A1</td>
+        <td colspan="5" class="comTextAlign">
+          <el-input type="text" v-model="DataObj.TeamNum" />
+        </td>
       </tr>
       <tr>
         <td class="commonBackColor">ガイド名前：</td>
-        <td class="comTextAlign">张三丰</td>
+        <td class="comTextAlign">
+          <el-input type="text" v-model="DataObj.GuideName" />
+        </td>
         <td class="commonBackColor">攜帯番號：</td>
-        <td colspan="3" class="comTextAlign">123456789</td>
+        <td colspan="3" class="comTextAlign">
+          <el-input type="text" v-model="DataObj.GuideTel" />
+        </td>
       </tr>
       <tr>
         <td class="commonBackColor">人　　 數：</td>
-        <td colspan="5" class="comTextAlign">25+1</td>
+        <td colspan="5" class="comTextAlign">
+          <el-input type="text" v-model="DataObj.PeopleNum" />
+        </td>
       </tr>
       <tr>
         <td class="commonBackColor">バス　種類：</td>
-        <td colspan="5" class="comTextAlign">1</td>
+        <td colspan="5" class="comTextAlign">
+          <el-input type="text" v-model="DataObj.BusType" />
+        </td>
       </tr>
       <tr>
         <td class="commonBackColor">スケジュール：</td>
@@ -57,17 +67,31 @@
         <td class="commonBackColor">ホテル</td>
         <td class="commonBackColor">ホテルTEL</td>
       </tr>
-      <tr>
-        <td></td>
-        <td></td>
-        <td></td>
-        <td></td>
-        <td></td>
-        <td></td>
+      <tr v-for="subItem in DataObj.Details_Extends">
+        <td>
+          {{subItem.UseDate}}
+        </td>
+        <td>
+          <el-input type="text" v-model="subItem.BusType" />
+        </td>
+        <td>
+          <el-input type="text" v-model="subItem.FlightNum" />
+        </td>
+        <td>
+          <el-input type="text" v-model="subItem.BusContent" />
+        </td>
+        <td>
+          <el-input type="text" v-model="subItem.HotelName" />
+        </td>
+        <td>
+          <el-input type="text" v-model="subItem.HotelTel" />
+        </td>
       </tr>
       <tr>
         <td>備考欄：</td>
-        <td colspan="5" class="comTextAlign">04/28日接机+0天+05/04日东京成田国际机场送机，订房号：HP20190428A1</td>
+        <td colspan="5" class="comTextAlign">
+          <el-input type="text" v-model="DataObj.Remarks" />
+        </td>
       </tr>
       <tr>
         <td colspan="6" class="comTextAlign">*迎えや送りは必要・不要となることは、必ず標記してください。</td>
@@ -79,7 +103,7 @@
         <tr>
           <td colspan="6">
             <input type="button" class="normalBtn" @click="SaveData()" value="保存" />
-            <input type="button" class="normalBtn" @click="DownLoadFile('','')" value="下载" />
+            <input type="button" class="normalBtn" @click="DownLoadFile()" value="下载" />
           </td>
         </tr>
       </tfoot>
@@ -92,32 +116,52 @@
     data() {
       return {
         loading: false,
-        DataObj: {},
-        TCIDS:""
+        DataObj: {
+          Id: 0,
+          TCIDS: "",
+          TeamNum: "",
+          GuideName: "",
+          GuideTel: "",
+          PeopleNum: "",
+          BusType: "",
+          DayNight: "",
+          Remarks: "",
+          Details_Extends: []
+        },
+        TCIDS: ""
       }
-
     },
     methods: {
-      DownLoadFile(item, NewCombinationNum) {
+      DownLoadFile(item,) {
         let msg = {
-          TCIDS: item.TCIDS
+          TCIDS: this.TCIDS
         };
-        this.GetLocalFile("bus_get_NewDownLoadBusConfig", msg, "バス手配依頼書" + NewCombinationNum + ".xls");
+        this.GetLocalFile("bus_get_DownLoadBusConfig", msg, "バス手配依頼書" + this.DataObj.TeamNum + ".xls");
       },
-
       GetData() {
-        this.apipost('bus_Get_GetBusDownLoadData', {TCIDs:this.TCIDS}, res => {
-          console.log("res",res);
+        this.loading = true;
+        this.apipost('bus_Get_GetBusDownLoadData', {
+          TCIDs: this.TCIDS
+        }, res => {
+          this.loading = false;
           if (res.data.resultCode == 1) {
-           
+            this.DataObj = res.data.data;
+
           } else {
             this.Error(res.data.message);
           }
         }, err => {})
       },
-      SaveData()
-      {
-
+      SaveData() {
+        this.DataObj.TCIDS = this.$route.query.TCID;
+        this.apipost('bus_Post_SaveBusDownLoadData', this.DataObj, res => {
+          if (res.data.resultCode == 1) {
+            this.Success("操作成功");
+            this.GetData();
+          } else {
+            this.Error(res.data.message);
+          }
+        }, err => {})
       }
     },
     mounted() {
@@ -125,4 +169,4 @@
       this.GetData();
     },
   }
-</script>
\ No newline at end of file
+</script>