<template>
  <div class="content">
    <div class="list-unstyled list-inline x-step x-step-x">
      <ul>
        <li class="active">查看所有客戶资料<i class="x-split"></i></li>
      </ul>
    </div>
    <div class="tab">
      <table class="table table-striped">
        <thead>
        <tr>
          <th>序号</th>
          <th>客户名称</th>
          <th>录入时间</th>
          <th>单据状态</th>
          <th>确认客户资料</th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="(item,index) in $store.state.baolilist" @click="$store.dispatch('showcustdetail',item.cusId)">
          <td v-text="index+1"></td>
          <td v-text="item.fa_enname"></td>
          <td v-text="item.submitTime"></td>
          <td v-if="item.status==null"></td>
          <td v-else-if="item.status==201">已保存</td>
          <td v-else-if="item.status==202">已提交</td>
          <td v-else-if="item.status==203">已上传至UAS</td>
          <td v-else-if="item.status==204">已批复额度</td>
          <td v-else>拒绝批复额度</td>
          <td v-if="item.checkinfo==1">已确认</td>
          <td v-else><el-button  @click.stop="check(item.id)" type="primary">确认</el-button></td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
    export default {
        fetch({store}){
          return Promise.all([
            store.dispatch('showbaolilist')
          ])
        },
      methods:{
        check(id){
          this.$store.dispatch('checkinfo',id)
        }
      },
    }
</script>

<style scoped>

</style>
