|
|
@@ -8,7 +8,7 @@
|
|
|
<div
|
|
|
class="shareBtn"
|
|
|
@click="clickShareFlag(-1)"
|
|
|
- v-if="reportTarget && source != 'share'">
|
|
|
+ v-if="reportTarget && source != 'share' && reportTarget.reportPostType == 'fx'">
|
|
|
<van-icon name="share" />
|
|
|
<div class="vedioLinks" @click.stop>
|
|
|
<span>一键分享日报,</span>
|
|
|
@@ -33,25 +33,442 @@
|
|
|
<target :homePageIndicatorDate="homePageIndicatorList"></target>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <van-collapse v-model="activeNames" style="margin-top: -3px">
|
|
|
- <template v-if="!YFQuota">
|
|
|
- <template v-if="reportTarget.postType == 'GZ' || reportTarget.postType == 'BMD'">
|
|
|
- <!-- 0-历史指标 1-动态指标,String类型 -->
|
|
|
- <target
|
|
|
- v-if="reportTarget.targetType == '1'"
|
|
|
- :homePageIndicatorDate="homePageIndicatorList"></target>
|
|
|
+ <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>
|
|
|
- <!-- 历史指标 -->
|
|
|
- <Atarget :reportInfo="reportTarget"></Atarget>
|
|
|
- <Btarget :reportInfo="reportTarget"></Btarget>
|
|
|
+ <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>
|
|
|
- <template v-else>
|
|
|
- <!-- YFQuota:应用服务平台 不显示各项指标 -->
|
|
|
- <Atarget :reportInfo="reportTarget"></Atarget>
|
|
|
- <Btarget :reportInfo="reportTarget"></Btarget>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
+ </van-collapse-item>
|
|
|
</van-collapse>
|
|
|
</template>
|
|
|
<div class="contentContainer">
|
|
|
@@ -132,7 +549,7 @@
|
|
|
<div
|
|
|
class="shareBtn"
|
|
|
@click="clickShareFlag(index)"
|
|
|
- v-if="reportTarget && source != 'share'">
|
|
|
+ v-if="reportTarget && source != 'share' && reportTarget.reportPostType == 'fx'">
|
|
|
<van-icon name="share" />
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -185,10 +602,7 @@
|
|
|
:urlList="urlList"
|
|
|
:reportRemarksIndex="reportRemarksIndex"
|
|
|
:reportContents="reportContents"
|
|
|
- :checkedPlan="checkedPlan"
|
|
|
- :isTarget="isTarget"
|
|
|
- :isReportCustom="isReportCustom"
|
|
|
- :isHistory="reportTarget.isHistory"></share>
|
|
|
+ :checkedPlan="checkedPlan"></share>
|
|
|
<!--分享图片列表 -->
|
|
|
<el-dialog
|
|
|
title="选择分享的内容"
|
|
|
@@ -198,67 +612,36 @@
|
|
|
:close-on-click-modal="false"
|
|
|
@close="wuliaoTableClose"
|
|
|
custom-class="shareImgFlag">
|
|
|
- <div>
|
|
|
+ <div v-if="reportTarget.photoSummary">
|
|
|
<!-- <p style="margin-bottom: 10px; margin-top: 0; display: flex">
|
|
|
今日总结&明日规划的文本内容<van-checkbox
|
|
|
v-model="checkedPlan"
|
|
|
style="margin-left: 10px"></van-checkbox>
|
|
|
</p> -->
|
|
|
- <p
|
|
|
- style="
|
|
|
- margin-bottom: 10px;
|
|
|
- margin-top: 0;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- cursor: pointer;
|
|
|
- "
|
|
|
- v-if="reportTarget.isHistory == '0'"
|
|
|
- @click="isTarget = !isTarget">
|
|
|
- <van-checkbox v-model="isTarget" style="margin-right: 10px" @click.stop></van-checkbox>
|
|
|
- <span>日报指标</span>
|
|
|
- </p>
|
|
|
- <p
|
|
|
- style="
|
|
|
- margin-bottom: 10px;
|
|
|
- margin-top: 0;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- cursor: pointer;
|
|
|
- "
|
|
|
- v-if="reportTarget.isHistory == '0'"
|
|
|
- @click="isReportCustom = !isReportCustom">
|
|
|
- <van-checkbox
|
|
|
- v-model="isReportCustom"
|
|
|
- style="margin-right: 10px"
|
|
|
- @click.stop></van-checkbox>
|
|
|
- <span>日报填写内容</span>
|
|
|
- </p>
|
|
|
- <template v-if="reportTarget.photoSummary">
|
|
|
- <p style="margin-top: 0">请点击勾选想要分享的今日拜访照片</p>
|
|
|
- <div class="shareVisitImg">
|
|
|
- <template v-for="(itemImg, indexImg) in reportTarget.photoSummary">
|
|
|
- <div>
|
|
|
- <img :src="itemImg.fileUrl" alt="" @click="selectImg(itemImg)" />
|
|
|
- <van-icon
|
|
|
- @click.stop
|
|
|
- name="success"
|
|
|
- class="activaImg"
|
|
|
- color="#fff"
|
|
|
- size="15"
|
|
|
- style="
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- /* margin: -15px 0 0 -15px; */
|
|
|
- pointer-events: none;
|
|
|
- background: #2b73cf;
|
|
|
- border: 2px solid #fff;
|
|
|
- "
|
|
|
- v-if="itemImg.checked" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ <p style="margin-top: 0">请点击勾选想要分享的今日拜访照片</p>
|
|
|
+ <div class="shareVisitImg">
|
|
|
+ <template v-for="(itemImg, indexImg) in reportTarget.photoSummary">
|
|
|
+ <div>
|
|
|
+ <img :src="itemImg.fileUrl" alt="" @click="selectImg(itemImg)" />
|
|
|
+ <van-icon
|
|
|
+ @click.stop
|
|
|
+ name="success"
|
|
|
+ class="activaImg"
|
|
|
+ color="#fff"
|
|
|
+ size="15"
|
|
|
+ style="
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ /* margin: -15px 0 0 -15px; */
|
|
|
+ pointer-events: none;
|
|
|
+ background: #2b73cf;
|
|
|
+ border: 2px solid #fff;
|
|
|
+ "
|
|
|
+ v-if="itemImg.checked" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<span slot="footer" class="footer-btn">
|
|
|
<van-button plain type="primary" @click="shareImgFlag = false">取 消</van-button>
|
|
|
@@ -290,8 +673,6 @@ import veryGoodPlaceOrder from '@/views/componentsTarget/veryGoodPlaceOrder';
|
|
|
import share from '@/components/share';
|
|
|
import reportCustom from './reportCustom';
|
|
|
import target from './target.vue';
|
|
|
-import Atarget from '@/views/home/Atarget.vue';
|
|
|
-import Btarget from '@/views/home/Btarget.vue';
|
|
|
|
|
|
export default {
|
|
|
name: 'daily',
|
|
|
@@ -306,8 +687,6 @@ export default {
|
|
|
share,
|
|
|
reportCustom,
|
|
|
target,
|
|
|
- Atarget,
|
|
|
- Btarget,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -375,8 +754,6 @@ export default {
|
|
|
managerRemarkContent: '',
|
|
|
postName: '',
|
|
|
homePageIndicatorList: null,
|
|
|
- isTarget: false, //日报指标
|
|
|
- isReportCustom: true, //日报填写内容
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -424,69 +801,31 @@ export default {
|
|
|
buryingPointName: '日报详情分享',
|
|
|
buryingPointPosition: '日报详情',
|
|
|
});
|
|
|
- this.isReportCustom = true;
|
|
|
this.urlList = [];
|
|
|
this.reportRemarksIndex = index;
|
|
|
- // <!-- isHistory 是否为历史汇报:0-新汇报 1-历史汇报 -->
|
|
|
- if (this.reportTarget.isHistory == '0') {
|
|
|
- this.setPhotoSummary();
|
|
|
- this.shareImgFlag = true;
|
|
|
- } else {
|
|
|
- this.setPhotoSummary();
|
|
|
- // 没有图片直接打开分享
|
|
|
- if (this.reportTarget.photoSummary && this.reportTarget.photoSummary.length) {
|
|
|
- // 选择分享的图片
|
|
|
- this.setShareFlag = true;
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- setPhotoSummary() {
|
|
|
if (this.reportTarget.photoSummary && this.reportTarget.photoSummary.length) {
|
|
|
// 重置分享图片状态
|
|
|
this.reportTarget.photoSummary.forEach((item) => {
|
|
|
+ // item.photos.forEach((val) => {
|
|
|
this.$set(item, 'checked', false);
|
|
|
+ // });
|
|
|
});
|
|
|
+ // 选择分享的图片
|
|
|
+ this.shareImgFlag = true;
|
|
|
+ } else {
|
|
|
+ this.setShareFlag = true;
|
|
|
}
|
|
|
},
|
|
|
// 确认分享
|
|
|
confirmShare() {
|
|
|
- // 旧的分享没有图标不会进来
|
|
|
- // 是否有图片
|
|
|
- if (this.reportTarget.photoSummary) {
|
|
|
- this.reportTarget.photoSummary.forEach((item) => {
|
|
|
- if (item.checked) this.urlList.push(item.fileUrl);
|
|
|
- });
|
|
|
-
|
|
|
- if (this.reportTarget.isHistory == '0') {
|
|
|
- if (this.urlList.length == 0 && !this.isTarget && !this.isReportCustom) {
|
|
|
- this.$notify({
|
|
|
- type: 'warning',
|
|
|
- message: '请选择分享内容!',
|
|
|
- className: 'notifyIndex',
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (this.urlList.length == 0 && !this.checkedPlan) {
|
|
|
- this.$notify({
|
|
|
- type: 'warning',
|
|
|
- message: '请选择分享内容!',
|
|
|
- className: 'notifyIndex',
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (this.reportTarget.isHistory == '0') {
|
|
|
- if (!this.isTarget && !this.isReportCustom) {
|
|
|
- this.$notify({
|
|
|
- type: 'warning',
|
|
|
- message: '请选择分享内容!',
|
|
|
- className: 'notifyIndex',
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
+ this.reportTarget.photoSummary.forEach((item) => {
|
|
|
+ // item.photos.forEach((val) => {
|
|
|
+ if (item.checked) this.urlList.push(item.fileUrl);
|
|
|
+ // });
|
|
|
+ });
|
|
|
+ if (this.urlList.length == 0 && !this.checkedPlan) {
|
|
|
+ this.$notify({ type: 'warning', message: '请选择分享内容!', className: 'notifyIndex' });
|
|
|
+ return;
|
|
|
}
|
|
|
buryingPoint({
|
|
|
systemModel: '日报审核',
|
|
|
@@ -566,7 +905,11 @@ export default {
|
|
|
});
|
|
|
getDetailById({ reportId: this.$route.query.reportId }).then((res) => {
|
|
|
loading1.clear();
|
|
|
- this.homePageIndicatorList = res.data.homePageIndicatorList;
|
|
|
+ if (res.data.postName == '质感销售负责人' || res.data.postName == '质感销售专员') {
|
|
|
+ this.homePageIndicatorList = res.data.homePageIndicatorList;
|
|
|
+ } else {
|
|
|
+ this.homePageIndicatorList = null;
|
|
|
+ }
|
|
|
this.postName = res.data.postName;
|
|
|
this.reportTargetAll = res.data.reportTargetAll;
|
|
|
this.reportTarget = res.data;
|
|
|
@@ -869,60 +1212,25 @@ export default {
|
|
|
flex-direction: column;
|
|
|
max-height: 70%;
|
|
|
margin-top: 0 !important;
|
|
|
- border-radius: 12px;
|
|
|
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
|
- z-index: 10000;
|
|
|
.el-dialog__header {
|
|
|
- height: 50px;
|
|
|
+ height: 40px;
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border-bottom: 1px solid #ebeef5;
|
|
|
- padding: 0 20px;
|
|
|
- background-color: #fff;
|
|
|
- .el-dialog__title {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 500;
|
|
|
- color: #303133;
|
|
|
- }
|
|
|
+ justify-content: right;
|
|
|
.el-dialog__headerbtn {
|
|
|
- position: absolute;
|
|
|
- right: 15px;
|
|
|
- top: 15px;
|
|
|
+ position: static !important;
|
|
|
}
|
|
|
}
|
|
|
.el-dialog__body {
|
|
|
- padding: 20px !important;
|
|
|
+ padding: 30px 20px !important;
|
|
|
overflow-y: auto;
|
|
|
flex: 1;
|
|
|
- background-color: #fff;
|
|
|
}
|
|
|
.cell {
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
.footer-btn {
|
|
|
display: flex;
|
|
|
- justify-content: center;
|
|
|
- gap: 30px;
|
|
|
- padding: 15px 20px;
|
|
|
- border-top: 1px solid #ebeef5;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 0 0 12px 12px;
|
|
|
- margin-top: 0 !important;
|
|
|
- button {
|
|
|
- width: 120px;
|
|
|
- height: 36px;
|
|
|
- border-radius: 18px;
|
|
|
- }
|
|
|
- .van-button--primary {
|
|
|
- background-color: #2b73cf;
|
|
|
- border-color: #2b73cf;
|
|
|
- }
|
|
|
- .van-button--primary.van-button--plain {
|
|
|
- color: #999;
|
|
|
- border-color: #dcdfe6;
|
|
|
- background-color: #f5f7fa;
|
|
|
- }
|
|
|
+ justify-content: space-around;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -936,22 +1244,20 @@ export default {
|
|
|
margin-right: 3%;
|
|
|
margin-top: 10px;
|
|
|
position: relative;
|
|
|
- border-radius: 8px;
|
|
|
- overflow: hidden;
|
|
|
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- object-fit: cover;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .el-dialog__title {
|
|
|
- height: 50px;
|
|
|
- line-height: 50px !important;
|
|
|
- }
|
|
|
- .el-dialog__footer {
|
|
|
- padding: 0;
|
|
|
+ .el-dialog__header {
|
|
|
+ display: flex;
|
|
|
+ .el-dialog__title {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.notifyIndex {
|