storevisit-ui-mobile/src/views/componentsTarget/performanceSAP.vue

<!-- 业绩目标SAP(千元)/公裝业绩SAP(千元) -->
<template>
  <van-row>
    <van-col span="12"
      ><span v-if="!JZQuota" class="leftTitle">本月业绩</span
      ><span v-if="JZQuota" class="leftTitle">本月实际</span></van-col
    >
    <van-col span="12"
      ><span v-if="!JZQuota" class="rightTitle">本季业绩</span
      ><span v-if="JZQuota" class="rightTitle">本季实际</span></van-col
    >
    <van-col span="12">
      <p v-if="!JZQuota">
        本月实际:<span class="colorbalck">{{ Micrometer(reportTargetAll.sapMonthAct) }}</span>
      </p>
      <p v-if="JZQuota">
        本月累计:<span class="colorbalck">{{ Micrometer(reportTargetAll.sapMonthAct) }}</span>
      </p>
    </van-col>
    <van-col span="12">
      <p v-if="!JZQuota">
        本季实际:<span class="colorbalck">{{ Micrometer(reportTargetAll.sapQuarterAct) }}</span>
      </p>
      <p v-if="JZQuota">
        本季累计:<span class="colorbalck">{{ Micrometer(reportTargetAll.sapQuarterAct) }}</span>
      </p>
    </van-col>
    <van-col span="12"
      ><p>
        本月达成率:<span class="colorbalck">{{ reportTargetAll.sapMonthSuccessRate }}%</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        本季达成率:<span class="colorbalck">{{ reportTargetAll.sapQuarterSuccessRate }}%</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        本月成长率:<span class="colorbalck">{{ reportTargetAll.sapMonthGrowRate }}%</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        本季成长率:<span class="colorbalck">{{ reportTargetAll.sapQuarterGrowRate }}%</span>
      </p></van-col
    >
    <van-col span="24" v-if="JZQuota"><span class="leftTitle">年度累计</span></van-col>
    <van-col span="24" v-if="JZQuota"
      ><p>
        年度累计:<span class="colorbalck">{{ Micrometer(reportTargetAll.sapYearAct) }}</span>
      </p></van-col
    >
    <van-col span="24" v-if="JZQuota"
      ><p>
        年度达成率:<span class="colorbalck">{{ reportTargetAll.sapYearSuccessRate }}%</span>
      </p></van-col
    >
    <van-col span="24" v-if="JZQuota"
      ><p>
        年度成长率:<span class="colorbalck">{{ reportTargetAll.sapYearGrowRate }}%</span>
      </p></van-col
    >
  </van-row>
</template>
<script>
export default {
  props: {
    reportTargetAll: {
      type: Object,
    },
    JZQuota: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
@import './index.css';
</style>