storevisit-ui-mobile/src/components/componentsTarget/visitedRealTime.vue

<!-- 拜访数据（实时） -->
<template>
  <!-- 家装和公装 -->
  <van-row v-if="JZQuota">
    <van-col span="12"><span class="leftTitle">今日拜访:</span></van-col>
    <van-col span="12"><span class="rightTitle">本月拜访:</span></van-col>
    <van-col span="12"
      ><p>
        线内拜访点数:<span class="colorbalck">{{ reportTargetAll.inVisitAct }}</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        线内拜访点数:<span class="colorbalck">{{ reportTargetAll.inVisitActMonth }}</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        计划拜访点数:<span class="colorbalck">{{ reportTargetAll.visitTarget }}</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        计划拜访点数:<span class="colorbalck">{{ reportTargetAll.coverStoreNum }}</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        线内拜访率:<span class="colorbalck">{{ reportTargetAll.inVisitRate }}%</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        线内拜访率:<span class="colorbalck">{{ reportTargetAll.inVisitMonthRate }}%</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        整体拜访数:<span class="colorbalck">{{ reportTargetAll.allVisitNum }}</span>
      </p></van-col
    >
    <van-col span="12"
      ><p>
        整体拜访率:<span class="colorbalck">{{ reportTargetAll.allVisitMonthRate }}%</span>
      </p></van-col
    >
  </van-row>
  <!-- 其他 -->
  <van-row v-else>
    <van-col span="12">
      <span class="leftTitle">今日拜访点数:</span>
    </van-col>
    <van-col span="12">
      <span class="rightTitle">月度拜访点数(拜访率):</span>
    </van-col>
    <van-col span="12">
      <p>
        <span class="colLabel colLabel_KK">可控店:</span>
        <span class="colorbalck">{{ Micrometer(reportTargetAll.controlledShopVisitDayNum) }}</span>
      </p>
    </van-col>
    <van-col span="12">
      <p>
        <span class="colLabel colLabel_KK">可控店:</span>
        <span class="colorbalck">{{
          Micrometer(reportTargetAll.controlledShopVisitMonthNum)
        }}</span>
        <span class="colorbalck">({{ reportTargetAll.controlledShopVisitMonthRate }}%)</span>
      </p>
    </van-col>
    <div>
      <div class="backLeft back"></div>
      <div class="backRight back"></div>
      <van-col span="12">
        <p>
          <span class="colLabel colLabel_JP">金牌店:</span>
          <span class="colorbalck">{{ Micrometer(reportTargetAll.jpShopVisitDayNum) }}</span>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          <span class="colLabel colLabel_JP">金牌店:</span>
          <span class="colorbalck">{{ Micrometer(reportTargetAll.jpShopVisitMonthNum) }}</span>
          <span class="colorbalck"> ({{ reportTargetAll.jpShopVisitMonthRate }}%) </span>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          <span class="colLabel colLabel_TCFX">同城分销:</span>
          <span class="colorbalck">{{ Micrometer(reportTargetAll.tcfxShopVisitDayNum) }}</span>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          <span class="colLabel colLabel_TCFX">同城分销近3月:</span>
          <span class="colorbalck">{{ Micrometer(reportTargetAll.tcfxShopVisitMonthNum) }}</span>
          <span class="colorbalck"> ({{ reportTargetAll.tcfxShopVisitMonthRate }}%) </span>
        </p>
      </van-col>
    </div>
  </van-row>
</template>
<script>
export default {
  props: {
    reportTargetAll: {
      type: Object,
    },
    powerGrade: {
      type: [Number, String],
    },
    JZQuota: {
      type: Boolean,
    },
    GZdata: {
      type: Boolean,
    },
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
@import './index.css';
</style>