<template>
  <div class="money-schedule">
    <div class="schedule-title">【资金拨付进度】</div>
    <div class="schedule-timeline">
      <el-timeline>
        <el-timeline-item
          v-for="(activity, index) in activities"
          :key="index"
          :icon="activity.icon"
          :type="activity.type"
          :size="activity.size"
        >
          <el-card> <!-- 去除阴影  shadow="never -->
            <div class="schedule-content">
              <div class="schedule-card-title">xxxx年xx月xx日 政府财务审核通过</div>
              <div class="schedule-status" :class="activity.status == 0 ? 'orange' : activity.status == 1 ? 'green' : activity.status == 2 ? 'blue' : ''">
                {{ activity.status == 0 ? '已提交' : activity.status == 1 ? '审核通过' : activity.status == 2 ? '已拨付' : '' }}
              </div>
            </div>
            <div class="schedule-time">2023-05-11</div>
          </el-card>
        </el-timeline-item>
      </el-timeline>
    </div>
  </div>
</template>
<script>
export default {
  name:"tabThree",
  data() {
    return {
      activities: [{
        size: 'large',
        icon: 'icon iconfont icon-jc-kong-yuan',
        status: 2,
      }, {
        icon: 'icon iconfont icon-jc-kong-yuan',
        size: 'large',
        status: 1,
      }, {
        size: 'large',
        icon: 'icon iconfont icon-jc-kong-yuan',
        status: 0,
      }]
    }
  },
  methods:{
  },
}
</script>
