<template>
   <div id="box">
  <div class="box_childen">
    <div v-show="flagShow">
    <el-row v-for="(item,index) in timeList" :key="index">
    <div id="from">
         {{item}}
     </div>
     <div id="tab">
    <el-table v-loading="loading" :data="queueBasicNumList">
      <el-table-column align="center" label="午段" prop="timeFrame" />
      <el-table-column align="center" label="开始时间" prop="startTime" />
      <el-table-column align="center" label="结束时间" prop="endTime" />
      <el-table-column align="center" label="时段号源数量" prop="sourceCount" width="200" />
    </el-table>
     </div>
    </el-row>
    </div>
  </div>
  </div>
</template>

<script>
import { listQueueBasicNum, getQueueBasicNum, delQueueBasicNum, addQueueBasicNum, updateQueueBasicNum, exportQueueBasicNum } from "@/api/resource/queueBasicNum";

  export default {
     name: "SourceModel",
  data() {
    return {
      // 遮罩层
      loading: false,
      flagShow: false,
      // 选中数组
      ids: [],
      timeList: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 队列基础号表格数据
      queueBasicNumList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        queueSetId: null,
        visitTypeId: null,
        weekName: null,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    }
    },
     mounted() {

  },
  methods: {
    /** 查询队列基础号列表 */
    getList(id) {
        this.queryParams.queueSetId = id;
        this.queryParams.groupBy = "true";
        this.loading = true;
        listQueueBasicNum(this.queryParams).then(response => {
          this.queueBasicNumList = response.rows;
          console.log(this.queueBasicNumList)
          this.timeList = ["星期一","星期二","星期三","星期四","星期五","星期六","星期日"];
          this.flagShow = true;
          this.loading = false;
        });
      },

    }

  }
</script>
<style scoped>
.box_childen{
  list-style-type: none;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  /* font-weight: normal; */
}
#from{
height: 44px;
line-height: 44px;
text-align: center;
 font-weight: bold;
 background-color:rgba(236, 236, 236, 0.39);
border: 1px solid #cecdcdab;
}
#tab{
  margin-bottom: 40px;
}
.boxli{
  display: flex;
   flex-direction: row;
}
.boxspan{
  width: 30px;
  line-height: 38px;
  text-align: center;
  border-right:0.3px solid  #c0c0c0;
 background-color: #F7F7F8;
}
.boxspan2{
  width: 30px;
  line-height: 45px;
  /* margin-left: -350px; */
  /* border-left:0.3px solid  #c0c0c0; */
}
.textlist{
  line-height: 38px;
  text-align: left;
  margin-left: 20px;
}
</style>
