<template>
  <div class="app-container">
    <el-tabs v-model="goodsType">
      <template v-for="(dict, i) in dict.type.goods_type">
        <el-tab-pane :key="i" :label="dict.label" :name="dict.value" v-if="dict.label !== '材料商品' && dict.label !== '普通商品'"></el-tab-pane>
      </template>
    </el-tabs>
    <div class="tab-content">
      <carBeautyOrder v-if="goodsType == '3'"></carBeautyOrder>
      <lifeServicesOrder v-if="goodsType == '2'"></lifeServicesOrder>
    </div>
  </div>
</template>

<script>
import carBeautyOrder from './carBeautyOrder.vue';
import lifeServicesOrder from './lifeServicesOrder.vue'
export default {
  dicts: ['goods_type'],
  components: {
    carBeautyOrder,
    lifeServicesOrder
  },
  data() {
    return {
      goodsType: '2',
    }
  },

  methods: {
    // onChangeGoodsType() {
    //   this.queryParams.goodsType = this.goodsType
    // //   this.handleQuery()
    // },
  }
}
</script>