<template>
  <div>
    <div ref="lxHeader">
      <lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="服务明细">
        <div slot="content"></div>
        <slot>
          <div>
            <Input v-model="select.keyword" placeholder="关键字搜索" style="width: 200px; margin-right: 10px"/>
            <Button style="margin-left: 10px" type="primary">查询</Button>
          </div>
        </slot>
      </lx-header>
    </div>

    <xy-table
      :total="total"
      :list="list"
      :table-item="table"></xy-table>

  </div>
</template>

<script>
import {getList} from '@/api/serveDetail'
import {parseTime} from "@/utils"

export default {
  data() {
    return {
      select:{
        page:1,
        page_size:10,
        keyword:''
      },
      types:[],

      total:0,
      list:[],
      table:[]
    }
  },
  methods: {

    async getList(){
      const res = await getList(this.select)
      this.total = res.total
      this.list = res.data
      console.log(this.list)
    },

  },
  mounted() {
    this.getList()
  }
}
</script>

<style scoped lang="scss">
</style>
