saas_masterPlatform/src/components/audit/auditProgress.vue

<template>
  <div>
    <BaseDialog
      width="700px"
      :isShow.sync="isShow"
      title="退款审核"
      @close="close"
      @submit="submitForm"
      :appendToBody="true"
      :confirmStatus="false"
    >
      <el-timeline>
        <el-timeline-item timestamp="2018/4/12" placement="top" color="#0bbd87">
          <el-card>
            <h4>负责人：会计</h4>
            <p>审核状态：已通过</p>
            <p>审核意见：——————</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2018/4/3" placement="top" color="#0bbd87">
          <el-card>
            <h4>负责人：财务</h4>
            <p>审核状态：待审核</p>
            <p>审核意见：——————</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2018/4/2" placement="top">
          <el-card>
            <h4>负责人：总经理</h4>
            <p>审核状态：未通过</p>
            <p>审核意见：</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2018/4/2" placement="top">
          <el-card>
            <h4>负责人：出纳</h4>
            <p>审核状态：待支付</p>
            <p>审核意见：</p>
          </el-card>
        </el-timeline-item>
      </el-timeline>
    </BaseDialog>
  </div>
</template>

<script>
export default {
  // name: "DislogSet",
  props: {
    auditProgress: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      active: 2,
    };
  },

  mounted() {},

  methods: {
    init() {},
    close() {},
    submitForm() {
      this.isShow = false;
    },
  },
  computed: {
    isShow: {
      get() {
        if (this.auditProgress) {
          this.init();
        }
        return this.auditProgress;
      },
      set(val) {
        this.$emit("update:auditProgress", false);
      },
    },
  },
};
</script>

<style lang="scss" scoped>
.el-timeline {
  padding: 0px 6px;
  max-height: 600px;
  overflow: auto;
}
</style>