页面修改

src/components/Hotel/HotelSupplierHotel.vue

 <style>
-.CM_look {
+  .CM_look {
     padding: 4px !important;
     position: relative;
     top: 1px;
-}
+  }
+
 </style>
 <template>
   <div class="flexOne">
     <div class="query-box">
       <ul>
         <li>
-          <input
-            type="button"
-            class="normalBtn"
-            :value="$t('pub.addBtn')"
-            @click="(isShow = true), (dialogTitle = $t('ground.xinzengjdgyfs'))"
-          />
+          <input type="button" class="normalBtn" :value="$t('pub.addBtn')"
+            @click="(isShow = true), (dialogTitle = $t('ground.xinzengjdgyfs'))" />
         </li>
       </ul>
-      <el-dialog
-        :title="dialogTitle"
-        :visible.sync="isShow"
-        center
-        custom-class="w460"
-      >
+      <el-dialog :title="dialogTitle" :visible.sync="isShow" center custom-class="w460">
         <el-form :model="addMsg" label-width="100px">
           <el-form-item :label="$t('hotel.suplier_name')" prop="Name">
             {{ SupplierName }}
           </el-form-item>
           <el-form-item :label="$t('hotel.hotel')">
-            <el-select
-              v-model="addMsg.HotelId"
-              filterable
-              :placeholder="$t('pub.pleaseSel')"
-              class="w220"
-            >
+            <el-select v-model="addMsg.HotelId" filterable :placeholder="$t('pub.pleaseSel')" class="w220">
               <el-option :label="$t('pub.pleaseSel')" :value="0"></el-option>
-              <el-option
-                v-for="item in HotelList"
-                :key="item.ID"
-                :label="item.Name"
-                :value="item.ID"
-              >
+              <el-option v-for="item in HotelList" :key="item.ID" :label="item.Name" :value="item.ID">
               </el-option>
             </el-select>
           </el-form-item>
           <el-form-item :label="$t('fnc.fkfangshi')">
-            <el-select
-              v-model="addMsg.SubPayType"
-              filterable
-              :placeholder="$t('pub.pleaseSel')"
-              class="w220"
-            >
+            <el-select v-model="addMsg.SubPayType" filterable :placeholder="$t('pub.pleaseSel')" class="w220">
               <el-option :label="$t('pub.pleaseSel')" :value="0"></el-option>
-              <el-option
-                v-for="item in PayTypeList"
-                :key="item.Id"
-                :label="item.name"
-                :value="item.Id"
-              >
+              <el-option v-for="item in PayTypeList" :key="item.Id" :label="item.name" :value="item.Id">
               </el-option>
             </el-select>
           </el-form-item>
           <el-form-item :label="$t('hotel.hotel_StartDate')">
-            <el-date-picker
-              class="w220"
-              type="date"
-              v-model="addMsg.StartDate"
-              :picker-options="pickerBeginDateBefore"
-              value-format="yyyy-MM-dd"
-              placeholder
-            ></el-date-picker>
+            <el-date-picker class="w220" type="date" v-model="addMsg.StartDate" :picker-options="pickerBeginDateBefore"
+              value-format="yyyy-MM-dd" placeholder></el-date-picker>
           </el-form-item>
 
           <el-form-item :label="$t('hotel.hotel_EndDate')">
-            <el-date-picker
-              class="w220"
-              type="date"
-              v-model="addMsg.EndDate"
-              :picker-options="pickerBeginDateAfter"
-              value-format="yyyy-MM-dd"
-              placeholder
-            ></el-date-picker>
+            <el-date-picker class="w220" type="date" v-model="addMsg.EndDate" :picker-options="pickerBeginDateAfter"
+              value-format="yyyy-MM-dd" placeholder></el-date-picker>
           </el-form-item>
         </el-form>
         <div slot="footer" class="dialog-footer">
@@ -95,13 +55,7 @@
         </div>
       </el-dialog>
     </div>
-    <table
-      class="singeRowTable"
-      border="0"
-      cellspacing="0"
-      cellpadding="0"
-      v-loading="loading"
-    >
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
       <tr>
         <th>{{ $t("hotel.hotel") }}</th>
         <th>{{ $t("hotel.hotel_StartDate") }}</th>
@@ -115,21 +69,12 @@
         <td>{{ item.EndDateStr }}</td>
         <td>{{ item.SubPayTypeStr }}</td>
         <td>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            :content="$t('system.table_edit')"
-            placement="top-start"
-          >
-            <el-button
-              type="primary"
-              class="iconfont icon-bianji-smal"
-              @click="
+          <el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
+            <el-button type="primary" class="iconfont icon-bianji-smal" @click="
                 GetData(item.Id),
                   (isShow = true),
                   (dialogTitle = $t('ground.xinzengjdgyfs'))
-              "
-            ></el-button>
+              "></el-button>
           </el-tooltip>
         </td>
       </tr>
@@ -138,7 +83,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     data() {
       return {
         msg: {
@@ -162,8 +107,7 @@ export default {
           SubPayType: 0
         },
         //付款方式
-      PayTypeList: [
-        {
+        PayTypeList: [{
             name: this.$t("ground.xianfu"),
             Id: 1
           },
@@ -171,7 +115,35 @@ export default {
             name: this.$t("ground.qiandan"),
             Id: 2
           },
-        { name: this.$t("ground.yufu"), Id: 4 }
+          {
+            name: this.$t("ground.shiwudk"),
+            Id: 3
+          },
+          {
+            name: this.$t("ground.yufu"),
+            Id: 4
+          },
+          {
+            name: this.$t("ground.yufukuandk"),
+            Id: 5
+          },
+          {
+            name: this.$t("ground.gongsihetzf"),
+            Id: 6
+          },
+
+          {
+            name: this.$t("ground.yuejie"),
+            Id: 9
+          },
+          {
+            name: this.$t("ground.lingduidydf"),
+            Id: 10
+          },
+          {
+            name: this.$t("ground.shuaka"),
+            Id: 11
+          },
         ],
         pickerBeginDateBefore: {
           disabledDate: time => {
@@ -245,8 +217,7 @@ export default {
       //根据编号获取实体
       GetData(Id) {
         this.apipost(
-        "supplier_post_GetEntityService",
-        {
+          "supplier_post_GetEntityService", {
             Id: Id
           },
           res => {
@@ -286,8 +257,7 @@ export default {
       getHotelList() {
         this.loading = true;
         this.apipost(
-        "hotel_post_GetList",
-        {
+          "hotel_post_GetList", {
             QCountry: 651
           },
           res => {
@@ -302,5 +272,6 @@ export default {
         );
       }
     }
-};
+  };
+
 </script>