<template>
  <div class="app-container report">
    <div class="title">
      {{ reportForm.gsName }} - {{ reportForm.dqName }} - {{ reportForm.deptName }} -
      {{ reportForm.nickName }}的{{ reportForm.reportTypeStr }}
      <el-button class="backBtn" type="primary" size="mini" @click="backFn">返回</el-button>
    </div>
    <el-form :model="reportForm" ref="reportForm" size="mini" :inline="true" label-width="120px">
      <el-row>
        <el-col :span="8">
          <el-form-item label="状态:">
            <span>{{ reportForm.statusStr }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="评分:">
            <span v-if="reportForm.number">{{ reportForm.number }}分</span>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="评语:"></el-form-item>
          <div
            style="
              white-space: pre-wrap;
              margin: 0 120px;
              font-size: 14px;
              background-color: #ebf4ff;
              padding: 10px;
              border-radius: 6px;
            ">
            <span v-if="reportForm.status == 2" v-html="reportForm.failContent"></span>
            <span v-else v-html="reportForm.successContent"></span>
          </div>
        </el-col>
        <el-col :span="24" v-if="reportForm.reportRemarks != null">
          <el-form-item label="点评信息:"></el-form-item>
        </el-col>
        <el-col :span="24" v-if="reportForm.reportRemarks != null">
          <div
            v-for="(item, index) in reportForm.reportRemarks"
            :key="index"
            style="padding: 0 120px 10px; font-size: 14px">
            <div style="height: 28px">
              <span style="float: left">{{ item.postName }} - {{ item.nickName }}的点评 </span
              ><span style="float: right">点评时间：{{ item.createTime }}</span>
            </div>
            <div
              v-html="item.remarkContent"
              style="
                white-space: pre-wrap;
                background-color: #ebf4ff;
                padding: 10px;
                border-radius: 6px;
              "></div>
          </div>
        </el-col>
      </el-row>
      <template v-if="!YFQuota">
        <!-- YFQuota:应用服务平台 不显示各项指标 -->
        <template v-if="reportForm.reportType == 1 && !GZQuota">
          <template v-if="JZQuota">
            <div class="title mt10">拜访数据今日拜访(实时)</div>
            <el-row>
              <el-col :span="6">
                <el-form-item label="线内拜访点数:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.inVisitAct
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="计划拜访点数:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.visitTarget
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="线内拜访率:">
                  <span v-if="reportForm.sfaReportTargetHistory"
                    >{{ reportForm.sfaReportTargetHistory.inVisitRate
                    }}<span
                      v-if="
                        reportForm.sfaReportTargetHistory.inVisitRate ||
                        reportForm.sfaReportTargetHistory.inVisitRate == 0
                      "
                      >%</span
                    ></span
                  >
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="整体拜访数:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.allVisitNum
                  }}</span>
                </el-form-item>
              </el-col>
            </el-row>

            <div class="title mt10">拜访数据本月拜访(实时)</div>
            <el-row>
              <el-col :span="6">
                <el-form-item label="线内拜访点数:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.inVisitActMonth
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="计划拜访点数:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.coverStoreNum
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="线内拜访率:">
                  <span v-if="reportForm.sfaReportTargetHistory"
                    >{{ reportForm.sfaReportTargetHistory.inVisitMonthRate
                    }}<span
                      v-if="
                        reportForm.sfaReportTargetHistory.inVisitMonthRate ||
                        reportForm.sfaReportTargetHistory.inVisitRate == 0
                      "
                      >%</span
                    ></span
                  >
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="整体拜访率:">
                  <span v-if="reportForm.sfaReportTargetHistory"
                    >{{ reportForm.sfaReportTargetHistory.allVisitMonthRate
                    }}<span
                      v-if="
                        reportForm.sfaReportTargetHistory.allVisitMonthRate ||
                        reportForm.sfaReportTargetHistory.allVisitMonthRate === 0
                      "
                      >%</span
                    ></span
                  >
                </el-form-item>
              </el-col>
            </el-row>
          </template>
          <template v-else>
            <div class="title mt10">拜访数据今日拜访(实时)</div>
            <el-row>
              <el-col :span="6">
                <el-form-item label="可控店:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.controlledShopVisitDayNum
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="分销店:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.fxShopVisitDayNum
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="金牌店:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.jpShopVisitDayNum
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="同城分销-涂料店:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.tcfxTlShopVisitDayNum
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="同城分销-其他店:">
                  <span v-if="reportForm.sfaReportTargetHistory">{{
                    reportForm.sfaReportTargetHistory.tcfxOtherShopVisitDayNum
                  }}</span>
                </el-form-item>
              </el-col>
            </el-row>

            <div class="title mt10">拜访数据本月拜访(实时)</div>
            <el-row>
              <el-col :span="6">
                <el-form-item label="本月可控店:">
                  <span v-if="reportForm.sfaReportTargetHistory"
                    >{{ reportForm.sfaReportTargetHistory.controlledShopVisitMonthNum
                    }}<span
                      >({{ reportForm.sfaReportTargetHistory.controlledShopVisitMonthRate }}%)</span
                    ></span
                  >
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="本月分销店:">
                  <span v-if="reportForm.sfaReportTargetHistory"
                    >{{ reportForm.sfaReportTargetHistory.fxShopVisitMonthNum
                    }}<span
                      >({{ reportForm.sfaReportTargetHistory.fxShopVisitMonthRate }}%)</span
                    ></span
                  >
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="本月金牌店:">
                  <span v-if="reportForm.sfaReportTargetHistory"
                    >{{ reportForm.sfaReportTargetHistory.jpShopVisitMonthNum
                    }}<span
                      >({{ reportForm.sfaReportTargetHistory.jpShopVisitMonthRate }}%)</span
                    ></span
                  >
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="近2月同城分销-涂料店:">
                  <span v-if="reportForm.sfaReportTargetHistory"
                    >{{ reportForm.sfaReportTargetHistory.tcfxTlShopVisitMonthNum
                    }}<span
                      >({{ reportForm.sfaReportTargetHistory.tcfxTlShopVisitMonthRate }}%)</span
                    ></span
                  >
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="近3月同城分销-其他店:">
                  <span v-if="reportForm.sfaReportTargetHistory"
                    >{{ reportForm.sfaReportTargetHistory.tcfxOtherShopVisitMonthNum
                    }}<span
                      >({{ reportForm.sfaReportTargetHistory.tcfxOtherShopVisitMonthRate }}%)</span
                    ></span
                  >
                </el-form-item>
              </el-col>
            </el-row>
          </template>
        </template>
        <div class="title mt10" v-if="!JZQuota && !GZQuota">建店布机（本月实际）</div>
        <el-row v-if="!JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="可控店点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.controlledShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="分销店点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.allShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="金牌店点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.goldShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="金牌店布机数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.goldShopBjMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="同城分销-涂料店点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.tcfxTlShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="同城分销-其他店点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.tcfxOtherShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="!JZQuota && !GZQuota">建店布机（今年实际(达成率)/千元）</div>
        <el-row v-if="!JZQuota && !GZQuota">
          <el-col :span="8" v-if="reportForm.reportType != 1">
            <el-form-item label="可控店点数:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.controlledShopYearAct
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.controlledShopYearRate ||
                    reportForm.sfaReportTargetHistory.controlledShopYearRate == 0
                  "
                  >({{ reportForm.sfaReportTargetHistory.controlledShopYearRate }}%)</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="reportForm.reportType != 1">
            <el-form-item label="分销店点数:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.allShopYearAct
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.allShopYearRate ||
                    reportForm.sfaReportTargetHistory.allShopYearRate == 0
                  "
                  >({{ reportForm.sfaReportTargetHistory.allShopYearRate }}%)</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="金牌店点数:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.goldShopYearAct
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.goldShopYearRate ||
                    reportForm.sfaReportTargetHistory.goldShopYearRate == 0
                  "
                  >({{ reportForm.sfaReportTargetHistory.goldShopYearRate }}%)</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="金牌店布机数:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.goldShopBjYearAct
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.goldShopBjYearTarget ||
                    reportForm.sfaReportTargetHistory.goldShopBjYearTarget == 0
                  "
                  >({{ reportForm.sfaReportTargetHistory.goldShopBjYearTarget }}%)</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="同城分销-涂料店点数:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.tcfxTlShopYearAct
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.tcfxTlShopYearRate ||
                    reportForm.sfaReportTargetHistory.tcfxTlShopYearRate == 0
                  "
                  >({{ reportForm.sfaReportTargetHistory.tcfxTlShopYearRate }}%)</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="同城分销-其他店点数:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.tcfxOtherShopYearAct
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.tcfxOtherShopYearRate ||
                    reportForm.sfaReportTargetHistory.tcfxOtherShopYearRate == 0
                  "
                  >({{ reportForm.sfaReportTargetHistory.tcfxOtherShopYearRate }}%)</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && !JZQuota && !GZQuota">
          分销店下单点数(本月进度)
        </div>
        <el-row v-if="reportForm.reportType == 1 && !JZQuota && !GZQuota">
          <el-col :span="6">
            <el-form-item label="可控店下单点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.controlledOrderShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="可控店下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.controlledShopMonthOrderRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.controlledShopMonthOrderRate ||
                    reportForm.sfaReportTargetHistory.controlledShopMonthOrderRate === 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="分销店下单点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.fxOrderShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="分销店下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.fxShopMonthOrderRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.fxShopMonthOrderRate ||
                    reportForm.sfaReportTargetHistory.fxShopMonthOrderRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="金牌店下单点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jpOrderShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="金牌店下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.jpShopMonthOrderRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.jpShopMonthOrderRate ||
                    reportForm.sfaReportTargetHistory.jpShopMonthOrderRate === 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="同城分销-涂料店下单点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.tcfxTlOrderShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="同城分销-涂料店下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.tcfxTlShopMonthOrderRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.tcfxTlShopMonthOrderRate ||
                    reportForm.sfaReportTargetHistory.tcfxTlShopMonthOrderRate === 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="同城分销-其他店下单点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.tcfxOtherOrderShopMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="同城分销-其他店下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.tcfxOtherShopMonthOrderRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.tcfxOtherShopMonthOrderRate ||
                    reportForm.sfaReportTargetHistory.tcfxOtherShopMonthOrderRate === 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="!GZQuota">专业时时丽分销店下单（昨日新增）</div>
        <el-row v-if="!GZQuota">
          <el-col :span="8">
            <el-form-item label="下单点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.professionalSslYes
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8"> </el-col>
          <el-col :span="8">
            <el-form-item label="下单数量(桶):">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.professionalSslOrderNumYes
              }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="!GZQuota">专业时时丽分销店下单（本月实际）</div>
        <el-row v-if="!GZQuota">
          <el-col :span="8">
            <el-form-item label="下单点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.professionalSslMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.professionalSslOrderRateMonth
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.professionalSslOrderRateMonth ||
                    reportForm.sfaReportTargetHistory.professionalSslOrderRateMonth == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单数量(桶):">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.professionalSslOrderNumMonth
              }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="type != 3 && type != 4">{{ saptitle }}</div>
        <el-row v-if="type != 3 && type != 4">
          <el-col :span="24" v-if="GZQuota">
            <el-form-item label="昨日新增:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.sapNewYesterday
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本月累计:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.sapMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本月达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.sapMonthSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.sapMonthSuccessRate ||
                    reportForm.sfaReportTargetHistory.sapMonthSuccessRate === 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本月成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.sapMonthGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.sapMonthGrowRate ||
                    reportForm.sfaReportTargetHistory.sapMonthGrowRate === 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本季累计:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.sapQuarterAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本季达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.sapQuarterSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.sapQuarterSuccessRate ||
                    reportForm.sfaReportTargetHistory.sapQuarterSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本季成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.sapQuarterGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.sapQuarterGrowRate ||
                    reportForm.sfaReportTargetHistory.sapQuarterGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <div v-if="JZQuota">
            <el-col :span="8">
              <el-form-item label="本年实际:">
                <span v-if="reportForm.sfaReportTargetHistory">{{
                  reportForm.sfaReportTargetHistory.sapYearAct
                }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="本年达成率:">
                <span v-if="reportForm.sfaReportTargetHistory"
                  >{{ reportForm.sfaReportTargetHistory.sapYearSuccessRate
                  }}<span
                    v-if="
                      reportForm.sfaReportTargetHistory.sapYearSuccessRate ||
                      reportForm.sfaReportTargetHistory.sapYearSuccessRate == 0
                    "
                    >%</span
                  ></span
                >
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="本年成长率:">
                <span v-if="reportForm.sfaReportTargetHistory"
                  >{{ reportForm.sfaReportTargetHistory.sapYearGrowRate
                  }}<span
                    v-if="
                      reportForm.sfaReportTargetHistory.sapYearGrowRate ||
                      reportForm.sfaReportTargetHistory.sapYearGrowRate == 0
                    "
                    >%</span
                  ></span
                >
              </el-form-item>
            </el-col>
          </div>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">展厅上样</div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="当月新增">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.exhibitionHallMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="全年实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.exhibitionHallYearAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="全年达成进度率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.exhibitionHallYearRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.exhibitionHallYearRate ||
                    reportForm.sfaReportTargetHistory.exhibitionHallYearRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">
          魔术漆过账（本月业绩）
        </div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="下单客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.msqPostCustomerMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单金额:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.msqPostOrderPriceMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.msqPostOrderRateMonth
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.msqPostOrderRateMonth ||
                    reportForm.sfaReportTargetHistory.msqPostOrderRateMonth == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">
          魔术漆过账（本季业绩）
        </div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="下单客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.msqPostCustomerQuarter
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单金额:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.msqPostOrderPriceQuarter
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.msqPostOrderRateQuarter
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.msqPostOrderRateQuarter ||
                    reportForm.sfaReportTargetHistory.msqPostOrderRateQuarter == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">
          魔术漆过账（本年业绩）
        </div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="下单客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.msqPostCustomerYear
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单金额:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.msqPostOrderPriceYear
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.msqPostOrderRateYear
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.msqPostOrderRateYear ||
                    reportForm.sfaReportTargetHistory.msqPostOrderRateMonth == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">
          基材（粉料+瓷砖胶）过账（本月业绩）
        </div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="下单客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jcPostCustomerMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jcPostOrderNumMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单金额:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jcPostOrderPriceMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.jcPostOrderRateMonth
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.jcPostOrderRateMonth ||
                    reportForm.sfaReportTargetHistory.jcPostOrderRateMonth == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">
          基材（粉料+瓷砖胶）过账（本季业绩）
        </div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="下单客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jcPostCustomerQuarter
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jcPostOrderNumQuarter
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单金额:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jcPostOrderPriceQuarter
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.jcPostOrderRateQuarter
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.jcPostOrderRateQuarter ||
                    reportForm.sfaReportTargetHistory.jcPostOrderRateQuarter == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">
          基材（粉料+瓷砖胶）过账（本年业绩）
        </div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="下单客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jcPostCustomerYear
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jcPostOrderNumYear
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单金额:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.jcPostOrderPriceYear
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.jcPostOrderRateYear
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.jcPostOrderRateYear ||
                    reportForm.sfaReportTargetHistory.jcPostOrderRateYear == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">
          瓷砖胶过账（本月业绩）
        </div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="下单客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjPostCustomerMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjPostOrderNumMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单金额:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjPostOrderPriceMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjPostOrderRateMonth
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjPostOrderRateMonth ||
                    reportForm.sfaReportTargetHistory.czjPostOrderRateMonth == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>

        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">
          瓷砖胶过账（本月业绩）
        </div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="下单客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjPostCustomerQuarter
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjPostOrderNumQuarter
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单金额:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjPostOrderPriceQuarter
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjPostOrderRateQuarter
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjPostOrderRateQuarter ||
                    reportForm.sfaReportTargetHistory.czjPostOrderRateQuarter == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && JZQuota">
          瓷砖胶过账（本年业绩）
        </div>
        <el-row v-if="reportForm.reportType == 1 && JZQuota">
          <el-col :span="8">
            <el-form-item label="下单客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjPostCustomerYear
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjPostOrderNumYear
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单金额:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjPostOrderPriceYear
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjPostOrderRateYear
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjPostOrderRateYear ||
                    reportForm.sfaReportTargetHistory.czjPostOrderRateYear == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="!JZQuota && !GZQuota">专业时时丽SAP（本月业绩/千元）</div>
        <el-row v-if="!JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="实际数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjMonthSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjMonthGrowRate ||
                    reportForm.sfaReportTargetHistory.czjMonthGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjMonthGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjQuarterAct ||
                    reportForm.sfaReportTargetHistory.czjQuarterAct == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="!JZQuota && !GZQuota">专业时时丽SAP（本季业绩/千元）</div>
        <el-row v-if="!JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="实际数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjQuarterAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjQuarterSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjQuarterSuccessRate ||
                    reportForm.sfaReportTargetHistory.czjQuarterSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjQuarterGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjQuarterGrowRate ||
                    reportForm.sfaReportTargetHistory.czjQuarterGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="!JZQuota && !GZQuota">超好贴分销店下单（昨日新增）</div>
        <el-row v-if="!JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="下单点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.excellentPostYes
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8"> </el-col>
          <el-col :span="8">
            <el-form-item label="下单数量(桶):">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.excellentPostOrderNumYes
              }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="!JZQuota && !GZQuota">超好贴分销店下单（本月实际）</div>
        <el-row v-if="!JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="下单点数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.excellentPostMonth
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.excellentPostOrderRateMonth
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.excellentPostOrderRateMonth ||
                    reportForm.sfaReportTargetHistory.excellentPostOrderRateMonth == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="下单数量(桶):">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.excellentPostOrderNumMonth
              }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType != 1">魔术漆SAP（本月业绩/千元）</div>
        <el-row v-if="reportForm.reportType != 1">
          <el-col :span="8">
            <el-form-item label="实际数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.ysqMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.ysqMonthSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.ysqMonthSuccessRate ||
                    reportForm.sfaReportTargetHistory.ysqMonthSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.ysqMonthGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.ysqMonthGrowRate ||
                    reportForm.sfaReportTargetHistory.ysqMonthGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType != 1">魔术漆SAP（本季业绩/千元）</div>
        <el-row v-if="reportForm.reportType != 1">
          <el-col :span="8">
            <el-form-item label="实际数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.ysqQuarterAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.ysqQuarterSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.ysqQuarterSuccessRate ||
                    reportForm.sfaReportTargetHistory.ysqQuarterSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.ysqQuarterGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.ysqQuarterGrowRate ||
                    reportForm.sfaReportTargetHistory.ysqQuarterGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType != 1">质感外墙SAP（本月业绩/千元）</div>
        <el-row v-if="reportForm.reportType != 1">
          <el-col :span="8">
            <el-form-item label="实际数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.zgwqMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.zgwqMonthSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.zgwqMonthSuccessRate ||
                    reportForm.sfaReportTargetHistory.zgwqMonthSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.zgwqMonthGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.zgwqMonthGrowRate ||
                    reportForm.sfaReportTargetHistory.zgwqMonthGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType != 1">质感外墙SAP（本季业绩/千元）</div>
        <el-row v-if="reportForm.reportType != 1">
          <el-col :span="8">
            <el-form-item label="实际数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.zgwqQuarterAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.zgwqQuarterSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.zgwqQuarterSuccessRate ||
                    reportForm.sfaReportTargetHistory.zgwqQuarterSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.zgwqQuarterGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.zgwqQuarterGrowRate ||
                    reportForm.sfaReportTargetHistory.zgwqQuarterGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType != 1 && !JZQuota && !GZQuota">
          防水+背胶SAP(本月业绩)/千元
        </div>
        <el-row v-if="reportForm.reportType != 1 && !JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="本月实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.fsbjSapMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本月达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.fsbjSapMonthSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.fsbjSapMonthSuccessRate ||
                    reportForm.sfaReportTargetHistory.fsbjSapMonthSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本月成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.fsbjSapMonthGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.fsbjSapMonthGrowRate ||
                    reportForm.sfaReportTargetHistory.fsbjSapMonthGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType != 1 && !JZQuota && !GZQuota">
          防水+背胶SAP(本季业绩)/千元
        </div>
        <el-row v-if="reportForm.reportType != 1 && !JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="本季实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.fsbjSapQuarterAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本季达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.fsbjSapQuarterSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.fsbjSapQuarterSuccessRate ||
                    reportForm.sfaReportTargetHistory.fsbjSapQuarterSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本季成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.fsbjSapQuarterGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.fsbjSapQuarterGrowRate ||
                    reportForm.sfaReportTargetHistory.fsbjSapQuarterGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="!JZQuota && !GZQuota">瓷砖胶SAP(本月业绩)/千元</div>
        <el-row v-if="!JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="本月实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjSapMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本月达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjSapMonthSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjSapMonthSuccessRate ||
                    reportForm.sfaReportTargetHistory.czjSapMonthSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本月成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjSapMonthGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjSapMonthGrowRate ||
                    reportForm.sfaReportTargetHistory.czjSapMonthGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="!JZQuota && !GZQuota">瓷砖胶SAP(本季业绩)/千元</div>
        <el-row v-if="!JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="本季实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.czjSapQuarterAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本季达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjSapQuarterSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjSapQuarterSuccessRate ||
                    reportForm.sfaReportTargetHistory.czjSapQuarterSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本季成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.czjSapQuarterGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.czjSapQuarterGrowRate ||
                    reportForm.sfaReportTargetHistory.czjSapQuarterGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType != 1 && !JZQuota && !GZQuota">
          乳胶漆中高端(本月业绩)/千元
        </div>
        <el-row v-if="reportForm.reportType != 1 && !JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="本月实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.rjqSapMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本月达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.rjqSapMonthSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.rjqSapMonthSuccessRate ||
                    reportForm.sfaReportTargetHistory.rjqSapMonthSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本月成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.rjqSapMonthGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.rjqSapMonthGrowRate ||
                    reportForm.sfaReportTargetHistory.rjqSapMonthGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType != 1 && !JZQuota && !GZQuota">
          乳胶漆中高端(本季业绩)/千元
        </div>
        <el-row v-if="reportForm.reportType != 1 && !JZQuota && !GZQuota">
          <el-col :span="8">
            <el-form-item label="本季实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.rjqSapQuarterAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本季达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.rjqSapQuarterSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.rjqSapQuarterSuccessRate ||
                    reportForm.sfaReportTargetHistory.rjqSapQuarterSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="本季成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.rjqSapQuarterGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.rjqSapQuarterGrowRate ||
                    reportForm.sfaReportTargetHistory.rjqSapQuarterGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && GZQuota">
          纯态之家SAP/千元(本月业绩)
        </div>
        <el-row v-if="reportForm.reportType == 1 && GZQuota">
          <el-col :span="6">
            <el-form-item label="业绩实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.gzCtzjMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <!--        <el-col :span="6">-->
          <!--          <el-form-item label="业绩达成率:">-->
          <!--            <span v-if="reportForm.sfaReportTargetHistory">{{reportForm.sfaReportTargetHistory.gzCtzjMonthSuccessRate}}<span v-if="reportForm.sfaReportTargetHistory.gzCtzjMonthSuccessRate || reportForm.sfaReportTargetHistory.gzCtzjMonthSuccessRate == 0">%</span></span>-->
          <!--          </el-form-item>-->
          <!--        </el-col>-->
          <el-col :span="6">
            <el-form-item label="业绩成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.gzCtzjMonthGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.gzCtzjMonthGrowRate ||
                    reportForm.sfaReportTargetHistory.gzCtzjMonthGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && GZQuota">
          纯态之家SAP/千元(本季业绩)
        </div>
        <el-row v-if="reportForm.reportType == 1 && GZQuota">
          <el-col :span="6">
            <el-form-item label="业绩实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.gzCtzjQuarterAct
              }}</span>
            </el-form-item>
          </el-col>
          <!--        <el-col :span="6">-->
          <!--          <el-form-item label="业绩达成率:">-->
          <!--            <span v-if="reportForm.sfaReportTargetHistory">{{reportForm.sfaReportTargetHistory.gzCtzjQuarterSuccessRate}}<span v-if="reportForm.sfaReportTargetHistory.gzCtzjQuarterSuccessRate || reportForm.sfaReportTargetHistory.gzCtzjQuarterSuccessRate == 0">%</span></span>-->
          <!--          </el-form-item>-->
          <!--        </el-col>-->
          <el-col :span="6">
            <el-form-item label="业绩成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.gzCtzjQuarterGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.gzCtzjQuarterGrowRate ||
                    reportForm.sfaReportTargetHistory.gzCtzjQuarterGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && GZQuota">
          商机关联的质感外墙业绩SAP/千元(本月业绩)
        </div>
        <el-row v-if="reportForm.reportType == 1 && GZQuota">
          <el-col :span="6">
            <el-form-item label="业绩实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.gzZgwqMonthAct
              }}</span>
            </el-form-item>
          </el-col>
          <!--        <el-col :span="6">-->
          <!--          <el-form-item label="业绩达成率:">-->
          <!--            <span v-if="reportForm.sfaReportTargetHistory">{{reportForm.sfaReportTargetHistory.gzZgwqMonthSuccessRate}}<span v-if="reportForm.sfaReportTargetHistory.gzZgwqMonthSuccessRate || reportForm.sfaReportTargetHistory.gzZgwqMonthSuccessRate == 0">%</span></span>-->
          <!--          </el-form-item>-->
          <!--        </el-col>-->
          <el-col :span="6">
            <el-form-item label="业绩成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.gzZgwqMonthGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.gzZgwqMonthGrowRate ||
                    reportForm.sfaReportTargetHistory.gzZgwqMonthGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && GZQuota">
          商机关联的质感外墙业绩SAP/千元(本季业绩)
        </div>
        <el-row v-if="reportForm.reportType == 1 && GZQuota">
          <el-col :span="6">
            <el-form-item label="业绩实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.gzZgwqQuarterAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="业绩成长率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.gzZgwqQuarterGrowRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.gzZgwqQuarterGrowRate ||
                    reportForm.sfaReportTargetHistory.gzZgwqQuarterGrowRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && GZQuota">公装客户开发</div>
        <el-row v-if="reportForm.reportType == 1 && GZQuota">
          <el-col :span="6">
            <el-form-item label="全年实际:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.gzKhljYearAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="全年目标:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.gzKhljYearTarget
              }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="目标达成率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.gzKhljSuccessRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.gzKhljSuccessRate ||
                    reportForm.sfaReportTargetHistory.gzKhljSuccessRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
          <!--        <el-col :span="6">-->
          <!--          <el-form-item label="报备成功数量:">-->
          <!--            <span v-if="reportForm.sfaReportTargetHistory">{{reportForm.sfaReportTargetHistory.gzBbMonthSuccessNum}}</span>-->
          <!--          </el-form-item>-->
          <!--        </el-col>-->
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType == 1 && GZQuota">今天拜访</div>
        <el-row v-if="reportForm.reportType == 1 && GZQuota">
          <el-col :span="6">
            <el-form-item label="公装客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.gzVisitCustomerNum
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="工地数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.gzVisitGdNum
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="潜在客户数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.gzVisitQzCustomerNum
              }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="title mt10" v-if="reportForm.reportType != 1">非片客户开发（公装）</div>
        <el-row v-if="reportForm.reportType != 1">
          <!--        <el-col :span="8">-->
          <!--          <el-form-item label="全年目标:">-->
          <!--            <span v-if="reportForm.sfaReportTargetHistory">{{reportForm.sfaReportTargetHistory.customerYearTarget}}</span>-->
          <!--          </el-form-item>-->
          <!--        </el-col>-->
          <el-col :span="8">
            <el-form-item label="全年开发数:">
              <span v-if="reportForm.sfaReportTargetHistory">{{
                reportForm.sfaReportTargetHistory.customerAct
              }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="全年进度率:">
              <span v-if="reportForm.sfaReportTargetHistory"
                >{{ reportForm.sfaReportTargetHistory.customerYearRate
                }}<span
                  v-if="
                    reportForm.sfaReportTargetHistory.customerYearRate ||
                    reportForm.sfaReportTargetHistory.customerYearRate == 0
                  "
                  >%</span
                ></span
              >
            </el-form-item>
          </el-col>
        </el-row>
      </template>
      <div v-if="reportForm.reportType == 1">
        <el-row v-if="GZQuota">
          <el-col :span="12">
            <div class="new-title">今日项目跟进数量：</div>
            <div
              v-if="reportForm.reportContents[2]"
              style="
                white-space: pre-wrap;
                margin-top: -32px;
                margin-left: 126px;
                font-size: 14px;
                margin-right: 14px;
                background-color: #ebf4ff;
                padding: 10px;
                border-radius: 6px;
              ">
              {{ reportForm.reportContents[2].projectFollowNum }}
            </div>
          </el-col>
          <el-col :span="12">
            <div class="new-title">今日TUC成功报备数量：</div>
            <div
              v-if="reportForm.reportContents[3]"
              style="
                white-space: pre-wrap;
                margin-top: -32px;
                margin-left: 126px;
                font-size: 14px;
                margin-right: 14px;
                background-color: #ebf4ff;
                padding: 10px;
                border-radius: 6px;
              ">
              {{ reportForm.reportContents[3].tucReportingSuccessNum }}
            </div>
          </el-col>
        </el-row>
        <div class="new-title">截至日报提交时间，今日拜访0家店的原因：</div>
        <el-row>
          <el-col :span="24">
            <div
              v-if="reportForm.notVisitReason"
              style="
                white-space: pre-wrap;
                margin-top: -32px;
                margin-left: 126px;
                font-size: 14px;
                background-color: #ebf4ff;
                padding: 10px;
                border-radius: 6px;
              "
              v-html="reportForm.notVisitReason"></div>
          </el-col>
        </el-row>
        <div class="new-title">今日机会与挑战总结：</div>
        <el-row>
          <el-col :span="24">
            <div
              v-if="reportForm.reportTypeTwoContents[0]"
              style="
                white-space: pre-wrap;
                margin-top: -32px;
                margin-left: 126px;
                font-size: 14px;
                background-color: #ebf4ff;
                padding: 10px;
                border-radius: 6px;
              "
              v-html="reportForm.reportTypeTwoContents[0].dayContent"></div>
          </el-col>
        </el-row>
        <div class="new-title">明日工作规划：</div>
        <el-row>
          <el-col :span="24">
            <div
              v-if="reportForm.reportTypeThreeContents[0]"
              style="
                white-space: pre-wrap;
                margin-top: -32px;
                margin-left: 126px;
                font-size: 14px;
                background-color: #ebf4ff;
                padding: 10px;
                border-radius: 6px;
              "
              v-html="reportForm.reportTypeThreeContents[0].dayContent"></div>
          </el-col>
        </el-row>
      </div>
    </el-form>

    <!--    周报-->
    <div class="title mt10" v-if="reportForm.reportType == 2">上周工作成果</div>
    <el-table
      v-if="reportForm.reportType == 2"
      v-loading="loading"
      :data="reportForm.lastWeek"
      :span-method="arraySpanMethodFn">
      <el-table-column :label="timeTitle" align="center" prop="contentTimeDate" width="100">
        <template slot-scope="scope">
          <div v-if="scope.$index > 6">上周工作重点/工作成果</div>
          <div v-if="scope.$index < 7 && !reportForm.hideWeekDate">
            {{ scope.row.contentTimeDate }}
          </div>
        </template>
      </el-table-column>
      <el-table-column
        label="星期"
        align="center"
        prop="contentTimeWeek"
        width="100"></el-table-column>
      <el-table-column label="计划" align="center">
        <el-table-column prop="weekContentAmPlan" label="上午" align="center">
          <template slot-scope="scope">
            <div v-if="scope.$index > 6" v-html="scope.row.weekContentSummaryPlan"></div>
            <div v-if="scope.$index < 7">{{ scope.row.weekContentAmPlan }}</div>
          </template>
        </el-table-column>
        <el-table-column prop="weekContentPmPlan" label="下午" align="center"> </el-table-column>
      </el-table-column>
      <el-table-column label="实际" align="center">
        <el-table-column prop="weekContentAm" label="上午" align="center">
          <template slot-scope="scope">
            <div v-if="scope.$index > 6" v-html="scope.row.weekContentSummary"></div>
            <div v-if="scope.$index < 7">{{ scope.row.weekContentAm }}</div>
          </template>
        </el-table-column>
        <el-table-column prop="weekContentPm" label="下午" align="center"> </el-table-column>
      </el-table-column>
    </el-table>
    <div class="title mt10" v-if="reportForm.reportType == 2">本周工作规划</div>
    <el-table
      border
      v-if="reportForm.reportType == 2"
      v-loading="loading"
      :span-method="arraySpanMethod"
      :data="reportForm.reportTypeThreeContents">
      <el-table-column :label="timeTitle" align="center" prop="contentTimeDate" width="100">
        <template slot-scope="scope">
          <div v-if="scope.$index > 6">本周工作重点</div>
          <div v-if="scope.$index < 77 && !reportForm.hideWeekDate">
            {{ scope.row.contentTimeDate }}
          </div>
        </template>
      </el-table-column>
      <el-table-column label="星期" align="center" prop="contentTimeWeek" width="100" />
      <el-table-column prop="weekContentAm" label="上午" align="center">
        <template slot-scope="scope">
          <div v-if="scope.$index > 6" v-html="scope.row.weekContentSummary"></div>
          <div v-if="scope.$index < 7">{{ scope.row.weekContentAm }}</div>
        </template>
      </el-table-column>
      <el-table-column prop="weekContentPm" label="下午" align="center" />
    </el-table>
    <!--    半月报-->
    <div class="title mt10" v-if="reportForm.reportType == 3">上期工作成果</div>
    <el-table
      border
      v-if="reportForm.reportType == 3"
      v-loading="loading"
      :data="reportForm.lastWeek">
      <!--      <el-table-column align="center" prop="doubleWeekTypeText" width="100"/>-->
      <el-table-column label="计划" align="center" prop="doubleWeekContentPlan">
        <template slot-scope="scope">
          <div v-html="scope.row.doubleWeekContentPlan"></div>
        </template>
      </el-table-column>
      <el-table-column label="实际" align="center" prop="doubleWeekContent">
        <template slot-scope="scope">
          <div v-html="scope.row.doubleWeekContent"></div>
        </template>
      </el-table-column>
    </el-table>
    <div class="title mt10" v-if="reportForm.reportType == 3">本期工作规划</div>
    <el-table
      border
      v-if="reportForm.reportType == 3"
      v-loading="loading"
      :data="reportForm.reportTypeThreeContents">
      <!--      <el-table-column align="center" prop="doubleWeekTypeText" width="100"/>-->
      <el-table-column label="计划" align="center" prop="doubleWeekContent">
        <template slot-scope="scope">
          <div v-html="scope.row.doubleWeekContent"></div>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import { getReportDetail } from '@/api/sfa/report';

export default {
  name: 'ReportDetail',
  data() {
    return {
      type: '-1',
      timeTitle: '日期',
      loading: true,
      photoType: '',
      photoTypeOptions: [],
      reportForm: {},
      doubleWeekTypeOption: [],
      JZQuota: false,
      GZQuota: false,
      YFQuota: false, //应用服务
      titlejz: '',
      saptitle: '业绩目标SAP/千元',
    };
  },
  created() {
    // 照片类型
    this.getDicts('double_week_type').then((response) => {
      this.doubleWeekTypeOption = response.data;
    });
    this.getDetailData();
  },
  methods: {
    arraySpanMethodFn({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 7) {
        if (columnIndex === 0) {
          return [1, 2];
        } else if (columnIndex === 1) {
          return [0, 0];
        } else if (columnIndex === 2 || columnIndex === 4) {
          return [1, 2];
        } else {
          return [0, 0];
        }
      }
    },
    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 7) {
        if (columnIndex === 0) {
          return [1, 2];
        } else if (columnIndex === 1) {
          return [0, 0];
        } else if (columnIndex === 2) {
          return [1, 2];
        } else {
          return [0, 0];
        }
      }
    },
    // doubleWeekTypeFormat(row){
    //     let text;
    //     this.doubleWeekTypeOption.forEach((item,index)=>{
    //         if(item.dictValue == row.doubleWeekType){
    //             text = item.dictLabel;
    //         }
    //     })
    //     return text;
    // },
    getDetailData() {
      let query = this.$route.query;
      getReportDetail(query.id).then((response) => {
        this.reportForm = response.data;
        this.JZQuota = false;
        this.GZQuota = false;
        this.YFQuota = response.data.postType == 'YF' ? true : false;
        if (response.data.postType == 'JZ') {
          this.JZQuota = true;
        } else if (response.data.postType == 'GZ') {
          this.GZQuota = true;
          this.saptitle = '公裝业绩SAP/千元';
        } else {
          this.saptitle = '业绩目标SAP/千元';
        }
        this.type = response.data.userType;
        this.reportForm.lastWeek = [];
        let arr = [];
        for (var i = 0; i < 8; i++) {
          if (i < response.data.reportTypeTwoContents.length) {
            if (this.reportForm.reportType == 2) {
              // if(this.reportForm.reportTypeThreeContents[i]){
              //     this.reportForm.reportTypeThreeContents[i].contentTimeDate = response.data.reportTypeThreeContents[i].contentTime.split(" ")[0];
              //     this.reportForm.reportTypeThreeContents[i].contentTimeWeek = response.data.reportTypeThreeContents[i].contentTime.split(" ")[1];
              // }
              if (response.data.reportTypeTwoContents[i]) {
                this.reportForm.lastWeek[i] = response.data.reportTypeTwoContents[i];
                this.reportForm.lastWeek[i].contentTimeDate =
                  response.data.reportTypeTwoContents[i].contentTime.split(' ')[0];
                this.reportForm.lastWeek[i].contentTimeWeek =
                  response.data.reportTypeTwoContents[i].contentTime.split(' ')[1];
                var index = response.data.reportTypeOneContents.findIndex(
                  (item) => item.contentTime === response.data.reportTypeTwoContents[i].contentTime
                );

                console.log(response.data.reportTypeTwoContents[i].weekContentSummary == null);
              }
              if (response.data.reportTypeOneContents[i]) {
                var index2 = response.data.reportTypeTwoContents.findIndex(
                  (item) => item.contentTime === response.data.reportTypeOneContents[i].contentTime
                );
              }
              if (index2 == -1) {
                // arr.push(response.data.reportTypeOneContents[i]);
                if (i > 6) {
                  this.lastWeekFn(i, response.data.reportTypeOneContents[7]);
                }
              }
              if (response.data.reportTypeOneContents.length > 0) {
                if (response.data.reportTypeTwoContents[i].weekContentSummary == null) {
                  // if(response.data.reportTypeOneContents.length>0){
                  this.lastWeekFn(i, response.data.reportTypeOneContents[i]);
                } else {
                  if (response.data.reportTypeOneContents.length > 7) {
                    this.lastWeekFn(i, response.data.reportTypeOneContents[7]);
                  }
                }
              }

              if (index != -1) {
                // this.lastWeekFn(i,response.data.reportTypeOneContents[index]);
              } else {
                // if(response.data.reportTypeTwoContents[i].weekContentSummary==null){
                //   this.lastWeekFn(i,response.data.reportTypeOneContents[i]);
                // }else{
                //   this.lastWeekFn(i,response.data.reportTypeOneContents[7]);
                // }
              }
            } else if (this.reportForm.reportType == 3) {
              // if(this.reportForm.reportTypeThreeContents[i]){
              //     this.reportForm.reportTypeThreeContents[i].doubleWeekTypeText = this.doubleWeekTypeFormat(response.data.reportTypeThreeContents[i]);
              // }
              if (response.data.reportTypeTwoContents[i]) {
                this.reportForm.lastWeek[i] = response.data.reportTypeTwoContents[i];
                // this.reportForm.lastWeek[i].doubleWeekTypeText = this.doubleWeekTypeFormat(response.data.reportTypeTwoContents[i]);
                // var index = response.data.reportTypeOneContents.findIndex((item) => item.doubleWeekType === response.data.reportTypeTwoContents[i].doubleWeekType);
              }
              if (response.data.reportTypeOneContents[i]) {
                // var index2 = response.data.reportTypeTwoContents.findIndex((item) => item.doubleWeekType === response.data.reportTypeOneContents[i].doubleWeekType);
                this.lastWeekFn(i, response.data.reportTypeOneContents[i]);
              }
            } else if (this.reportForm.reportType == 1) {
              this.reportForm.reportContents[0].dayContent =
                response.data.reportContents[0].dayContent.replace(/\\n/g, '<br>');
            }
          } else {
            console.log(arr);
            if (arr.length > 0) {
              arr.forEach((item, a) => {
                if (this.reportForm.reportType == 2) {
                  this.reportForm.lastWeek[i].contentTimeDate = item.contentTime.split(' ')[0];
                  this.reportForm.lastWeek[i].contentTimeWeek = item.contentTime.split(' ')[1];
                }
                // else if(this.reportForm.reportType == 3){
                //     this.reportForm.lastWeek[i].doubleWeekTypeText = this.doubleWeekTypeFormat(item);
                // }
                this.lastWeekFn(i, item);
              });
            }
          }
          if (i < response.data.reportTypeThreeContents.length) {
            if (this.reportForm.reportType == 2) {
              this.reportForm.reportTypeThreeContents[i].contentTimeDate =
                response.data.reportTypeThreeContents[i].contentTime.split(' ')[0];
              this.reportForm.reportTypeThreeContents[i].contentTimeWeek =
                response.data.reportTypeThreeContents[i].contentTime.split(' ')[1];
            }
            // else if(this.reportForm.reportType == 3){
            //     this.reportForm.reportTypeThreeContents[i].doubleWeekTypeText = this.doubleWeekTypeFormat(response.data.reportTypeThreeContents[i]);
            // }
          }
        }
        if (this.reportForm.hideWeekDate) {
          this.timeTitle = '';
        } else {
          this.timeTitle = '日期';
        }
        console.log(this.reportForm);
        this.loading = false;
      });
    },
    lastWeekFn(i, item) {
      // this.reportForm.lastWeek[i] = {};
      this.reportForm.lastWeek[i].contentTimePlan = item.contentTime;
      this.reportForm.lastWeek[i].createByPlan = item.createBy;
      this.reportForm.lastWeek[i].createTimePlan = item.createTime;
      this.reportForm.lastWeek[i].dayContentPlan = item.dayContent;
      this.reportForm.lastWeek[i].delFlagPlan = item.delFlag;
      this.reportForm.lastWeek[i].doubleWeekContentPlan = item.doubleWeekContent;
      this.reportForm.lastWeek[i].doubleWeekTypePlan = item.doubleWeekType;
      this.reportForm.lastWeek[i].idPlan = item.id;
      this.reportForm.lastWeek[i].remarkPlan = item.remark;
      this.reportForm.lastWeek[i].reportIdPlan = item.reportId;
      this.reportForm.lastWeek[i].searchValuePlan = item.searchValue;
      this.reportForm.lastWeek[i].typePlan = item.type;
      this.reportForm.lastWeek[i].updateByPlan = item.updateBy;
      this.reportForm.lastWeek[i].updateTimePlan = item.updateTime;
      this.reportForm.lastWeek[i].userIdPlan = item.userId;
      this.reportForm.lastWeek[i].weekContentAmPlan = item.weekContentAm;
      this.reportForm.lastWeek[i].weekContentPmPlan = item.weekContentPm;
      this.reportForm.lastWeek[i].weekContentSummaryPlan = item.weekContentSummary;
    },
    backFn() {
      this.$router.push({ path: '/report/report' });
    },
  },
};
</script>
<style lang="scss">
.w85 {
  width: 100%;
  .el-form-item__content {
    width: 80%;
  }
}
.report {
  .el-table {
    .cell {
      white-space: pre-line !important;
    }
  }
}
</style>
<style lang="scss" scoped>
.title {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  .backBtn {
    float: right;
  }
}
.mt10 {
  margin-top: 10px;
}
.el-card.is-always-shadow {
  box-shadow: none;
}
</style>
<style>
.box-card {
  margin-top: 16px;
}
.cardText .el-form-item {
  display: block;
}
.wh126 .el-form-item__label {
  width: 130px !important;
}
.btnBlue {
  background-color: #74a4d9;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  padding: 4px 6px;
  width: 118px;
  text-align: center;
}
.btnReds {
  background-color: #e7b4bb;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  padding: 4px 0;
  width: 118px;
  text-align: center;
}
.new-title {
  width: 128px;
  text-align: right;
  font-size: 16px;
  line-height: 30px;
  margin-top: 14px;
}
</style>
