storevisit-ui-mobile/src/views/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>
    <van-col span="12">
      <p>
        <span class="colLabel colLabel_FX">分销店</span>
        <span class="colorbalck">{{ Micrometer(reportTargetAll.fxShopVisitDayNum) }}</span>
      </p>
    </van-col>
    <van-col span="12">
      <p>
        <span class="colLabel colLabel_FX">分销店</span>
        <span class="colorbalck">{{ Micrometer(reportTargetAll.fxShopVisitMonthNum) }}</span>
        <span class="colorbalck"> ({{ reportTargetAll.fxShopVisitMonthRate }}%) </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>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          <span class="colLabel colLabel_TCFX">同城分销</span>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          涂料店：
          <span class="colorbalck">{{ Micrometer(reportTargetAll.tcfxTlShopVisitDayNum) }}</span>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          <span style="font-weight: 600">近2月</span>涂料店：
          <span class="colorbalck">{{ Micrometer(reportTargetAll.tcfxTlShopVisitMonthNum) }}</span>
          <span class="colorbalck"> ({{ reportTargetAll.tcfxTlShopVisitMonthRate }}%) </span>
        </p>
      </van-col>
      <van-col span="12">
        <p style="margin-top: 0">
          其他店：<span class="colorbalck">{{
            Micrometer(reportTargetAll.tcfxOtherShopVisitDayNum)
          }}</span>
        </p>
      </van-col>
      <van-col span="12">
        <p style="margin-top: 0">
          <span style="font-weight: 600">近3月</span>其他店：<span class="colorbalck">{{
            Micrometer(reportTargetAll.tcfxOtherShopVisitMonthNum)
          }}</span>
          <span class="colorbalck"> ({{ reportTargetAll.tcfxOtherShopVisitMonthRate }}%) </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>