<template>
  <div>
    <el-table v-if="TicketType === 'tp'" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
      <el-table-column label="序号" align="center">
        <template scope="scope">
          <span>{{ scope.$index + 1 }}</span>
        </template>
      </el-table-column>
      <el-table-column label="服务顾问" align="center" prop="soNo" width="180" />
      <el-table-column label="单号" align="center" prop="soNo" width="180" />
      <el-table-column label="车牌号" align="center" prop="soNo" width="180" />
      <el-table-column label="姓名" align="center" prop="soNo" width="180" />
      <el-table-column label="车系" align="center" prop="soNo" width="180" />
      <el-table-column label="手机号" align="center" prop="soNo" width="180" />
      <el-table-column label="消费项目" align="center" prop="soNo" width="180" />
      <el-table-column label="编码" align="center" prop="soNo" width="180" />
      <el-table-column label="规格" align="center" prop="soNo" width="180" />
      <el-table-column label="类型" align="center" prop="soNo" width="180" />
      <el-table-column label="数量" align="center" prop="soNo" width="180" />
      <el-table-column label="金额" align="center" prop="soNo" width="180" />
      <el-table-column label="合计" align="center" prop="soNo" width="180" />
      <el-table-column label="成本" align="center" prop="soNo" width="180" />
      <el-table-column label="毛利" align="center" prop="soNo" width="180" />
      <el-table-column label="支付金额" align="center" prop="soNo" width="180" />
      <el-table-column label="优惠" align="center" prop="soNo" width="180" />
      <el-table-column label="本次里程" align="center" prop="soNo" width="180" />
      <el-table-column label="销售人员" align="center" prop="soNo" width="180" />
      <el-table-column label="施工人员" align="center" prop="soNo" width="180" />
      <el-table-column label="备注" align="center" prop="soNo" width="180" />
      <el-table-column label="结算时间" align="center" prop="soNo" width="180" />
      <el-table-column label="创建时间" align="center" prop="soNo" width="180" />
      <el-table-column label="业务来源" align="center" prop="soNo" width="180" />
      <el-table-column label="门店" align="center" prop="soNo" width="180" />
      <el-table-column label="结算人" align="center" prop="soNo" width="180" />
      <el-table-column label="操作" fixed="right" align="center" width="180">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-delete"
          >查看
          </el-button>
          <el-button size="mini" type="text" icon="el-icon-delete"
          >返结
          </el-button>
          <el-button size="mini" type="text" icon="el-icon-delete"
          >作废
          </el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-if="TicketType === 'tu'" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
      <el-table-column label="序号" align="center">
        <template scope="scope">
          <span>{{ scope.$index + 1 }}</span>
        </template>
      </el-table-column>
      <el-table-column label="订单编号" align="center" prop="soNo" width="180" />
      <el-table-column label="维修类别" align="center" prop="soNo" width="180" />
      <el-table-column label="状态" align="center" prop="soNo" width="180" />
      <el-table-column label="客户名称" align="center" prop="soNo" width="180" />
      <el-table-column label="车牌号" align="center" prop="soNo" width="180" />
      <el-table-column label="车系" align="center" prop="soNo" width="180" />
      <el-table-column label="手机号" align="center" prop="soNo" width="180" />
      <el-table-column label="创建时间" align="center" prop="soNo" width="180" />
      <el-table-column label="预计完工" align="center" prop="soNo" width="180" />
      <el-table-column label="合计金额" align="center" prop="soNo" width="180" />
      <el-table-column label="参考成本" align="center" prop="soNo" width="180" />
      <el-table-column label="参考毛利" align="center" prop="soNo" width="180" />
      <el-table-column label="领料状态" align="center" prop="soNo" width="180" />
      <el-table-column label="服务顾问" align="center" prop="soNo" width="180" />
      <el-table-column label="备注" align="center" prop="soNo" width="180" />
      <el-table-column label="所属门店" align="center" prop="soNo" width="180" />
      <el-table-column label="操作" fixed="right" align="center" width="180">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-delete"
          >查看
          </el-button>
          <el-button size="mini" type="text" icon="el-icon-delete"
          >结算
          </el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-if="TicketType === 'tv'" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
      <el-table-column label="序号" align="center">
        <template scope="scope">
          <span>{{ scope.$index + 1 }}</span>
        </template>
      </el-table-column>
      <el-table-column label="单号" align="center" prop="soNo" width="180" />
      <el-table-column label="车牌" align="center" prop="soNo" width="180" />
      <el-table-column label="客户" align="center" prop="soNo" width="180" />
      <el-table-column label="数量" align="center" prop="soNo" width="180" />
      <el-table-column label="应收" align="center" prop="soNo" width="180" />
      <el-table-column label="现金" align="center" prop="soNo" width="180" />
      <el-table-column label="刷银行卡" align="center" prop="soNo" width="180" />
      <el-table-column label="挂账金额" align="center" prop="soNo" width="180" />
      <el-table-column label="优惠" align="center" prop="soNo" width="180" />
      <el-table-column label="折扣" align="center" prop="soNo" width="180" />
      <el-table-column label="实收" align="center" prop="soNo" width="180" />
      <el-table-column label="作废时间" align="center" prop="soNo" width="180" />
      <el-table-column label="作废人" align="center" prop="soNo" width="180" />
      <el-table-column label="作废备注" align="center" prop="soNo" width="180" />
    </el-table>
  </div>
</template>

<script>
export default {
  name: "TicketTable",
  props:{
    TicketType: {
      type: String,
      defaultValue: 'tp',
      required: true
    }
  },
  data() {
    return {
      loading: false,
      list: [],
    }
  },
  methods: {}
}
</script>

<style scoped lang="scss">

</style>
