diff --git a/public/img/bidata/ic_hse_tab_h@2x.png b/public/img/bidata/ic_hse_tab_h@2x.png
new file mode 100644
index 0000000..d00e017
Binary files /dev/null and b/public/img/bidata/ic_hse_tab_h@2x.png differ
diff --git a/public/img/bidata/ic_hse_tab_n@2x.png b/public/img/bidata/ic_hse_tab_n@2x.png
new file mode 100644
index 0000000..c77b6ac
Binary files /dev/null and b/public/img/bidata/ic_hse_tab_n@2x.png differ
diff --git a/src/api/modules/http.js b/src/api/modules/http.js
index df5413b..06438f2 100644
--- a/src/api/modules/http.js
+++ b/src/api/modules/http.js
@@ -1420,6 +1420,89 @@ export function	biRankingData(data) {
   })
 }
 
+//  接待分析数据
+export function	biTendencyDataContrast(data) {
+  return request({
+    url: 'autoSR/biData/tendencyDataContrast',
+    method: 'post',
+    data
+  })
+}
+//  接待质量趋势&销讲质量分布
+export function	biReceptionDetail(data) {
+  return request({
+    url: 'autoSR/biData/receptionDetail',
+    method: 'post',
+    data
+  })
+}
+
+// 销讲执行分布
+export function	biCusAgentRelationDistribute(data) {
+  return request({
+    url: 'autoSR/biData/cusAgentRelationDistribute',
+    method: 'post',
+    data
+  })
+}
+
+// 预警提醒
+export function	biWarningList(params) {
+  return request({
+    url: 'autoSR/warning/list',
+    method: 'get',
+    params
+  })
+}
+
+// 预警提醒
+export function	biWarningFindByHouseId(params) {
+  return request({
+    url: 'autoSR/warning/findByHouseId',
+    method: 'get',
+    params
+  })
+}
+
+//  获取公司列表
+export function	biFindHouseByOrgCode(params) {
+  return request({
+    url: 'autoSR/biData/findHouseByOrgCode',
+    method: 'get',
+    params
+  })
+}
+
+// 违禁预警消息列表
+export function	biWarningMessageList(params) {
+  return request({
+    url: 'autoSR/warning/messageList',
+    method: 'get',
+    params
+  })
+}
+
+
+// 修改消息状态
+export function	biWarningUpdateShowStatus(params) {
+  return request({
+    url: 'autoSR/warning/updateShowStatus',
+    method: 'get',
+    params
+  })
+}
+
+
+// 修改项目预警配置
+export function	biWarningUpdate(data) {
+  return request({
+    url: 'autoSR/warning/update',
+    method: 'post',
+    data
+  })
+}
+
+
 //  重新转写
 export function	toMergeRecord(params) {
   return request({
diff --git a/src/page/bi/bi.vue b/src/page/bi/bi.vue
index b4ddd2c..071c758 100644
--- a/src/page/bi/bi.vue
+++ b/src/page/bi/bi.vue
@@ -19,7 +19,9 @@
               src="/img/bidata/lsideActive.png"
               alt=""
             />
-            {{ data.title }}
+            <span>
+              {{ data.title }}
+            </span>
             <img
               v-show="headIndex == data.title"
               class="nav-box-item-img"
@@ -34,62 +36,74 @@
       <!-- 筛选菜单 -->
       <div class="head-bottom">
         <div class="head-box">
-          <span class="text">接待时间</span>
-          <div class="timer">
-            <div
-              class="timer-item"
-              v-for="(data, index) in dateSelect"
-              :key="data.title + index"
-              :class="{ active: dateSelectIndex == data.value }"
-              @click="timerClick(data.value)"
-            >
-              {{ data.title }}
+          <template v-if="!showSelect('违禁预警')">
+            <span class="text">接待时间</span>
+            <div class="timer">
+              <div
+                class="timer-item"
+                v-for="(data, index) in dateSelect"
+                :key="data.title + index"
+                :class="{ active: dateSelectIndex == data.value }"
+                @click="timerClick(data.value)"
+              >
+                {{ data.title }}
+              </div>
+              <el-date-picker
+                class="little"
+                value-format="yyyy-MM-dd"
+                v-model="time"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                @change="timerChange"
+              >
+              </el-date-picker>
             </div>
-            <el-date-picker
-              class="little"
-              value-format="yyyy-MM-dd"
-              v-model="time"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-              @change="timerChange"
-            >
-            </el-date-picker>
-          </div>
+          </template>
 
-          <span class="text" style="margin-left: 32px">公司</span>
-          <el-select
-            class="company"
-            v-model="companyValue"
-            placeholder="请选择"
-            clearable
-            filterable
-            @change="changeCompany"
-            :popper-append-to-body="false"
-          >
-            <el-option
-              v-for="item in companyOptions"
-              :key="item.orgCode"
-              :label="item.orgName"
-              :value="item.orgCode"
+          <template v-if="!showSelect('违禁预警')">
+            <span class="text" style="margin-left: 32px">公司</span>
+            <el-select
+              class="company"
+              v-model="companyValue"
+              placeholder="请选择"
+              clearable
+              filterable
+              @change="changeCompany"
+              :popper-append-to-body="false"
             >
-            </el-option>
-          </el-select>
+              <el-option
+                v-for="item in companyOptions"
+                :key="item.orgCode"
+                :label="item.orgName"
+                :value="item.orgCode"
+              >
+              </el-option>
+            </el-select>
+          </template>
 
-          <template v-if="showSelect('接待分析')">
+          <template
+            v-if="
+              showSelect('接待分析') ||
+              showSelect('销讲执行分布') ||
+              showSelect('违禁预警')
+            "
+          >
             <span class="text" style="margin-left: 32px">项目</span>
             <el-select
               class="company"
               v-model="projectValue"
               placeholder="请选择"
+              clearable
+              filterable
               :popper-append-to-body="false"
             >
               <el-option
                 v-for="item in projectOptions"
-                :key="item.label"
-                :label="item.label"
-                :value="item.value"
+                :key="item.id"
+                :label="item.propertyName"
+                :value="item.id"
               >
               </el-option>
             </el-select>
@@ -133,18 +147,25 @@
           <div class="search">
             <el-button type="primary" @click="initPage">查询</el-button>
           </div>
+
+          <div class="place" v-if="showSelect('违禁预警')">
+            <el-button type="primary" @click="showBiWarningList"
+              >项目预警设置</el-button
+            >
+          </div>
         </div>
       </div>
     </header>
 
     <!-- 中间部分 -->
+    <!-- 实时总览 -->
     <section v-if="headIndex == '实时总览'" class="bodys">
       <!-- 柱状图 -->
       <div class="items lside">
         <div
           class="item-item"
           v-for="(data, index) in lsideDataList"
-          :key="data.title + index"
+          :key="data.title + index + 'lsideDataList'"
         >
           <titles :title="data.title">
             <div class="rsidebox" slot="rside">
@@ -274,7 +295,7 @@
         <div
           class="item-item"
           v-for="(data, index) in rsideDataList"
-          :key="data.params + index"
+          :key="data.params + index + 'rsideDataList'"
         >
           <titles :title="data.title"></titles>
           <div class="echarts" :id="data.params"></div>
@@ -282,6 +303,190 @@
       </div>
     </section>
 
+    <!-- 接待分析 -->
+    <section v-if="headIndex == '接待分析'" class="initReceptionAnalysis">
+      <div class="head-boxs">
+        <div
+          class="head-box-items"
+          v-for="(data, index) in caseRankingList"
+          :key="data.title + index + data.unit"
+        >
+          <div class="t">{{ data.title }}</div>
+
+          <div class="b">
+            <p class="lside">
+              <span class="resultA">{{ data.resultA }}</span>
+              <span class="unit">{{ data.unit }}</span>
+            </p>
+
+            <p class="rside">
+              <img
+                v-if="data.resultB > 0"
+                class="r-img"
+                src="/img/indexIcon/indexCardUp.png"
+                alt=""
+              />
+              <img
+                v-if="data.resultB < 0"
+                class="r-img"
+                src="/img/indexIcon/indexCardDown.png"
+                alt=""
+              />
+              <span :class="{ up: data.resultB > 0 }" v-if="data.resultB > 0"
+                >+{{ data.resultB }}</span
+              >
+              <span
+                :class="{ down: data.resultB < 0 }"
+                v-if="data.resultB < 0"
+                >{{ data.resultB }}</span
+              >
+              <!-- <span v-if="data.resultB == 0">{{ data.resultB }}</span> -->
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="peceptiontop">
+        <div class="item">
+          <titles title="接待质量趋势"></titles>
+          <div
+            class="echarts"
+            id="initReceptionAnalysisReceptionQualityTrends"
+            key="initReceptionAnalysisReceptionQualityTrends"
+          ></div>
+        </div>
+
+        <div class="item">
+          <titles title="销讲质量分布"></titles>
+          <div
+            class="echarts"
+            id="initReceptionAnalysisMarketingMassDistribution"
+            key="initReceptionAnalysisMarketingMassDistribution"
+          ></div>
+        </div>
+
+        <div class="item">
+          <titles title="平均接待时长"></titles>
+          <div
+            class="echarts"
+            id="initReceptionAnalysisAverageReceptionDuration"
+            key="initReceptionAnalysisAverageReceptionDuration"
+          ></div>
+        </div>
+      </div>
+
+      <div class="peceptionbtm">
+        <div class="item">
+          <titles title="接待趋势"></titles>
+          <div class="tab">
+            <div
+              class="tab-item"
+              v-for="(data, index) in ReceptionTrendsList"
+              :key="`${data.params}${index}ReceptionTrendsListIndex`"
+              :class="{ active: ReceptionTrendsListIndex == index }"
+              @click="
+                changeIndicatorOptions(
+                  'ReceptionTrendsListIndex',
+                  index,
+                  'formatReception'
+                )
+              "
+            >
+              {{ data.title }}
+            </div>
+          </div>
+          <div class="echartss" id="ReceptionTrendsBtm"></div>
+        </div>
+        <div class="item">
+          <titles title="销讲执行趋势"></titles>
+          <div class="tab">
+            <div
+              class="tab-item"
+              v-for="(data, index) in SalesExecutionTrendsList"
+              :key="`${data.params}${index}SalesExecutionTrendsListIndex`"
+              :class="{ active: SalesExecutionTrendsListIndex == index }"
+              @click="
+                changeIndicatorOptions(
+                  'SalesExecutionTrendsListIndex',
+                  index,
+                  'formatSalesExecution'
+                )
+              "
+            >
+              {{ data.title }}
+            </div>
+          </div>
+          <div class="echartss" id="SalesExecutionTrendsBtm"></div>
+        </div>
+      </div>
+    </section>
+
+    <!-- 销讲执行分布 -->
+    <section
+      class="SalesExecutionDistribution"
+      v-if="headIndex == '销讲执行分布'"
+    >
+      <div class="head-boxs">
+        <div
+          class="head-box-items"
+          v-for="(data, index) in caseRankingList"
+          :key="data.title + index + data.unit"
+        >
+          <div class="t">{{ data.title }}</div>
+
+          <div class="b">
+            <p class="lside">
+              <span class="resultA">{{ data.resultA }}</span>
+              <span class="unit">{{ data.unit }}</span>
+            </p>
+
+            <p class="rside">
+              <img
+                v-if="data.resultB > 0"
+                class="r-img"
+                src="/img/indexIcon/indexCardUp.png"
+                alt=""
+              />
+              <img
+                v-if="data.resultB < 0"
+                class="r-img"
+                src="/img/indexIcon/indexCardDown.png"
+                alt=""
+              />
+              <span :class="{ up: data.resultB > 0 }" v-if="data.resultB > 0"
+                >+{{ data.resultB }}</span
+              >
+              <span
+                :class="{ down: data.resultB < 0 }"
+                v-if="data.resultB < 0"
+                >{{ data.resultB }}</span
+              >
+              <!-- <span v-if="data.resultB == 0">{{ data.resultB }}</span> -->
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <!-- 八分分布图 -->
+      <div class="grideight">
+        <div
+          class="grideight-item"
+          v-for="(data, index) in SalesExecutionDistributionIndex"
+          :key="`${data.params}${index}SalesExecutionDistributionIndex`"
+        >
+          <titles
+            :title="data.title"
+            :key="`${data.params}${index}SalesExecutionDistribution`"
+          ></titles>
+          <div
+            class="echarts"
+            :id="`${data.params}SalesExecutionDistributionIndex`"
+          ></div>
+        </div>
+      </div>
+    </section>
+
+    <!-- 案场排名 -->
     <section class="caseRanking" v-if="headIndex == '案场排名'">
       <div class="head-boxs">
         <div
@@ -335,6 +540,81 @@
       </div>
     </section>
 
+    <!-- 违禁预警 -->
+    <section class="warningreminder" v-if="headIndex == '违禁预警'">
+      <div class="warningreminderbox">
+        <div
+          class="warningreminderboxitem"
+          v-for="(data, index) in biWarningMessageIndex"
+          :key="`预警提醒${index}`"
+        >
+          <titles :title="data.houseName">
+            <div class="rsidebox" style="padding: 0 20px" slot="rside">
+              <el-link
+                style="color: #2ed1ee"
+                @click="biWarningUpdateShowStatus(data)"
+                >已了解</el-link
+              >
+            </div>
+          </titles>
+          <div class="box">
+            <el-checkbox-group
+              class="box-grow"
+              v-model="data.selectValue"
+              @change="hahaABCD"
+            >
+              <el-checkbox
+                class="box-grow-item"
+                v-for="(item, itemIndex) in data.list"
+                :key="`biWarningMessageIndex${itemIndex}item`"
+                :label="item.id"
+                :disabled="item.showStatus == 0"
+              >
+                <p
+                  style="
+                    margin: 8px 0;
+                    font-size: 16px;
+                    font-family: PingFangSC-Regular, PingFang SC;
+                    font-weight: 400;
+                    color: #ffffff;
+                  "
+                  :style="{
+                    textDecoration:
+                      item.showStatus == 0 ? 'line-through' : 'none',
+                    color: item.showStatus == 0 ? '#c2c2c2' : '#fff',
+                  }"
+                >
+                  {{ item.message }}
+                </p>
+                <span
+                  :style="{
+                    textDecoration:
+                      item.showStatus == 0 ? 'line-through' : 'none',
+                    color: item.showStatus == 0 ? '#c2c2c2' : '#fff',
+                  }"
+                  style="color: #fff; font-weight: 400; font-size: 16px"
+                  >{{ item.createTime }}</span
+                >
+              </el-checkbox>
+            </el-checkbox-group>
+          </div>
+        </div>
+      </div>
+      <div style="padding: 0 30px">
+        <el-pagination
+          style="background: transparent !important"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currents"
+          :page-sizes="[10, 50, 100]"
+          :page-size="sizes"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="totals"
+        >
+        </el-pagination>
+      </div>
+    </section>
+
     <el-dialog
       class="dialogtips"
       :title="dialogTitle"
@@ -360,7 +640,16 @@
           :key="data.showParams + index"
           :property="data.showParams"
           :label="data.showTitle"
-        ></el-table-column>
+        >
+        </el-table-column>
+
+        <el-table-column v-if="headIndex == '违禁预警'" label="操作">
+          <template slot-scope="{ row }">
+            <el-link style="color: #2ed1ee" @click="showSettingWarning(row)"
+              >设置</el-link
+            >
+          </template>
+        </el-table-column>
       </el-table>
 
       <el-pagination
@@ -374,47 +663,278 @@
       >
       </el-pagination>
     </el-dialog>
-  </div>
-</template>
-
-<script>
-import * as echarts from "echarts";
-import titles from "./common/title.vue";
-import * as dialogConstList from "./index";
-import { mapGetters } from "vuex";
 
-export default {
-  components: { titles },
-  data() {
-    return {
-      headList: dialogConstList.headList,
-      headIndex: "实时总览", // 默认选中nav选项
-      time: [], //自定义时间
-      // 日期类型选择
-      dateSelect: dialogConstList.dateSelect,
-      dateSelectIndex: 1, // 选中
+    <el-dialog
+      class="dialogtips"
+      title="预警设置"
+      :visible.sync="earlyarningShow"
+      width="800px"
+      :before-close="earlyClose"
+    >
+      <div class="earlyarningShow">
+        <div class="item">
+          <div class="lside">项目名称：</div>
+          <div class="rside">{{ earlyarningObj.propertyName }}</div>
+        </div>
 
-      dialogVisible: false, // 提示文字
-      dialogTitle: "", // 弹窗提示文字
+        <div class="item">
+          <div class="lside">预警开启：</div>
+          <div class="rside">
+            <el-switch
+              v-model="earlyarningObj.warningSettings"
+              active-color="#2ED1EE"
+              inactive-color="#C2C2C2"
+              @change="warningStatusClick"
+            >
+            </el-switch>
+          </div>
+        </div>
 
-      current: 1, // 页码
-      size: 10, // 数量
-      total: 0, // 总条数
+        <!-- 指标日预警  -->
+        <div class="item items">
+          <div class="lside">指标日预警</div>
+          <div class="rside" @click="addEarlyarningObj('dayWarningList')">
+            新增
+          </div>
+        </div>
 
-      // 录音未开启数组
-      stayHandleList: dialogConstList.stayHandleList,
+        <!-- 指标日预警设置项 -->
+        <div
+          style="margin: 5px 0"
+          v-for="(data, index) in earlyarningObj.dayWarningList"
+          :key="`indexdayWarningList${index}`"
+        >
+          <el-select
+            class="company"
+            style="width: 120px"
+            v-model="data.dataStatus"
+            placeholder="请选择"
+            filterable
+            @change="changeCompany"
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in targetArray"
+              :key="`${item.label}${item.value}targetArray`"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
 
-      // 接待量数组
-      jiedaiList: dialogConstList.jiedaiList,
-      receptionCount: 0, // 接待量
+          <el-select
+            class="company"
+            style="width: 120px; margin: 0 12px"
+            v-model="data.symbolStatus"
+            placeholder="请选择"
+            filterable
+            @change="changeCompany"
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in targetArrUp"
+              :key="`${item.label}${item.value}targetArrUp`"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
 
-      // 接待趋势
-      receptionList: [],
+          <el-input
+            class="company"
+            style="width: 80px"
+            v-model="data.thresholdValue"
+            placeholder="请输入"
+          ></el-input>
 
-      // 销讲执行趋势
-      salesExecution: [],
+          <span style="color: #fff; margin: 0 12px 0 24px">提醒时间</span>
+          <el-select
+            class="company"
+            style="width: 120px; margin: 0 12px 0 0"
+            v-model="data.warningStatus"
+            placeholder="请选择"
+            filterable
+            @change="changeCompany"
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in warningStatusArr"
+              :key="`${item.label}${item.value}warningStatusArr`"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
 
-      allRecSaleList: [], // 接待趋势&销讲执行趋势总数组
+          <!-- 提醒时间为《定时提醒》时方可展示 -->
+          <template v-if="data.warningStatus == 0">
+            <el-select
+              class="company"
+              style="width: 120px"
+              v-model="data.jobTime"
+              placeholder="请选择时间"
+              filterable
+              @change="changeCompany"
+              :popper-append-to-body="false"
+            >
+              <el-option
+                v-for="item in 10"
+                :key="`${item + 8}:009`"
+                :label="`${item + 8}:00`"
+                :value="`${item + 8}:00`"
+              >
+              </el-option>
+            </el-select>
+          </template>
+
+          <span
+            @click="deleteEarlyarningObj('dayWarningList', index, data)"
+            style="cursor: pointer; color: #fff; margin: 0 0 0 12px"
+            >删除</span
+          >
+        </div>
+
+        <!-- 指标对比预警 -->
+        <div class="item items">
+          <div class="lside">指标对比预警</div>
+          <div class="rside" @click="addEarlyarningObj('contrastWarningList')">
+            新增
+          </div>
+        </div>
+        <!-- 指标对比预警设置项 -->
+        <div
+          style="margin: 5px 0"
+          v-for="(data, index) in earlyarningObj.contrastWarningList"
+          :key="`indexcontrastWarningList${index}`"
+        >
+          <el-select
+            class="company"
+            style="width: 120px"
+            v-model="data.dataStatus"
+            placeholder="请选择"
+            filterable
+            @change="changeCompany"
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in targetArray"
+              :key="`${item.label}${item.value}targetArray`"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+
+          <span style="color: #fff; margin: 0 12px 0 24px">对比时间</span>
+          <el-select
+            class="company"
+            style="width: 120px; margin: 0 12px 0 0"
+            v-model="data.contrastStatus"
+            placeholder="请选择"
+            filterable
+            @change="changeCompany"
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in contrastArr"
+              :key="`${item.label}${item.value}contrastArr`"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+
+          <el-select
+            class="company"
+            style="width: 120px"
+            v-model="data.upOrDown"
+            placeholder="请选择"
+            filterable
+            @change="changeCompany"
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in upOrDownArr"
+              :key="`${item.label}${item.value}upOrDownArr`"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+
+          <span
+            @click="deleteEarlyarningObj('contrastWarningList', index, data)"
+            style="cursor: pointer; color: #fff; margin: 0 0 0 12px"
+            >删除</span
+          >
+        </div>
+
+        <!-- 推送用户 -->
+        <div class="item">
+          <div class="lside">推送用户</div>
+        </div>
+
+        <el-checkbox-group
+          class="box-grow"
+          v-model="earlyarningObj.warningSendUser"
+        >
+          <el-checkbox label="2">项目总</el-checkbox>
+          <el-checkbox label="7">系统运营</el-checkbox>
+          <el-checkbox label="8">售后运营</el-checkbox>
+        </el-checkbox-group>
+        <div class="placebox"></div>
+        <!-- 底部确认按钮 -->
+        <div class="earlyarningShowbottom">
+          <div class="items cancel" @click="earlyarningShow = false">取消</div>
+          <div class="items confirm" @click="biWarningUpdate">保存</div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import * as echarts from "echarts";
+import titles from "./common/title.vue";
+import * as dialogConstList from "./index";
+import { mapGetters } from "vuex";
+import { deepClone } from "@/util/util";
+
+export default {
+  components: { titles },
+  data() {
+    return {
+      headList: dialogConstList.headList,
+      headIndex: "实时总览", // 默认选中nav选项
+      time: [], //自定义时间
+      // 日期类型选择
+      dateSelect: dialogConstList.dateSelect,
+      dateSelectIndex: 1, // 选中
+
+      dialogVisible: false, // 提示文字
+      dialogTitle: "", // 弹窗提示文字
+
+      current: 1, // 页码
+      size: 10, // 数量
+      total: 0, // 总条数
+      currents: 1, // 页码
+      sizes: 10, // 数量
+      totals: 0, // 总条数
+
+      // 录音未开启数组
+      stayHandleList: dialogConstList.stayHandleList,
+
+      // 接待量数组
+      jiedaiList: dialogConstList.jiedaiList,
+      receptionCount: 0, // 接待量
+
+      // 接待趋势
+      receptionList: [],
+
+      // 销讲执行趋势
+      salesExecution: [],
+
+      allRecSaleList: [], // 接待趋势&销讲执行趋势总数组
 
       // 公司
       companyOptions: [],
@@ -445,13 +965,40 @@ export default {
       tableData: [], // table数据
       showDialogData: {}, // 点击选项赋值
 
-      caseRankingList: dialogConstList.caseRankingList, // 案场排名数组
+      caseRankingList: dialogConstList.caseRankingList, // 案场排名&接待分析
       ruleTypeList: dialogConstList.ruleTypeList, // 排名规则
       rankingTypeList: dialogConstList.rankingTypeList, // 排名类型
       orderBy: 1, // 排序规则
       dimensionType: 1, //项目
 
       rankingEchartsBarList: dialogConstList.rankingEchartsBarList, // 案场排名柱状图
+
+      // 接待分析
+      allTrendData: {}, // 全部趋势的数据
+      ReceptionTrendsList: dialogConstList.ReceptionTrendsIndex, // 接待趋势选项卡
+      ReceptionTrendsListIndex: 0, // 对应下标
+
+      SalesExecutionTrendsList: dialogConstList.SalesExecutionTrendsIndex, // 销讲趋势选项卡
+      SalesExecutionTrendsListIndex: 0, // 对应下标
+
+      // 销讲执行分布
+      SalesExecutionDistributionIndex:
+        dialogConstList.SalesExecutionDistributionIndex, // 销讲执行分布列表
+      allSalesExecutionDistri: [], // 销讲执行分布数据
+
+      biWarningMessageIndex: [], // 违禁预警消息列表
+      earlyarningShow: false, // 预警项目列表
+      earlyarningObj: {
+        warningSettings: false,
+        warningSendUser: [], // 设置一下默认值
+      }, // 设置预警项目
+
+      contrastArr: dialogConstList.contrastArr,
+      upOrDownArr: dialogConstList.upOrDownArr,
+
+      targetArray: dialogConstList.targetArray, // 指标常量
+      targetArrUp: dialogConstList.targetArrUp, //
+      warningStatusArr: dialogConstList.warningStatusArr, //
     };
   },
 
@@ -470,9 +1017,67 @@ export default {
 
   mounted() {
     this.initPage();
+
+    console.log(this.$options.data(), "dsakjdkljalds");
   },
 
   methods: {
+    // 修改项目预警配置
+    biWarningUpdate() {
+      const params = {
+        ...this.earlyarningObj,
+        warningSendUser: this.earlyarningObj.warningSendUser.join(",") || "",
+        warningSetting: this.earlyarningObj.warningSettings ? 0 : 1,
+      };
+
+      this.$api.http.biWarningUpdate(params).then((res) => {
+        if (res.code == 10000) {
+          this.$message.success(res.message);
+          this.earlyarningShow = false;
+          this.biWarningList();
+        } else {
+          this.$message.error(res.message);
+        }
+      });
+    },
+    // 关闭
+    earlyClose() {
+      this.earlyarningObj = this.$options.data().earlyarningObj;
+      this.earlyarningShow = false;
+    },
+    // 选项删除删除
+    deleteEarlyarningObj(params, index, data) {
+      this.earlyarningObj[params].splice(index, 1);
+    },
+
+    // 新增
+    addEarlyarningObj(params) {
+      this.earlyarningObj[params].push({
+        dataStatus: 0,
+        symbolStatus: 0,
+        thresholdValue: "",
+        warningStatus: 0,
+        jobTime: "9:00",
+        contrastStatus: 0,
+        upOrDown: 0,
+      });
+    },
+    // 提示框
+    showSettingWarning(data) {
+      console.log(data);
+      this.earlyarningShow = true;
+      this.earlyarningObj = deepClone(data); // 深拷贝防止没有操作时影响源数据
+      this.earlyarningObj.warningSettings = !Boolean(data.warningSetting);
+      this.earlyarningObj.warningSendUser = !this.earlyarningObj.warningSendUser
+        ? []
+        : this.earlyarningObj.warningSendUser.split(",");
+    },
+
+    // switch 强制更新页面，不然switch选中无效果
+    warningStatusClick(e) {
+      this.$forceUpdate();
+    },
+
     // 检测权限
     checkAuthority() {
       this.headList.forEach((item) => {
@@ -492,9 +1097,6 @@ export default {
       }
     },
 
-    // 清除数据
-    clearData() {},
-
     // 初始化页面
     initPage() {
       this.biGetOrgCodeList();
@@ -519,47 +1121,919 @@ export default {
       });
     },
 
-    // 案场排名顶部对比数据
-    biTopStatisticData() {
+    // 违禁预警
+    initWarningReminder() {
+      this.biFindHouseByOrgCode();
+      this.biWarningMessageList();
+    },
+
+    // 违禁预警消息列表
+    biWarningMessageList() {
+      const params = {
+        orgType: localStorage.getItem("orgType") || "",
+        agentId: localStorage.getItem("agentId") || "",
+        houseId: this.projectValue,
+        current: this.currents,
+        size: this.sizes,
+      };
+      this.$api.http.biWarningMessageList(params).then((res) => {
+        if (res.code == 10000) {
+          this.biWarningMessageIndex = res.data.records.map((item) => {
+            return {
+              ...item,
+              selectValue: [],
+            };
+          });
+          this.totals = res.data.total;
+        }
+      });
+    },
+
+    // 展示项目预警列表
+    showBiWarningList() {
+      this.tableNameList = dialogConstList.earlyWarningTable;
+      this.biWarningList();
+    },
+
+    // 围巾预警
+    biWarningList() {
+      const params = {
+        orgType: localStorage.getItem("orgType") || "",
+        agentId: localStorage.getItem("agentId") || "",
+        current: this.current,
+        size: this.size,
+      };
+      this.$api.http.biWarningList(params).then((res) => {
+        if (res.code == 10000) {
+          this.tableData = res.data.records;
+          this.total = res.data.total;
+          if (!this.dialogVisible) {
+            this.dialogVisible = true;
+            this.dialogTitle = "项目列表";
+          }
+        }
+      });
+    },
+
+    // 接待分析
+    initReceptionAnalysis() {
+      this.biTopStatisticData();
+      this.biFindHouseByOrgCode();
+      this.biTendencyDataContrast();
+      this.biReceptionDetail();
+    },
+
+    // 销讲执行分布
+    initSalesExecutionDistribution() {
+      this.biTopStatisticData();
+      this.biFindHouseByOrgCode();
+      this.biCusAgentRelationDistribute();
+    },
+
+    // 销讲执行分布
+    biCusAgentRelationDistribute() {
       // 接口入参
       const params = {
         dateType: this.dateSelectIndex,
         orgCode: this.companyValue,
         startDate: this.time[0] || "",
         endDate: this.time[1] || "",
+        houseId: this.projectValue,
       };
-      this.$api.http.biTopStatisticData(params).then((res) => {
+      this.$api.http.biCusAgentRelationDistribute(params).then((res) => {
         if (res.code == 10000) {
-          this.caseRankingList.forEach((item) => {
-            item.resultA = res.data.resultA[item.params];
-            item.resultB = res.data.resultB[item.params];
+          this.allSalesExecutionDistri = res.data;
+          this.formatAllSalesExecutionDistri(); // 格式化数据
+        }
+      });
+    },
+
+    // 格式化销讲执行分布
+    formatAllSalesExecutionDistri() {
+      this.SalesExecutionDistributionIndex.forEach((list) => {
+        if (list.params == "visitReceptionDistribute") {
+          let gentle = 0;
+          let [arr1, arr2] = [[], []];
+          this.allSalesExecutionDistri.visitReceptionDistribute.forEach(
+            (item) => {
+              if (item.name != "首次到访") {
+                gentle += item.value;
+              } else {
+                arr1.push(item);
+              }
+              arr2.push(item);
+            }
+          );
+          let series = [
+            {
+              name: "到访次数分布",
+              type: "pie",
+              selectedMode: "single",
+              radius: [0, "30%"],
+              label: {
+                position: "inner",
+                fontSize: 14,
+              },
+              labelLine: {
+                show: false,
+              },
+              data: arr1,
+            },
+            {
+              name: "到访次数分布",
+              type: "pie",
+              radius: ["45%", "60%"],
+              labelLine: {
+                length: 30,
+              },
+              data: arr2,
+            },
+          ];
+          if (series[0].data.length > 0) {
+            series[0].data.push({
+              name: "复访接待",
+              value: gentle,
+            });
+          }
+          this.$nextTick(() => {
+            this.creatPie({
+              id: `${list.params}SalesExecutionDistributionIndex`,
+              legend: {
+                show: false,
+              },
+              series: series,
+            });
+          });
+        } else {
+          let legend = this.allSalesExecutionDistri[list.params].map((item) => {
+            return item.name;
+          });
+          this.$nextTick(() => {
+            this.creatPie({
+              id: `${list.params}SalesExecutionDistributionIndex`,
+              grid: {
+                bottom: "20%",
+                top: "5%",
+              },
+              legend: {
+                legend: legend,
+                show: list.legend ? true : false,
+                orient: "horizontal",
+                type: "scroll",
+                bottom: "5%",
+                textStyle: {
+                  color: "#fff",
+                },
+              },
+              series: [
+                {
+                  name: list.title,
+                  type: "pie",
+                  radius: "50%",
+                  labelLine: {
+                    length: 5,
+                    showAbove: true,
+                  },
+                  minAngle: 5,
+                  avoidLabelOverlap: true,
+                  data: this.allSalesExecutionDistri[list.params],
+                  itemStyle: {
+                    normal: {
+                      color: function (colors) {
+                        var colorList = [
+                          "#D0444D",
+                          "#376FE3",
+                          "#E1B31F",
+                          "#8D25E4",
+                          "#DF7323",
+                          "#2ED1EE",
+                        ];
+                        return colorList[colors.dataIndex % 6];
+                      },
+                    },
+                  },
+                },
+              ],
+            });
           });
         }
       });
     },
 
-    // 获取案场详情柱状图数据
-    biRankingData() {
+    // 接待分析 --> 选中下标修改
+    changeIndicatorOptions(params, index, events) {
+      this[params] = index;
+      this[events]();
+    },
+
+    // 获取名称
+    getName(value) {
+      let str = "";
+      switch (value) {
+        case "recording":
+          str = "无录音";
+          break;
+        case "tagCustomer":
+          str = "标记无效";
+          break;
+        case "prohibitedCustomer":
+          str = "违禁接待";
+          break;
+        case "normalReception":
+          str = "正常接待";
+          break;
+        case "activeCustomer":
+          str = "有效接待";
+          break;
+        case "invalidCount":
+          str = "无效接待";
+          break;
+        default:
+          str = "";
+          break;
+      }
+      return str;
+    },
+
+    // 修改已读未读状态
+    biWarningUpdateShowStatus(data) {
+      if (data.selectValue.length == 0) {
+        this.$message.error("请选择已了解的消息");
+        return;
+      }
+      this.$api.http
+        .biWarningUpdateShowStatus({
+          ids: data.selectValue.join(","),
+        })
+        .then((res) => {
+          console.log(res);
+          if (res.code == 10000) {
+            data.list.forEach((item) => {
+              item.showStatus = 0;
+            });
+            this.$message.success(res.message);
+          } else {
+            this.$message.error(res.message);
+          }
+        });
+    },
+
+    // 接待质量趋势&销讲质量分布
+    biReceptionDetail() {
+      // 接口入参
       const params = {
         dateType: this.dateSelectIndex,
         orgCode: this.companyValue,
         startDate: this.time[0] || "",
         endDate: this.time[1] || "",
-        orderBy: this.orderBy, // 1 前10，2 后10
-        dimensionType: this.dimensionType, //1 项目，2 城市，3 区域
+        houseId: this.projectValue,
       };
-      this.$api.http.biRankingData(params).then((res) => {
+
+      this.$api.http.biReceptionDetail(params).then((res) => {
         if (res.code == 10000) {
-          this.rankingEchartsBarList.forEach((ob) => {
-            let object = res.data[ob.params];
-            console.log(object, ob.params);
-            let xAxis = object.data.map((item) => {
-              return item.name;
-            });
-            let avgList = [];
-            let yAxis = {};
-            if (this.companyValue) {
-              avgList.push({
+          this.formatReceptionQualityTrends(res.data.tendencyData);
+          this.formatMarketingMassDistribution(res.data.distributeData);
+        }
+      });
+    },
+
+    // 格式化接待质量趋势
+    formatReceptionQualityTrends(res) {
+      const list = [
+        {
+          title: "有效接待",
+          params: "activeCustomer",
+        },
+        {
+          title: "标记无效",
+          params: "tagCustomer",
+        },
+        {
+          title: "无录音",
+          params: "recording",
+        },
+      ];
+
+      let obj = {
+        id: "initReceptionAnalysisReceptionQualityTrends",
+        xAxis: [],
+        series: [],
+        legend: {
+          show: true,
+          data: [],
+          bottom: "0",
+          right: "center",
+          orient: "horizontal", // 图例列表的布局朝向; horizontal; vertical
+          icon: "circle",
+          left: "center", // 距离容器侧边距离
+          textStyle: {
+            color: "#fff",
+            fontSize: 12,
+          },
+        },
+        color: [
+          new echarts.graphic.LinearGradient(
+            0,
+            0,
+            0,
+            1,
+            [
+              {
+                offset: 0,
+                color: "#FF7B96",
+              },
+              {
+                offset: 1,
+                color: "#FA3E63",
+              },
+            ],
+            false
+          ),
+          new echarts.graphic.LinearGradient(
+            0,
+            0,
+            0,
+            1,
+            [
+              {
+                offset: 0,
+                color: "#FAB519",
+              },
+              {
+                offset: 1,
+                color: "#FC6128",
+              },
+            ],
+            false
+          ),
+          new echarts.graphic.LinearGradient(
+            0,
+            0,
+            0,
+            1,
+            [
+              {
+                offset: 0,
+                color: "#4C83FF",
+              },
+              {
+                offset: 1,
+                color: "#2AFADF",
+              },
+            ],
+            false
+          ),
+        ],
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "10%",
+          containLabel: true,
+        },
+      };
+      list.forEach((item, index) => {
+        obj.legend.data.push(item.title);
+        let objChild = {
+          type: "bar",
+          barMaxWidth: "20%",
+          name: item.title,
+          stack: "total",
+          data: [],
+        };
+        res.forEach((key) => {
+          if (!obj.xAxis.includes(key.startDate)) {
+            obj.xAxis.push(key.startDate);
+          }
+          objChild.data.push(key[item.params]);
+        });
+        obj.series.push(objChild);
+      });
+      console.log(obj);
+      this.$nextTick(() => {
+        this.creatBar(obj);
+      });
+    },
+
+    // 格式化销讲质量分布
+    formatMarketingMassDistribution(res) {
+      let [arr1, arr2] = [[], []];
+      for (const [key, value] of Object.entries(res)) {
+        if (key != "activeCustomer" && key != "invalidCount") {
+          arr1.push({
+            name: this.getName(key),
+            value: value,
+          });
+        } else {
+          arr2.push({
+            name: this.getName(key),
+            value: value,
+          });
+        }
+      }
+
+      let series = [
+        {
+          name: "销讲质量分布",
+          type: "pie",
+          selectedMode: "single",
+          radius: [0, "30%"],
+          label: {
+            position: "inner",
+            fontSize: 14,
+          },
+          labelLine: {
+            show: false,
+          },
+          data: arr2,
+          minAngle: 5,
+          itemStyle: {
+            normal: {
+              color: function (colors) {
+                var colorList = [
+                  "#D0444D",
+                  "#376FE3",
+                  "#E1B31F",
+                  "#8D25E4",
+                  "#DF7323",
+                  "#2ED1EE",
+                ];
+                return colorList[colors.dataIndex % 6];
+              },
+            },
+          },
+        },
+        {
+          name: "销讲质量分布",
+          type: "pie",
+          radius: ["45%", "60%"],
+          labelLine: {
+            length: 30,
+          },
+          data: arr1,
+          minAngle: 5,
+          itemStyle: {
+            normal: {
+              color: function (colors) {
+                var colorList = [
+                  "#D0444D",
+                  "#376FE3",
+                  "#E1B31F",
+                  "#8D25E4",
+                  "#DF7323",
+                  "#2ED1EE",
+                ];
+                return colorList[colors.dataIndex % 6];
+              },
+            },
+          },
+        },
+      ];
+      this.$nextTick(() => {
+        this.creatPie({
+          id: "initReceptionAnalysisMarketingMassDistribution",
+          legend: {
+            show: false,
+          },
+          series: series,
+        });
+      });
+    },
+
+    // 接待分析
+    biTendencyDataContrast() {
+      // 接口入参
+      const params = {
+        dateType: this.dateSelectIndex,
+        orgCode: this.companyValue,
+        startDate: this.time[0] || "",
+        endDate: this.time[1] || "",
+        houseId: this.projectValue,
+      };
+      this.$api.http.biTendencyDataContrast(params).then((res) => {
+        if (res.code == 10000) {
+          this.allTrendData = res.data;
+          this.formatTendency(this.allTrendData); // 格式化数据
+
+          this.formatReception();
+          this.formatSalesExecution();
+        }
+      });
+    },
+
+    // 格式化销讲趋势接待趋势
+    formatReception() {
+      let res = this.allTrendData;
+      // 平均接待时长
+      let options3 = {
+        id: "ReceptionTrendsBtm",
+        xAxis: [], // x坐标轴
+        legend: [],
+        returnA: [],
+        returnB: [],
+        series: [],
+
+        grid: {
+          top: "10%",
+          bottom: "25%",
+          right: "5%",
+          left: "7%",
+        },
+      };
+
+      let nameA = `${res.tendencyData[0].statDate.split(" ")[0]}~${
+        res.tendencyData[res.tendencyData.length - 1].statDate.split(" ")[0]
+      }`;
+
+      let nameB = `${res.tendencyDataContrast[0].statDate.split(" ")[0]}~${
+        res.tendencyDataContrast[
+          res.tendencyDataContrast.length - 1
+        ].statDate.split(" ")[0]
+      }`;
+
+      // 获取对比纬度的数据名称
+      let getNames =
+        this.ReceptionTrendsList[this.ReceptionTrendsListIndex].params;
+
+      // 选中时间的数据
+      res.tendencyData.forEach((item) => {
+        options3.xAxis.push(item.statDate.split(" ")[0]);
+        // 平均接待时长
+        options3.returnA.push(item[getNames] || 0);
+      });
+
+      // 对比数据
+      res.tendencyDataContrast.forEach((item) => {
+        options3.returnB.push(item[getNames] || 0);
+      });
+      options3.legend = [nameA, nameB];
+
+      let objs1 = {
+        // 折线图的样式
+        smooth: true,
+        name: nameA,
+        type: "line",
+        areaStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(
+              0,
+              0,
+              1,
+              1,
+              this.lineColorLinear(0),
+              false
+            ),
+            shadowColor: "rgba(44,118,222, 0.1)",
+            shadowBlur: 10,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: {
+              type: "linear", // 线性渐变
+              x: 0,
+              y: 0,
+              x2: 1,
+              y2: 1,
+              colorStops: this.lineColorLinear(0),
+            },
+          },
+        },
+        data: options3.returnA,
+      };
+
+      let objs2 = {
+        // 折线图的样式
+        smooth: true,
+        name: nameB,
+        type: "line",
+        areaStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(
+              0,
+              0,
+              1,
+              1,
+              this.lineColorLinear(1),
+              false
+            ),
+            shadowColor: "rgba(44,118,222, 0.1)",
+            shadowBlur: 10,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: {
+              type: "linear", // 线性渐变
+              x: 0,
+              y: 0,
+              x2: 1,
+              y2: 1,
+              colorStops: this.lineColorLinear(1),
+            },
+          },
+        },
+        data: options3.returnB,
+      };
+
+      options3.series = [objs1, objs2];
+      this.$nextTick(() => {
+        this.creatLine(options3);
+      });
+    },
+
+    // 格式化销讲趋势接待趋势
+    formatSalesExecution() {
+      let res = this.allTrendData;
+      // 平均接待时长
+      let options3 = {
+        id: "SalesExecutionTrendsBtm",
+        xAxis: [], // x坐标轴
+        legend: [],
+        returnA: [],
+        returnB: [],
+        series: [],
+        grid: {
+          top: "10%",
+          bottom: "25%",
+          right: "5%",
+          left: "7%",
+        },
+      };
+
+      let nameA = `${res.tendencyData[0].statDate.split(" ")[0]}~${
+        res.tendencyData[res.tendencyData.length - 1].statDate.split(" ")[0]
+      }`;
+
+      let nameB = `${res.tendencyDataContrast[0].statDate.split(" ")[0]}~${
+        res.tendencyDataContrast[
+          res.tendencyDataContrast.length - 1
+        ].statDate.split(" ")[0]
+      }`;
+
+      // 获取对比纬度的数据名称
+      let getNames =
+        this.ReceptionTrendsList[this.ReceptionTrendsListIndex].params;
+
+      // 选中时间的数据
+      res.tendencyData.forEach((item) => {
+        options3.xAxis.push(item.statDate.split(" ")[0]);
+        // 平均接待时长
+        options3.returnA.push(item[getNames] || 0);
+      });
+
+      // 对比数据
+      res.tendencyDataContrast.forEach((item) => {
+        options3.returnB.push(item[getNames] || 0);
+      });
+      options3.legend = [nameA, nameB];
+
+      let objs1 = {
+        // 折线图的样式
+        smooth: true,
+        name: nameA,
+        type: "line",
+        areaStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(
+              0,
+              0,
+              1,
+              1,
+              this.lineColorLinear(0),
+              false
+            ),
+            shadowColor: "rgba(44,118,222, 0.1)",
+            shadowBlur: 10,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: {
+              type: "linear", // 线性渐变
+              x: 0,
+              y: 0,
+              x2: 1,
+              y2: 1,
+              colorStops: this.lineColorLinear(0),
+            },
+          },
+        },
+        data: options3.returnA,
+      };
+
+      let objs2 = {
+        // 折线图的样式
+        smooth: true,
+        name: nameB,
+        type: "line",
+        areaStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(
+              0,
+              0,
+              1,
+              1,
+              this.lineColorLinear(1),
+              false
+            ),
+            shadowColor: "rgba(44,118,222, 0.1)",
+            shadowBlur: 10,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: {
+              type: "linear", // 线性渐变
+              x: 0,
+              y: 0,
+              x2: 1,
+              y2: 1,
+              colorStops: this.lineColorLinear(1),
+            },
+          },
+        },
+        data: options3.returnB,
+      };
+
+      options3.series = [objs1, objs2];
+      this.$nextTick(() => {
+        this.creatLine(options3);
+      });
+    },
+
+    // 格式化平均接待时长
+    formatTendency(res) {
+      // 平均接待时长
+      let options3 = {
+        id: "initReceptionAnalysisAverageReceptionDuration",
+        xAxis: [], // x坐标轴
+        legend: [],
+        returnA: [],
+        returnB: [],
+        series: [],
+
+        grid: {
+          top: "10%",
+          bottom: "25%",
+          right: "5%",
+          left: "7%",
+        },
+      };
+
+      let nameA = `${res.tendencyData[0].statDate.split(" ")[0]}~${
+        res.tendencyData[res.tendencyData.length - 1].statDate.split(" ")[0]
+      }`;
+
+      let nameB = `${res.tendencyDataContrast[0].statDate.split(" ")[0]}~${
+        res.tendencyDataContrast[
+          res.tendencyDataContrast.length - 1
+        ].statDate.split(" ")[0]
+      }`;
+
+      // 选中时间的数据
+      res.tendencyData.forEach((item) => {
+        options3.xAxis.push(item.statDate.split(" ")[0]);
+        // 平均接待时长
+        options3.returnA.push(item.avgDuration || 0);
+      });
+
+      // 对比数据
+      res.tendencyDataContrast.forEach((item) => {
+        options3.returnB.push(item.avgDuration || 0);
+      });
+      options3.legend = [nameA, nameB];
+
+      let objs1 = {
+        // 折线图的样式
+        smooth: true,
+        name: nameA,
+        type: "line",
+        areaStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(
+              0,
+              0,
+              1,
+              1,
+              this.lineColorLinear(0),
+              false
+            ),
+            shadowColor: "rgba(44,118,222, 0.1)",
+            shadowBlur: 10,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: {
+              type: "linear", // 线性渐变
+              x: 0,
+              y: 0,
+              x2: 1,
+              y2: 1,
+              colorStops: this.lineColorLinear(0),
+            },
+          },
+        },
+        data: options3.returnA,
+      };
+
+      let objs2 = {
+        // 折线图的样式
+        smooth: true,
+        name: nameB,
+        type: "line",
+        areaStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(
+              0,
+              0,
+              1,
+              1,
+              this.lineColorLinear(1),
+              false
+            ),
+            shadowColor: "rgba(44,118,222, 0.1)",
+            shadowBlur: 10,
+          },
+        },
+        itemStyle: {
+          normal: {
+            color: {
+              type: "linear", // 线性渐变
+              x: 0,
+              y: 0,
+              x2: 1,
+              y2: 1,
+              colorStops: this.lineColorLinear(1),
+            },
+          },
+        },
+        data: options3.returnB,
+      };
+
+      options3.series = [objs1, objs2];
+      this.$nextTick(() => {
+        this.creatLine(options3);
+      });
+    },
+
+    // 获取公司列表
+    biFindHouseByOrgCode() {
+      const params = {
+        orgCode: this.companyValue,
+      };
+      if (this.headIndex == "违禁预警") {
+        params.orgCode = localStorage.getItem("orgCode");
+      }
+      this.$api.http.biFindHouseByOrgCode(params).then((res) => {
+        if (res.code == 10000) {
+          this.projectOptions = res.data;
+        }
+      });
+    },
+
+    // 案场排名顶部对比数据
+    biTopStatisticData() {
+      // 接口入参
+      const params = {
+        dateType: this.dateSelectIndex,
+        orgCode: this.companyValue,
+        startDate: this.time[0] || "",
+        endDate: this.time[1] || "",
+        houseId: this.projectValue,
+      };
+      this.$api.http.biTopStatisticData(params).then((res) => {
+        if (res.code == 10000) {
+          this.caseRankingList.forEach((item) => {
+            item.resultA = res.data.resultA[item.params];
+            item.resultB = res.data.resultB[item.params];
+          });
+        }
+      });
+    },
+
+    // 获取案场详情柱状图数据
+    biRankingData() {
+      const params = {
+        dateType: this.dateSelectIndex,
+        orgCode: this.companyValue,
+        startDate: this.time[0] || "",
+        endDate: this.time[1] || "",
+        orderBy: this.orderBy, // 1 前10，2 后10
+        dimensionType: this.dimensionType, //1 项目，2 城市，3 区域
+      };
+      this.$api.http.biRankingData(params).then((res) => {
+        if (res.code == 10000) {
+          this.rankingEchartsBarList.forEach((ob) => {
+            let object = res.data[ob.params];
+            console.log(object, ob.params);
+            let xAxis = object.data.map((item) => {
+              return item.name;
+            });
+            let avgList = [];
+            let yAxis = {};
+            if (this.companyValue) {
+              avgList.push({
                 yAxis: object.companyAvg,
                 name: "集团平均",
               });
@@ -937,6 +2411,8 @@ export default {
 
       obj1.series = this.receptionList;
       obj2.series = this.salesExecution;
+      console.log(obj1, "这里是");
+
       this.$nextTick(() => {
         this.creatLine(obj1);
         this.creatLine(obj2);
@@ -947,8 +2423,15 @@ export default {
     creatLine(obj) {
       // 基于准备好的dom，初始化echarts实例
       let myChart = echarts.init(document.getElementById(obj.id));
+      myChart.clear();
       // this.receptionList
       // 指定图表的配置项和数据
+      let grid = {
+        top: "10%",
+        bottom: "25%",
+        right: "5%",
+        left: "15%",
+      };
       let option = {
         legend: {
           show: true,
@@ -964,12 +2447,7 @@ export default {
           },
         },
 
-        grid: {
-          top: "10%",
-          bottom: "25%",
-          right: "5%",
-          left: "15%",
-        },
+        grid: obj.grid ? obj.grid : grid,
         tooltip: {
           trigger: "axis",
         },
@@ -978,13 +2456,12 @@ export default {
           axisLabel: {
             //X轴标签
             show: true,
-            interval: 0,
             rotate: 40,
             textStyle: {
               color: "#fff", //字体颜色
               fontSize: 12, //字体大小
             },
-            interval: obj.xAxis.length > 15 ? 3 : 0, //主要设置其间隔，间隔为3
+            interval: obj.xAxis.length > 30 ? 9 : 0, //主要设置其间隔，间隔为3
           },
           axisLine: {
             lineStyle: {
@@ -1032,6 +2509,14 @@ export default {
         option.yAxis[0].max = 100;
       }
 
+      if (obj.xAxis.length > 30) {
+        option.dataZoom = [
+          {
+            type: "inside",
+          },
+        ];
+      }
+
       // 使用刚指定的配置项和数据显示图表。
       option && myChart.setOption(option);
       window.onresize = function () {
@@ -1132,7 +2617,7 @@ export default {
                         "#DF7323",
                         "#2ED1EE",
                       ];
-                      return colorList[colors.dataIndex%6];
+                      return colorList[colors.dataIndex % 6];
                     },
                   },
                 },
@@ -1146,14 +2631,19 @@ export default {
     creatPie(obj) {
       // 基于准备好的dom，初始化echarts实例
       let myChart = echarts.init(document.getElementById(obj.id));
-
-      let option = {
-        tooltip: {
-          trigger: "item",
-        },
-        legend: obj.legend,
-        series: obj.series,
-      };
+      myChart.clear();
+      let option = {};
+      if (obj.series[0].data.length != 0) {
+        option = {
+          tooltip: {
+            trigger: "item",
+          },
+          legend: obj.legend,
+          series: obj.series,
+        };
+      } else {
+        option = this.setEmpty();
+      }
 
       option && myChart.setOption(option);
       window.onresize = function () {
@@ -1334,25 +2824,27 @@ export default {
 
     // 生成柱状图
     creatBar(obj) {
-      console.log(obj, obj.id);
       // 基于准备好的dom，初始化echarts实例
       let myChart = echarts.init(document.getElementById(obj.id));
       myChart.clear();
       let option = {};
       if (obj.series[0].data.length > 0) {
         option = {
+          legend: obj.legend ? obj.legend : { show: false },
           tooltip: {
             trigger: "axis",
             axisPointer: {
               type: "shadow",
             },
           },
-          grid: {
-            left: "3%",
-            right: "4%",
-            bottom: "3%",
-            containLabel: true,
-          },
+          grid: obj.grid
+            ? obj.grid
+            : {
+                left: "3%",
+                right: "4%",
+                bottom: "3%",
+                containLabel: true,
+              },
           xAxis: [
             {
               type: "category",
@@ -1363,13 +2855,12 @@ export default {
               axisLabel: {
                 //X轴标签
                 show: true,
-                interval: 0,
                 rotate: 40,
                 textStyle: {
                   color: "#fff", //字体颜色
                   fontSize: 12, //字体大小
                 },
-                interval: obj.xAxis.length > 15 ? 3 : 0, //主要设置其间隔，间隔为3
+                interval: obj.xAxis.length >= 30 ? 3 : 0, //主要设置其间隔，间隔为3
               },
               axisLine: {
                 lineStyle: {
@@ -1386,7 +2877,6 @@ export default {
                 color: "#fff",
                 fontSize: 12,
               },
-              // interval: 20,
               lineStyle: {
                 color: "#fff",
               },
@@ -1415,6 +2905,16 @@ export default {
           ],
           series: obj.series,
         };
+        if (obj.color) {
+          option.color = obj.color;
+        }
+        if (obj.xAxis.length > 30) {
+          option.dataZoom = [
+            {
+              type: "inside",
+            },
+          ];
+        }
       } else {
         option = this.setEmpty();
       }
@@ -1498,6 +2998,9 @@ export default {
       if (this.headIndex == "案场排名" && this.companyValue) {
         let index = this.rankingTypeList.findIndex((item) => item.value == 3);
         this.rankingTypeList[index].disabled = false;
+      } else if (this.headIndex == "接待分析") {
+        this.projectValue = "";
+        this.biFindHouseByOrgCode();
       } else {
         this.dimensionType = 1;
         let index = this.rankingTypeList.findIndex((item) => item.value == 3);
@@ -1505,6 +3008,11 @@ export default {
       }
     },
 
+    //
+    hahaABCD(e) {
+      console.log(e);
+    },
+
     // 返回首页
     backHome() {
       this.$router.go(-1);
@@ -1514,6 +3022,7 @@ export default {
     selectNav(index) {
       this.headIndex = index.title;
       sessionStorage.setItem("BIHeadIndex", this.headIndex);
+      this.projectValue = "";
       this.initPage();
     },
 
@@ -1533,14 +3042,34 @@ export default {
     // To doing
     //
     handleCurrentChange(e) {
-      this.current = e;
-      this.showDialog(this.showDialogData);
+      if (this.headIndex != "违禁预警") {
+        this.current = e;
+        this.showDialog(this.showDialogData);
+      } else {
+        if (this.dialogVisible) {
+          this.current = e;
+          this.biWarningList();
+        } else {
+          this.currents = e;
+          this.biWarningMessageList();
+        }
+      }
     },
 
     //
     handleSizeChange(e) {
-      this.size = e;
-      this.showDialog(this.showDialogData);
+      if (this.headIndex != "违禁预警") {
+        this.size = e;
+        this.showDialog(this.showDialogData);
+      } else {
+        if (this.dialogVisible) {
+          this.sizes = e;
+          this.biWarningList();
+        } else {
+          this.sizes = e;
+          this.biWarningMessageList();
+        }
+      }
     },
   },
 };
@@ -1577,7 +3106,7 @@ export default {
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
-        width: 920px;
+        min-width: 920px;
         height: 60px;
         display: grid;
         grid-template-columns: repeat(6, 1fr);
@@ -1600,7 +3129,12 @@ export default {
             color: #2ed1ee;
           }
 
+          span {
+            flex-shrink: 0;
+          }
+
           .nav-box-item-img {
+            flex-shrink: 0;
             margin: 0 6px;
             width: 22px;
             height: 14px;
@@ -1628,6 +3162,7 @@ export default {
     }
 
     .head-bottom {
+      position: relative;
       width: 100%;
       height: 96px;
       display: flex;
@@ -1643,6 +3178,11 @@ export default {
           margin: 0 0 0 40px;
         }
 
+        .place {
+          position: absolute;
+          right: 40px;
+        }
+
         .text {
           margin-right: 12px;
           font-size: 14px;
@@ -1759,178 +3299,462 @@ export default {
           height: 38px;
         }
 
-        .bgdsada {
-          width: 100%;
-          height: 24px;
-        }
+        .bgdsada {
+          width: 100%;
+          height: 24px;
+        }
+
+        .numberoftimes {
+          width: 100%;
+          height: 231px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          .numberoftimes-img {
+            width: 268px;
+            height: 146px;
+          }
+
+          .numberoftimes-box {
+            margin: 0 0 0 12px;
+            width: 126px;
+            height: 146px;
+            background: url("/img/bidata/wei.png") no-repeat;
+            background-size: 100% 14px;
+            background-position: bottom;
+            display: flex;
+            align-items: baseline;
+            justify-content: center;
+
+            .cishu {
+              margin-top: 48px;
+              font-size: 56px;
+              font-family: HelveticaNeue-BoldItalic, HelveticaNeue;
+              font-weight: normal;
+              color: #ffffff;
+              line-height: 69px;
+              background: linear-gradient(180deg, #ffffff 30%, #69efff 100%);
+              -webkit-background-clip: text;
+              -webkit-text-fill-color: transparent;
+            }
+
+            .ci {
+              font-size: 24px;
+              font-family: PingFangSC-Semibold, PingFang SC;
+              font-weight: 600;
+              color: #ffffff;
+              background: linear-gradient(180deg, #ffffff 30%, #69efff 100%);
+              -webkit-background-clip: text;
+              -webkit-text-fill-color: transparent;
+            }
+          }
+        }
+
+        .ibox {
+          width: 100%;
+          height: 156px;
+          display: grid;
+          justify-content: center;
+          grid-template-columns: 148px 148px 236px 148px 148px;
+          grid-column-gap: 18px;
+
+          .ibox-item {
+            height: 156px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+
+            .num {
+              margin: 20px 0 6px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 30px;
+              font-family: DINAlternate-Bold, DINAlternate;
+              font-weight: bold;
+              color: #34dbfc;
+            }
+
+            .title {
+              justify-self: flex-end;
+              font-size: 16px;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #ffffff;
+            }
+          }
+        }
+      }
+
+      .item-mi {
+        margin-top: 16px;
+        width: 100%;
+        // height: 374px;
+        display: grid;
+        grid-template-columns: repeat(2, 460px);
+        grid-column-gap: 16px;
+
+        .item-item {
+          width: 100%;
+          // height: 374px;
+          display: flex;
+          flex-direction: column;
+          background: #0b1f53;
+          border: 1px solid rgba(24, 122, 205, 0.3);
+
+          .echarts {
+            width: 100%;
+            flex-grow: 1;
+            height: 330px;
+          }
+        }
+      }
+    }
+    .lside {
+      .item-item {
+        margin-bottom: 16px;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        background: #0b1f53;
+        border: 1px solid rgba(24, 122, 205, 0.3);
+
+        .echarts {
+          width: 100%;
+          flex-grow: 1;
+          height: 238px;
+        }
+
+        .rsidebox {
+          padding: 0 6px 0 0;
+          display: flex;
+          align-items: center;
+
+          .asd {
+            margin: 0 14px;
+            font-size: 16px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #ffffff;
+            cursor: pointer;
+
+            &.active {
+              font-size: 16px;
+              font-family: PingFangSC-Medium, PingFang SC;
+              font-weight: 500;
+              color: #34dbfc;
+            }
+          }
+        }
+      }
+    }
+
+    .rside {
+      .item-item {
+        margin-bottom: 16px;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        background: #0b1f53;
+        border: 1px solid rgba(24, 122, 205, 0.3);
+
+        .echarts {
+          width: 100%;
+          flex-grow: 1;
+          height: 238px;
+        }
+      }
+    }
+  }
+
+  .caseRanking {
+    padding: 0 0 30px 0;
+    flex-shrink: 0;
+    width: 1920px;
+
+    .head-boxs {
+      padding: 0 16px;
+      width: 100%;
+      height: 114px;
+      display: grid;
+      grid-template-columns: repeat(8, 1fr);
+      grid-column-gap: 16px;
+
+      .head-box-items {
+        padding: 24px 28px;
+        background: url("/img/bidata/itemBg.png") no-repeat;
+        background-size: 222px;
+
+        .t {
+          font-size: 16px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #34dbfc;
+        }
+
+        .b {
+          display: flex;
+          align-items: flex-end;
+
+          .lside {
+            margin: 10px 0 0;
+            flex-grow: 1;
+            display: flex;
+            align-items: baseline;
+
+            .resultA {
+              margin-right: 4px;
+              font-size: 30px;
+              font-family: DINAlternate-Bold, DINAlternate;
+              font-weight: bold;
+              color: #ffffff;
+            }
+
+            .unit {
+              font-size: 14px;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #ffffff;
+            }
+          }
+
+          .rside {
+            margin: 10px 0 0;
+            flex-shrink: 0;
+
+            span {
+              font-size: 14px;
+              font-family: PingFangSC-Medium, PingFang SC;
+              font-weight: 500;
+              color: #fff;
+            }
+
+            .up {
+              color: #f74e52;
+            }
+
+            .down {
+              color: #33caae;
+            }
+
+            .r-img {
+              margin-right: 4px;
+              width: 22px;
+              height: 12px;
+            }
+          }
+        }
+      }
+    }
+
+    .body-box {
+      margin: 23px 0 0;
+      padding: 0 16px;
+      width: 100%;
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      grid-gap: 16px;
+
+      .body-box-item {
+        background: #0b1f53;
+        border: 1px solid rgba(24, 122, 205, 0.3);
+
+        .echarts {
+          width: 100%;
+          height: 262px;
+        }
+      }
+    }
+  }
+
+  .warningreminder {
+    padding: 0 0 30px 0;
+    flex-shrink: 0;
+    width: 1920px;
+
+    .warningreminderbox {
+      padding: 0 30px;
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      grid-gap: 30px;
 
-        .numberoftimes {
+      .warningreminderboxitem {
+        background: #0b1f53;
+        border: 1px solid rgba(24, 122, 205, 0.3);
+
+        .box {
+          padding: 20px;
           width: 100%;
-          height: 231px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
+          height: 270px;
 
-          .numberoftimes-img {
-            width: 268px;
-            height: 146px;
+          /deep/ .box-grow {
+            display: flex;
+            flex-direction: column;
           }
 
-          .numberoftimes-box {
-            margin: 0 0 0 12px;
-            width: 126px;
-            height: 146px;
-            background: url("/img/bidata/wei.png") no-repeat;
-            background-size: 100% 14px;
-            background-position: bottom;
+          /deep/.box-grow-item {
             display: flex;
-            align-items: baseline;
-            justify-content: center;
-
-            .cishu {
-              margin-top: 48px;
-              font-size: 56px;
-              font-family: HelveticaNeue-BoldItalic, HelveticaNeue;
-              font-weight: normal;
-              color: #ffffff;
-              line-height: 69px;
-              background: linear-gradient(180deg, #ffffff 30%, #69efff 100%);
-              -webkit-background-clip: text;
-              -webkit-text-fill-color: transparent;
-            }
+            align-items: flex-start;
+          }
 
-            .ci {
-              font-size: 24px;
-              font-family: PingFangSC-Semibold, PingFang SC;
-              font-weight: 600;
-              color: #ffffff;
-              background: linear-gradient(180deg, #ffffff 30%, #69efff 100%);
-              -webkit-background-clip: text;
-              -webkit-text-fill-color: transparent;
-            }
+          /deep/ .el-checkbox__input {
+            margin: 8px 0 0 0;
           }
         }
+      }
+    }
+  }
 
-        .ibox {
-          width: 100%;
-          height: 156px;
-          display: grid;
-          justify-content: center;
-          grid-template-columns: 148px 148px 236px 148px 148px;
-          grid-column-gap: 18px;
+  .initReceptionAnalysis {
+    padding: 0 0 30px 0;
+    flex-shrink: 0;
+    width: 1920px;
 
-          .ibox-item {
-            height: 156px;
+    .head-boxs {
+      padding: 0 16px;
+      width: 100%;
+      height: 114px;
+      display: grid;
+      grid-template-columns: repeat(8, 1fr);
+      grid-column-gap: 16px;
+
+      .head-box-items {
+        padding: 24px 28px;
+        background: url("/img/bidata/itemBg.png") no-repeat;
+        background-size: 222px;
+
+        .t {
+          font-size: 16px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #34dbfc;
+        }
+
+        .b {
+          display: flex;
+          align-items: flex-end;
+
+          .lside {
+            margin: 10px 0 0;
+            flex-grow: 1;
             display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            cursor: pointer;
+            align-items: baseline;
 
-            .num {
-              margin: 20px 0 6px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
+            .resultA {
+              margin-right: 4px;
               font-size: 30px;
               font-family: DINAlternate-Bold, DINAlternate;
               font-weight: bold;
-              color: #34dbfc;
+              color: #ffffff;
             }
 
-            .title {
-              justify-self: flex-end;
-              font-size: 16px;
+            .unit {
+              font-size: 14px;
               font-family: PingFangSC-Regular, PingFang SC;
               font-weight: 400;
               color: #ffffff;
             }
           }
-        }
-      }
 
-      .item-mi {
-        margin-top: 16px;
-        width: 100%;
-        // height: 374px;
-        display: grid;
-        grid-template-columns: repeat(2, 460px);
-        grid-column-gap: 16px;
+          .rside {
+            margin: 10px 0 0;
+            flex-shrink: 0;
 
-        .item-item {
-          width: 100%;
-          // height: 374px;
-          display: flex;
-          flex-direction: column;
-          background: #0b1f53;
-          border: 1px solid rgba(24, 122, 205, 0.3);
+            span {
+              font-size: 14px;
+              font-family: PingFangSC-Medium, PingFang SC;
+              font-weight: 500;
+              color: #fff;
+            }
 
-          .echarts {
-            width: 100%;
-            flex-grow: 1;
-            height: 330px;
+            .up {
+              color: #f74e52;
+            }
+
+            .down {
+              color: #33caae;
+            }
+
+            .r-img {
+              margin-right: 4px;
+              width: 22px;
+              height: 12px;
+            }
           }
         }
       }
     }
-    .lside {
-      .item-item {
-        margin-bottom: 16px;
-        width: 100%;
-        display: flex;
-        flex-direction: column;
+
+    .peceptiontop {
+      margin: 23px 0 0 0;
+      padding: 0 16px;
+      width: 100%;
+      display: grid;
+      grid-template-columns: 1fr 460px 1fr;
+      grid-column-gap: 16px;
+
+      .item {
         background: #0b1f53;
         border: 1px solid rgba(24, 122, 205, 0.3);
 
         .echarts {
           width: 100%;
-          flex-grow: 1;
-          height: 238px;
+          height: 322px;
         }
+      }
+    }
 
-        .rsidebox {
-          padding: 0 6px 0 0;
-          display: flex;
-          align-items: center;
+    .peceptionbtm {
+      margin: 23px 0 0 0;
+      padding: 0 16px;
+      width: 100%;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      grid-column-gap: 16px;
 
-          .asd {
-            margin: 0 14px;
+      .item {
+        background: #0b1f53;
+        border: 1px solid rgba(24, 122, 205, 0.3);
+
+        .tab {
+          padding: 20px;
+          display: grid;
+          grid-template-columns: repeat(3, 1fr);
+          grid-column-gap: 16px;
+
+          .tab-item {
+            width: 100%;
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
             font-size: 16px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
             color: #ffffff;
+            background: url("/img/bidata/ic_hse_tab_h@2x.png") no-repeat;
+            background-size: 100% 100%;
             cursor: pointer;
 
             &.active {
-              font-size: 16px;
-              font-family: PingFangSC-Medium, PingFang SC;
-              font-weight: 500;
-              color: #34dbfc;
+              background: url("/img/bidata/ic_hse_tab_n@2x.png") no-repeat;
+              background-size: 100% 100%;
             }
           }
         }
-      }
-    }
-
-    .rside {
-      .item-item {
-        margin-bottom: 16px;
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        background: #0b1f53;
-        border: 1px solid rgba(24, 122, 205, 0.3);
 
-        .echarts {
+        .echartss {
           width: 100%;
-          flex-grow: 1;
-          height: 238px;
+          height: 392px;
         }
       }
     }
   }
 
-  .caseRanking {
+  .SalesExecutionDistribution {
     padding: 0 0 30px 0;
     flex-shrink: 0;
     width: 1920px;
@@ -2010,21 +3834,22 @@ export default {
       }
     }
 
-    .body-box {
-      margin: 23px 0 0;
+    .grideight {
+      margin: 23px 0 0 0;
       padding: 0 16px;
       width: 100%;
       display: grid;
       grid-template-columns: repeat(4, 1fr);
+      grid-template-rows: repeat(2, 1fr);
       grid-gap: 16px;
 
-      .body-box-item {
+      .grideight-item {
         background: #0b1f53;
         border: 1px solid rgba(24, 122, 205, 0.3);
 
         .echarts {
           width: 100%;
-          height: 262px;
+          height: 322px;
         }
       }
     }
@@ -2078,6 +3903,94 @@ export default {
   /deep/.el-dialog__body {
     padding: 0;
   }
+
+  .earlyarningShow {
+    padding: 12px 30px;
+    width: 100%;
+    height: 450px;
+    background: #0b1f53;
+    border: 1px solid rgba(24, 122, 205, 0.3);
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+
+    &::-webkit-scrollbar {
+      // 整个滚动条
+      width: 0; // 纵向滚动条的宽度
+      background: rgba(213, 215, 220, 0.3);
+      border: none;
+    }
+    &::-webkit-scrollbar-track {
+      // 滚动条轨道
+      border: none;
+    }
+
+    .item {
+      margin: 12px 0;
+      width: 100%;
+      display: flex;
+      font-size: 16px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #ffffff;
+
+      .lside {
+      }
+
+      .rside {
+      }
+
+      &.items {
+        cursor: pointer;
+
+        .lside {
+          flex-grow: 1;
+        }
+      }
+    }
+
+    .placebox {
+      flex-grow: 1;
+    }
+    .earlyarningShowbottom {
+      position: sticky;
+      bottom: 0;
+      padding: 0 0 30px;
+      width: 100%;
+      height: 70px;
+      display: flex;
+      justify-content: flex-end;
+
+      .items {
+        margin: 0 0 0 20px;
+        width: 88px;
+        height: 40px;
+        background: #ffffff;
+        border-radius: 4px;
+        border: 1px solid #e0e0e0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 14px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #333333;
+        cursor: pointer;
+
+        &.confirm {
+          background: #2ed1ee;
+          color: #fff;
+          border: 1px solid #2ed1ee;
+        }
+      }
+    }
+  }
+}
+
+.earlyarningShow {
+  /deep/ .el-checkbox .el-checkbox__label {
+    color: #fff;
+  }
 }
 /deep/.el-table__row {
   background-color: #0b1f53;
@@ -2100,7 +4013,7 @@ export default {
   background: #0b1f53;
 }
 
-/deep/.el-pagination {
+/deep/ .el-pagination {
   background: #0b1f53;
   display: flex;
   justify-content: flex-end;
@@ -2183,7 +4096,20 @@ export default {
 /deep/.search .el-button--primary {
   background-color: #2ed1ee !important;
 }
+/deep/.place .el-button--primary {
+  background-color: #2ed1ee !important;
+}
+
+/deep/.warningreminderboxitem .box .el-checkbox__inner {
+  border-radius: 50%;
+  border-color: #2ed1ee;
+  background-color: transparent;
+}
+/deep/.warningreminderboxitem .box .is-checked .el-checkbox__inner {
+  background-color: #2ed1ee;
+}
 </style>
+
 <style>
 .el-table__header-wrapper colgroup col[name="gutter"] {
   display: none !important;
diff --git a/src/page/bi/index.js b/src/page/bi/index.js
index a9cb740..2694f3a 100644
--- a/src/page/bi/index.js
+++ b/src/page/bi/index.js
@@ -33,7 +33,7 @@ const recordingNotMerged = [
     showTitle: '顾问',
     showParams: 'agentName',
   },
-  
+
   {
     showTitle: '设备号',
     showParams: 'imei',
@@ -42,7 +42,7 @@ const recordingNotMerged = [
     showTitle: '接待开启时间',
     showParams: 'startTime',
   },
-  
+
   {
     showTitle: '客户姓名',
     showParams: 'name',
@@ -96,7 +96,7 @@ const InvalidPendingReview = [
     showParams: 'value',
   },
 ]
- 
+
 // 正在接待
 const Receiving = [
   {
@@ -249,7 +249,7 @@ const rankingTypeList = [
 ]
 
 const lsideDataList = [
-  
+
   {
     title: "接待量排名 (Top10)",
     params: "receptionRankingByHouseTop10", //接待排名（按项目）
@@ -300,6 +300,26 @@ const rsideDataList = [
   },
 ]
 
+// 项目预警弹窗表头以及字段
+const earlyWarningTable = [
+  {
+    showTitle: '项目名称',
+    showParams: 'propertyName'
+  },
+  {
+    showTitle: '预警设置',
+    showParams: 'warningStatusName'
+  },
+  {
+    showTitle: '更新时间',
+    showParams: 'updateTime'
+  },
+  {
+    showTitle: '更新人',
+    showParams: 'updateUser'
+  },
+ ]
+
 const jiedaiList = [
   {
     title: "正在接待",
@@ -422,13 +442,13 @@ const headList = [
     title: "接待分析",
     showInput: true,
     show: false,
-    methods: "",
+    methods: "initReceptionAnalysis",
   },
   {
     title: "销讲执行分布",
     showInput: true,
     show: false,
-    methods: "",
+    methods: "initSalesExecutionDistribution",
   },
   {
     title: "案场排名",
@@ -446,7 +466,7 @@ const headList = [
     title: "违禁预警",
     showInput: false,
     show: false,
-    methods: "",
+    methods: "initWarningReminder",
   },
 ]
 
@@ -487,9 +507,162 @@ const rankingEchartsBarList = [
     params: 'avgWordFinishFractionRanking',
     unit: '%',
   },
+
+]
+
+const ReceptionTrendsIndex = [
+  {
+    title: '接待量',
+    params: 'receptionCount'
+  },
+  {
+    title: '有效接待',
+    params: 'activeCustomer'
+  },
+  {
+    title: '违禁接待',
+    params: 'prohibitedCustomer'
+  },
+]
+
+
+const SalesExecutionTrendsIndex = [
+  {
+    title: '平均销讲执行率',
+    params: 'fraction'
+  },
+  {
+    title: '平均挖掘执行率',
+    params: 'wordFraction'
+  },
+  {
+    title: '平均挖掘成功率',
+    params: 'wordFinishFraction'
+  },
+]
+
+const SalesExecutionDistributionIndex = [
+  {
+    title: '到访次数分布',
+    params: 'visitReceptionDistribute'
+  },
+  {
+    title: '无效接待原因分布',
+    params: 'invalidReceptionDistribute',
+    legend: true,
+  },
+  {
+    title: '销讲执行率分布',
+    params: 'fractionDistribute',
+  },
+  {
+    title: '平均接待时长分布',
+    params: 'durationDistribute',
+    legend: true,
+  },
+  {
+    title: '接待挖掘执行率分布',
+    params: 'wordFractionDistribute'
+  },
+  {
+    title: '接待挖掘成功率分布',
+    params: 'wordFinishFractionDistribute'
+  },
+  {
+    title: '客户意向度分布',
+    params: 'levelFractionDistribute'
+  },
+  {
+    title: '客户等级分布',
+    params: 'systemLevelDistribute',
+    legend: true,
+  },
+]
+
+// 指标常量
+const targetArray = [
+  {
+    label: '接待量',
+    value: 0,
+  },
+  
+  {
+    label: '无录音',
+    value: 1,
+  },
+  
+  {
+    label: '标记无效',
+    value: 2,
+  },
+  
+  {
+    label: '销讲执行率',
+    value: 3,
+  },
+  
+  {
+    label: '平均接待时长',
+    value: 4,
+  },
+]
+
+
+// 	jobTime 指标日预警提醒定时时间
+// 	upOrDown 上升或下降预警 0上 1下
+const targetArrUp = [
+  {
+    label: '大于',
+    value: 0,
+  },
+  {
+    label: '小于',
+    value: 1,
+  },
+  {
+    label: '等于',
+    value: 2,
+  },
+]
+
+const contrastArr = [
+  {
+    label: '对比昨日',
+    value: 0
+  },
+  {
+    label: '对比上周',
+    value: 1
+  },
+]
+
+
+const upOrDownArr = [
   
+  {
+    label: '上升预警',
+    value: 0
+  },
+  {
+    label: '下降预警',
+    value: 1
+  },
+]
+
+const warningStatusArr = [
+  {
+    label: '定时提醒',
+    value: 0
+  },
+  {
+    label: '到达即提醒',
+    value: 2
+  },
 ]
 
+
+
+
 export {
   recordingNotTurned,
   recordingNotMerged,
@@ -511,4 +684,13 @@ export {
   dateSelect,
   headList,
   rankingEchartsBarList,
+  ReceptionTrendsIndex,
+  SalesExecutionTrendsIndex,
+  SalesExecutionDistributionIndex,
+  earlyWarningTable,
+  targetArray,
+  targetArrUp,
+  contrastArr,
+  upOrDownArr,
+  warningStatusArr,
 }
\ No newline at end of file