<template>
  <span style="text-align: center;margin-top: 8px;">审核情况：
  <strong style="color: orange;" v-if="userInfo.confirm==1">通过</strong>
    <strong style="color: orange;" v-else-if="userInfo.isSubmit==1">审核中</strong>
    <!-- <strong style="color: orange;" v-else-if="userInfo.isSubmit==2">退回修改</strong> -->
    <strong style="color: green;" v-else-if="confirm=='通过'">通过</strong>
    <strong style="color: orange;" v-else-if="confirm==''">待审核</strong>
    <strong style="color: red;" v-else @click="doshow">未通过</strong>
    <el-popover placement="top" width="150"  v-model="showErr" >
      <p>{{confirm}}</p>
      <div style="text-align: right; top: 0">
        <el-button type="text" @click="showErr=false">确认</el-button>
      </div>
    </el-popover>
  </span>
</template>

<script>

  export default {
    name: "Index",
    props:['confirm', 'userInfo'],
    data() {
      return {
        showErr: false
      }
    },
    methods:{
      doshow(){
        this.showErr = !this.showErr
      }
    }
  }

</script>

<style>
</style>
