<template>
  <Drawer
    :mask-closable="false"
    @on-visible-change="visibleChange"
    title="定价历史"
    v-model="my_show"
    width="500"
  >
    <Timeline>
      <TimelineItem v-for="(item, index) in list" :key="index" :color="!index ? 'green' : 'blue'">
        <p
          class="time"
        >{{moment(item.created_at).format('YYYY-MM-DD')}} - {{moment(item.updated_at).format('YYYY-MM-DD')}}</p>
        <p class="content">
          <span class="umar-r10">
            <b>销售价:</b>
            {{item.price}} 元
          </span>

          <span v-if="data.type === 0">
            <b>续费价:</b>
            {{item.renew_price}} 元
          </span>
        </p>
      </TimelineItem>
    </Timeline>
  </Drawer>
</template>

<script src="./js/history.js"></script>

<style scoped>
>>> .ivu-table {
  font-size: 11px;
}
</style>

