<style>
  @import "../../assets/css/newTravelManager.css";

  .productQuerySearch {
    width: 100%;
    min-height: auto;
    overflow: hidden;
    padding: 0 0 20px 0;
  }

  .productQuerySearch li {
    float: left;
    font-size: 12px;
    color: #666;
    margin: 20px 0 0px 0;
  }

  .productQuerySearch li>span {
    display: inline-block;
  }

  .productQuerySearch li span>em {
    display: inline-block;
    min-width: 60px;
    text-align: right;
    font-style: normal;
    margin: 0 12px 0 0;
  }

  .productQuerySearch li:last-child {
    position: fixed;
    z-index: 50;
    top: 36px;
    right: 20px;
  }

  .productQuerySearch ul {
    position: relative;
    overflow: hidden;
  }

  .elPopoverLayer {
    padding: 0px 10px;
  }

  .elPopoverLayer p {
    line-height: 34px;
    font-size: 12px;
  }

  .elPopoverLayer p>i {
    font-style: normal;
    border: 1px solid #999;
    padding: 0 3px;
    font-size: 12px;
    margin-right: 10px;
    font-weight: bold;
    color: #333;
  }

  .elPopoverLayer p>span {
    display: inline-block;
    width: 130px;
  }

  .elPopoverLayer p>span>b {
    margin-left: 10px;
    color: #2aaef2;
  }

  .superSearchLayer>p {
    padding: 20px 0;
    font-size: 14px;
    color: #333;
    font-weight: bold;
  }

  .superSearchLayer>div {
    margin-top: 20px;
    color: #666;
    font-size: 12px;
  }

  .superSearchLayer>div>span {
    margin: 0 15px 0 5px;
  }
  
  .productQuerybottomLayer {
    overflow: auto;
    position: fixed;
    /* max-height: 300px; */
    z-index: 50;
    bottom: 0;
    left: 0;
    border-top: 3px solid #38425d;
    background-color: #ffffff;
    padding: 10px 10px 0;
    width: 100%;
  }

  .productQuerybottomLayer .el-form-item__label {
    font-size: 12px !important;
  }

  .productQuerybottomLayer>p {
    border-left: 3px solid #e95252;
    text-indent: 15px;
    height: 16px;
    font-family: "PingFangSc-Fine";
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 14px;
    color: #000;
  }

  .productQuerybottomLayer .el-input {
    width: auto !important;
  }

  .productQueryList .disabledBtn {
    background: #999 !important;
    border-color: #999 !important;
  }

  .product_union {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-top: 15px solid red;
    border-bottom: 15px solid transparent;
    border-left: 15px solid red;
    border-right: 15px solid transparent;
  }

  .product_union::after {
    content: "联";
    position: absolute;
    top: -14px;
    left: -11px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 12px;
  }

  .product_union1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-top: 15px solid red;
    border-bottom: 15px solid transparent;
    border-left: 15px solid red;
    border-right: 15px solid transparent;
  }

  .product_union1::after {
    content: "内";
    position: absolute;
    top: -14px;
    left: -11px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 12px;
  }

  .product_warning {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    border-top: 10px solid red;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid red;
  }

  .product_warning::after {
    content: "!";
    position: absolute;
    top: -12px;
    right: -5px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 12px;
  }

  .PQ_detail {
    width: 100%;
    border-collapse: collapse;
  }

  .PQ_detail tr th,
  .v-table-title-cell {
    background: #e6e6e6;
    height: 40px;
    font-size: 14px;
    border-right: 1px solid #e6e6e6;
    color: #333;
  }

  .PQ_detail tr {
    background: #fff;
    text-align: center;
    height: 40px;
  }

  .PQ_detail tr td {
    font-size: 12px;
    border: 1px solid #e5e5e5;
  }

  .PQ_HotelPop {
    overflow: auto;
    max-height: 350px;
  }

  .PQ_HotelPop table td {
    padding: 5px 0;
    text-align: center;
  }

  .PQ_HotelPop table th {
    text-align: center;
  }

  .productQuerybottomLayer .el-upload-list {
    width: 200px;
  }

</style>
<template>
  <div class="flexOne">
    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
      layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
    </el-pagination>
    <!-- 产品列表 -->
    <signedClientList :loading="loading" :list="list" :isVisa="isVisa" @success="reSearchPage" :pagesTitle="pagesTitle"></signedClientList>
    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
      layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
    </el-pagination>
    
  </div>
</template>

<script>
  import signedClientList from "./Common/signedClientList.vue";

  export default {
    data() {
      return {
        isVisa: false, // 是否是签证下面的菜单
        pagesTitle: '跟团游产品',
        //当前登录用户信息
        CurrentUserInfo: {},
        userId: "",
        loading: true,
        currentPage: 1,
        total: 0,
        msg: {
          pageIndex: 1,
          pageSize: 10,
        },
        list: [],
        TCIDList: null,
        userInfo: {},
        crmOrderObj: null,
      };
    },
    components: {
      signedClientList
    },
    methods: {
      //刷新页面
      reSearchPage() {
        this.getList();
      },
      // 结束日期不能大于开始日期
      dataDui() {
        if (this.msg.StartTime > this.msg.EndTime && this.msg.EndTime !== "") {
          this.$message.error(this.$t('tips.jsrqbndyksriqi'));
          this.msg.EndTime = "";
        }
      },
      getList() {
        this.loading = true;
        this.msg.SigningType=1
        this.apipost(
          "app_get_my_customer_list",
          this.msg,
          (res) => {
            if (res.data.resultCode == 1) {
              this.loading = false;
              this.total = res.data.data.count;
              for (let i = 0; i < res.data.data.pageData.length; i++) {
                res.data.data.pageData[i]["wxImage"] = "";
              }
              this.list = res.data.data.pageData;      
        this.list.forEach(element => {
          element.check = false
        });
            } else {
              this.Error(res.data.message);
            }
          },
          (err) => {}
        );
      },

      handleCurrentChange(val) {
        this.msg.pageIndex = val;
        this.getList();
      },
      resetPageIndex() {
        this.msg.pageIndex = 1;
        this.currentPage = 1;
      },
    },
    mounted() {
      this.getList();//产品列表
    },
  };

</script>
