<style scoped>
  @import "../../../pages/financial/css/cssReset.css";

  .baseSet_Title {
    width: 120px !important;
    padding: 18px 0 0 16px;
    text-align: right;
  }

  .singeRowTable tr th {
    border: 1px solid #d2d2d2;
  }

  .studentTracking td:first-child {
    background-color: #E6E6E6;
    position: sticky;
    left: 0px;
  }

  .studentTracking th:first-child {
    position: sticky;
    left: 0px;
  }

  .stulistNumber {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #2961FE;
    border-radius: 50%;
    cursor: pointer;
    color: #2961FE;
  }

  .OCourseTable {
    width: 400px;
    text-align: center;
  }

  .OCourseTable tr td {
    height: 40px;
  }

  .OCourseTable tr th {
    height: 40px;
    background-color: rgb(238, 238, 239);
  }

  .stufollowlistNumber {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #2961FE;
    border-radius: 50%;
    cursor: pointer;
    color: #2961FE;
  }

</style>
<template>
  <div class="monthStatisticslist">
    <div style="width: 100%;overflow-x: auto;">
      <table class="po_content singeRowTable" ref="table" style="border:1px solid #E6E6E6;" cellspacing="0"
        cellpadding="0" v-loading="loading">
        <tr>
          <th width="120" style="min-width: 110px;">学生</th>
          <th width="200" style="min-width: 110px;z-index: 999;">时间</th>
          <th width="120" style="min-width: 110px;">类型</th>
          <th width="120" style="min-width: 110px;">学历</th>
          <th width="100" style="min-width: 100px;">目的</th>
          <th width="200" style="min-width: 200px;">是否签合同</th>
          <th width="200" style="min-width: 200px;">来源</th>
          <th width="200" style="min-width: 200px;">来源人</th>
          <th width="200" style="min-width: 200px;">课程名称</th>
          <th width="200" style="min-width: 80px;">订单金额</th>
        </tr>

        <template v-if='dataObj&&dataObj.list && dataObj.list.length>0'>
          <tr v-for=" ( item , index ) in dataObj.list " :key="index">
            <td style=" border: 1px solid #d2d2d2;">
              <div class="text-blue cursor-pointer" @click="getStuRight(item)">
                {{  item.StuName }}
              </div>
            </td>
            <td>
              <span>{{ item.CreateTimeStr }}</span>
            </td>
            <td>
              <span>{{ item.JoinType==3?"内产":"新生" }}</span>

            </td>
            <td>
              <span>{{item.StuEducationName}}</span>
            </td>
            <td>
              <span>{{item.StuProfession}}</span>
            </td>
            <!-- <td>
              <span>{{ item.CourseName }}</span>
            </td> -->
            <td>
              <span>{{ item.AdvisorStatusName }}</span>
            </td>
            <td>{{item.CreateTypeStr}}</td>
            <td>
              <span v-if="item.CreateType==2 && item.EnterpriseName">{{item.EnterpriseName}}:</span>
              <span>{{item.StuSourceIdName?item.StuSourceIdName:(item.StuChannelName+"-"+item.CreateByName) }}</span>
            </td>
            <td>{{item.CourseName}}</td>
            <td>
              <span>{{ item.OrderIncome }}{{item.Refund>0?",已退款"+item.Refund:""}}</span>
            </td>
          </tr>
        </template>
      </table>
    </div>
    <div v-if='dataObj&&dataObj.list && dataObj.list.length>0'>
    </div>
    <div v-else
      style="width: 100%;border:1px solid #E6E6E6;display: flex;align-items: center;justify-content: center;height: 60px;">
      暂无数据
    </div>
    <studentRight-form v-if="isShowStuRight" :BelongType="BelongType" :save-obj="stuOption" @close="closeStuForm"
      @success="refreshTable">
    </studentRight-form>
    <studentFUForm v-if="isShowStuFU" :save-obj="stuOption" @close="closeStuForm">
    </studentFUForm>
  </div>
</template>
<script>
  import studentRightForm from "./studentRight-form";
  import studentFUForm from "./studentFu-form";

  export default {
    props: {
      //数据
      dataObj: {
        type: Object,
        default: null
      },
      loading: {
        type: Boolean,
        default: false,
      },
      AuthObj: {
        type: Object,
        default: null
      }
    },
    components: {
      studentRightForm,
      studentFUForm
    },
    data() {
      return {
        isShowStuFU: false,
        isShowStuRight: false,
        stuOption: {},
        BelongType: 0,
        ShowAuthObj: {
          //是否显示同行、状态等信息
          isShowSaleInfo: true,
        },
      };
    },
    mounted() {
      if (this.AuthObj) {
        this.ShowAuthObj.isShowSaleInfo = this.AuthObj.isShowSaleInfo;
      }
    },
    methods: {
      //刷新表格
      refreshTable() {
        this.$emit("success");
      },
      getCurseManager(row) {
        let managerName = "<span class='text-grey-4'>暂未推送</span>";
        if (row.AssistList && row.AssistList.length > 0) {
          row.AssistList.forEach(y => {
            if (y.AssistType == 2) {
              managerName = `<span class='text-dark'>${y.AssistName}</span>`;
            }
          });
        }
        return managerName;
      },
      //点击学生姓名弹出
      getStuRight(obj) {
        if (obj) {
          this.stuOption = obj;
          this.BelongType = 3;
        }
        this.isShowStuRight = true;
      },
      //关闭弹窗
      closeStuForm() {
        this.isShowStuRight = false;
        this.isShowStuFU = false
      },
    }
  };

</script>
