页面修改

src/components/TravelManager/TravelList/oneDayTripList.vue

 <style>
   @import "../../../assets/css/newTravelManager.css";
+
 </style>
 <template>
   <div>
@@ -9,9 +10,11 @@
           <li>
             <span>
               <em>{{$t('system.table_ssLine')}}</em>
-              <el-select class='w150' v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')" @change="getLineTeamList()">
+              <el-select class='w150' v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')"
+                @change="getLineTeamList()" clearable>
                 <el-option :label="$t('pub.unlimitedSel')" :value='queryCommonData.SelectDefaultValue'></el-option>
-                <el-option v-for="item in queryCommonData.LineList" :label='item.LineName' :value='item.LineID' :key='item.LineID'>
+                <el-option v-for="item in queryCommonData.LineList" :label='item.LineName' :value='item.LineID'
+                  :key='item.LineID'>
                 </el-option>
               </el-select>
             </span>
@@ -19,9 +22,10 @@
           <li>
             <span>
               <em>{{$t('active.ad_xlmc')}}</em>
-              <el-select class='w150' v-model="queryMsg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')">
+              <el-select class='w150' v-model="queryMsg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')" clearable>
                 <el-option :label="$t('pub.unlimitedSel')" :value='queryCommonData.SelectDefaultValue'></el-option>
-                <el-option v-for="item in queryCommonData.LineTeamList" :label='item.LtName' :value='item.LtID' :key='item.LtID'>
+                <el-option v-for="item in queryCommonData.LineTeamList" :label='item.LtName' :value='item.LtID'
+                  :key='item.LtID'>
                 </el-option>
               </el-select>
             </span>
@@ -29,8 +33,15 @@
           <li>
             <span>
               <em>{{$t('visa.v_tuanhao')}}</em>
-               <el-input maxlength="50" v-model="queryMsg.TCNUMS" class="permiss-input w150"
-                :placeholder="$t('pub.pleaseImport')"></el-input>
+              <el-input maxlength="50" v-model="queryMsg.TCNUMS" class="permiss-input w150"
+                :placeholder="$t('pub.pleaseImport')" clearable></el-input>
+            </span>
+          </li>
+          <li>
+            <span>
+              <em>团名</em>
+              <el-input v-model="queryMsg.KeyWords" class="permiss-input w150" :placeholder="$t('pub.pleaseImport')"
+                maxlength="50" clearable></el-input>
             </span>
           </li>
           <li>
@@ -47,10 +58,10 @@
           <li>
             <span>
               <em>{{$t('scen.sc_ftTime')}}</em>
-              <el-date-picker class="w150" type="date" v-model="queryMsg.StartGroupDate" :picker-options="pickerBeginDateBefore"
-                              value-format="yyyy-MM-dd" placeholder></el-date-picker>
-              <el-date-picker class="w150" type="date" v-model="queryMsg.EndGroupDate" :picker-options="pickerBeginDateAfter"
-                              value-format="yyyy-MM-dd" placeholder></el-date-picker>
+              <el-date-picker class="w150" type="date" v-model="queryMsg.StartGroupDate"
+                :picker-options="pickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder></el-date-picker>
+              <el-date-picker class="w150" type="date" v-model="queryMsg.EndGroupDate"
+                :picker-options="pickerBeginDateAfter" value-format="yyyy-MM-dd" placeholder></el-date-picker>
             </span>
           </li>
           <li>
@@ -58,12 +69,14 @@
           </li>
         </ul>
       </div>
-      <div class="TravelTclList" v-loading="queryCommonData.loading" :element-loading-text="queryCommonData.loadingText">
+      <div class="TravelTclList" v-loading="queryCommonData.loading"
+        :element-loading-text="queryCommonData.loadingText">
         <ul>
           <el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryMsg.currentPage"
             layout="total,prev, pager, next, jumper" :page-size='queryMsg.pageSize' :total='queryMsg.total'>
           </el-pagination>
-          <li v-for="(item,index) in queryCommonData.dataList" :key="index" :class="{'TC_hasContent':item.OPInnerRemark==''&&item.OPRemark==''}">
+          <li v-for="(item,index) in queryCommonData.dataList" :key="index"
+            :class="{'TC_hasContent':item.OPInnerRemark==''&&item.OPRemark==''}">
             <div :data-id="item.ID">
               <div class="el-col" style="position:relative;width:200px">
                 <div v-if="item.IsWarning===1" class="travel_warning"></div>
@@ -101,9 +114,11 @@
               </div>
               <div class="el-col">
                 <div class="d7">
-                  <el-button @click="goToOpenTravel('TravelManager5',item.ID)" type="primary">{{$t('Operation.Op_tripUpdate')}}</el-button>
+                  <el-button @click="goToOpenTravel('TravelManager',item.ID)" type="primary">
+                    {{$t('Operation.Op_tripUpdate')}}</el-button>
                   <el-button @click="copyTravelInfo(item.ID)" type="primary">{{$t('Operation.Op_tripCopy')}}</el-button>
-                  <el-button v-if="item.TCNUMS==''" @click="delConfig(item.ID)" type="primary">{{$t('system.ph_shanchu')}}</el-button>
+                  <el-button v-if="item.TCNUMS==''" @click="delConfig(item.ID)" type="primary">
+                    {{$t('system.ph_shanchu')}}</el-button>
                 </div>
               </div>
             </div>
@@ -152,10 +167,11 @@
           LineId: 0,
           LineteamId: 0,
           CreateBy: 0,
-          TeamType:2,
-          TCNUMS:"",
+          TeamType: 2,
+          TCNUMS: "",
           StartGroupDate: "",
           EndGroupDate: "",
+          KeyWords: "", //团名
         },
         remarkMsg: {
           TCID: 0,
@@ -224,7 +240,9 @@
       },
       //获取线路列表
       getLineList() {
-        this.apipost("line_post_GetList", {"LineDirection":3}, res => {
+        this.apipost("line_post_GetList", {
+          "LineDirection": 3
+        }, res => {
           if (res.data.resultCode == 1) {
             this.queryCommonData.LineList = res.data.data;
           }
@@ -303,7 +321,6 @@
               err => {}
             );
           });
-
         }
       },
       //根据当前员工所在部门获取该部门及子部门员工信息