首页增加提示类tab,B类指标页优化,我的-增加业务员日常工作统计

src/views/componentsTarget/ZYPlaceOrder.vue

@@ -0,0 +1,56 @@
+<!-- 拜访数据（实时） -->
+<template>
+  <van-row>
+    <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">{{
+          Micrometer(reportTargetAll.professionalSslYes)
+        }}</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        下单点数：<span class="colorbalck">{{
+          Micrometer(reportTargetAll.professionalSslMonth)
+        }}</span>
+      </p></van-col
+    >
+    <van-col span="12"><p></p></van-col>
+    <van-col span="12"
+      ><p>
+        下单率：<span class="colorbalck">{{ reportTargetAll.professionalSslOrderRateMonth }}%</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        下单数量(桶)：<span class="colorbalck">{{
+          Micrometer(reportTargetAll.professionalSslOrderNumYes)
+        }}</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        下单数量(桶)：<span class="colorbalck">{{
+          Micrometer(reportTargetAll.professionalSslOrderNumMonth)
+        }}</span>
+      </p></van-col
+    >
+  </van-row>
+</template>
+<script>
+export default {
+  props: {
+    reportTargetAll: {
+      type: Object,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped>
+@import './index.css';
+</style>

src/views/componentsTarget/chunTaiSAP.vue

@@ -0,0 +1,42 @@
+<!-- 拜访数据（实时） -->
+<template>
+  <van-row style="margin-top: -10px">
+    <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">{{ Micrometer(reportTargetAll.gzCtzjMonthAct) }}</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        业绩实际:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjQuarterAct) }}</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        业绩成长率:<span class="colorbalck">{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        业绩成长率:<span class="colorbalck">{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span>
+      </p></van-col
+    >
+  </van-row>
+</template>
+<script>
+export default {
+  props: {
+    reportTargetAll: {
+      type: Object,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped>
+@import './index.css';
+</style>

src/views/componentsTarget/createStoreBJ.vue

@@ -0,0 +1,117 @@
+<!-- 拜访数据（实时） -->
+<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="colorbalck">{{ Micrometer(reportTargetAll.controlledShopMonthAct) }}</span>
+      </p>
+    </van-col>
+    <van-col span="12">
+      <p>
+        可控店点数：
+        <span class="colorbalck">{{ Micrometer(reportTargetAll.controlledShopYearAct) }}</span>
+        <span class="colorbalck">({{ reportTargetAll.controlledShopYearRate }}%)</span>
+      </p>
+    </van-col>
+    <van-col span="12">
+      <p>
+        分销店点数：
+        <span class="colorbalck">{{ Micrometer(reportTargetAll.allShopMonthAct) }}</span>
+      </p>
+    </van-col>
+    <van-col span="12">
+      <p>
+        分销店点数：
+        <span class="colorbalck">{{ Micrometer(reportTargetAll.allShopYearTarget) }}</span>
+        <span class="colorbalck">({{ reportTargetAll.allShopYearRate }}%)</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.goldShopMonthAct) }}</span>
+        </p>
+      </van-col>
+      <van-col span="12">
+        <p>
+          金牌店点数：<span class="colorbalck">{{
+            Micrometer(reportTargetAll.goldShopYearTarget)
+          }}</span
+          ><span class="colorbalck">({{ reportTargetAll.goldShopYearRate }}%)</span>
+        </p>
+      </van-col>
+      <van-col span="12"
+        ><p>
+          金牌店布机：<span class="colorbalck">{{
+            Micrometer(reportTargetAll.goldShopBjMonthAct)
+          }}</span>
+        </p></van-col
+      >
+      <van-col span="12">
+        <p>
+          金牌店布机：<span class="colorbalck">{{
+            Micrometer(reportTargetAll.goldShopBjYearTarget)
+          }}</span
+          ><span class="colorbalck">({{ reportTargetAll.goldShopBjYearRate }}%)</span>
+        </p>
+      </van-col>
+
+      <van-col span="12"
+        ><p>
+          同A店点数：<span class="colorbalck">{{
+            Micrometer(reportTargetAll.tcAShopMonthAct)
+          }}</span>
+        </p></van-col
+      >
+      <van-col span="12">
+        <p>
+          同A店点数：<span class="colorbalck">{{ Micrometer(reportTargetAll.tcAShopYearAct) }}</span
+          ><span class="colorbalck">家({{ reportTargetAll.tcAShopYearRate || '-' }})</span>
+        </p>
+      </van-col>
+
+      <van-col span="12"
+        ><p>
+          同B店点数：<span class="colorbalck">{{
+            Micrometer(reportTargetAll.tcBShopMonthAct)
+          }}</span>
+        </p></van-col
+      >
+      <van-col span="12">
+        <p>
+          同B店点数：<span class="colorbalck">{{ Micrometer(reportTargetAll.tcBShopYearAct) }}</span
+          ><span class="colorbalck">({{ reportTargetAll.tcBShopYearRate }}%)</span>
+        </p>
+      </van-col>
+    </div>
+  </van-row>
+</template>
+<script>
+export default {
+  props: {
+    reportTargetAll: {
+      type: Object,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped>
+@import './index.css';
+</style>

src/views/componentsTarget/index.css

@@ -0,0 +1,52 @@
+p{
+    margin: 10px 0 0 0;
+    font-size: 14px;
+    color: #666;
+}
+.leftTitle {
+    background-color: #74a4d9;
+    color: #fff;
+    display: inline-block;
+    padding: 0 4px;
+    border-radius: 2px;
+}
+.rightTitle {
+    background-color: #e7b4bb;
+    color: #fff;
+    display: inline-block;
+    padding: 0 4px;
+    border-radius: 2px;
+}
+
+.colBack {
+    width: 100%;
+    height: 100%;
+    display: block;
+    /* overflow: unset; */
+    position: relative;
+    z-index: 2;
+    float: left;
+    z-index: 2;
+    .back {
+        position: absolute;
+        background: rgb(226, 240, 217);
+        height: 100%;
+        display: block;
+        overflow: hidden;
+        /* z-index: 1; */
+        border-radius: 12px;
+        bottom: -4px;
+    }
+    .backLeft {
+        width: 45%;
+        left: -12px;
+    }
+    .backRight {
+        width: 50%;
+        left: calc(50% - 12px);
+    }
+    .van-col {
+        position: relative;
+        z-index: 3;
+    }
+}

src/views/componentsTarget/performanceSAP.vue

@@ -0,0 +1,81 @@
+<!-- 拜访数据（实时） -->
+<template>
+  <van-row>
+    <!--            <van-col span="24" v-if="GZdata"><p style="margin: 0;margin-bottom: 10px">昨日新增:<span class="colorbalck">{{ Micrometer(reportTargetAll.sapNewYesterday) }}</span></p></van-col>-->
+    <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,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped>
+@import './index.css';
+</style>

src/views/componentsTarget/placeOrder.vue

@@ -0,0 +1,89 @@
+<!-- 拜访数据（实时） -->
+<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>

src/views/componentsTarget/veryGoodPlaceOrder.vue

@@ -0,0 +1,54 @@
+<!-- 拜访数据（实时） -->
+<template>
+  <van-row>
+    <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">{{ Micrometer(reportTargetAll.excellentPostYes) }}</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        下单点数：<span class="colorbalck">{{
+          Micrometer(reportTargetAll.excellentPostMonth)
+        }}</span>
+      </p></van-col
+    >
+    <van-col span="12"><p></p></van-col>
+    <van-col span="12"
+      ><p>
+        下单率：<span class="colorbalck">{{ reportTargetAll.excellentPostOrderRateMonth }}%</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        下单数量(包)：<span class="colorbalck">{{
+          Micrometer(reportTargetAll.excellentPostOrderNumYes)
+        }}</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        下单数量(包)：<span class="colorbalck">{{
+          Micrometer(reportTargetAll.excellentPostOrderNumMonth)
+        }}</span>
+      </p>
+    </van-col>
+  </van-row>
+</template>
+<script>
+export default {
+  props: {
+    reportTargetAll: {
+      type: Object,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped>
+@import './index.css';
+</style>

src/views/componentsTarget/visitedRealTime.vue

@@ -0,0 +1,98 @@
+<!-- 拜访数据（实时） -->
+<template>
+  <van-row>
+    <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">{{ Micrometer(reportTargetAll.controlledShopVisitDayNum) }}</span>
+      </p>
+    </van-col>
+    <van-col span="12">
+      <p>
+        <span style="font-weight: 600">本月</span>可控店：
+        <span class="colorbalck">{{
+          Micrometer(reportTargetAll.controlledShopVisitMonthNum)
+        }}</span>
+        <span class="colorbalck">({{ reportTargetAll.controlledShopVisitMonthRate }}%)</span>
+      </p>
+    </van-col>
+    <van-col span="12"
+      ><p>
+        分销店：<span class="colorbalck">{{ Micrometer(reportTargetAll.fxShopVisitDayNum) }}</span>
+      </p></van-col
+    >
+    <van-col span="12"
+      ><p>
+        <span style="font-weight: 600">本月</span>分销店：
+        <span class="colorbalck">{{ Micrometer(reportTargetAll.fxShopVisitMonthNum) }}</span>
+        <span class="colorbalck"> ({{ reportTargetAll.fxShopVisitMonthRate }}%) </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.jpShopVisitDayNum) }}</span>
+        </p>
+      </van-col>
+      <van-col span="12">
+        <p>
+          <span style="font-weight: 600">本月</span>金牌店：
+          <span class="colorbalck">{{ Micrometer(reportTargetAll.jpShopVisitMonthNum) }}</span>
+          <span class="colorbalck"> ({{ reportTargetAll.jpShopVisitMonthRate }}%) </span>
+        </p>
+      </van-col>
+      <van-col span="12">
+        <p>
+          同A店：
+          <span class="colorbalck">{{ Micrometer(reportTargetAll.tcAShopVisitDayNum) }}</span>
+        </p>
+      </van-col>
+      <van-col span="12">
+        <p>
+          <span style="font-weight: 600">近2月</span>同A店：
+          <span class="colorbalck">{{ Micrometer(reportTargetAll.tcAShopVisitMonthNum) }}</span>
+          <span class="colorbalck"> ({{ reportTargetAll.tcAShopVisitMonthRate }}%) </span>
+        </p>
+      </van-col>
+      <van-col span="12">
+        <p>
+          同B店：<span class="colorbalck">{{
+            Micrometer(reportTargetAll.tcBShopVisitDayNum)
+          }}</span>
+        </p>
+      </van-col>
+      <van-col span="12">
+        <p>
+          <span style="font-weight: 600">近3月</span>同B店：<span class="colorbalck">{{
+            Micrometer(reportTargetAll.tcBShopVisitMonthNum)
+          }}</span>
+          <span class="colorbalck"> ({{ reportTargetAll.tcBShopVisitMonthRate }}%) </span>
+        </p>
+      </van-col>
+    </div>
+  </van-row>
+</template>
+<script>
+export default {
+  props: {
+    reportTargetAll: {
+      type: Object,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped>
+@import './index.css';
+</style>

src/views/home/ABtarget.vue

@@ -3,475 +3,38 @@
     <template v-if="tabVal == 0 || tabVal == 1">
       <div v-if="tabVal == 1 && type != 4" class="container linep">
         <van-collapse v-model="activeNames">
+          <!-- 拜访数据(实时) -->
           <van-collapse-item v-if="(powerGrade == 1 || JZQuota) && !GZdata" name="7">
             <template #title>
-              <div v-if="powerGrade == 1 || JZQuota || GZdata">拜访数据(实时)</div>
+              <div>拜访数据(实时)</div>
             </template>
-            <van-row>
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12">
-                <span class="leftTitle">今日拜访点数</span>
-              </van-col>
-              <van-col v-if="powerGrade == 1 || JZQuota || GZdata" span="12">
-                <span class="rightTitle">月度拜访点数（拜访率）</span>
-              </van-col>
-              <van-col span="12">
-                <p>
-                  可控店：
-                  <span class="colorbalck">{{
-                    Micrometer(reportTargetAll.controlledShopVisitDayNum)
-                  }}</span>
-                </p>
-              </van-col>
-              <van-col span="12">
-                <p>
-                  <span style="font-weight: 600">本月</span>可控店：
-                  <span class="colorbalck">{{
-                    Micrometer(reportTargetAll.controlledShopVisitMonthNum)
-                  }}</span>
-                  <span class="colorbalck"
-                    >({{ reportTargetAll.controlledShopVisitMonthRate }}%)</span
-                  >
-                </p>
-              </van-col>
-              <van-col span="12"
-                ><p>
-                  分销店：<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.fxShopVisitDayNum)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  <span style="font-weight: 600">本月</span>分销店：
-                  <span class="colorbalck">{{
-                    Micrometer(reportTargetAll.fxShopVisitMonthNum)
-                  }}</span>
-                  <span class="colorbalck"> ({{ reportTargetAll.fxShopVisitMonthRate }}%) </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.jpShopVisitDayNum)
-                    }}</span>
-                  </p>
-                </van-col>
-                <van-col span="12">
-                  <p>
-                    <span style="font-weight: 600">本月</span>金牌店：
-                    <span class="colorbalck">{{
-                      Micrometer(reportTargetAll.jpShopVisitMonthNum)
-                    }}</span>
-                    <span class="colorbalck"> ({{ reportTargetAll.jpShopVisitMonthRate }}%) </span>
-                  </p>
-                </van-col>
-                <van-col span="12">
-                  <p>
-                    同A店：
-                    <span class="colorbalck">{{
-                      Micrometer(reportTargetAll.tcAShopVisitDayNum)
-                    }}</span>
-                  </p>
-                </van-col>
-                <van-col span="12">
-                  <p>
-                    <span style="font-weight: 600">近2月</span>同A店：
-                    <span class="colorbalck">{{
-                      Micrometer(reportTargetAll.tcAShopVisitMonthNum)
-                    }}</span>
-                    <span class="colorbalck"> ({{ reportTargetAll.tcAShopVisitMonthRate }}%) </span>
-                  </p>
-                </van-col>
-                <van-col span="12">
-                  <p>
-                    同B店：<span class="colorbalck">{{
-                      Micrometer(reportTargetAll.tcBShopVisitDayNum)
-                    }}</span>
-                  </p>
-                </van-col>
-                <van-col span="12">
-                  <p>
-                    <span style="font-weight: 600">近3月</span>同B店：<span class="colorbalck">{{
-                      Micrometer(reportTargetAll.tcBShopVisitMonthNum)
-                    }}</span>
-                    <span class="colorbalck"> ({{ reportTargetAll.tcBShopVisitMonthRate }}%) </span>
-                  </p>
-                </van-col>
-              </div>
-            </van-row>
+            <visitedRealTime :reportTargetAll="reportTargetAll"></visitedRealTime>
           </van-collapse-item>
+          <!-- 建店布机 -->
           <van-collapse-item name="2" v-if="!JZQuota && !GZdata" title="建店布机">
-            <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="colorbalck">{{
-                    Micrometer(reportTargetAll.controlledShopMonthAct)
-                  }}</span>
-                </p>
-              </van-col>
-              <van-col span="12">
-                <p>
-                  可控店点数：
-                  <span class="colorbalck">{{
-                    Micrometer(reportTargetAll.controlledShopYearAct)
-                  }}</span>
-                  <span class="colorbalck">({{ reportTargetAll.controlledShopYearRate }}%)</span>
-                </p>
-              </van-col>
-              <van-col span="12">
-                <p>
-                  分销店点数：
-                  <span class="colorbalck">{{ Micrometer(reportTargetAll.allShopMonthAct) }}</span>
-                </p>
-              </van-col>
-              <van-col span="12">
-                <p>
-                  分销店点数：
-                  <span class="colorbalck">{{
-                    Micrometer(reportTargetAll.allShopYearTarget)
-                  }}</span>
-                  <span class="colorbalck">({{ reportTargetAll.allShopYearRate }}%)</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.goldShopMonthAct)
-                    }}</span>
-                  </p>
-                </van-col>
-                <van-col span="12">
-                  <p>
-                    金牌店点数：<span class="colorbalck">{{
-                      Micrometer(reportTargetAll.goldShopYearTarget)
-                    }}</span
-                    ><span class="colorbalck">({{ reportTargetAll.goldShopYearRate }}%)</span>
-                  </p>
-                </van-col>
-                <van-col span="12"
-                  ><p>
-                    金牌店布机：<span class="colorbalck">{{
-                      Micrometer(reportTargetAll.goldShopBjMonthAct)
-                    }}</span>
-                  </p></van-col
-                >
-                <van-col span="12">
-                  <p>
-                    金牌店布机：<span class="colorbalck">{{
-                      Micrometer(reportTargetAll.goldShopBjYearTarget)
-                    }}</span
-                    ><span class="colorbalck">({{ reportTargetAll.goldShopBjYearRate }}%)</span>
-                  </p>
-                </van-col>
-
-                <van-col span="12"
-                  ><p>
-                    同A店点数：<span class="colorbalck">{{
-                      Micrometer(reportTargetAll.tcAShopMonthAct)
-                    }}</span>
-                  </p></van-col
-                >
-                <van-col span="12">
-                  <p>
-                    同A店点数：<span class="colorbalck">{{
-                      Micrometer(reportTargetAll.tcAShopYearAct)
-                    }}</span
-                    ><span class="colorbalck"
-                      >家({{ reportTargetAll.tcAShopYearRate || '-' }})</span
-                    >
-                  </p>
-                </van-col>
-
-                <van-col span="12"
-                  ><p>
-                    同B店点数：<span class="colorbalck">{{
-                      Micrometer(reportTargetAll.tcBShopMonthAct)
-                    }}</span>
-                  </p></van-col
-                >
-                <van-col span="12">
-                  <p>
-                    同B店点数：<span class="colorbalck">{{
-                      Micrometer(reportTargetAll.tcBShopYearAct)
-                    }}</span
-                    ><span class="colorbalck">({{ reportTargetAll.tcBShopYearRate }}%)</span>
-                  </p>
-                </van-col>
-              </div>
-            </van-row>
+            <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
           </van-collapse-item>
+          <!-- 下单点数 -->
           <van-collapse-item
             v-if="powerGrade == 1 && !JZQuota && !GZdata"
             name="33"
             title="下单点数">
-            <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>
+            <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
           </van-collapse-item>
+          <!-- 专业时时丽分销店下单 -->
           <van-collapse-item name="16" v-if="!JZQuota && !GZdata" title="专业时时丽分销店下单">
-            <van-row>
-              <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">{{
-                    Micrometer(reportTargetAll.professionalSslYes)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单点数：<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.professionalSslMonth)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"><p></p></van-col>
-              <van-col span="12"
-                ><p>
-                  下单率：<span class="colorbalck"
-                    >{{ reportTargetAll.professionalSslOrderRateMonth }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单数量(桶)：<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.professionalSslOrderNumYes)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单数量(桶)：<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.professionalSslOrderNumMonth)
-                  }}</span>
-                </p></van-col
-              >
-              <!--            <van-col span="24"><span class="leftTitle" style="margin-top: 10px">今年目标达成</span></van-col>-->
-              <!--            <van-col span="24" ><p>目标点数:<span class="colorbalck">{{ Micrometer(reportTargetAll.professionalSslTargetYear) }}</span></p></van-col>-->
-              <!--            <van-col span="24" ><p>达成率:<span class="colorbalck">{{ reportTargetAll.professionalSslSuccessRateYear }}%</span></p></van-col>-->
-            </van-row>
+            <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
           </van-collapse-item>
         </van-collapse>
       </div>
       <div v-if="tabVal == 0 && type != 4" class="container linep">
         <van-collapse v-model="activeNames">
+          <!-- performanceSAP -->
           <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
-            <van-row>
-              <!--            <van-col span="24" v-if="GZdata"><p style="margin: 0;margin-bottom: 10px">昨日新增:<span class="colorbalck">{{ Micrometer(reportTargetAll.sapNewYesterday) }}</span></p></van-col>-->
-              <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>
+            <performanceSAP :reportTargetAll="reportTargetAll"></performanceSAP>
           </van-collapse-item>
           <van-collapse-item v-if="GZdata" name="43" title="纯态之家SAP(千元)">
-            <van-row style="margin-top: -10px">
-              <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">{{
-                    Micrometer(reportTargetAll.gzCtzjMonthAct)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩实际:<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.gzCtzjQuarterAct)
-                  }}</span>
-                </p></van-col
-              >
-              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjMonthSuccessRate) }}%</span></p></van-col>-->
-              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzCtzjQuarterSuccessRate) }}%</span></p></van-col>-->
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  业绩成长率:<span class="colorbalck"
-                    >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
-                  >
-                </p></van-col
-              >
-            </van-row>
+            <chunTaiSAP :reportTargetAll="reportTargetAll"></chunTaiSAP>
           </van-collapse-item>
           <van-collapse-item v-if="GZdata" name="42" title="商机关联的质感外墙业绩SAP(千元)">
             <van-row style="margin-top: -10px">
@@ -491,8 +54,6 @@
                   }}</span>
                 </p></van-col
               >
-              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqMonthSuccessRate) }}%</span></p></van-col>-->
-              <!--            <van-col span="12" ><p>业绩达成率:<span class="colorbalck">{{ Micrometer(reportTargetAll.gzZgwqQuarterSuccessRate) }}%</span></p></van-col>-->
               <van-col span="12"
                 ><p>
                   业绩成长率:<span class="colorbalck"
@@ -1009,47 +570,9 @@
       </div>
       <div v-if="tabVal == 1 && type != 4" class="container linep">
         <van-collapse v-model="activeNames">
+          <!-- 超好贴分销店下单 -->
           <van-collapse-item name="17" v-if="!JZQuota && !GZdata" title="超好贴分销店下单">
-            <van-row>
-              <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">{{
-                    Micrometer(reportTargetAll.excellentPostYes)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单点数：<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.excellentPostMonth)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"><p></p></van-col>
-              <van-col span="12"
-                ><p>
-                  下单率：<span class="colorbalck"
-                    >{{ reportTargetAll.excellentPostOrderRateMonth }}%</span
-                  >
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单数量(包)：<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.excellentPostOrderNumYes)
-                  }}</span>
-                </p></van-col
-              >
-              <van-col span="12"
-                ><p>
-                  下单数量(包)：<span class="colorbalck">{{
-                    Micrometer(reportTargetAll.excellentPostOrderNumMonth)
-                  }}</span>
-                </p>
-              </van-col>
-            </van-row>
+            <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
           </van-collapse-item>
           <van-collapse-item
             v-if="powerGrade != 1 && !JZQuota && !GZdata"
@@ -1103,60 +626,6 @@
               </div>
             </div>
           </van-collapse-item>
-          <!-- <div v-if="todayGoal.monthNoVisit" style="margin: 0 10px">
-            <van-collapse-item
-              v-if="monthNoVisit.monthTotalNum > 0 && !JZQuota && !GZdata"
-              class="storeTypeHome"
-              name="20"
-              title="本月未拜访提醒">
-              <van-collapse v-model="activeNameType" class="storeTypeHomeList">
-                <div v-for="(itemtype, index) in monthNoVisit">
-                  <van-collapse-item
-                    v-if="itemtype.storeType"
-                    :key="index"
-                    :name="index + 40"
-                    :title="itemtype.storeType.dictLabel"
-                    :value="itemtype.storeList.length + '家'">
-                    <div
-                      v-for="(item, index) in itemtype.storeList"
-                      :key="index"
-                      class="monthNoVisit leftContent">
-                      <p style="margin: 0; margin-bottom: 10px; color: #222">
-                        {{ item.storeName }}
-                      </p>
-                      <p style="margin: 0"><van-icon name="location-o" />{{ item.addressLine }}</p>
-                      <span
-                        style="
-                          position: absolute;
-                          right: 0;
-                          bottom: 14px;
-                          width: 82px;
-                          font-size: 12px;
-                          color: #0057ba;
-                          padding: 0 4px;
-                          line-height: 14px;
-                        "
-                        @click="storeJoinVisit(item)"
-                        >加入计划内<van-icon name="arrow"
-                      /></span>
-                      <div
-                        v-if="item.visitId == null"
-                        class="monthNoVisitStatstext"
-                        style="background-color: #ed5c68">
-                        未拜访
-                      </div>
-                      <div
-                        v-if="item.visitId != null"
-                        class="monthNoVisitStatstext"
-                        style="background-color: #ebf4ff">
-                        <van-icon :name="timeimg" color="#ee0a24" size="14" style="top: 2px" />
-                      </div>
-                    </div>
-                  </van-collapse-item>
-                </div>
-              </van-collapse>
-            </van-collapse-item>
-          </div> -->
         </van-collapse>
       </div>
       <!-- 经销商负责人 查看下属 -->
@@ -1345,6 +814,13 @@ import times from '@/assets/Icon/times.png';
 import bfindex from '@/assets/bfindex.png';
 import storeindex from '@/assets/storeindex.png';
 import oderindex from '@/assets/oderindex.png';
+import visitedRealTime from '@/views/componentsTarget/visitedRealTime';
+import createStoreBJ from '@/views/componentsTarget/createStoreBJ';
+import placeOrder from '@/views/componentsTarget/placeOrder';
+import ZYPlaceOrder from '@/views/componentsTarget/ZYPlaceOrder';
+import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
+import performanceSAP from '@/views/componentsTarget/performanceSAP';
+import chunTaiSAP from '@/views/componentsTarget/chunTaiSAP';
 import {
   userTodayPlanNum,
   loginLog,
@@ -1359,7 +835,16 @@ import {
 import axios from 'axios';
 export default {
   name: 'home',
-  components: { tabBar },
+  components: {
+    tabBar,
+    visitedRealTime,
+    createStoreBJ,
+    placeOrder,
+    ZYPlaceOrder,
+    veryGoodPlaceOrder,
+    performanceSAP,
+    chunTaiSAP,
+  },
   props: {
     tabVal: {
       type: [String, Number],

src/views/home/hintTabPage/index.vue

@@ -163,7 +163,7 @@
                     <div class="right">
                       <div class="lebel">门店未签收：</div>
                       <div class="value valueIsClick" @click="pantoneClick(val, key)">
-                        {{ val.wqsmdNum }}家
+                        {{ val.mdwqsNum }}本
                       </div>
                     </div>
                   </div>