|
|
@@ -25,428 +25,448 @@
|
|
|
<div class="lineGrey"></div>
|
|
|
<!-- 主体内容-->
|
|
|
<div class="container linep">
|
|
|
- <van-collapse v-model="activeNames" v-if="!YFQuota">
|
|
|
- <!-- YFQuota:应用服务平台 不显示各项指标 -->
|
|
|
- <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
|
|
|
- <visitedRealTime
|
|
|
- :reportTargetAll="reportTargetAll"
|
|
|
- :powerGrade="powerGrade"
|
|
|
- :JZQuota="JZQuota"></visitedRealTime>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
|
|
|
- <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
|
|
|
- <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
|
|
|
- <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
|
|
|
- <performanceSAP :reportTargetAll="reportTargetAll" :JZQuota="JZQuota"></performanceSAP>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="GZQuota" 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"
|
|
|
- >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 业绩成长率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- </van-row>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="GZQuota" name="42" 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.gzZgwqMonthAct)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 业绩实际:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.gzZgwqQuarterAct)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 业绩成长率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 业绩成长率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- </van-row>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
|
|
|
- <van-row>
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 全年实际:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.gzKhljYearAct)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 全年目标:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.gzKhljYearTarget)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"><p> </p></van-col>
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 目标达成率:<span class="colorbalck"
|
|
|
- >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- </van-row>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
|
|
|
- <van-row>
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 公装客户数:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.gzVisitCustomerNum)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 工地数:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.gzVisitGdNum)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 潜在客户数:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.gzVisitQzCustomerNum)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- </van-row>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
|
|
|
- <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
|
|
|
- <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.czjSapMonthAct)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 实际:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.czjSapQuarterAct)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 达成率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.czjSapMonthSuccessRate }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 达成率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 成长率:<span class="colorbalck">{{ reportTargetAll.czjSapMonthGrowRate }}%</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 成长率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.czjSapQuarterGrowRate }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- </van-row>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
|
|
|
- <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
|
|
|
- <van-row>
|
|
|
- <van-col span="24"
|
|
|
- ><p>
|
|
|
- 当月新增店数:<span class="colorbalck">{{
|
|
|
- reportTargetAll.exhibitionHallMonthAct
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 全年实际店数:<span class="colorbalck"
|
|
|
- >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 全年达成进度率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.exhibitionHallYearRate }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- </van-row>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="JZQuota" name="22" 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">{{ reportTargetAll.jcPostCustomerMonth }}</span>
|
|
|
- </p>
|
|
|
- </van-col>
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerQuarter }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单数(包):<span class="colorbalck">{{
|
|
|
- reportTargetAll.jcPostOrderNumMonth
|
|
|
- }}</span>
|
|
|
- </p>
|
|
|
- </van-col>
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单数(包):<span class="colorbalck">{{
|
|
|
- reportTargetAll.jcPostOrderNumQuarter
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单销售额:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.jcPostOrderPriceMonth)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单销售额:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateMonth }}%</span>
|
|
|
- </p>
|
|
|
- </van-col>
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.jcPostOrderRateQuarter }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
|
|
|
- <van-col span="24"
|
|
|
- ><p>
|
|
|
- 客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
|
|
|
- </p>
|
|
|
- </van-col>
|
|
|
- <van-col span="24"
|
|
|
- ><p>
|
|
|
- 下单数(包):<span class="colorbalck">{{
|
|
|
- reportTargetAll.jcPostOrderNumYear
|
|
|
- }}</span>
|
|
|
- </p>
|
|
|
- </van-col>
|
|
|
- <van-col span="24"
|
|
|
- ><p>
|
|
|
- 下单销售额:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.jcPostOrderPriceYear)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="24"
|
|
|
- ><p>
|
|
|
- 下单率:<span class="colorbalck">{{ reportTargetAll.jcPostOrderRateYear }}%</span>
|
|
|
- </p>
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item v-if="JZQuota" name="21" 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">{{ reportTargetAll.msqPostCustomerMonth }}</span>
|
|
|
- </p>
|
|
|
- </van-col>
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 客户数:<span class="colorbalck">{{
|
|
|
- reportTargetAll.msqPostCustomerQuarter
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单销售额:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.msqPostOrderPriceMonth)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单销售额:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.msqPostOrderRateMonth }}%</span
|
|
|
- >
|
|
|
- </p>
|
|
|
- </van-col>
|
|
|
- <van-col span="12"
|
|
|
- ><p>
|
|
|
- 下单率:<span class="colorbalck"
|
|
|
- >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
|
|
|
- >
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
|
|
|
- <van-col span="24"
|
|
|
- ><p>
|
|
|
- 客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
|
|
|
+ <template v-if="postName == '质感销售负责人' || postName == '质感销售专员'">
|
|
|
+ <HomeTarget :tabVal="2" ref="HomeTarget"></HomeTarget>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <van-collapse v-model="activeNames" v-if="!YFQuota">
|
|
|
+ <!-- YFQuota:应用服务平台 不显示各项指标 -->
|
|
|
+ <van-collapse-item v-if="!GZQuota" title="拜访数据(实时)" name="7">
|
|
|
+ <visitedRealTime
|
|
|
+ :reportTargetAll="reportTargetAll"
|
|
|
+ :powerGrade="powerGrade"
|
|
|
+ :JZQuota="JZQuota"></visitedRealTime>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item title="建店布机" v-if="!JZQuota && !GZQuota" name="2">
|
|
|
+ <createStoreBJ :reportTargetAll="reportTargetAll"></createStoreBJ>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="!JZQuota && !GZQuota" name="33" title="下单点数">
|
|
|
+ <placeOrder :reportTargetAll="reportTargetAll"></placeOrder>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item name="16" v-if="!JZQuota && !GZQuota" title="专业时时丽分销店下单">
|
|
|
+ <ZYPlaceOrder :reportTargetAll="reportTargetAll"></ZYPlaceOrder>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="type != 3 && type != 4" name="1" :title="saptitle">
|
|
|
+ <performanceSAP
|
|
|
+ :reportTargetAll="reportTargetAll"
|
|
|
+ :JZQuota="JZQuota"></performanceSAP>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="GZQuota" 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"
|
|
|
+ >{{ reportTargetAll.gzCtzjMonthGrowRate }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 业绩成长率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.gzCtzjQuarterGrowRate }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ </van-row>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="GZQuota" name="42" 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.gzZgwqMonthAct)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 业绩实际:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.gzZgwqQuarterAct)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 业绩成长率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.gzZgwqMonthGrowRate }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 业绩成长率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.gzZgwqQuarterGrowRate }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ </van-row>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="GZQuota" name="41" title="累计出货有效客户">
|
|
|
+ <van-row>
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 全年实际:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.gzKhljYearAct)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 全年目标:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.gzKhljYearTarget)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"><p> </p></van-col>
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 目标达成率:<span class="colorbalck"
|
|
|
+ >{{ Micrometer(reportTargetAll.gzKhljSuccessRate) }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ </van-row>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="GZQuota" name="40" title="今日拜访">
|
|
|
+ <van-row>
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 公装客户数:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.gzVisitCustomerNum)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 工地数:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.gzVisitGdNum)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 潜在客户数:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.gzVisitQzCustomerNum)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ </van-row>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="!JZQuota && !GZQuota" name="11" title="专业时时丽SAP(千元)">
|
|
|
+ <ZYSAP :reportTargetAll="reportTargetAll"></ZYSAP>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="!JZQuota && !GZQuota" name="29" title="瓷砖胶SAP(千元)">
|
|
|
+ <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.czjSapMonthAct)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 实际:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.czjSapQuarterAct)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 达成率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.czjSapMonthSuccessRate }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 达成率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.czjSapQuarterSuccessRate }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 成长率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.czjSapMonthGrowRate }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 成长率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.czjSapQuarterGrowRate }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ </van-row>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item name="17" v-if="!JZQuota && !GZQuota" title="超好贴分销店下单">
|
|
|
+ <veryGoodPlaceOrder :reportTargetAll="reportTargetAll"></veryGoodPlaceOrder>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="JZQuota" name="23" title="展厅上样">
|
|
|
+ <van-row>
|
|
|
+ <van-col span="24"
|
|
|
+ ><p>
|
|
|
+ 当月新增店数:<span class="colorbalck">{{
|
|
|
+ reportTargetAll.exhibitionHallMonthAct
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 全年实际店数:<span class="colorbalck"
|
|
|
+ >{{ Micrometer(reportTargetAll.exhibitionHallYearAct) }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 全年达成进度率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.exhibitionHallYearRate }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ </van-row>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="JZQuota" name="22" 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">{{ reportTargetAll.jcPostCustomerMonth }}</span>
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 客户数:<span class="colorbalck">{{
|
|
|
+ reportTargetAll.jcPostCustomerQuarter
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单数(包):<span class="colorbalck">{{
|
|
|
+ reportTargetAll.jcPostOrderNumMonth
|
|
|
+ }}</span>
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单数(包):<span class="colorbalck">{{
|
|
|
+ reportTargetAll.jcPostOrderNumQuarter
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单销售额:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.jcPostOrderPriceMonth)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单销售额:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.jcPostOrderPriceQuarter)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.jcPostOrderRateMonth }}%</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.jcPostOrderRateQuarter }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
|
|
|
+ <van-col span="24"
|
|
|
+ ><p>
|
|
|
+ 客户数:<span class="colorbalck">{{ reportTargetAll.jcPostCustomerYear }}</span>
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="24"
|
|
|
+ ><p>
|
|
|
+ 下单数(包):<span class="colorbalck">{{
|
|
|
+ reportTargetAll.jcPostOrderNumYear
|
|
|
+ }}</span>
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="24"
|
|
|
+ ><p>
|
|
|
+ 下单销售额:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.jcPostOrderPriceYear)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="24"
|
|
|
+ ><p>
|
|
|
+ 下单率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.jcPostOrderRateYear }}%</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ </van-row>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item v-if="JZQuota" name="21" 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">{{
|
|
|
+ reportTargetAll.msqPostCustomerMonth
|
|
|
+ }}</span>
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 客户数:<span class="colorbalck">{{
|
|
|
+ reportTargetAll.msqPostCustomerQuarter
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单销售额:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.msqPostOrderPriceMonth)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单销售额:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.msqPostOrderPriceQuarter)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.msqPostOrderRateMonth }}%</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="12"
|
|
|
+ ><p>
|
|
|
+ 下单率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.msqPostOrderRateQuarter }}%</span
|
|
|
+ >
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="24"><span class="leftTitle">年度累计实际</span></van-col>
|
|
|
+ <van-col span="24"
|
|
|
+ ><p>
|
|
|
+ 客户数:<span class="colorbalck">{{ reportTargetAll.msqPostCustomerYear }}</span>
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="24"
|
|
|
+ ><p>
|
|
|
+ 下单销售额:<span class="colorbalck">{{
|
|
|
+ Micrometer(reportTargetAll.msqPostOrderPriceYear)
|
|
|
+ }}</span>
|
|
|
+ </p></van-col
|
|
|
+ >
|
|
|
+ <van-col span="24"
|
|
|
+ ><p>
|
|
|
+ 下单率:<span class="colorbalck"
|
|
|
+ >{{ reportTargetAll.msqPostOrderRateYear }}%</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ </van-row>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
|
|
|
+ <div
|
|
|
+ class="visitIMG1"
|
|
|
+ :style="{
|
|
|
+ overflow: 'hidden',
|
|
|
+ height: visitIMG1Flag ? 'auto' : '170px',
|
|
|
+ }">
|
|
|
+ <template v-for="(item, index) in reportTarget.photoSummary">
|
|
|
+ <van-col span="6" style="padding: 5px" @click="pviewFn(index)" :key="index">
|
|
|
+ <img :src="item.fileUrl" alt="" />
|
|
|
+ </van-col>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="reportTarget.photoSummary.length > 8"
|
|
|
+ class="arrowIcon"
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 5px 0;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #969799;
|
|
|
+ "
|
|
|
+ @click="visitIMG1Flag = !visitIMG1Flag">
|
|
|
+ <template v-if="visitIMG1Flag">
|
|
|
+ <span style="margin-right: 5px">折叠</span>
|
|
|
+ <van-icon size="14" :name="require('@/assets/Icon/arrow-up.png')" />
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <span style="margin-right: 5px">展开</span>
|
|
|
+ <van-icon size="14" :name="require('@/assets/Icon/arrow-down.png')" />
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <!-- 生动化陈列 sku -->
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ reportTarget.photoSkuImgSummaryeList &&
|
|
|
+ reportTarget.photoSkuImgSummaryeList.length
|
|
|
+ ">
|
|
|
+ <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
|
|
|
+ SKU陈列照识别结果
|
|
|
</p>
|
|
|
- </van-col>
|
|
|
- <van-col span="24"
|
|
|
- ><p>
|
|
|
- 下单销售额:<span class="colorbalck">{{
|
|
|
- Micrometer(reportTargetAll.msqPostOrderPriceYear)
|
|
|
- }}</span>
|
|
|
- </p></van-col
|
|
|
- >
|
|
|
- <van-col span="24"
|
|
|
- ><p>
|
|
|
- 下单率:<span class="colorbalck">{{ reportTargetAll.msqPostOrderRateYear }}%</span>
|
|
|
+ <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
|
|
|
+ 目前识别桶装和战略产品合计106个，后续会增加被识别产品数
|
|
|
</p>
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
- </van-collapse-item>
|
|
|
- <van-collapse-item title="今日拜访照片" name="10" v-if="reportTarget.photoSummary">
|
|
|
- <div
|
|
|
- class="visitIMG1"
|
|
|
- :style="{
|
|
|
- overflow: 'hidden',
|
|
|
- height: visitIMG1Flag ? 'auto' : '170px',
|
|
|
- }">
|
|
|
- <template v-for="(item, index) in reportTarget.photoSummary">
|
|
|
- <van-col span="6" style="padding: 5px" @click="pviewFn(index)" :key="index">
|
|
|
- <img :src="item.fileUrl" alt="" />
|
|
|
- </van-col>
|
|
|
+ <el-table
|
|
|
+ :data="reportTarget.photoSkuImgSummaryeList"
|
|
|
+ border
|
|
|
+ class="table-headermd table-headermdhome"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column label="序号" type="index" width="50px" align="center" />
|
|
|
+ <el-table-column label="门店名称（编号）" prop="name" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.name }}({{ scope.row.code }})
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
|
|
|
+ </el-table>
|
|
|
</template>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="reportTarget.photoSummary.length > 8"
|
|
|
- class="arrowIcon"
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- padding: 5px 0;
|
|
|
- font-size: 14px;
|
|
|
- color: #969799;
|
|
|
- "
|
|
|
- @click="visitIMG1Flag = !visitIMG1Flag">
|
|
|
- <template v-if="visitIMG1Flag">
|
|
|
- <span style="margin-right: 5px">折叠</span>
|
|
|
- <van-icon size="14" :name="require('@/assets/Icon/arrow-up.png')" />
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <span style="margin-right: 5px">展开</span>
|
|
|
- <van-icon size="14" :name="require('@/assets/Icon/arrow-down.png')" />
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <!-- 生动化陈列 sku -->
|
|
|
- <template
|
|
|
- v-if="
|
|
|
- reportTarget.photoSkuImgSummaryeList && reportTarget.photoSkuImgSummaryeList.length
|
|
|
- ">
|
|
|
- <p style="padding-bottom: 10px; font-size: 14px; color: #1e5398; font-weight: 500">
|
|
|
- SKU陈列照识别结果
|
|
|
- </p>
|
|
|
- <p style="padding-bottom: 10px; font-size: 14px; font-weight: 500">
|
|
|
- 目前识别桶装和战略产品合计106个，后续会增加被识别产品数
|
|
|
- </p>
|
|
|
- <el-table
|
|
|
- :data="reportTarget.photoSkuImgSummaryeList"
|
|
|
- border
|
|
|
- class="table-headermd table-headermdhome"
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column label="序号" type="index" width="50px" align="center" />
|
|
|
- <el-table-column label="门店名称（编号）" prop="name" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.name }}({{ scope.row.code }})
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="SKU数量" prop="count" width="80px" align="center" />
|
|
|
- </el-table>
|
|
|
- </template>
|
|
|
- </van-collapse-item>
|
|
|
- </van-collapse>
|
|
|
+ </van-collapse-item>
|
|
|
+ </van-collapse>
|
|
|
+ </template>
|
|
|
<div class="contentContainer">
|
|
|
<!-- isHistory 是否为历史汇报：0-新汇报 1-历史汇报 -->
|
|
|
<reportCustom
|
|
|
@@ -648,6 +668,7 @@ import ZYSAP from '@/views/componentsTarget/ZYSAP';
|
|
|
import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
|
|
|
import share from '@/components/share';
|
|
|
import reportCustom from './reportCustom';
|
|
|
+import HomeTarget from '@/views/home/HomeTarget.vue';
|
|
|
|
|
|
export default {
|
|
|
name: 'daily',
|
|
|
@@ -661,6 +682,7 @@ export default {
|
|
|
veryGoodPlaceOrder,
|
|
|
share,
|
|
|
reportCustom,
|
|
|
+ HomeTarget,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -726,6 +748,7 @@ export default {
|
|
|
shareVisible: true,
|
|
|
shareReportConfig: null,
|
|
|
managerRemarkContent: '',
|
|
|
+ postName: '',
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -877,6 +900,7 @@ export default {
|
|
|
});
|
|
|
getDetailById({ reportId: this.$route.query.reportId }).then((res) => {
|
|
|
loading1.clear();
|
|
|
+ this.postName = res.data.postName;
|
|
|
this.reportTargetAll = res.data.reportTargetAll;
|
|
|
this.reportTarget = res.data;
|
|
|
this.JZQuota = false;
|
