<template>
  <div class="L-projectProgress">
    <div class="projectProgress-title">【项目进展】</div>
    <div class="schedule-timeline">
      <el-timeline>
        <el-timeline-item
          v-for="(activity, index) in activities"
          :key="index"
          size="large"
          :class="activity.status == 1 || activity.status == 0 ? 'timeline-item-green' : activity.status == 2 ? 'timeline-item-red' : ''"
        >
          <div slot="dot" class="timeline-dot" :class="activity.status == 2 ? 'timeline-dot-red' : ''">
            <i class="icon iconfont" :class="activity.status == 1 || activity.status == 0 ? 'icon-jc-dian-green' : activity.status == 2 ? 'icon-jc-dian' : ''"></i>
          </div>
          <el-card> <!-- 去除阴影  shadow="never -->
            <div class="schedule-content">
              <div class="card-content-left">
                <div class="schedule-card-title">提交项目材料</div>
                <div class="card-content-one" v-show="activity.status == 0">
                  <span>提醒</span>
                  <span>已提交xxx材料</span>
                </div>
                <div class="card-content-one" v-show="activity.status == 2">
                  <span>提醒</span>
                  <span>请xxx专家审核</span>
                </div>
                <div class="card-content-one" v-show="activity.status == 1">
                  <span>审核结果</span>
                  <span>xxx审核通过</span>
                </div>
                <div class="card-content-two" v-show="activity.status == 1">
                  <span>审核意见</span>
                  <span>xxxxxx</span>
                </div>
                <div class="card-content-two" v-show="activity.status == 0">
                  <span>附件</span>
                  <a>xxx.doc</a>
                </div>
                <div class="card-content-three" v-show="activity.status !== 2">2023-05-11</div>
                <div class="card-content-three-red" v-show="activity.status == 2">请于2023-06-20前审核</div>
              </div>
              <div class="card-content-right" v-if="activity.status !== 0">
                <i class="icon iconfont" :class="activity.status == 2 ? 'icon-jc-daishenpi1-copy' : activity.status == 1 ?  'icon-jc-shenpitongguo-copy' : ''"></i>
              </div>
            </div>
          </el-card>
        </el-timeline-item>
      </el-timeline>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      activities: [{
        status: 2,
      }, {
        status: 1,
      }, {
        status: 1,
      }, {
        status: 0,
      }]
    }
  },
  methods:{

  },
}
</script>
