no message

src/components/activity/CouponList.vue

 <style>
+  /deep/.addBox .el-form-item{
+    width: 50% !important;
+  }
   .user_time_picker .el-date-editor--date>.el-input__inner {
     padding: 0 10px;
     font-size: 13px;
@@ -101,7 +104,8 @@
           <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex(),getList()">
           &nbsp;
           <input type="button"
-            @click="outerVisible = true,isleaveBtn=false,dialogTitle=$t('active.cl_addCoupon'),getCompany(),getCouponPlatformEnum()"
+            @click="outerVisible = true,isleaveBtn=false,
+            dialogTitle=$t('active.cl_addCoupon'),getCompany(),getCouponPlatformEnum()"
             class="normalBtn" :value="$t('pub.addBtn')">
         </li>
       </ul>
@@ -219,10 +223,10 @@
       :total="total"></el-pagination>
     <el-dialog custom-class="w800" :title="dialogTitle" :visible.sync="outerVisible" center
       :before-close="closeChangeMachie">
-      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
-        <table class="layerTable layerNoIcon">
-          <tr>
-            <td>
+      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px"
+      class="addBox">
+      <el-row>
+        <el-col :span="12">
           <el-form-item :label="$t('system.table_company')" prop="branchId">
             <el-select filterable class="w217" v-model="addMsg.branchId" :placeholder="$t('system.ph_choice')">
               <el-option :label="$t('system.ph_buxian')" :value="-1" :key="-1"></el-option>
@@ -230,86 +234,91 @@
               </el-option>
             </el-select>
           </el-form-item>
-            </td>
-            <td>
+        </el-col>
+        <el-col :span="12">
           <el-form-item :label="$t('active.cl_couponName')" prop="couponsName">
             <el-input maxlength="20" class="w217" type="text" v-model="addMsg.couponsName"
               :placeholder="$t('pub.pleaseImport')"></el-input>
           </el-form-item>
-            </td>
-          </tr>
-          <tr>
-            <td>
+        </el-col>
+          <el-col :span="12">
           <el-form-item :label="$t('advmanager.v_line')" prop="lineId">
-                <el-select filterable v-model="addMsg.lineId" @change="getLineTeamList(addMsg.lineId)">
+            <el-select filterable v-model="addMsg.lineId" @change="getLineTeamList(addMsg.lineId),getTravelPrciePageList()">
               <el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
               <el-option v-for="item in LineList" :label="item.LineName" :value="item.LineID" :key="item.LineID">
               </el-option>
             </el-select>
           </el-form-item>
-            </td>
-            <td>
+        </el-col>
+        <el-col :span="12">
               <el-form-item :label="$t('advmanager.v_xilie')" prop="lineteamId">
-                <el-select filterable v-model="addMsg.lineteamId">
+                <el-select filterable v-model="addMsg.lineteamId"
+                @change="getTravelPrciePageList">
                   <el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
                   <el-option v-for="item in LineTeamList" :label="item.LtName" :value="item.LtID" :key="item.LtID">
                   </el-option>
                 </el-select>
               </el-form-item>
-            </td>
-          </tr>
-          <tr>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('active.cl_couponType')" prop="couponsType">
                 <el-select filterable v-model="addMsg.couponsType" @change="addMsg.denomination = ''">
                   <el-option :label="$t('active.cl_dyquan')" :value="1"></el-option>
                   <el-option :label="$t('active.cl_zkquan')" :value="2"></el-option>
                 </el-select>
               </el-form-item>
-            </td>
-            <td>
+            </el-col>
+              <el-col :span="12">
               <el-form-item :label="$t('active.cl_yhqmiane')" prop="denomination">
                 <el-input @input="maxValue" maxlength="20" class="w217" type="number" v-model="addMsg.denomination"
                   :placeholder="$t('active.cl_dkjezk')"></el-input>
               </el-form-item>
-            </td>
-          </tr>
-          <tr>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('active.cl_couponNum')" prop="couponCount">
                 <el-input v-model="addMsg.couponCount" class="w217" type="number" />
               </el-form-item>
-            </td>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('active.cl_sytiaojian')" prop="useCondition">
                 <el-input v-model="addMsg.useCondition" class="w217" :placeholder="$t('active.cl_mdskeyong')" />
               </el-form-item>
-            </td>
-          </tr>
-          <tr>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('active.cl_sxriqi')" prop="effectDate">
                 <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" class="w217" v-model="addMsg.effectDate"
+                @change="getTravelPrciePageList"
                   type="datetime"></el-date-picker>
               </el-form-item>
-            </td>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('active.cl_yxjzhiri')" prop="expirationDate">
                 <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" class="w217" v-model="addMsg.expirationDate"
+                @change="getTravelPrciePageList"
                   type="datetime"></el-date-picker>
               </el-form-item>
-            </td>
-          </tr>
-          <tr>
-            <td>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="选择团" prop="">
+                <el-select filterable multiple v-model="addMsg.couponPriceLists"
+               placeholder="请先选择线路、系列及日期" class="w217"
+               :disabled="queryCommonData.dataList.length==0"
+               @change="getcouponPriceList">
+                  <el-option
+                  v-for="(item,index) in queryCommonData.dataList"
+                  :label="item.LineName+item.LtName" :value="item.TCID" :key="index"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('active.cl_djshiyong')" prop="overlapUse">
                 <el-select filterable v-model="addMsg.overlapUse" class="w217">
                   <el-option :label="$t('active.cl_byxu')" :value="0"></el-option>
                   <el-option :label="$t('active.cl_yuncu')" :value="1"></el-option>
                 </el-select>
               </el-form-item>
-            </td>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('admin.admin_status')">
                 <el-select filterable v-model="addMsg.couponStatus">
                   <el-option :label="$t('pub.normalSel')" :value="1"></el-option>
@@ -317,10 +326,8 @@
                   <el-option :label="$t('active.cl_zuofei')" :value="3"></el-option>
                 </el-select>
               </el-form-item>
-            </td>
-          </tr>
-          <tr>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('active.cl_syfanwei')">
                 <el-select filterable v-model="addMsg.couponsUseScope">
                   <el-option :label="$t('active.cl_tongyong')" :value="1"></el-option>
@@ -333,20 +340,18 @@
                   <el-option :label="$t('MarketingActi.local')" :value="8"></el-option>
                 </el-select>
               </el-form-item>
-            </td>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('MarketingActi.huangoujia')">
                 <el-input v-model="addMsg.redemptionPrice" class="w217" :placeholder="$t('pub.pleaseImport')" />
               </el-form-item>
-            </td>
-          </tr>
-          <tr>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item :label="$t('hotel.hotel_remark')">
                 <el-input v-model="addMsg.remark" class="w217" :placeholder="$t('pub.pleaseImport')" />
               </el-form-item>
-            </td>
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item label="使用平台" prop="OpenPlatformList">
                 <el-select filterable class="w217" :multiple="true" v-model="addMsg.openPlatformList" :placeholder="$t('system.ph_choice')">
                   <el-option :label="$t('system.ph_buxian')" :value="0" :key="0"></el-option>
@@ -354,20 +359,16 @@
                   </el-option>
                 </el-select>
               </el-form-item>
-            </td>
-          </tr>
-          <tr>
-            
-            <td>
+            </el-col>
+            <el-col :span="12">
               <el-form-item label="是否自动发放" prop="OpenPlatformList">
                 <el-select filterable class="w217"  v-model="addMsg.autoGrant" :placeholder="$t('system.ph_choice')">
                   <el-option label="不自动发放" :value="0" :key="0"></el-option>
                   <el-option label="完款后自动发放" :value="1" :key="1"></el-option>
                 </el-select>
               </el-form-item>
-            </td>
-          </tr>
-        </table>
+            </el-col>
+            </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <button class="hollowFixedBtn"
@@ -395,6 +396,61 @@
   export default {
     data() {
       return {
+        queryCommonData:{
+          loading: false,
+          dataList: []
+        },
+        tripDataList: [],
+        //查询团参数
+        queryMsg: {
+          QOutGroupAuditReject: 0, //只查看审核驳回 1
+          QSendCommissionState: 0, //提成状态 0不限， 1已发放， 2未发放
+          //出团公司集合
+          OutBranchIds: [],
+          pageIndex: 1,
+          pageSize: 50,
+          LineId: 0,
+          PlaceID: 0,
+          LineIdList: [],
+          LineteamId: 0,
+          TCNUM: "",
+          StartGroupDate: "",
+          EndGroupDate: "",
+          OutBranchId: -1,
+          AirTicketId: 0,
+          TeamMinNum: "",
+          TeamMaxNum: "",
+          CreateBy: 0,
+          ApplyMinNum: "",
+          ApplyMaxNum: "",
+          DayNum: "",
+          OnlyShowOverTeam: false,
+          TCState: [1, 3], //去掉默认显示
+          GroupState: [],
+          SalePlat: [],
+          UnionCityId: 0,
+          SaleBranchId: [],
+          total: 0,
+          //是否有数据
+          noData: false,
+          currentPage: 1,
+          //航班配置
+          FlightState: 0,
+          //预警团
+          IsWarning: false,
+          WarningQuery: "-1",
+          RateOnDay: "-1",
+          RateOn: "-1",
+          TeamType: 0, //一般常规团
+          IsShowUnion: -1,
+          TCID: "",
+          HotelId: 0, //酒店编号
+          HotelUseTime: "", //酒店使用时间
+          QBusNumber: "",
+          PriceTeamType: "", //团队类型
+          Title: "", //团名
+        },
+
         leaveBtn: "",
         leaveId: "",
         loading: true,
@@ -458,6 +514,11 @@
             message: this.$t('rule.qsryhqshuliang'),
             trigger: "blur"
           }],
+          couponPriceLists: [{
+            required: true,
+            message: '请选择团',
+            trigger: "change"
+          }]
         },
         addMsg: {
           couponsName: "",
@@ -479,6 +540,8 @@
           remark: "",
           autoGrant:"",
           openPlatformList:[],
+          couponPriceLists: '',
+          couponPriceList: [],
         },
         pwdMsg: {
           Id: "",
@@ -521,6 +584,37 @@
     filters: {},
 
     methods: {
+      getcouponPriceList(){
+        this.addMsg.couponPriceList = []
+        this.addMsg.couponPriceLists.forEach(item=>{
+          let obj = {
+            TCID: item
+          }
+          this.addMsg.couponPriceList.push(obj)
+        })
+      },
+      getTravelPrciePageList(){
+        this.queryCommonData.loading = true;
+        this.queryMsg.LineId = this.addMsg.lineId
+        this.queryMsg.LineteamId = this.addMsg.lineteamId
+        this.queryMsg.StartGroupDate = this.addMsg.effectDate
+        this.queryMsg.EndGroupDate = this.addMsg.expirationDate
+        this.apipost(
+          "travel_get_GetTravelPrciePageList_V2",
+          this.queryMsg,
+          res => {
+            this.queryCommonData.loading = false;
+            if (this.queryMsg.TCID == "0") {
+              this.queryMsg.TCID = "";
+            }
+            if (res.data.resultCode == 1) {
+              this.queryCommonData.dataList = res.data.data.pageData;
+              console.log(this.queryCommonData.dataList,'----')
+            }
+          },
+          err => {}
+        );
+      },
       GetAuth() {
         var actionCode = this.$AuthCode.EidtCoupon;
         this.CheckUserAuth(actionCode, res => {
@@ -531,7 +625,13 @@
       },
       EditItem(item) {
         console.log("item222",item);
+        if(item.couponPriceList&&item.couponPriceList.length>0){
+          item.couponPriceLists = item.couponPriceList.map(item=> {return item.TCID})
+        }
         this.addMsg = Object.assign({}, item);
+        if(item.couponPriceLists||item.lineId||item.lineteamId||item.effectDate||item.expirationDate){
+          this.getTravelPrciePageList()
+        }
       },
       //点击确定修改库存
       sureUpdatekucun() {