<template>
  <div class="order_list">
    <div class="order_th_pad">
      <el-row class="order_th">
        <el-col :span="7">服务信息</el-col>
        <el-col :span="5">规格</el-col>
        <el-col :span="3">购买时长</el-col>
        <el-col :span="3">总价</el-col>
        <el-col :span="3">申请状态</el-col>
        <el-col :span="3">操作</el-col>
      </el-row>
    </div>
    <order-cell v-for="item in datas" :key="item.id" :cellItem="item" @updateList="updateList"></order-cell>
  </div>
</template>

<script>
import OrderCell from "@/components/order-list/order-list-cell";
export default {
  components: {
    OrderCell
  },
  props: {
    datas: {
      type: Array,
      default: () => {
        [];
      }
    }
  },
  data: () => ({}),
  mounted() {},
  methods: {
    updateList() {
      this.$emit("updateList");
    }
  }
};
</script>
<style scoped>
.order_list {
  padding: 20px 20px 0;
}
.order_th_pad {
  margin-bottom: 20px;
}
.order_th {
  height: 48px;
  background-color: #eff1f8;
}
.order_th div {
  text-align: center;
  line-height: 48px;
  color: #8890a7;
  font-size: 14px;
}
</style>