<template>
  <el-tabs tab-position="left" style="height: 100%;">
    <el-tab-pane label="分时调价">
      <TimerBidTmpl mode="auto" :data="ruleData"/>
    </el-tab-pane>
    <el-tab-pane label="分时预算" :lazy="true">
      <!-- <TimerBudgetTmpl mode="auto" /> -->
    </el-tab-pane>
    <el-tab-pane label="广告活动" :lazy="true">
      <!-- <CampaignTmpl mode="auto" /> -->
    </el-tab-pane>
    <el-tab-pane label="添加否定词" :lazy="true">
    </el-tab-pane>
  </el-tabs>
</template>

<script lang="ts" setup>
import { ref, computed } from 'vue'
import TimerBidTmpl from '/@/components/auto-templates/timer-bid.vue'
import TimerBudgetTmpl from '/@/components/auto-templates/timer-budget.vue'
import CampaignTmpl from '/@/components/auto-templates/campaign.vue'

const ruleData = ref({
  templateType: 0,
  templateId: 0,
  templateName: '',
  rule: {
    type: 0,
    campaignType: '', // sp|sb|sd
    campaignAd: [],
    action: '',
    activeModel: '',
    setTime: '',
    weekdays: [],
    conditions: [],
  },
})

</script>

<style scoped>

</style>