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

<!-- 建店布机 -->
<template>
  <van-row>
    <van-col span="12">
      <p>
        <span class="leftTitle">本月实际</span>
      </p>
    </van-col>
    <van-col span="12">
      <p>
        <span class="rightTitle">今年实际(达成率)</span>
      </p>
    </van-col>
    <van-col span="12">
      <p>
        <span class="colLabel colLabel_KK">可控店</span>
        <span class="colorbalck">{{ Micrometer(reportTargetAll.controlledShopMonthAct) }}</span>
      </p>
    </van-col>
    <van-col span="12">
      <p>
        <span class="colLabel colLabel_KK">可控店</span>
        <span class="colorbalck">{{ Micrometer(reportTargetAll.controlledShopYearAct) }}</span>
        <span class="colorbalck" v-if="reportTargetAll.controlledShopYearRate"
          >({{ reportTargetAll.controlledShopYearRate }}%)</span
        >
        <span class="colorbalck" v-else>({{ '-' }})</span>
      </p>
    </van-col>
    <van-col span="12">
      <p>
        <span class="colLabel colLabel_FX">分销店</span>
        <span class="colorbalck">{{ Micrometer(reportTargetAll.allShopMonthAct) }}</span>
      </p>
    </van-col>
    <van-col span="12">
      <p>
        <span class="colLabel colLabel_FX">分销店</span>
        <span class="colorbalck">{{ Micrometer(reportTargetAll.allShopYearAct) }}</span>
        <span class="colorbalck" v-if="reportTargetAll.allShopYearRate"
          >({{ reportTargetAll.allShopYearRate }}%)</span
        >
        <span class="colorbalck" v-else>({{ '-' }})</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.goldShopMonthAct) }}</span>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          <span class="colLabel colLabel_JP">金牌店</span>
          <span class="colorbalck">{{ Micrometer(reportTargetAll.goldShopYearAct) }}</span>
          <span class="colorbalck" v-if="reportTargetAll.goldShopYearRate">
            ({{ reportTargetAll.goldShopYearRate }}%)
          </span>
          <span class="colorbalck" v-else>({{ '-' }})</span>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          <span class="colLabel colLabel_JPBJ">金牌店布机</span>
          <span class="colorbalck">{{ Micrometer(reportTargetAll.goldShopBjMonthAct) }}</span>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          <span class="colLabel colLabel_JPBJ">金牌店布机</span>
          <span class="colorbalck">{{ Micrometer(reportTargetAll.goldShopBjYearAct) }}</span>
          <span class="colorbalck" v-if="reportTargetAll.goldShopBjYearRate">
            ({{ reportTargetAll.goldShopBjYearRate }}%)
          </span>
          <span class="colorbalck" v-else>({{ '-' }})</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.tcfxTlShopMonthAct)
          }}</span>
        </p>
      </van-col>
      <van-col span="12">
        <p>
          涂料店：<span class="colorbalck">{{
            Micrometer(reportTargetAll.tcfxTlShopYearAct)
          }}</span>
          <span class="colorbalck" v-if="reportTargetAll.tcfxTlShopYearRate">
            ({{ reportTargetAll.tcfxTlShopYearRate }}%)
          </span>
          <span class="colorbalck" v-else>({{ '-' }})</span>
        </p>
      </van-col>

      <van-col span="12">
        <p style="margin-top: 0">
          厨卫店：
          <span class="colorbalck">{{ Micrometer(reportTargetAll.tcfxOtherShopMonthAct) }}</span>
        </p>
      </van-col>
      <van-col span="12">
        <p style="margin-top: 0">
          厨卫店：
          <span class="colorbalck">{{ Micrometer(reportTargetAll.tcfxOtherShopYearAct) }}</span>
          <span class="colorbalck" v-if="reportTargetAll.tcfxOtherShopYearRate">
            ({{ reportTargetAll.tcfxOtherShopYearRate }}%)
          </span>
          <span class="colorbalck" v-else>({{ '-' }})</span>
        </p>
      </van-col>
    </div>
  </van-row>
</template>
<script>
export default {
  props: {
    reportTargetAll: {
      type: Object,
    },
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
@import './index.css';
</style>