<template>
   <div id="box">
  <div class="box_childen">
    <el-table v-loading="loading" :data="list" :header-cell-style="headerCellStyle" border
              max-height="550"
              stripe
    >
      <el-table-column align="left" label="队列检查项目">
        <el-table-column type="index" width="50"/>
        <el-table-column :formatter="itemFormatter" align="left" label="检查项目名称"
                         min-width="140" prop="inExamItemName" show-overflow-tooltip
        />
      </el-table-column>
    </el-table>
  </div>
  </div>
</template>

<script>
import { queryQueueItems,addQueueItem } from "@/api/resource/queue";

  export default {
    name: "QueueItem",
    data() {
      return {
        loading: false,
        list: []
      }
    },
    methods: {
      itemFormatter(row) {
        return `【${row['inExamItemId']}】${row.inExamItemName}`
      },
      // 表头行样式
      headerCellStyle(obj) {
        if (obj.rowIndex === 0 && obj.columnIndex === 0) {
          return {
            fontSize: '18px'
          }
        }
      },
      refshData(id) {
        this.list = []
        this.loading = true
        queryQueueItems({ queueId: id }).then(response => {
          this.list = response.data
          console.log('asdsadsadsa', this.list)
          this.loading = false
        })
      }
    }
  }
</script>
<style scoped>
#box{
 /* position:absolute;
 width: 500px;
height:400px;
overflow:auto; */
overflow: hidden;
}
.box_childen ul li{
  list-style-type: none;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  /* font-weight: normal; */
}
.box_childen ul{
    margin: 0px;
    padding: 0px;
    border-left: 0.3px solid #c0c0c0;
    border-right: 0.3px solid #c0c0c0;
    border-bottom: 0.1px solid #c0c0c0;

}
.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>
