<template>
  <div>
    <div class="heior_box">
        <el-input v-model="searchModel.username" style="width:15%;float:right;" placeholder="请输入会员号/名称" clearable size="small">
          <el-button slot="append" icon="el-icon-search" @click="get"></el-button>
        </el-input>
    </div>

    <el-table :data="retData.Data" size="medium" :height="$getHeight(100)" border>
      <el-table-column prop="create_time" label="日期" width="200px"></el-table-column>
      <el-table-column prop="username" label="用户" width="160px"></el-table-column>
      <el-table-column prop="describe" label="业务描述"></el-table-column>
      <el-table-column label="协议">
        <template slot-scope="scope">   
          <el-link type="primary" :href="scope.row.xieyi"  target="_blank"> {{scope.row.xieyi}} 查看大图</el-link>
        </template>
      </el-table-column>
      <el-table-column label="业务">
        <template slot-scope="scope">   
          <el-link type="primary" :href="scope.row.yewu"  target="_blank"> {{scope.row.yewu}} 查看视频</el-link>
        </template>
      </el-table-column>
    
    </el-table>
    <div class="block">
      <el-pagination
        v-if="retData.Data.length>0"
        @current-change="get"
        :page-size="50"
        :current-page.sync="searchModel.PageIndex"
        layout="total,prev, pager, next"
        :total="retData.TotalCount"
      ></el-pagination>
    </div>

  </div>
</template>
<script>
export default {
  name: "argument",
  data() {
    return {
      retData:null,
      searchModel:{
        username:null,
      }
    };
  },
  created () {
    this.$store.commit('setCurrentNav', '电话管理>>客户经理拨打统计')
    this.get()

  },
  methods: {
    
    get() {
      this.$api.post(this.$api.phpURL + "tencent/index/get_list", this.searchModel).then(res => {
        this.retData = res;
      });
    },
  }
}
</script>
