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

<!-- 拜访数据（实时） -->
<template>
  <van-row>
    <van-col span="24"><span class="leftTitle">本月进度</span></van-col>
    <van-col span="12">
      <p>
        可控店下单点数：
        <span class="colorbalck">{{
          Micrometer(reportTargetAll.controlledOrderShopMonthAct)
        }}</span>
      </p>
    </van-col>
    <van-col span="12">
      <p>
        可控店下单率：
        <span class="colorbalck">{{ reportTargetAll.controlledShopMonthOrderRate }}%</span>
      </p>
    </van-col>
    <van-col span="12"
      ><p>
        分销店下单点数：<span class="colorbalck">{{
          Micrometer(reportTargetAll.fxOrderShopMonthAct)
        }}</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        分销店下单率：<span class="colorbalck">{{ reportTargetAll.fxShopMonthOrderRate }}%</span>
      </p></van-col
    >
    <div class="colBack">
      <div class="backLeft back"></div>
      <div class="backRight back"></div>
      <van-col span="12"
        ><p>
          金牌店下单点数：<span class="colorbalck">{{
            Micrometer(reportTargetAll.jpOrderShopMonthAct)
          }}</span>
        </p></van-col
      >
      <van-col span="12"
        ><p>
          金牌店下单率：<span class="colorbalck">{{ reportTargetAll.jpShopMonthOrderRate }}%</span>
        </p></van-col
      >

      <van-col span="12"
        ><p>
          同A店下单点数：<span class="colorbalck">{{
            Micrometer(reportTargetAll.tcAOrderShopMonthAct)
          }}</span>
        </p></van-col
      >
      <van-col span="12">
        <p>
          同A店下单率：<span class="colorbalck">{{ reportTargetAll.tcAShopMonthOrderRate }}%</span>
        </p>
      </van-col>

      <van-col span="12"
        ><p>
          同B店下单点数：<span class="colorbalck">{{
            Micrometer(reportTargetAll.tcBOrderShopMonthAct)
          }}</span>
        </p></van-col
      >
      <van-col span="12">
        <p>
          同B店下单率：<span class="colorbalck">{{ reportTargetAll.tcBShopMonthOrderRate }}%</span>
        </p>
      </van-col>
    </div>
  </van-row>
</template>
<script>
export default {
  props: {
    reportTargetAll: {
      type: Object,
    },
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
@import './index.css';
</style>