<!--进度跟踪-后补进度-->
<template>
  <div class="fileBackTrackScheduleSub">
    <el-card class="card-header" shadow="never" body-style="height:200px">
      <div slot="header" class="card-btn">
          <span class="iconfont iconcompanylist header-icon-color header-icon-font"/>
          <span class="header-title">{{$t('coordManageMain.backScheduleProgress')}}</span>
          <auth-button size="medium" class="header-btn1 iconfont icongenzongbiao" type="primary" v-if="trackParam.coordType==='1'||userType==='2'" :label="$t('coordManageMain.trackSchedule')" @click="showTracking()"></auth-button>
      </div>
      <div>
          <ul class="body-ul">
              <li>
                  <span>{{$t('coordManageMain.zg')+numFormat(form.total)+$t('coordManageMain.count')+numFormat(form.questionTotal)+$t('coordManageMain.question')}}</span>
              </li>
              <li class="body-li-margin">
                  <span>{{$t('coordManageMain.ytg')+numFormat(form.passCount)+$t('coordManageMain.count')}}</span>
              </li>
              <li class="body-li-margin">
                  <span>{{$t('coordManageMain.shz')+numFormat(form.reviewCount)+$t('coordManageMain.count')}}</span>
              </li>
              <li class="body-li-margin">
                  <span>{{$t('coordManageMain.jjz')+numFormat(form.dealCount)+$t('coordManageMain.count')+numFormat(form.dealQuestionCount)+$t('coordManageMain.question')}}</span>
              </li>
          </ul>
      </div>
    </el-card>
    <tracking-table-summary v-if="visible" :visible.sync="visible" :form="params" :userType="userType" :fileAll="fileAll" trackType="1"></tracking-table-summary>
  </div>
</template>
<script>
import { authButton } from 'newepoch-components'
import trackingTableSummary from '@/pages/assetoutfeedback/coordManage/trackingTableSummary'
export default {
  name: 'fileBackTrackScheduleSub',
  components: {
    authButton,
    trackingTableSummary
  },
  props: {
    form: {
      type: [Object],
      default: function () {
        return {}
      }
    },
    trackParam: {
      type: [Object],
      default: function () {
        return {}
      }
    },
    userType: {
      type: String,
      default () {
        return '1'
      }
    },
    fileAll: {
      type: Array,
      default () {
        return []
      }
    }
  },
  computed: {
    formUpdate () {
      return this.form
    }
  },
  data () {
    return {
      visible: false,
      params: {}
    }
  },
  methods: {
    showTracking () {
      Object.assign(this.params, this.trackParam)
      this.visible = true
    },
    numFormat (data) {
      if (!data) {
        return '0'
      } else {
        return data
      }
    }
  },
  filters: {

  }
}
</script>
<style lang="scss" scoped>
@import '~@/styles/assetoutfeedback/common.scss'
</style>
