页面修改

src/components/common/choiceDmc.vue

 <template>
   <div>
-
     <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane label="酒店" name="1"></el-tab-pane>
       <el-tab-pane label="餐食" name="2"></el-tab-pane>
       <el-tab-pane label="门票" name="3"></el-tab-pane>
       <el-tab-pane label="线路" name="4"></el-tab-pane>
     </el-tabs>
-    <el-input size="mini" v-if="activeName!='4'" v-model="msg.Name" placeholder="根据名称搜索" :clearable="true"
-      @clear="msg.pageIndex=1,getCommonSerch()" @keyup.enter.native="msg.pageIndex=1,getCommonSerch()">
-      <el-button slot="append" @click="msg.pageIndex=1,getCommonSerch()">搜索</el-button>
-    </el-input>
+    <div>
+      <span>类型：</span>
+      <el-select v-if="activeName=='1'" size="mini" v-model="msg.HotelProductType"
+        @change="msg.pageIndex=1,getCommonSerch()" clearable @clear="msg.pageIndex=1,getCommonSerch()">
+        <el-option label="国际酒店" value='1'></el-option>
+        <el-option label="国内酒店" value='2'></el-option>
+      </el-select>
+      <el-select v-if="activeName=='2'" size="mini" v-model="msg.DinnerProductType"
+        @change="msg.pageIndex=1,getCommonSerch()" clearable @clear="msg.pageIndex=1,getCommonSerch()">
+        <el-option label="国际餐厅" value='0'></el-option>
+        <el-option label="国内餐厅" value='1'></el-option>
+      </el-select>
+      <el-select v-if="activeName=='3'" size="mini" v-model="msg.TicketProductType"
+        @change="msg.pageIndex=1,getCommonSerch()" clearable @clear="msg.pageIndex=1,getCommonSerch()">
+        <el-option label="国际景点" value='0'></el-option>
+        <el-option label="国内景点" value='1'></el-option>
+      </el-select>
+      <el-input size="mini" style="width:350px;" v-if="activeName!='4'" v-model="msg.Name" placeholder="根据名称搜索"
+        :clearable="true" @clear="msg.pageIndex=1,getCommonSerch()"
+        @keyup.enter.native="msg.pageIndex=1,getCommonSerch()">
+        <el-button slot="append" @click="msg.pageIndex=1,getCommonSerch()">搜索</el-button>
+      </el-input>
+      <template v-else>
+        <el-select size="mini" v-model="travelMsg.QTeamType" @change="msg.pageIndex=1,getCommonSerch()" clearable
+          @clear="msg.pageIndex=1,getCommonSerch()">
+          <el-option label="常规团" value='0'></el-option>
+          <el-option label="小包团" value='1'></el-option>
+          <el-option label="一日游" value='2'></el-option>
+          <el-option label="地接团" value='3'></el-option>
+        </el-select>
+      </template>
+    </div>
     <template v-if="activeName=='1'">
       <el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" height="450" style="width: 100%"
-        @selection-change="handleSelectionChange">
+        @selection-change="handleSelectionChange" v-loading="loading">
         <template v-if="isSingle">
           <el-table-column width="50px" label="">
             <template slot-scope="scope">
@@ -41,7 +68,7 @@
     </template>
     <template v-if="activeName=='2'">
       <el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" height="450" style="width: 100%"
-        @selection-change="handleSelectionChange2">
+        @selection-change="handleSelectionChange2" v-loading="loading">
         <template v-if="isSingle">
           <el-table-column width="50px" label="">
             <template slot-scope="scope">
@@ -69,7 +96,7 @@
     </template>
     <template v-if="activeName=='3'">
       <el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" height="450" style="width: 100%"
-        @selection-change="handleSelectionChange3">
+        @selection-change="handleSelectionChange3" v-loading="loading">
         <template v-if="isSingle">
           <el-table-column width="50px" label="">
             <template slot-scope="scope">
@@ -97,7 +124,7 @@
     </template>
     <template v-if="activeName=='4'">
       <el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" height="450" style="width: 100%"
-        @selection-change="handleSelectionChange4">
+        @selection-change="handleSelectionChange4" v-loading="loading">
         <template v-if="isSingle">
           <el-table-column width="50px" label="">
             <template slot-scope="scope">
@@ -113,6 +140,9 @@
         <el-table-column label="TCID" width="80px">
           <template slot-scope="scope">{{ scope.row.TCID }}</template>
         </el-table-column>
+        <el-table-column label="出发日期" width="100px">
+          <template slot-scope="scope">{{ scope.row.StartDate }}</template>
+        </el-table-column>
         <el-table-column prop="Title" label="名称">
           <template slot-scope="scope">
             <div flex="cross:center dir:left">
@@ -123,8 +153,8 @@
         </el-table-column>
       </el-table>
     </template>
-    <el-pagination style="text-align:center" background :current-page.sync="currentPage" @current-change="handleCurrentChange" :page-size="msg.pageSize"
-      layout="prev, pager, next" :total="total">
+    <el-pagination style="text-align:center" background :current-page.sync="currentPage"
+      @current-change="handleCurrentChange" :page-size="msg.pageSize" layout="prev, pager, next" :total="total">
     </el-pagination>
   </div>
 </template>
@@ -138,20 +168,25 @@
           pageIndex: 1,
           pageSize: 15,
           Name: '',
+          HotelProductType: "", //1-国际酒店，2-国内酒店
+          DinnerProductType: "", //0-国际酒店，1-国内酒店
+          TicketProductType: "", //0-国际景点，1-国内景点
         },
         travelMsg: {
           pageIndex: 1,
           pageSize: 15,
           Title: "",
+          QTeamType: "", //团队使用
         },
         activeName: "1",
-        currentPage:1,
+        currentPage: 1,
         total: 0,
         selectRow: [],
         selectRow1: [],
         selectRow2: [],
         selectRow3: [],
-        selectRow4: []
+        selectRow4: [],
+        loading: false,
       };
     },
     created() {
@@ -196,7 +231,9 @@
       },
       //获取酒店分页
       getHotelPage() {
+        this.loading = true;
         this.apipost("/api/Hotel/GetHotelPage", this.msg, res => {
+          this.loading = false;
           if (res.data.resultCode == 1) {
             this.total = res.data.data.count;
             var tempArray = res.data.data.pageData;
@@ -225,7 +262,9 @@
       },
       //获取餐食分页
       getDinnerPage() {
+        this.loading = true;
         this.apipost("/api/AppletDining/GetDiningPage", this.msg, res => {
+          this.loading = false;
           if (res.data.resultCode == 1) {
             this.total = res.data.data.count;
             var tempArray = res.data.data.pageData;
@@ -242,7 +281,9 @@
       },
       //获取门票分页
       getTicket() {
+        this.loading = true;
         this.apipost("/api/AppletDining/GetTicketCouponsPage", this.msg, res => {
+          this.loading = false;
           if (res.data.resultCode == 1) {
             this.total = res.data.data.count;
             var tempArray = res.data.data.pageData;
@@ -259,7 +300,9 @@
       },
       //获取团期 列表
       getTravelPage() {
+        this.loading = true;
         this.apipost("/api/Hotel/GetTravelPage", this.travelMsg, res => {
+          this.loading = false;
           if (res.data.resultCode == 1) {
             this.total = res.data.data.count;
             var tempArray = res.data.data.pageData;
@@ -281,9 +324,9 @@
         this.selectRow.push(JSON.parse(JSON.stringify(row)));
       },
       handleCurrentChange(val) {
-        if(this.activeName == '4'){
+        if (this.activeName == '4') {
           this.travelMsg.pageIndex = val;
-        }else{
+        } else {
           this.msg.pageIndex = val;
         }
         this.getCommonSerch();