From 48f7d9e4b5483ae42c5fc2aafbaad0e21df7b36d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A3=8E=E7=BB=A7=E7=BB=AD=E5=90=B9?= <17611323298@163.com>
Date: Fri, 24 Nov 2023 14:59:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E5=AF=BC=E5=87=BA=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/http.js                       |   93 +
 src/router/page/index.js                      |   10 +
 .../Statistics/Insightintothedetails.vue      |   30 +-
 src/views/Statistics/ai/createReport.vue      |  909 +++++
 .../Statistics/ai/intelligentReporting.vue    |  702 ++++
 src/views/Statistics/ai/reportDetail.vue      | 2987 +++++++++++++++++
 6 files changed, 4720 insertions(+), 11 deletions(-)
 create mode 100644 src/views/Statistics/ai/createReport.vue
 create mode 100644 src/views/Statistics/ai/intelligentReporting.vue
 create mode 100644 src/views/Statistics/ai/reportDetail.vue

diff --git a/src/api/modules/http.js b/src/api/modules/http.js
index 688219b..38bff40 100644
--- a/src/api/modules/http.js
+++ b/src/api/modules/http.js
@@ -1654,3 +1654,96 @@ export function	customerFindExplain(params) {
 }
 
 
+
+// 添加智能报告
+export function	addMonthlyDataopenApiData(data) {
+  return request({
+    url: 'autoSR/openApiData/addMonthlyData',
+    method: 'post',
+    data
+  })
+}
+
+// 智能报告列表
+export function	monthlyDataFindByPageopenApiData(params) {
+  return request({
+    url: 'autoSR/openApiData/findByPage',
+    method: 'get',
+    params
+  })
+}
+
+
+// 删除记录
+export function	monthlyDeleteDataByIdopenApiData(params) {
+  return request({
+    url: 'autoSR/openApiData/deleteDataById',
+    method: 'get',
+    params
+  })
+}
+
+// 删除智能报告规则
+export function	monthlyDeleteByRuleIdopenApiData(params) {
+  return request({
+    url: 'autoSR/openApiData/deleteByRuleId',
+    method: 'get',
+    params
+  })
+}
+
+// 智能报告公司下的项目
+export function	monthlyGetProjectListopenApiData(params) {
+  return request({
+    url: 'autoSR/openApiData/getProjectList',
+    method: 'get',
+    params
+  })
+}
+
+// 智能报告详情
+export function	monthlyFindRuleByIdopenApiData(params) {
+  return request({
+    url: 'autoSR/openApiData/findRuleById',
+    method: 'get',
+    params
+  })
+}
+
+// 添加智能报告
+export function	monthlyAddMonthlyRuleopenApiData(data) {
+  return request({
+    url: 'autoSR/openApiData/addMonthlyRule',
+    method: 'post',
+    data
+  })
+}
+
+// 获取项目列表 （智能报告）
+export function	monthlygetOrgCodeListopenApiData(params) {
+  return request({
+    url: 'autoSR/monthly/getOrgCodeList',
+    method: 'get',
+    params
+  })
+}
+
+
+// 智能报告详情
+export function	monthlyFindDataByIdopenApiData(params) {
+  return request({
+    url: 'autoSR/openApiData/findDataById',
+    method: 'get',
+    params
+  })
+}
+
+// 上传
+export function	uploadFileOpenApiData(params) {
+  return request({
+    url: 'autoSR/openApiData/uploadFile',
+    method: 'get',
+    params
+  })
+}
+
diff --git a/src/router/page/index.js b/src/router/page/index.js
index d3ee723..d1fb6ab 100644
--- a/src/router/page/index.js
+++ b/src/router/page/index.js
@@ -66,6 +66,16 @@ export default [
         name: '报告详情',
         component: () => import(/* webpackChunkName: "views" */"@/views/Statistics/reportDetail")
       },
+      {
+        path: '/Statistics/ai/createReport',
+        name: '创建AI报告',
+        component: () => import(/* webpackChunkName: "views" */"@/views/Statistics/ai/createReport")
+      },
+      {
+        path: '/Statistics/ai/reportDetail',
+        name: 'AI报告详情',
+        component: () => import(/* webpackChunkName: "views" */"@/views/Statistics/ai/reportDetail")
+      },
 
     ]
   },
diff --git a/src/views/Statistics/Insightintothedetails.vue b/src/views/Statistics/Insightintothedetails.vue
index d5aa16a..ee904ef 100644
--- a/src/views/Statistics/Insightintothedetails.vue
+++ b/src/views/Statistics/Insightintothedetails.vue
@@ -87,7 +87,7 @@
           >
 
           <!--  -->
-          
+
           <el-button
             icon="el-icon-download"
             v-if="permissions['sta_idx_download_detail']"
@@ -173,14 +173,19 @@ export default {
     // 权限
     this.sta_idx_download = this.permissions["sta_idx_download"];
     var isnull = this.$route.query.flag;
-    if (isnull.TimetoAhoose) this.TimetoAhoose = isnull.TimetoAhoose;
-    if (isnull.customtime) this.customtime = isnull.customtime;
-    this.fromobj.starttime = isnull.starttime;
-    this.fromobj.endoftime = isnull.endoftime;
-    this.fromobj.projectId = isnull.houseId;
-    this.fromobj.keywords = isnull.keywordsId;
-    if (!isnull.TimetoAhoose && isnull.starttime && isnull.endoftime) {
-      this.TimetoAhoose = 6;
+    console.log(isnull);
+    try {
+      if (isnull.TimetoAhoose) this.TimetoAhoose = isnull.TimetoAhoose;
+      if (isnull.customtime) this.customtime = isnull.customtime;
+      this.fromobj.starttime = isnull.starttime;
+      this.fromobj.endoftime = isnull.endoftime;
+      this.fromobj.projectId = isnull.houseId;
+      this.fromobj.keywords = isnull.keywordsId;
+      if (!isnull.TimetoAhoose && isnull.starttime && isnull.endoftime) {
+        this.TimetoAhoose = 6;
+      }
+    } catch (e) {
+      console.log(e);
     }
     this.Accesstolevel();
   },
@@ -188,10 +193,13 @@ export default {
     ...mapGetters(["permissions"]),
   },
   methods: {
-
     // 导出
     downLoads() {
-      exportMethodPost("autoSR/matchKeywords/receptionRecordExport", "画像详情", this.fromobj);
+      exportMethodPost(
+        "autoSR/matchKeywords/receptionRecordExport",
+        "画像详情",
+        this.fromobj
+      );
     },
 
     // 跳转接待详情
diff --git a/src/views/Statistics/ai/createReport.vue b/src/views/Statistics/ai/createReport.vue
new file mode 100644
index 0000000..2af7152
--- /dev/null
+++ b/src/views/Statistics/ai/createReport.vue
@@ -0,0 +1,909 @@
+<template>
+  <div class="pages">
+    <div class="titles">
+      <div class="label-item" v-if="selectCompanyList.length > 0 && false">
+        <span class="left-label"> 选择公司： </span>
+        <el-select
+          class="right-select"
+          placeholder="请选择公司"
+          disabled
+          v-model="inParamsObj.orgCode"
+        >
+          <el-option
+            v-for="item in selectCompanyList"
+            :key="item.orgCode"
+            :label="item.orgName"
+            :value="item.orgCode"
+          >
+          </el-option>
+        </el-select>
+      </div>
+
+      <div class="label-item">
+        <span class="left-label leftMF"> 模板名称： </span>
+        <el-input
+          v-model="inParamsObj.name"
+          class="right-select"
+          placeholder="请输入模板名称"
+        ></el-input>
+      </div>
+    </div>
+
+    <!-- <%-- 选择报告内容--%> -->
+    <!-- <div class="f-title"></div> -->
+
+    <!-- <%-- --%> -->
+    <section class="sections">
+      <div class="sl-fl-tit"></div>
+      <div class="s-box">
+        <el-upload
+          class="upload-demo"
+          :action="actionUrl"
+          :on-change="
+            (file, fileList) => {
+              handleChange(file, fileList, 'system');
+            }
+          "
+          :file-list="system"
+          :accept="acceptList"
+        >
+          <div style="display: flex; align-items: center">
+            <div class="s-title">设置角色背景</div>
+            <el-button size="small" type="primary" style="margin-left: 20px"
+              >点击上传</el-button
+            >
+          </div>
+        </el-upload>
+      </div>
+    </section>
+
+    <section class="sections">
+      <div class="sl-fl-tit"></div>
+      <div class="s-box">
+        <el-upload
+          class="upload-demo"
+          :action="actionUrl"
+          :on-change="
+            (file, fileList) => {
+              handleChange(file, fileList, 'user');
+            }
+          "
+          :accept="acceptList"
+          :file-list="user"
+        >
+          <div style="display: flex; align-items: center">
+            <div class="s-title">问题或请求</div>
+            <el-button size="small" type="primary" style="margin-left: 20px"
+              >点击上传</el-button
+            >
+          </div>
+        </el-upload>
+      </div>
+    </section>
+
+    <section class="sections">
+      <div class="sl-fl-tit"></div>
+      <div class="s-box">
+        <el-upload
+          class="upload-demo"
+          :action="actionUrl"
+          :on-change="
+            (file, fileList) => {
+              handleChange(file, fileList, 'assistant');
+            }
+          "
+          :accept="acceptList"
+          :file-list="assistant"
+        >
+          <div style="display: flex; align-items: center">
+            <div class="s-title">期望的回应</div>
+            <el-button size="small" type="primary" style="margin-left: 20px"
+              >点击上传</el-button
+            >
+          </div>
+        </el-upload>
+      </div>
+    </section>
+    <el-button
+      type="primary"
+      style="
+        position: sticky;
+        bottom: 20px;
+        margin: 0 auto;
+        display: block;
+        width: 150px;
+      "
+      @click="creatMonthRule"
+      >保存</el-button
+    >
+    <!-- </section> -->
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      // 周选择器配置
+      weekPickerOptions: {
+        disabledDate(time) {
+          const halfYear = (365 / 2) * 24 * 3600 * 1000;
+          let newDates = new Date();
+          let startTime = new Date(newDates.getTime() - halfYear).getTime();
+          return time.getTime() > Date.now() || time.getTime() < startTime;
+        },
+      },
+
+      selectItem: [
+        {
+          label: "全部",
+        },
+        {
+          label: "不等于",
+        },
+        {
+          label: "等于",
+        },
+      ],
+
+      dateTypeLsit: [
+        {
+          label: "周",
+        },
+        {
+          label: "月",
+        },
+        {
+          label: "自定义",
+        },
+      ],
+      params: {
+        dateType: "周", //  周 月 自定义
+        houseType: "全部", //
+      },
+      datessss: "", // 日期
+
+      pageParams: {
+        // 分页参数
+        total: 0,
+        pageNum: 1,
+        size: 10,
+      },
+
+      selectCompanyList: [], // 项目/公司列表
+
+      overViewList: [], // 数据概览的值
+
+      analysisList: [], // 数据分析
+
+      employeeList: [], // 员工分析
+
+      customerList: [], // 客户画像
+
+      suggestionsList: [], // 使用建议
+
+      specialArr1: [
+        {
+          label: "接待销讲执行率",
+        },
+        {
+          label: "接待挖掘成功率",
+        },
+        {
+          label: "接待时长",
+        },
+        {
+          label: "接待挖掘执行率",
+        },
+        {
+          label: "员工平均销讲执行率",
+        },
+        {
+          label: "员工平均挖掘成功率",
+        },
+        {
+          label: "员工平均接待时长",
+        },
+        {
+          label: "员工平均挖掘执行率",
+        },
+      ], // 数据总览的指标分布
+
+      specialArr2: [
+        {
+          label: "有效接待率",
+        },
+        {
+          label: "标记顾问率",
+        },
+        {
+          label: "画像校准率",
+        },
+      ], // 销讲分析达标率
+      specialArr3: [
+        {
+          label: "使用记录",
+        },
+      ], // 员工分析
+      overViewOption: [
+        {
+          value: "1",
+          label: "指标概况",
+        },
+        {
+          value: "2",
+          label: "指标趋势",
+        },
+        {
+          value: "3",
+          label: "指标分布",
+        },
+      ],
+      overViewOptionChildren: [
+        {
+          disabled: false,
+          value: "axure",
+          label: "接待量",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "有效接待",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "有效接待率",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "违禁接待次数",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "敏感词触发次数",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "标记顾问率",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "平均接待时长",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "平均销讲执行率",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "平均挖掘执行率",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "平均挖掘成功率",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "在线设备",
+        },
+        {
+          disabled: false,
+          value: "axure",
+          label: "接待校准率",
+        },
+      ], // 数据概览对应条件1
+
+      analysisOption: [
+        {
+          value: "1",
+          label: "项目排名",
+        },
+        {
+          value: "1",
+          label: "项目指标变化",
+        },
+        {
+          value: "1",
+          label: "指标提升最大",
+        },
+        {
+          value: "1",
+          label: "指标下降最大",
+        },
+        {
+          value: "1",
+          label: "指标最高项目",
+        },
+        {
+          value: "1",
+          label: "指标最低项目",
+        },
+        {
+          value: "1",
+          label: "达标率",
+        },
+      ],
+
+      // 销讲分析
+      analysisOptionChildren: [
+        {
+          value: "1",
+          label: "接待量",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "有效接待",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "有效接待率",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "违禁接待次数",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "敏感词触发次数",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "标记顾问率",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "平均接待时长",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "平均销讲执行率",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "平均挖掘执行率",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "平均挖掘成功率",
+          disabled: false,
+        },
+      ], // 销讲分析
+
+      employeeOption: [
+        {
+          label: "管理者记录",
+        },
+        {
+          label: "员工排名",
+        },
+        {
+          label: "提升最大",
+        },
+        {
+          label: "提升排名",
+        },
+        {
+          label: "明显下跌",
+        },
+      ], // 员工分析
+      employeeOptionChildren: [
+        {
+          value: "1",
+          label: "接待量",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "有效接待",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "有效接待率",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "违禁接待次数",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "敏感词触发次数",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "标记顾问率",
+        },
+        {
+          value: "1",
+          label: "平均接待时长",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "平均销讲执行率",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "平均挖掘执行率",
+          disabled: false,
+        },
+        {
+          value: "1",
+          label: "平均挖掘成功率",
+          disabled: false,
+        },
+      ], // 销讲分析
+
+      customerOption: [
+        {
+          label: "画像触达总览",
+        },
+        {
+          label: "项目画像触达",
+        },
+      ], // 客户画像
+
+      suggestionsOption: [
+        {
+          label: "硬件-充电及网络问题",
+        },
+        {
+          label: "硬件-充电及网络问题解决方案",
+        },
+        {
+          label: "应用-顾问未标记",
+        },
+        {
+          label: "应用-标记顾问流程",
+        },
+        {
+          label: "应用-执行率问题",
+        },
+        // {
+        //     label: '自定义建议',
+        // },
+      ], // 使用建议
+
+      // 对比的arr
+      companyOptionList: [
+        {
+          label: "集团平均",
+        },
+        {
+          label: "行业平均",
+        },
+        {
+          label: "自定义",
+        },
+      ],
+
+      // 取前几名
+      mathAreaList: [
+        {
+          label: 5,
+        },
+        {
+          label: 10,
+        },
+        {
+          label: 15,
+        },
+        {
+          label: 20,
+        },
+      ],
+
+      inParamsObj: {
+        type: 0, //  报告类型 0：公司，1：项目
+        rule: "", // 月报规则
+        name: "", // 报告名称
+        orgCode: localStorage.getItem("orgCode"), // orgCode 公司code（type为0传这个参数 ）
+        houseId: "", // houseId  项目id（type为1传这个参数 ）
+      },
+
+      needCpuData: [
+        {
+          name: "数据概览",
+          value: "overViewList",
+        },
+        {
+          name: "销讲分析",
+          value: "analysisList",
+        },
+        {
+          name: "员工分析",
+          value: "employeeList",
+        },
+        {
+          name: "客户画像",
+          value: "customerList",
+        },
+        {
+          name: "使用建议",
+          value: "suggestionsList",
+        },
+      ], // 需要处理的数据列表
+      ruleId: "",
+      ruleObj: {}, // 规则对象
+
+      actionUrl: "/autoSR/openApiData/uploadFile", // 上传文件的路径
+      acceptList: ".txt, .doc, .docx", // 上传文件类型
+      system: [], // 角色背景
+      user: [], // 问题或请求
+      assistant: [], // 回应
+    };
+  },
+
+  computed: {
+    isShowDuiBi() {
+      // 有效接待率，标记顾问率，平均执行率，平均挖掘成功率，平均挖掘执行率
+      return (name) => {
+        return name.indexOf("率") != -1;
+      };
+    },
+  },
+  created() {
+    if (this.$route.query.id) this.ruleId = this.$route.query.id;
+  },
+  mounted() {
+    this.getOrgCodeList();
+    if (this.ruleId) {
+      this.findRuleById();
+    }
+  },
+
+  methods: {
+    // 文件上传成功
+    handleChange(file, filelist, name) {
+      console.log(file, filelist, name);
+      this[name] = filelist;
+    },
+    // 上传文件
+    upLoadFile() {
+      this.$api.http.uploadFileOpenApiData();
+    },
+
+    // 第一项选择
+    firstChange(e, arr, arr2, name, index) {
+      console.log(e, arr, arr2, name, index);
+      let needBindArr = [];
+      arr2.forEach((item) => {
+        needBindArr.push(item.value);
+      });
+      arr.forEach((item) => {
+        if (needBindArr.includes(item.label)) {
+          item.disabled = true;
+        } else {
+          item.disabled = false;
+        }
+      });
+
+      this[name][index].selectArr = [
+        {
+          value: "",
+          values: "", //
+          customValue: "", // 自定义输入的值
+          companyOptionList: this.companyOptionList, // 公司用的
+          mathAreaList: this.mathAreaList, // 提升排名接待量
+        },
+      ];
+    },
+
+    // 第二项选项
+    secondChange(e, arr, arr2) {
+      let needBindArr = [];
+      arr2.forEach((item) => {
+        needBindArr.push(item.value);
+      });
+      arr.forEach((item) => {
+        if (needBindArr.includes(item.label)) {
+          item.disabled = true;
+        } else {
+          item.disabled = false;
+        }
+      });
+    },
+
+    //获取项目列表
+    getOrgCodeList() {
+      this.$api.http.monthlygetOrgCodeListopenApiData().then((res) => {
+        this.selectCompanyList = res.data;
+      });
+    },
+
+    // 公共添加方法
+    tianjia(keywords) {
+      cosnole.log(keywords);
+    },
+
+    //新增选项
+    addOverView(data, index, otherName) {
+      console.log(data, index, otherName);
+      if (
+        this[otherName + "List"][index].selectArr.length <
+        this[otherName + "OptionChildren"].length
+      ) {
+        this[otherName + "List"][index].selectArr.push({
+          value: "",
+          values: "", //
+          customValue: "", // 自定义输入的值
+          companyOptionList: this.companyOptionList, // 公司用的
+          mathAreaList: this.mathAreaList, // 提升排名接待量
+        });
+      } else {
+        this.$message.error("不能再添加了~");
+      }
+    },
+    // 删除某一项
+    deleteView(index, seIndex, otherName) {
+      console.log(index, seIndex, otherName);
+      this[otherName + "List"][index].oneOption.forEach((item) => {
+        if (this[otherName + "List"][index].value == item.label) {
+          item.disabled = false;
+        }
+      });
+      if (["overView", "analysis", "employee"].includes(otherName)) {
+        let needArr = [];
+        if (seIndex == 0) {
+          this[otherName + "List"][index].selectArr.forEach((item) => {
+            needArr.push(item.value);
+          });
+        } else {
+          needArr.push(
+            this[otherName + "List"][index].selectArr[seIndex].value
+          );
+        }
+        if (this[otherName + "List"][index].value == "管理者记录") {
+          console.log("管理者记录delete");
+        } else if (this[otherName + "List"][index].value == "达标率") {
+          this[otherName + "List"][index].specialArr2.forEach((item) => {
+            if (needArr.includes(item.label)) {
+              item.disabled = false;
+            }
+          });
+        } else if (this[otherName + "List"][index].value == "指标分布") {
+          this[otherName + "List"][index].specialArr1.forEach((item) => {
+            if (needArr.includes(item.label)) {
+              item.disabled = false;
+            }
+          });
+        } else {
+          this[otherName + "List"][index].twoOption.forEach((item) => {
+            if (needArr.includes(item.label)) {
+              item.disabled = false;
+            }
+          });
+        }
+      }
+      if (seIndex == 0) {
+        this[otherName + "List"].splice(index, 1);
+      } else {
+        this[otherName + "List"][index].selectArr.splice(seIndex, 1);
+      }
+    },
+
+    // 查看详情
+    findRuleById() {
+      this.$api.http
+        .monthlyFindRuleByIdopenApiData({
+          id: this.ruleId,
+        })
+        .then((res) => {
+          if (res.code == 10000) {
+            this.inParamsObj.name = res.data.name;
+            this.inParamsObj.orgCode = res.data.orgCode;
+            let arr = JSON.parse(res.data.rule);
+            console.log(arr);
+            for (let i in arr) {
+              this[i] = arr[i];
+            }
+          }
+        });
+    },
+
+    // 生成报告规则
+    creatMonthRule() {
+      if (this.assistant.length == 0) {
+        this.$message.error("请上传期望的回应");
+        return;
+      }
+      let obj = {
+        system: this.system,
+        user: this.user,
+        assistant: this.assistant,
+      };
+      this.inParamsObj.rule = JSON.stringify(obj);
+      if (
+        this.ruleId &&
+        this.ruleId != undefined &&
+        this.ruleId != "undefined"
+      ) {
+        this.inParamsObj.id = this.ruleId;
+      }
+      if (!this.inParamsObj.name) {
+        this.$message.error("请填写模板名称");
+        return;
+      }
+      this.addMonthlyRule();
+    },
+
+    addMonthlyRule() {
+      this.$api.http
+        .monthlyAddMonthlyRuleopenApiData(this.inParamsObj)
+        .then((res) => {
+          console.log(res);
+          if (res.code == 10000) {
+            this.$message.success(res.message);
+            setTimeout(() => {
+              this.$router.go(-1);
+            }, 1000);
+          } else {
+            this.$message.error(res.message);
+          }
+        });
+    },
+
+    //使用递归实现深拷贝
+    deepClone(obj) {
+      return JSON.parse(JSON.stringify(obj || ""));
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.pages {
+  margin: 0 auto;
+  width: 98%;
+  height: 90%;
+  overflow-y: auto;
+  padding: 15px;
+  background: #fff;
+  border-radius: 16px;
+}
+
+.titles {
+  position: sticky;
+  top: 0;
+  padding: 10px 20px;
+  background: #fff;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.label-item {
+  display: flex;
+  align-items: center;
+}
+
+.label-item .leftMF {
+  margin-left: 20px;
+}
+
+.left-label {
+  font-size: 16px;
+  color: #111111;
+  font-weight: 500;
+  font-family: PingFangSC-Medium, PingFang SC;
+}
+
+.label-item .left-label {
+  flex-shrink: 0;
+  width: 80px;
+}
+
+.label-item .right-select {
+}
+
+.f-title {
+  padding: 0 24px;
+  color: #111111;
+  font-weight: 500;
+  font-size: 16px;
+  font-family: PingFangSC-Medium, PingFang SC;
+}
+
+.sections {
+  padding: 24px;
+  background: #fff;
+}
+
+.s-title {
+  font-size: 14px;
+  font-weight: 500;
+  font-family: PingFangSC-Medium, PingFang SC;
+}
+
+.sl-fl-tit {
+  padding: 16px 0 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.date {
+  display: flex;
+  align-items: center;
+}
+
+.date .date-box {
+  display: flex;
+  align-items: center;
+}
+
+.s-box .date .ld {
+  margin-right: 10px;
+}
+
+.s-box {
+  display: flex;
+  flex-direction: column;
+}
+
+.selectone {
+  padding: 10px 0;
+  margin-right: 20px;
+  flex-shrink: 0;
+  width: 180px;
+}
+
+.s-box .select {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.s-box .select .lefts {
+  flex-grow: 1;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.s-box .select .lefts .seconds {
+  width: calc(100% - 200px);
+  display: flex;
+  /*flex-direction: column;*/
+}
+
+.seconds .deletes {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.s-box .select .lefts .seconds .seconds-left {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+}
+
+.s-box .select .rights {
+  flex-shrink: 0;
+}
+
+.elinputs {
+  width: 120px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Statistics/ai/intelligentReporting.vue b/src/views/Statistics/ai/intelligentReporting.vue
new file mode 100644
index 0000000..73da91c
--- /dev/null
+++ b/src/views/Statistics/ai/intelligentReporting.vue
@@ -0,0 +1,702 @@
+<template>
+  <div class="pages">
+    <div class="titles">
+      <el-button type="primary" size="medium" @click="goCreatReport"
+        >创建模板</el-button
+      >
+    </div>
+    <div class="tablebox">
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column prop="name" label="模板名称" align="center">
+        </el-table-column>
+        <el-table-column prop="orgName" label="公司" align="center">
+        </el-table-column>
+        <el-table-column prop="accountName" label="创建人" align="center">
+        </el-table-column>
+        <el-table-column prop="createTime" label="创建时间" align="center">
+        </el-table-column>
+
+        <el-table-column label="操作" width="250" align="center">
+          <template slot-scope="{ row }">
+            <template>
+              <el-button
+                style="color: var(--theme)"
+                @click.native.prevent="goCreatReport(row)"
+                type="text"
+                size="small"
+                >报告规则
+              </el-button>
+            </template>
+            <template>
+              <el-button
+                style="color: var(--theme)"
+                @click.native.prevent="showRuleTips(row)"
+                type="text"
+                size="small"
+                >生成报告
+              </el-button>
+            </template>
+            <template>
+              <el-button
+                style="color: var(--theme)"
+                @click.native.prevent="showHistory(row)"
+                type="text"
+                size="small"
+                >生成记录
+              </el-button>
+            </template>
+            <template>
+              <el-button
+                style="color: var(--theme)"
+                @click.native.prevent="deleteByRule(row)"
+                type="text"
+                size="small"
+                >删除
+              </el-button>
+            </template>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div style="display: flex; justify-content: flex-end; margin-top: 10px">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="pageParams.pageNum"
+          :page-sizes="[10, 20, 30]"
+          :page-size="pageParams.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="pageParams.total"
+        >
+        </el-pagination>
+      </div>
+    </div>
+
+    <el-dialog
+      title="生成报告"
+      :visible.sync="creatRule"
+      :close-on-click-modal="false"
+      width="50%"
+    >
+      <div class="sections">
+        <div class="s-box">
+          <div class="date">
+            <span class="ld" style="flex-shrink: 0">报告名称</span>
+            <div class="date-box">
+              <el-input
+                v-model="params.name"
+                class="right-select"
+                placeholder="请输入报告名称"
+              ></el-input>
+            </div>
+          </div>
+          <div class="date">
+            <span class="ld" style="flex-shrink: 0">接待时间</span>
+            <div class="date-box">
+              <el-select
+                class="selectone"
+                placeholder="请选择"
+                v-model="params.dateType"
+                @change="emptyDateType"
+              >
+                <el-option
+                  v-for="item in dateTypeLsit"
+                  :key="item.label"
+                  :label="item.label"
+                  :value="item.label"
+                >
+                </el-option>
+              </el-select>
+
+              <template v-if="params.dateType == '周'">
+                <el-date-picker
+                  v-model="params.time"
+                  type="week"
+                  format="yyyy年-W周"
+                  :picker-options="weekPickerOptions"
+                  placeholder="请选择"
+                >
+                </el-date-picker>
+              </template>
+
+              <template v-if="params.dateType == '月'">
+                <el-date-picker
+                  v-model="params.time"
+                  type="month"
+                  format="yyyy-MM"
+                  value-format="yyyy-MM"
+                  :picker-options="weekPickerOptions"
+                  placeholder="请选择"
+                >
+                </el-date-picker>
+              </template>
+
+              <template v-if="params.dateType == '自定义'">
+                <el-date-picker
+                  class="little"
+                  value-format="yyyy-MM-dd"
+                  v-model="params.time"
+                  type="daterange"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  :picker-options="weekPickerOptions"
+                >
+                </el-date-picker>
+              </template>
+
+              <span class="ld" style="margin: 0 10px; flex-shrink: 0"
+                >对比时间</span
+              >
+
+              <template v-if="params.dateType == '周'">
+                <el-date-picker
+                  v-model="params.contrastTime"
+                  type="week"
+                  format="yyyy年-W周"
+                  :picker-options="weekPickerOptions"
+                  placeholder="请选择"
+                >
+                </el-date-picker>
+              </template>
+
+              <template v-if="params.dateType == '月'">
+                <el-date-picker
+                  v-model="params.contrastTime"
+                  type="month"
+                  format="yyyy-MM"
+                  value-format="yyyy-MM"
+                  :picker-options="weekPickerOptions"
+                  placeholder="请选择"
+                >
+                </el-date-picker>
+              </template>
+
+              <template v-if="params.dateType == '自定义'">
+                <el-date-picker
+                  class="little"
+                  v-model="params.contrastTime"
+                  type="daterange"
+                  value-format="yyyy-MM-dd"
+                  range-separator="-"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  :picker-options="weekPickerOptions"
+                >
+                </el-date-picker>
+              </template>
+            </div>
+          </div>
+          <div class="date">
+            <span class="ld">选择项目</span>
+            <div class="date-box">
+              <el-select
+                class="selectone"
+                placeholder="请选择"
+                v-model="params.houseType"
+              >
+                <el-option
+                  v-for="item in selectItem"
+                  :key="item.label"
+                  :label="item.label"
+                  :value="item.label"
+                >
+                </el-option>
+              </el-select>
+
+              <template v-if="params.houseType != '全部'">
+                <el-select
+                  class="selectone"
+                  style="width: 280px"
+                  placeholder="请选择"
+                  v-model="params.selectHouseId"
+                  filterable
+                  multiple
+                  collapse-tags
+                >
+                  <el-option
+                    v-for="item in projectList"
+                    :key="item.id"
+                    :label="item.propertyName"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </template>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="creatRule = false">取 消</el-button>
+        <el-button type="primary" @click="addMonthlyData()">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="生成纪录"
+      :visible.sync="roleHistory"
+      :close-on-click-modal="false"
+    >
+      <div>
+        <el-table :data="gridData" max-height="450px">
+          <el-table-column property="name" label="报告名称"></el-table-column>
+          <el-table-column
+            property="createName"
+            label="生成人"
+          ></el-table-column>
+          <el-table-column
+            property="createTime"
+            label="生成时间"
+          ></el-table-column>
+          <el-table-column property="address" label="操作">
+            <template slot-scope="{ row }">
+              <template v-if="row.status == 1">
+                <el-button
+                  @click.native.prevent="toDetail(row)"
+                  type="text"
+                  size="small"
+                  >查看
+                </el-button>
+              </template>
+              <template v-if="false">
+                <el-button
+                  @click.native.prevent="b(row)"
+                  type="text"
+                  size="small"
+                  >下载
+                </el-button>
+              </template>
+              <template v-if="row.status == 1">
+                <el-button
+                  @click.native.prevent="deleteDataById(row)"
+                  type="text"
+                  size="small"
+                  >删除
+                </el-button>
+              </template>
+              <template v-if="!row.status">
+                <span style="color: #808080ff">生成中...</span>
+              </template>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div style="display: flex; justify-content: flex-end; margin-top: 10px">
+          <el-pagination
+            @size-change="handleSizeChanges"
+            @current-change="handleCurrentChanges"
+            :current-page="creatHistory.pageNum"
+            :page-sizes="[10, 20, 30]"
+            :page-size="creatHistory.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="creatHistory.total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="roleHistory = false">关 闭</el-button>
+        <el-button type="primary" @click="roleHistory = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      // 周选择器配置
+      weekPickerOptions: {
+        disabledDate(time) {
+          const halfYear = (365 / 2) * 24 * 3600 * 1000;
+          let newDates = new Date();
+          let startTime = new Date(newDates.getTime() - halfYear).getTime();
+          return time.getTime() > Date.now() || time.getTime() < startTime;
+        },
+      },
+      row: {}, // 生成月报的数据集合
+      params: {
+        name: "", // 报告名称
+        dateType: "周", //  周 月 自定义
+        houseType: "全部", //
+        selectHouseId: [], // 选中house的id
+        time: "", // 日期
+        contrastTime: "", // 对比日期
+      },
+      dateTypeLsit: [
+        {
+          label: "周",
+        },
+        {
+          label: "月",
+        },
+        {
+          label: "自定义",
+        },
+      ],
+      selectItem: [
+        {
+          label: "全部",
+        },
+        {
+          label: "不等于",
+        },
+        {
+          label: "等于",
+        },
+      ],
+      creatRule: false, // 生成报告
+      roleHistory: false, // 生成记录
+      gridData: [], // 生成记录列表
+
+      pageParams: {
+        // 分页参数
+        total: 0,
+        pageNum: 1, //页码
+        pageSize: 10, //每页显示的记录数
+        // houseId: localStorage.getItem("houseId"), //  当前登陆楼盘
+        orgCode: localStorage.getItem("orgCode"),
+      },
+      projectList: [], // 项目列表
+
+      creatHistory: {
+        ruleId: "", // 当前生成记录的id
+        pageNum: 1, //页码
+        pageSize: 10, //每页显示的记录数
+        total: 0, // 总条数
+      }, // 生成记录
+      tableData: [], // 列表数据
+    };
+  },
+
+  mounted() {
+    this.getFindByPage();
+  },
+
+  methods: {
+    // 生成记录
+    findDataByRuleId() {
+      this.$api.http.findDataByRuleIdopenApiData(this.creatHistory).then((res) => {
+        this.gridData = res.data.records;
+        this.roleHistory = true; // 获取到数据后展示列表
+        this.creatHistory.total = res.data.total;
+      });
+    },
+
+    emptyDateType() {
+      if (this.params.dateType != "自定义") {
+        this.params.time = "";
+        this.params.contrastTime = "";
+      } else {
+        this.params.time = [];
+        this.params.contrastTime = [];
+      }
+    },
+    // 获取该公司下的项目
+    getProjectList(row) {
+      this.$api.http
+        .monthlyGetProjectList({
+          orgCode: row.orgCode,
+        })
+        .then((res) => {
+          console.log(res);
+          this.projectList = res.data;
+        });
+    },
+
+    // screen      //筛选条件
+    // ruleId      //月报规则id
+
+    // 添加筛选时间
+    addMonthlyData() {
+      if (!this.params.name) {
+        this.$message.error("请输入报告名称");
+        return;
+      }
+      console.log(this.params);
+      let arr = [];
+      let obj = {
+        screen: "",
+        name: this.params.name,
+        ruleId: this.row.id,
+      };
+
+      // 自定义时间选择
+      if (this.params.dateType == "自定义") {
+        if (!this.params.time || this.params.time.length == 0) {
+          this.$message.error("请选择时间");
+          return;
+        }
+        if (!this.params.contrastTime || this.params.contrastTime.length == 0) {
+          this.$message.error("请选择对比时间");
+          return;
+        }
+        let aTime =
+          new Date(this.params.time[1]).getTime() -
+          new Date(this.params.time[0]).getTime();
+        let bTime =
+          new Date(this.params.contrastTime[1]).getTime() -
+          new Date(this.params.contrastTime[0]).getTime();
+        if (aTime != bTime) {
+          this.$message.error("请选择相同天数的时间段");
+          return;
+        }
+      }
+
+      // 是否选择时间
+      if (
+        !this.params.time ||
+        !this.params.contrastTime ||
+        this.params.time.length == 0 ||
+        this.params.contrastTime.length == 0
+      ) {
+        this.$message.error("请选择时间");
+        return;
+      }
+
+      // 指定选择某些项目时
+      if (
+        this.params.houseType != "全部" &&
+        this.params.selectHouseId.length == 0
+      ) {
+        this.$message.error("请选择项目");
+        return;
+      }
+
+      if (this.params.houseType == "不等于") {
+        this.projectList.forEach((item) => {
+          if (!this.params.selectHouseId.includes(item.id)) {
+            arr.push(item.id);
+          }
+        });
+        let a = {
+          ...this.params,
+          houstId: arr.join(","),
+        };
+        obj.screen = JSON.stringify(a);
+      } else {
+        let a = {
+          ...this.params,
+          houstId: this.params.selectHouseId.join(","),
+        };
+        obj.screen = JSON.stringify(a);
+      }
+      this.creatRule = false; // 先关闭弹窗
+      this.params = {
+        dateType: "周", //  周 月 自定义
+        houseType: "全部", //
+        selectHouseId: [], // 选中house的id
+        time: "", // 日期
+        contrastTime: "", // 对比日期
+      };
+      this.$api.http.addMonthlyDataopenApiData(obj).then((res) => {
+        console.log(res, "resss");
+        if (res.code == 10000) {
+          this.$message.success(res.message);
+        } else {
+          this.$message.error(res.message);
+        }
+      });
+    },
+
+    // 跳转详情
+    toDetail(row) {
+      this.$router.push({
+        path: "/Statistics/ai/reportDetail",
+        query: {
+          id: row.id,
+        },
+      });
+    },
+
+    // 生成报告
+    showRuleTips(row) {
+      this.row = row;
+      this.emptyDateType();
+      this.getProjectList(row);
+      this.creatRule = true;
+    },
+
+    // 生成记录
+    showHistory(row) {
+      this.creatHistory.ruleId = row.id;
+      this.findDataByRuleId();
+    },
+    // 跳转页面
+    goCreatReport(data) {
+      this.$router.push({
+        path: "/Statistics/ai/createReport",
+        query: {
+          id: data.id || "",
+        },
+      });
+    },
+
+    // 分页每页条数改变
+    handleSizeChange(val) {
+      this.pageParams.pageNum = 1;
+      this.pageParams.pageSize = val;
+      this.getFindByPage();
+    },
+
+    //  切换上下页面
+    handleCurrentChange(val) {
+      this.pageParams.pageNum = val;
+      this.getFindByPage();
+    },
+
+    handleSizeChanges(val) {
+      this.creatHistory.pageNum = 1;
+      this.creatHistory.pageSize = val;
+      this.findDataByRuleId();
+    },
+
+    //  切换上下页面
+    handleCurrentChanges(val) {
+      this.creatHistory.pageNum = val;
+      this.findDataByRuleId();
+    },
+
+    //获取table数据、
+    getFindByPage() {
+      this.$api.http.monthlyDataFindByPageopenApiData(this.pageParams).then((res) => {
+        if (res.code == 10000) {
+          this.tableData = res.data.records;
+          this.pageParams.total = res.data.total;
+        }
+      });
+    },
+
+    // 删除记录
+    deleteDataById(row) {
+      this.$confirm("是否删除此报告", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$api.http
+            .monthlyDeleteDataByIdopenApiData({
+              id: row.id,
+            })
+            .then((res) => {
+              if (res.code == 10000) {
+                this.$message.success("操作成功");
+                this.findDataByRuleId();
+              } else {
+                this.$message.error(res.message);
+              }
+            })
+            .catch((e) => {
+              this.$message.error("操作失败");
+            });
+        })
+        .catch(() => {});
+    },
+
+    // monthly/deleteByRuleId
+    deleteByRule(row) {
+      this.$confirm('是否删除"' + row.name + '"报告', "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$api.http
+            .monthlyDeleteByRuleIdopenApiData({
+              id: row.id,
+            })
+            .then((res) => {
+              if (res.code == 10000) {
+                this.$message.success("操作成功");
+                this.getFindByPage();
+              } else {
+                this.$message.error(res.data.message);
+              }
+            })
+            .catch((e) => {
+              this.$message.error("操作失败");
+            });
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.pages {
+  margin: 0 auto;
+  width: 98%;
+  height: 90%;
+  padding: 15px;
+  background: #fff;
+  border-radius: 16px;
+}
+
+.titles {
+  padding: 10px 20px;
+  background: #fff;
+}
+
+.sl-fl-tit {
+  padding: 16px 0 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.date {
+  display: flex;
+  align-items: center;
+}
+
+.date .date-box {
+  display: flex;
+  align-items: center;
+}
+
+.s-box .date .ld {
+  margin-right: 10px;
+}
+
+.s-title {
+  height: 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 18px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+}
+
+.s-box .date .ld {
+  margin-right: 10px;
+}
+
+.s-box {
+  display: flex;
+  flex-direction: column;
+}
+
+.date .date-box {
+  display: flex;
+  align-items: center;
+}
+
+.selectone {
+  padding: 10px 0;
+  margin-right: 20px;
+  flex-shrink: 0;
+  width: 180px;
+}
+
+.sections {
+  flex-direction: column;
+}
+
+.little {
+  width: 270px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Statistics/ai/reportDetail.vue b/src/views/Statistics/ai/reportDetail.vue
new file mode 100644
index 0000000..3844e2b
--- /dev/null
+++ b/src/views/Statistics/ai/reportDetail.vue
@@ -0,0 +1,2987 @@
+<template>
+  <div class="pages">
+
+    
+    <div id="pdfHtml">
+
+      <div class="abtitles">
+          <div style="width: 100%;">
+              <div class="label-items">
+                  {{ objPagesData.name }}
+              </div>
+          </div>
+          <div class="label-item">
+          <span class="left-label">
+              生成时间：
+          </span>
+              <span>{{ objPagesData.createTime }}</span>
+          </div>
+          <div class="sections">
+              <div class="sl-fl-tit">
+                  <div class="s-title">基础筛选</div>
+              </div>
+              <div class="s-box">
+                  <div class="date">
+                      <span class="ld" style="flex-shrink: 0;">接待时间</span>
+                      <div class="date-box">
+                          <el-select class="selectone" placeholder="请选择" disabled v-model="params.dateType">
+                              <el-option
+                                      v-for="item in dateTypeLsit"
+                                      :key="item.label"
+                                      :label="item.label"
+                                      :value="item.label">
+                              </el-option>
+                          </el-select>
+
+                          <template v-if="params.dateType == '周'">
+                              <el-date-picker
+                                      v-model="params.time"
+                                      type="week"
+                                      format="yyyy年-W周"
+                                      disabled
+                                      :picker-options="weekPickerOptions"
+                                      placeholder="请选择">
+                              </el-date-picker>
+                          </template>
+
+                          <template v-if="params.dateType == '月'">
+                              <el-date-picker
+                                      v-model="params.time"
+                                      type="month"
+                                      format="yyyy-MM"
+                                      disabled
+                                      value-format="yyyy-MM"
+                                      :picker-options="weekPickerOptions"
+                                      placeholder="请选择">
+                              </el-date-picker>
+                          </template>
+
+                          <template v-if="params.dateType == '自定义'">
+                              <el-date-picker
+                                      class="little"
+                                      value-format="yyyy-MM-dd"
+                                      v-model="params.time"
+                                      type="daterange"
+                                      disabled
+                                      range-separator="-"
+                                      start-placeholder="开始日期"
+                                      end-placeholder="结束日期"
+                                      :picker-options="weekPickerOptions">
+                              </el-date-picker>
+                          </template>
+
+                          <span class="ld" style="margin: 0 10px;flex-shrink: 0">对比时间</span>
+
+                          <template v-if="params.dateType == '周'">
+                              <el-date-picker
+                                      v-model="params.contrastTime"
+                                      type="week"
+                                      format="yyyy年-W周"
+                                      disabled
+                                      :picker-options="weekPickerOptions"
+                                      placeholder="请选择">
+                              </el-date-picker>
+                          </template>
+
+                          <template v-if="params.dateType == '月'">
+                              <el-date-picker
+                                      v-model="params.contrastTime"
+                                      type="month"
+                                      format="yyyy-MM"
+                                      value-format="yyyy-MM"
+                                      disabled
+                                      :picker-options="weekPickerOptions"
+                                      placeholder="请选择">
+                              </el-date-picker>
+                          </template>
+
+                          <template v-if="params.dateType == '自定义'">
+                              <el-date-picker
+                                      class="little"
+                                      v-model="params.contrastTime"
+                                      type="daterange"
+                                      value-format="yyyy-MM-dd"
+                                      range-separator="-"
+                                      disabled
+                                      start-placeholder="开始日期"
+                                      end-placeholder="结束日期"
+                                      :picker-options="weekPickerOptions">
+                              </el-date-picker>
+                          </template>
+                      </div>
+                  </div>
+                  <div class="date">
+                      <span class="ld">选择项目</span>
+                      <div class="date-box">
+                          <el-select class="selectone" placeholder="请选择" v-model="params.houseType" disabled>
+                              <el-option
+                                      v-for="item in selectItem"
+                                      :key="item.label"
+                                      :label="item.label"
+                                      :value="item.label">
+                              </el-option>
+                          </el-select>
+
+                          <template v-if="params.houseType != '全部'">
+                              <el-select class="selectone" style="width: 280px" placeholder="请选择"
+                                        v-model="params.selectHouseId" multiple collapse-tags disabled>
+                                  <el-option
+                                          v-for="item in projectList"
+                                          :key="item.id"
+                                          :label="item.propertyName"
+                                          :value="item.id">
+                                  </el-option>
+                              </el-select>
+                          </template>
+                      </div>
+                  </div>
+              </div>
+          </div>
+          <div style="display: flex;justify-content: flex-end">
+              <el-button type="primary" style="width:300px" @click="exportData">导出pdf</el-button>
+          </div>
+      </div>
+
+      <!-- 数据概览 -->
+<div class="block-box" v-for="(item, index) in dateAllLocking" :key="item.name">
+    <div class="block-boxs" v-for="(data, dataIndex) in item.children" :key="data.name">
+        <template v-if="data.name.indexOf('概况') != -1" v-for="(chil, i) in data.children">
+            <div class="box-card" v-if="chil">
+                <div class="title">一、{{ item.name }}- {{ data.name }}
+                    <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                </div>
+                <div class="cont-box">
+                    <div v-for="(children, childrenIndex) in chil" :key="childrenIndex"
+                         class="cont-item">
+                        <div class="name">
+                            <div class="dot">
+                                <div class="dot1"></div>
+                                <div class="dot2"></div>
+                            </div>
+                            {{ children.name || '' }}
+                        </div>
+                        <div class="number-box">
+                            <div class="number">{{ children.data.count || 0 }}</div>
+                            {{ children.name | unitText }}
+                        </div>
+                        <div class="visit-box" v-if="showRecheck(children.name)">
+                            <div class="visit-item">首访：{{ children.data.first || 0 }}</div>
+                            <div class="visit-item">复访：{{ children.data.plural || 0 }}</div>
+                        </div>
+                        <div class="dedc">
+                            <span>
+                                本月{{ children.name }}共
+                            </span>
+                            <span>
+                                {{ children.data.count || 0 }}
+                            </span>
+                            <span>
+                            {{ children.name | unitText }}，与对比时间段内的{{ children.name }}
+                            </span>
+                            <span>{{ children.data.lastCount }}{{ children.name | unitText }}</span>
+                            <span v-if="children.data.differ == 0">持平</span>
+                            <span v-if="children.data.differ > 0">上升</span>
+                            <span v-if="children.data.differ < 0">下降</span>
+
+                            <template v-if="children.data.differ != 0">
+                                <span :class="{up: children.data.differ > 0, down: children.data.differ < 0}">
+                                    {{ children.data.differ || ''}}
+                                </span>
+                                {{ children.name | unitText }}
+                            </template>
+                            ，
+                            <template v-if="children.data.maxProjectName">
+                                <span>
+                                {{ children.name }}最高的项目是
+                                </span>
+                                <span class="up">
+                                        {{ children.data.maxProjectName || '' }}
+                                    </span>
+                                <span>
+                                为
+                                </span>
+                                <span>
+                                {{ children.data.maxProjectCount || '' }}
+                                </span>
+                                <span>
+                                {{ children.name | unitText }}。
+                                </span>
+                            </template>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </template>
+        <template v-if="data.name.indexOf('趋势') != -1">
+            <template v-for="(chil, i) in data.children" v-if="chil&&chil.data">
+                <div class="box-card">
+                    <div class="title">一、{{ item.name }}-{{ chil.name }}趋势
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <div :id="chil.echartsId" style="height: 400px"></div>
+                </div>
+            </template>
+        </template>
+        <template v-if="data.name.indexOf('分布') != -1" v-for="(chil, i) in data.children">
+            <template v-if="chil.data && chil.data.length > 0">
+                <div class="box-card">
+                    <div class="title">一、{{ item.name }}-{{ chil.name }}分布
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <div :id="chil.echartsId" style="height: 400px"></div>
+                </div>
+                <div class="box-card">
+                    <div class="title">一、{{ item.name }}-{{ chil.name }}分布
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <div class="tab">
+                        <el-table
+                                :data="chil.data"
+                                border
+                                header-cell-class-name="header-style"
+                                style="width: 100%">
+                            <el-table-column
+                                    align="center"
+                                    prop="name"
+                                    label="执行率">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="count"
+                                    :label="objPagesData.nowDate">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="lastCount"
+                                    :label="objPagesData.contrastDate">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="differ"
+                                    label="涨跌幅">
+                                <template slot-scope="{row}">
+                                    <span :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ}}</span><span
+                                        v-if="row.differ !=0"
+                                        :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ > 0 ? '↑' : '↓'}}</span>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                    <div class="tip" v-if="chil.analyze">分析：{{ chil.analyze }}</div>
+                    <div class="subtip">备注：涨跌幅为红色表示上升<span class="up">↑</span>，绿色为下降<span class="down">↓</span>
+                    </div>
+                </div>
+            </template>
+        </template>
+    </div>
+</div>
+
+<!-- 销讲分析 -->
+<div class="block-box" v-for="(ites, index) in marketingAnalysis" :key="index">
+    <div class="block-boxs" v-for="(data, dataIndex) in ites.children" :key="data.name">
+        <template v-if="data.name == '项目排名'">
+          <!-- 项目排名柱状图 -->
+            <div class="box-card" v-for="(chil, chilIndex) in data.children" :key="chilIndex"
+                 v-if="chil.data && chil.data.length > 0">
+                <div class="title">二、{{ ites.name }}-{{ chil.name }}排名
+                    <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                </div>
+                <div class="chart-title" v-if="chil.value">
+                    {{ chil.value }}
+                    <span style="color: #3E50E8">
+                        {{ chil.avg || 0}}%
+                    </span>
+                </div>
+
+                <div class="chart-title">
+
+                </div>
+                <div :id="chil.echartsId" style="margin-top: 20px;width:100%;height: 380px"></div>
+            </div>
+        </template>
+
+        <template v-else-if="data.name == '达标率'">
+            <div class="box-card" v-for="(chil, chilIndex) in data.children" :key="chilIndex"
+                 v-if="chil.data && chil.data.length > 0">
+                <div class="title">二、{{ ites.name }}-{{ chil.name }}
+                    <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                </div>
+
+                <div class="tab">
+                    <template v-if="chil.name == '有效接待率' && chil.data">
+                        <el-table
+                                :data="chil.data"
+                                border
+                                header-cell-class-name="header-style"
+                                style="width: 100%">
+                            <el-table-column
+                                    align="center"
+                                    prop="name"
+                                    label="项目名称">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="data"
+                                    label="接待量">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="count"
+                                    label="有效接待">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="activeCount"
+                                    label="无效接待">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    label="有效接待率">
+                                <template slot-scope="{row}">
+                                    <span>{{row.rate || 0}}%</span>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="differ"
+                                    :label="'与集团'+ chil.avg +'%对比'">
+                                <template slot-scope="{row}">
+                                    <span :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ}}%</span><span
+                                        v-if="row.differ !=0"
+                                        :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ > 0 ? '↑' : '↓'}}</span>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </template>
+
+                    <template v-if="chil.name == '标记顾问率' && chil.data">
+                        <el-table
+                                :data="chil.data"
+                                border
+                                header-cell-class-name="header-style"
+                                style="width: 100%">
+                            <el-table-column
+                                    align="center"
+                                    prop="name"
+                                    label="项目名称">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="data"
+                                    label="有效接待">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="count"
+                                    label="已标记">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="activeCount"
+                                    label="未标记">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    label="标记顾问率">
+                                <template slot-scope="{row}">
+                                    <span>{{row.rate || 0}}%</span>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="differ"
+                                    :label="'与集团'+ chil.avg +'%对比'">
+                                <template slot-scope="{row}">
+                                    <span :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ}}%</span><span
+                                        v-if="row.differ !=0"
+                                        :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ > 0 ? '↑' : '↓'}}</span>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </template>
+
+                    <template v-if="chil.name == '画像校准率' && chil.data">
+                        <el-table
+                                :data="chil.data"
+                                border
+                                header-cell-class-name="header-style"
+                                style="width: 100%">
+                            <el-table-column
+                                    align="center"
+                                    prop="name"
+                                    label="项目名称">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="data"
+                                    label="有效接待">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="count"
+                                    label="已校准">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="activeCount"
+                                    label="未校准">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    label="校准率">
+                                <template slot-scope="{row}">
+                                    <span>{{row.rate || 0}}%</span>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="differ"
+                                    :label="'与集团'+ chil.avg +'%对比'">
+                                <template slot-scope="{row}">
+                                    <span :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ}}%</span><span
+                                        v-if="row.differ !=0"
+                                        :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ > 0 ? '↑' : '↓'}}</span>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </template>
+                </div>
+                <div class="subtip">备注：涨跌幅为红色表示上升<span class="up">↑</span>，绿色为下降<span class="down">↓</span>
+                </div>
+            </div>
+        </template>
+
+        <!-- 提升最高 -->
+        <template v-else-if="checkShow(data.name)">
+            <template v-for="(chil, chilIndex) in data.children">
+                <template v-if="chil.name == '平均销讲执行率' && Object.keys(chil.data).length > 0 ">
+                    <div v-if="chil.data" class="box-card">
+                        <div class="title">二、{{ ites.name }}-{{ chil.name }}{{ data.name | strGet}}
+                            <image class="logo"
+                                   src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                        </div>
+                        <div class="chart-title">
+                            <span>
+                                {{ chil.data.name }}项目{{ objPagesData.nowDate
+                                }}{{ objPagesData.nowDate.length > 10 ? '' : '月份' }}
+                            </span>
+                            <span>{{ chil.name }} {{ data.name | showWhat }}</span>
+                            <span :class="{up: chil.data.count > 0, down: chil.data.count < 0}">
+                              {{ Math.abs(chil.data.count || 0) }}%
+                            </span>
+                        </div>
+                        <div :id="chil.echartsId" style="margin-top: 20px;width:100%;height: 380px"></div>
+                    </div>
+                    <!-- 表格 -->
+                    <div v-if="chil.data" class="box-card">
+                        <div class="title">二、{{ ites.name }}{{ chil.name }}{{ data.name | strGet}}
+                            <image class="logo"
+                                   src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                        </div>
+
+                        <div class="chart-title">
+                            <span>
+                                {{ chil.data.name }}项目{{ objPagesData.nowDate
+                                }}{{ objPagesData.nowDate.length > 10 ? '' : '月份' }}
+                            </span>
+                            <span>{{ chil.name }} {{ data.name | showWhat }}</span>
+                            <span :class="{up: chil.data.count > 0, down: chil.data.count < 0}">
+                              {{ Math.abs(chil.data.count || 0) }}%
+                            </span>
+                        </div>
+                        <div class="tab">
+                            <el-table
+                                    :data="chil.data.data"
+                                    border
+                                    header-cell-class-name="header-style"
+                                    style="width: 100%">
+                                <el-table-column
+                                        align="center"
+                                        prop="name"
+                                        label="销讲场景">
+                                </el-table-column>
+                                <el-table-column
+                                        align="center"
+                                        prop="count"
+                                        :label="objPagesData.nowDate">
+                                </el-table-column>
+                                <el-table-column
+                                        align="center"
+                                        prop="lastCount"
+                                        :label="objPagesData.contrastDate">
+                                </el-table-column>
+                                <el-table-column
+                                        align="center"
+                                        prop="differ"
+                                        label="对比">
+                                    <template slot-scope="{row}">
+                                        <span :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ}}%<span
+                                                v-if="row.differ !=0"
+                                                :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ > 0 ? '↑' : '↓'}}</span></span>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </div>
+                        <div class="tip" v-if="chil.analyze">分析：{{ chil.analyze }}</div>
+                        <div class="subtip">备注：涨跌幅为红色表示上升<span class="up">↑</span>，绿色为下降<span
+                                class="down">↓</span>
+                        </div>
+                    </div>
+                    <!-- 二级 -->
+                    <div v-if="chil.data" class="box-card">
+                        <div class="title">
+                            二、{{ ites.name }}-{{ chil.name }}{{ data.name | strGet}}
+                            <image class="logo"
+                                   src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                        </div>
+                        <div class="chart-title">
+                            <span>
+                                {{ chil.data.name }}项目{{ objPagesData.nowDate
+                                }}{{ objPagesData.nowDate.length > 10 ? '' : '月份' }}
+                            </span>
+                            <span>{{ chil.name }} {{ data.name | showWhat }}</span>
+                            <span :class="{up: chil.data.count > 0, down: chil.data.count < 0}">
+                              {{ Math.abs(chil.data.count || 0) }}%
+                            </span>
+                        </div>
+                        <!-- 循环的box -->
+                        <div v-for="(wqe,adasd) in chil.data.data" :key="adasd">
+                            <div class="titles">{{ wqe.name }}</div>
+                            <div class="percents">
+                                <div class="percents-box" v-for="(dadsa21, dsahdahjk2) in wqe.children"
+                                     :key="dsahdahjk2">
+                                    <span class="left_label">{{ dadsa21.name }}</span>
+                                    <div class="percent-box">
+                                        <div class="showtext">{{ dadsa21.count }}%</div>
+                                        <div class="percent-line" :style="{width: (dadsa21.count+'%') }"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </template>
+                <template v-else-if="(data.name == '指标下降最大' || data.name == '指标提升最大') && Object.keys(chil.data).length > 0 ">
+                    <div class="box-card" :key="chilIndex">
+                        <div class="title">二、{{ ites.name }}-{{ chil.name }}{{ data.name | strGet}}
+                            <image class="logo"
+                                   src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                        </div>
+                        <div class="chart-title">
+                            {{ chil.data.name }}项目,{{chil.name}}
+                            <span>{{ chil.data.differ > 0 ? "提升" : "下降"}}</span>
+                            <span :class="{up: chil.data.differ > 0, down: chil.data.differ < 0}">{{ chil.data.differ || 0}}{{ formatTimes('', chil.name)
+                                }}</span>
+                        </div>
+                        <div class="pieRemark">
+                            <div class="item">
+                                <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress0'"
+                                        :data-color="'#F9A825'" :data-unit="formatProgress(chil.name)"
+                                        :data-value="chil.data.lastCount || 0"></canvas>
+                                <span>{{ objPagesData.contrastDate }}</span>
+                            </div>
+                            <div class="item">
+                                <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress1'"
+                                        :data-color="'#33CAAE'" :data-unit="formatProgress(chil.name)"
+                                        :data-value="chil.data.count || 0"></canvas>
+                                        
+                                <span>{{ objPagesData.nowDate }}</span>
+                            </div>
+                        </div>
+                    </div>
+                </template>
+                <template v-else-if="(data.name == '指标最高项目' || data.name == '指标最低项目') && Object.keys(chil.data).length > 0 ">
+                    <template v-if="chil.name == '标记顾问率'">
+                        <div class="box-card" :key="chilIndex">
+                            <div class="title">二、{{ ites.name }}-{{ chil.name }}{{ data.name | strGet}}
+                                <image class="logo"
+                                       src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                            </div>
+                            <div class="chart-title">
+                                {{ chil.data.name }}项目,{{chil.name}}
+                                <span style="color: #3E50E8">{{ chil.data.rate || 0 }}%</span>
+                            </div>
+                            <div class="pieRemark">
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress0'"
+                                            :data-color="'#33CAAE'" :data-unit="'次'"
+                                            :data-value="chil.data.data || 0"></canvas>
+                                    <span>有效接待</span>
+                                </div>
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress1'"
+                                            :data-color="'#F9A825'" :data-unit="'个'"
+                                            :data-value="chil.data.count || 0"></canvas>
+                                    <span>已标记</span>
+                                </div>
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress2'"
+                                            :data-color="'#F9A825'" :data-unit="'%'"
+                                            :data-value="chil.data.rate || 0"></canvas>
+                                    <span>标记率</span>
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                    <template v-else-if="chil.name == '接待量'">
+                        <div class="box-card"  :key="chilIndex">
+                            <div class="title">二、{{ ites.name }}-{{ chil.name }}{{ data.name | strGet}}
+                                <image class="logo"
+                                       src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                            </div>
+                            <div class="chart-title">{{ chil.data.name }}项目,{{chil.name}}<span
+                                    style="color: #3E50E8">{{ chil.data.data || 0
+                                }}</span>次
+                            </div>
+                            <div class="pieRemark">
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress0'"
+                                            :data-color="'#33CAAE'" :data-unit="formatProgress(chil.name)"
+                                            :data-value="chil.data.data || 0"></canvas>
+                                    <span>接待量</span>
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                    <template v-else-if="chil.name == '违禁接待次数' || chil.name == '平均接待时长' || chil.name == '敏感词触发次数' || chil.name == '有效接待率' || '平均挖掘执行率'">
+                        <div class="box-card" :key="chilIndex">
+                            <div class="title">二、{{ ites.name }}-{{ chil.name }}{{ data.name | strGet}}
+                                <image class="logo"
+                                       src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                            </div>
+                            <div class="chart-title">{{ chil.data.name }}项目,{{chil.name}}<span
+                                    style="color: #3E50E8">{{ chil.data.rate || 0
+                                }}</span>{{ chil.name | unitText }}
+                            </div>
+                            <div class="pieRemark">
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress0'"
+                                            :data-color="'#33CAAE'" data-unit="次"
+                                            :data-value="chil.data.data || 0"></canvas>
+                                    <span>有效接待</span>
+                                </div>
+
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress1'"
+                                            :data-color="'#F9A825'" :data-unit="formatProgress(chil.name)"
+                                            :data-value="chil.data.rate || 0"></canvas>
+                                    <span>{{ chil.name }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                    <template v-else>
+                        <div class="box-card" :key="chilIndex">
+                            <div class="title">二、{{ ites.name }}-{{ chil.name }}{{ data.name | strGet}}
+                                <image class="logo"
+                                       src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                            </div>
+                            <div class="chart-title">{{ chil.data.name }}项目,{{chil.name}}<span
+                                    style="color: #3E50E8">{{ chil.data.rate || 0
+                                }}</span>{{ chil.name | unitText }}
+                            </div>
+                            <div class="pieRemark">
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress0'"
+                                            :data-color="'#33CAAE'" data-unit="次"
+                                            :data-value="chil.data.data || 0"></canvas>
+                                    <span>接待量</span>
+                                </div>
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress1'"
+                                            :data-color="'#F9A825'" :data-unit="formatProgress(chil.name)"
+                                            :data-value="chil.data.rate || 0"></canvas>
+                                    <span>有效接待</span>
+
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                </template>
+                <template v-else>
+                    <template v-if="chil.data && Object.keys(chil.data).length > 0">
+                        <div class="box-card" :key="chilIndex">
+                            <div class="title">二、{{ ites.name }}-{{ chil.name }}{{ data.name | strGet}}
+                                <image class="logo"
+                                       src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                            </div>
+                            <div class="chart-title">
+                                <span>
+                                    {{ chil.data.name }}项目,{{chil.name}}
+                                </span>
+                                <span :class="{up: chil.data.differ > 0, down: chil.data.differ < 0}">
+                                    {{ chil.data.differ || 0}}
+                                </span>
+                            </div>
+                            <div class="pieRemark">
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress0'"
+                                            :data-color="'#33CAAE'" :data-unit="formatProgress(chil.name)"
+                                            :data-value="chil.data.data || 0"></canvas>
+                                    <span>接待量</span>
+                                </div>
+                                <div class="item">
+                                    <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress1'"
+                                            :data-color="'#F9A825'" :data-unit="formatProgress(chil.name)"
+                                            :data-value="chil.data.rate || 0"></canvas>
+                                    <span>有效接待</span>
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                </template>
+            </template>
+        </template>
+
+        <template v-else-if="data.name == '项目指标变化'">
+            <div class="box-card" v-for="(chil, chilIndex) in data.children" :key="chilIndex">
+                <div class="title">二、{{ ites.name }}-{{ chil.name }}
+                    <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                </div>
+
+                <div class="tab">
+                    <el-table
+                            :data="chil.data"
+                            border
+                            header-cell-class-name="header-style"
+                            style="width: 100%">
+                        <el-table-column
+                                align="center"
+                                prop="name"
+                                label="项目名称">
+                        </el-table-column>
+                        <el-table-column
+                                align="center"
+                                prop="data"
+                                :label="objPagesData.nowDate">
+                        </el-table-column>
+                        <el-table-column
+                                align="center"
+                                prop="lastData"
+                                :label="objPagesData.contrastDate">
+                        </el-table-column>
+                        <el-table-column
+                                align="center"
+                                prop="differ"
+                                label="涨跌幅">
+                            <template slot-scope="{row}">
+                                <span :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ}}</span><span
+                                    v-if="row.differ !=0"
+                                    :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ > 0 ? '↑' : '↓'}}</span>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </div>
+                <div class="subtip">备注：涨跌幅为红色表示上升<span class="up">↑</span>，绿色为下降<span class="down">↓</span>
+                </div>
+            </div>
+        </template>
+    </div>
+</div>
+
+
+<!-- 员工分析 -->
+<div class="block-box" v-for="(ites, index) in employeeAnalysis" :key="index">
+    <div class="block-boxs" v-for="(data, dataIndex) in ites.children" :key="data.name">
+      <!-- 提升最高 -->
+        <template v-for="(chil, chilIndex) in data.children">
+            <template
+                    v-if="checkStaffShow(data.name) && chil.name == '平均销讲执行率' && chil.data && Object.keys(chil.data).length > 0">
+                <div v-if="chil.data.data" class="box-card">
+                    <div class="title">三、{{ ites.name }}-{{ chil.name }}{{ data.name }}
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <div class="chart-title">
+                        <span>
+                        {{ chil.data.name }}项目{{ chil.data.agentName }}{{ objPagesData.nowDate
+                            }}{{ objPagesData.nowDate.length > 10 ? '' : '月份' }}{{ chil.name }}
+                        </span>
+                        <span>{{ chil.name }} {{ data.name | showWhat }}</span>
+                        <span :class="{up: chil.data.count > 0, down: chil.data.count < 0}">
+                          {{ Math.abs(chil.data.count || 0) }}%
+                        </span>
+                    </div>
+                    <div :id="chil.echartsId" style="margin-top: 20px;width:100%;height: 380px"></div>
+                </div>
+                <!-- 表格 -->
+                <div class="box-card" v-if="chil.data.data">
+                    <div class="title">三、{{ ites.name }}-{{ chil.name }}{{ data.name }}
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <div class="chart-title">
+                        <span>
+                        {{ chil.data.name }}项目{{ chil.data.agentName }}{{ objPagesData.nowDate
+                            }}{{ objPagesData.nowDate.length > 10 ? '' : '月份' }}{{ chil.name }}
+                        </span>
+                        <span>{{ chil.name }} {{ data.name | showWhat }}</span>
+                        <span :class="{up: chil.data.count > 0, down: chil.data.count < 0}">
+                          {{ Math.abs(chil.data.count || 0) }}%
+                        </span>
+                    </div>
+                    <div class="tab">
+                        <el-table
+                                :data="chil.data.data"
+                                border
+                                header-cell-class-name="header-style"
+                                style="width: 100%">
+                            <el-table-column
+                                    align="center"
+                                    prop="name"
+                                    label="销讲场景">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="count"
+                                    :label="objPagesData.nowDate">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="lastCount"
+                                    :label="objPagesData.contrastDate">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="differ"
+                                    label="对比">
+
+                                <template slot-scope="{row}">
+                                    <span :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ}}</span><span
+                                        v-if="row.differ !=0"
+                                        :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ > 0 ? '↑' : '↓'}}</span>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                    <div class="tip" v-if="chil.analyze">分析：{{ chil.analyze }}</div>
+                    <div class="subtip">备注：涨跌幅为红色表示上升<span class="up">↑</span>，绿色为下降<span class="down">↓</span>
+                    </div>
+                </div>
+                <!-- 二级 -->
+                <div v-if="chil.data.data" class="box-card">
+                    <div class="title">
+                        三、{{ ites.name }}-{{ chil.name }}{{ data.name }}
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <div class="chart-title">
+                        <span>
+                        {{ chil.data.name }}项目{{ chil.data.agentName }}{{ objPagesData.nowDate
+                            }}{{ objPagesData.nowDate.length > 10 ? '' : '月份' }}{{ chil.name }}
+                        </span>
+                        <span>{{ chil.name }} {{ data.name | showWhat }}</span>
+                        <span :class="{up: chil.data.count > 0, down: chil.data.count < 0}">
+                            {{ Math.abs(chil.data.count || 0) }}%
+                        </span>
+                    </div>
+                    <!-- 循环的box -->
+                    <div v-for="(wqe,adasd) in chil.data.data" :key="adasd">
+                        <div class="titles">{{ wqe.name }}</div>
+                        <div class="percents">
+                            <div class="percents-box" v-for="(dadsa21, dsahdahjk2) in wqe.children"
+                                 :key="dsahdahjk2">
+                                <span class="left_label">{{ dadsa21.name }}</span>
+                                <div class="percent-box">
+                                    <div class="showtext">{{ dadsa21.count }}%</div>
+                                    <div class="percent-line" :style="{width: (dadsa21.count+'%') }"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </template>
+            <template v-else-if="data.name == '管理者记录'">
+                <div class="box-card">
+                    <div class="title">
+                        三、{{ ites.name }}-{{ chil.name }}管理员操作记录
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <div class="tab">
+                        <el-table
+                                :data="chil.data"
+                                border
+                                header-cell-class-name="header-style"
+                                style="width: 100%">
+                            <el-table-column
+                                    align="center"
+                                    prop="name"
+                                    label="项目名称">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="loginCount"
+                                    label="登录次数">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="lookRecordCount"
+                                    label="查看接待">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="violatedCount"
+                                    label="违禁处理">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="invaildAuditCount"
+                                    label="无效审核">
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                </div>
+            </template>
+            <template v-else-if="data.name == '员工排名'">
+                <div class="box-card">
+                    <div class="title">
+                        三、{{ ites.name }}-{{ chil.name }}{{ data.name }}
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <template v-if="chil.name.indexOf('平均') != -1">
+                        <div class="chart-title" v-if="chil.avg && chil.avg != 0">{{ chil.value }}<span
+                                style="color: #3E50E8">{{ chil.avg || 0
+                            }}</span>{{ formatTimes('', chil.name) }}
+                        </div>
+                    </template>
+                    <div :id="chil.echartsId" style="margin-top: 20px;width:100%;height: 380px"></div>
+                </div>
+            </template>
+            <template v-else-if="data.name == '提升排名'">
+                <div class="box-card" v-if="chil.data && chil.data.length > 0">
+                    <div class="title">
+                        三、{{ ites.name }}-{{ chil.name }}{{data.name}}top{{chil.data.length}}
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <div class="tab">
+                        <el-table
+                                :data="chil.data"
+                                border
+                                header-cell-class-name="header-style"
+                                style="width: 100%">
+                            <el-table-column
+                                    align="center"
+                                    prop="name"
+                                    label="项目名称">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="agentName"
+                                    label="员工">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="count"
+                                    :label="objPagesData.nowDate">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="lastCount"
+                                    :label="objPagesData.contrastDate">
+                            </el-table-column>
+                            <el-table-column
+                                    align="center"
+                                    prop="differ"
+                                    label="涨跌幅">
+                                <template slot-scope="{row}">
+                                    <span :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ}}</span><span
+                                        v-if="row.differ !=0"
+                                        :class="{up: row.differ > 0, down: row.differ < 0}">{{row.differ > 0 ? '↑' : '↓'}}</span>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                </div>
+            </template>
+            <template v-else>
+                <div class="box-card"
+                     v-if="chil.data && (Object.keys(chil.data).length > 0 || chil.data.length > 0)">
+                     <!-- | upDownText -->
+                    <div class="title">三、{{ ites.name }}-{{ chil.name }}{{ data.name }}
+                        <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+                    </div>
+                    <div class="chart-title">{{ chil.data.name }}的{{ chil.data.agentName }}{{chil.name}}{{ data.name | showWhat }}<span
+                            style="color: #3E50E8">{{ Math.abs(chil.data.differ || 0)
+                        }}</span>{{ formatTimes('', chil.name) }}
+                    </div>
+                    <div class="pieRemark">
+                        <div class="item">
+                            <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress0'"
+                                    :data-color="'#33CAAE'" :data-unit="formatProgress(chil.name)"
+                                    :data-value="chil.data.lastCount || 0"></canvas>
+                            <span>{{ objPagesData.contrastDate }}</span>
+                        </div>
+
+                        <div class="item">
+                            <canvas :class="chil.echartsId" :id="chil.echartsId+'Progress1'"
+                                    :data-color="'#F9A825'" :data-unit="formatProgress(chil.name)"
+                                    :data-value="chil.data.count || 0"></canvas>
+                            <span>{{ objPagesData.nowDate }}</span>
+
+                        </div>
+                    </div>
+                </div>
+            </template>
+        </template>
+    </div>
+</div>
+
+<!-- 用户画像 -->
+<div class="block-box">
+    <div class="box-card" v-if="customerPortrait.includes('画像触达总览')">
+        <div class="title">
+            四、用户画像-总览
+            <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+        </div>
+        <div class="tab tab-flex">
+            <el-table
+                    :data="customerPortraitList"
+                    border
+                    header-cell-class-name="header-style"
+                    style="width: 48%">
+                <el-table-column
+                        align="center"
+                        type="index"
+                        width="60px"
+                        label="排名">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        prop="name"
+                        label="需求名称">
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        prop="data"
+                        label="触达客户">
+                    <template slot-scope="scope">
+                        <span>{{scope.row.data || 0}}%</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        align="center"
+                        class-name="reds"
+                        label="触达项目">
+                    <template slot-scope="scope">
+                        <span>{{scope.row.count || 0}}%</span>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div class="subtip" style="color: #E7483C;">提示：本次统计仅计算已标记的接待</div>
+    </div>
+
+    <div class="box-card" v-if="customerPortrait.includes('项目画像触达')" v-for="(item,index) in touchesList">
+        <div class="title">
+            四、用户画像-{{item.name}}
+            <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+        </div>
+        <div class="chart-title">{{item.name}}项目，{{ objPagesData.nowDate
+            }}{{ objPagesData.nowDate.length > 10 ? '' : '月份' }}的挖掘成功率为<span
+                    style="color: #E7483C">{{item.count}}%</span></div>
+        <div class="alllistbox">
+            <div class="alllist" v-for="(subitem,i) in item.data" @click="movePlace(index)"
+                 style="cursor:pointer;">
+                <div class="alllist-text1">{{subitem.name}}</div>
+                <div class="alllist-text1">{{subitem.count}}</div>
+            </div>
+        </div>
+        <div class="subtip" style="color: #E7483C;">提示：本次统计仅计算已标记的接待</div>
+    </div>
+    <div class="box-card" v-if="customerPortrait.includes('项目画像触达')">
+        <div class="title">
+            四、用户画像-弱项优化
+            <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+        </div>
+        <div class="advice-name">
+            <div class="quetion-mark">问题</div>
+            针对【用户画像】中部分画像触达为0
+        </div>
+        <div class="reason">
+            <div class="label">原因：</div>
+            1、案场规范问题，导致接待录音数据丢失，以及接待时置业顾问没有提问或客户并未回答，因而影响画像描摹清晰度。</br>
+            2、接收到的项目提供的客户画像资料不多。
+        </div>
+        <div class="reason">
+            <div class="label">建议：</div>
+            1、接待后及时标记；针对「0 触达」模块，增加符合案场话术的后台配置，或进行无效模块的删减。</br>
+            2、标记顾问后，顾问可对客户画像进行校准，对客户画像进行完善。
+        </div>
+    </div>
+</div>
+
+<!-- 使用建议 -->
+<template v-if="usageSuggestions.length > 0">
+    <div class="block-box"
+         v-if="usageSuggestions.includes('硬件-充电及网络问题') || usageSuggestions.includes('硬件-充电及网络问题解决方案')">
+        <div class="box-card" v-if="usageSuggestions.includes('硬件-充电及网络问题')">
+            <div class="title">五、使用提升建议
+                <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+            </div>
+            <div class="advice-name">
+                <div class="dot">
+                    <div class="dot1"></div>
+                    <div class="dot2"></div>
+                </div>
+                硬件-充电及网络问题
+            </div>
+            <div class="question-box">
+                <div class="question-item">
+                    <div class="name">1、未及时充电</div>
+                    <div class="answer">项目由于接待量大导致工牌未及时充电，造成接待过程中工牌没电自动关机。</div>
+                    <div class="method"><span class="label">解决办法：</span>目前可以达成小程序提醒，在低电量和即将超</div>
+                </div>
+                <div class="question-item">
+                    <div class="name">2、离线接待（无网）</div>
+                    <div class="answer">项目出现离线开启录音情况，造成离线接待问</div>
+                    <div class="method"><span class="label">建议：</span>确保工牌有电量的状态下，每次接待开启工牌建议先看一下工牌是否在线，工牌开启地点选在wifi设备附近，确保网络情况良好。
+                    </div>
+                </div>
+
+            </div>
+        </div>
+        <div class="box-card" v-if="usageSuggestions.includes('硬件-充电及网络问题解决方案')">
+            <div class="title">五、使用提升建议
+                <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+            </div>
+            <div class="advice-name">
+                <div class="dot">
+                    <div class="dot1"></div>
+                    <div class="dot2"></div>
+                </div>
+                硬件-充电及网络问题解决方案
+            </div>
+            <div style="display: flex">
+                <div class="list-box">
+                    <div class="list-item">
+                        <div class="index">1</div>
+                        <div class="text">点击进入小程序个人页面订阅消息模块。</div>
+                    </div>
+                    <div class="list-item">
+                        <div class="index">2</div>
+                        <div class="text">关注数智工牌公众号，识别二维码点击【用户绑定】，完成绑定即可。</div>
+                    </div>
+                    <div class="list-item">
+                        <div class="index">3</div>
+                        <div class="text">设备低电量提醒发送给设备领用人；接待即将超时提醒发送给接待的顾问。</div>
+                    </div>
+                </div>
+                <image class="pic" style="width: 250px;display: block;"
+                       src="http://images.2weisou.com/20221125194511gL47NpBB.png"/>
+            </div>
+        </div>
+    </div>
+    <div class="block-box"
+         v-if="usageSuggestions.includes('应用-顾问未标记') || usageSuggestions.includes('应用-标记顾问流程')">
+        <div class="box-card" v-if="usageSuggestions.includes('应用-顾问未标记')">
+            <div class="title">五、使用提升建议
+                <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+            </div>
+            <div class="advice-name">
+                <div class="dot">
+                    <div class="dot1"></div>
+                    <div class="dot2"></div>
+                </div>
+                应用-顾问未标记
+            </div>
+            <div class="advice-name">
+                <div class="quetion-mark">问题</div>
+                针对【用户画像】中部分画像触达为0
+            </div>
+            <div class="reason">
+                <div class="label">建议一、</div>
+                督促顾问形成习惯进行客户角色标记，只有标记才能识别客户画像词语，生成客户画像分析。</br>
+            </div>
+            <div class="reason">
+                <div class="label">建议二、</div>
+                管理者可在小程序【顾问排名】查看未标顾问及未标数量，及时通知置业顾问，或形成相应考核制度辅助监管。</br>
+            </div>
+        </div>
+        <div class="box-card" v-if="usageSuggestions.includes('应用-标记顾问流程')">
+            <div class="title">五、使用提升建议
+                <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+            </div>
+            <div class="advice-name">
+                <div class="dot">
+                    <div class="dot1"></div>
+                    <div class="dot2"></div>
+                </div>
+                应用-标记顾问流程
+            </div>
+            <div class="process">
+                <div class="item">
+                    <image class="pic" src="http://images.2weisou.com/202211251729093vYNRp1i.png"/>
+                    <div class="name">客户接访记录列表</div>
+                </div>
+                <div class="item">
+                    <image class="pic" src="http://images.2weisou.com/20221125173044kTmpxyEm.png"/>
+                    <div class="name">点击接访记录可查看接访详情</div>
+                </div>
+                <div class="item">
+                    <image class="pic" src="http://images.2weisou.com/202211251731018ztwFyRH.png"/>
+                    <div class="name">根据角色分离结果标记置业顾问声音</div>
+                </div>
+                <div class="item">
+                    <image class="pic" src="http://images.2weisou.com/20221125173123zVTd8Ej6.png"/>
+                    <div class="name">标注完成，系统自动标注客户画像</div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+    <div class="block-box" v-if="usageSuggestions.includes('应用-执行率问题') || usageSuggestions.includes('自定义内容')">
+        <div class="box-card" v-if="usageSuggestions.includes('应用-执行率问题')">
+            <div class="title">五、使用提升建议
+                <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+            </div>
+            <div class="advice-name">
+                <div class="dot">
+                    <div class="dot1"></div>
+                    <div class="dot2"></div>
+                </div>
+                应用-执行率问题
+            </div>
+            <div class="advice-name">
+                <div class="quetion-mark">问题</div>
+                接待销讲分差大
+            </div>
+            <div class="reason">
+                <div class="label">原因：</div>
+                督促顾问形成习惯进行客户角色标记，只有标记才能识别客户画像词语，生成客户画像分析
+            </div>
+            <div class="reason">
+                <div class="label">建议：</div>
+                稳定销讲输出，非接待场景请提醒置业顾问不要开启录音。接待时，离客户不要过远，工牌不要用衣物遮挡。如果涉及非接待场景录音等情况，可以向管理者评估是否标记无效，否则影响销讲率。
+            </div>
+            <div class="advice-name">
+                <div class="quetion-mark">问题</div>
+                场景输出少
+            </div>
+            <div class="reason">
+                <div class="label">原因：</div>
+                场景输出不彻底，遗漏部分的关键词。
+            </div>
+            <div class="reason">
+                <div class="label">建议：</div>
+                建议管理员定时抽查置业顾问对加强对销讲词的熟悉程度。建议管理人员考核话术宣贯，并加强督促执行；考核词需要优化更改请及时联系服务人员。
+            </div>
+            <div class="advice-name">
+                <div class="quetion-mark">问题</div>
+                场景输出少
+            </div>
+            <div class="reason">
+                <div class="label">建议：</div>
+                建议管理员根据顾问执行情况，适时调整销讲词。
+            </div>
+        </div>
+        <div class="box-card" v-if="usageSuggestions.includes('自定义内容')">
+            <div class="title">五、使用提升建议
+                <image class="logo" src="http://images.2weisou.com/20221122140022r9Hgtfqj.png"></image>
+            </div>
+            <div class="mybtn" @click="centerDialogVisible=true">
+                <image src="http://images.2weisou.com/20221125170116L5z8D0Ek.png" class="add-icon"/>
+                自定义内容
+            </div>
+        </div>
+    </div>
+    <el-dialog
+            title="修改意见"
+            :visible.sync="centerDialogVisible"
+            width="50%"
+            center>
+        <el-form ref="form" :model="form" label-width="100px">
+            <el-form-item label="建议标题">
+                <el-input v-model="form.name"></el-input>
+            </el-form-item>
+            <el-form-item label="建议内容">
+                <el-input
+                        type="textarea"
+                        :rows="2"
+                        placeholder="请输入内容"
+                        v-model="form.cont">
+                </el-input>
+            </el-form-item>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+    <el-button @click="centerDialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="submitFun">确 定</el-button>
+  </span>
+    </el-dialog>
+</template>
+</div>
+
+
+  </div>
+</template>
+
+
+<script>
+import html2canvas from "html2canvas";
+import jsPDF from "jspdf";
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      id: "", // 智能报告详情id
+      form: {
+        name: "",
+        cont: "",
+      },
+      centerDialogVisible: false,
+      customerPortraitList: [], //用户画像总览1
+      touchesList: [], //用户画像触达
+      pageDataObj: {}, //
+      needCpuData: [
+        {
+          name: "数据概览",
+          value: "dateAllLocking",
+        },
+        {
+          name: "销讲分析",
+          value: "marketingAnalysis",
+        },
+        {
+          name: "员工分析",
+          value: "employeeAnalysis",
+        },
+        {
+          name: "客户画像",
+          value: "customerPortrait",
+        },
+        {
+          name: "使用建议",
+          value: "usageSuggestions",
+        },
+      ], // 需要处理的数据列表
+      dateAllLocking: [], // 数据总览
+      marketingAnalysis: [], // 销讲分析
+      employeeAnalysis: [], // 员工分析
+      customerPortrait: [], // 客户画像
+      usageSuggestions: [], // 使用建议
+      // 需要展示的情况
+      analysisShowList: [
+        "指标提升最大",
+        "指标下降最大",
+        "指标最高项目",
+        "指标最低项目",
+      ],
+      staffList: ["提升最大", "明显下跌"],
+      objPagesData: {}, // 页面数据
+
+      projectList: [], // 项目列表
+      params: {
+        dateType: "周", //  周 月 自定义
+        houseType: "全部", //
+        selectHouseId: [], // 选中house的id
+        time: "", // 日期
+        contrastTime: "", // 对比日期
+      },
+      // 周选择器配置
+      weekPickerOptions: {
+        disabledDate(time) {
+          const halfYear = (365 / 2) * 24 * 3600 * 1000;
+          let newDates = new Date();
+          let startTime = new Date(newDates.getTime() - halfYear).getTime();
+          return time.getTime() > Date.now() || time.getTime() < startTime;
+        },
+      },
+      dateTypeLsit: [
+        {
+          label: "周",
+        },
+        {
+          label: "月",
+        },
+        {
+          label: "自定义",
+        },
+      ],
+      selectItem: [
+        {
+          label: "全部",
+        },
+        {
+          label: "不等于",
+        },
+        {
+          label: "等于",
+        },
+      ],
+    };
+  },
+
+  created() {
+    if (this.$route.query.id) this.id = this.$route.query.id;
+    this.getFindDataById(); // 查看详情
+  },
+  computed: {
+    // 展示首访文字
+    showRecheck() {
+      return (name) => {
+        let arr = [
+          "违禁接待次数",
+          "敏感词触发次数",
+          "标记顾问率",
+          "在线设备",
+          "接待校准率",
+        ];
+        if (!arr.includes(name)) {
+          return true;
+        } else {
+          return false;
+        }
+      };
+    },
+
+    //
+    checkShow() {
+      return (name) => {
+        return this.analysisShowList.findIndex((item) => item == name) != -1;
+      };
+    },
+    //
+    checkStaffShow() {
+      return (name) => {
+        return this.staffList.findIndex((item) => item == name) != -1;
+      };
+    },
+  },
+
+  mounted() {
+    setTimeout(() => {
+      this.initEcharts();
+    }, 2000);
+  },
+
+  methods: {
+    // 导出
+    exportData() {
+      html2canvas(document.getElementById("pdfHtml"), {
+        allowTaint: true,
+        scale: 1,
+        dpi: 300,
+        //加上白色背景
+        backgroundColor: "#FFF",
+      }).then((canvas) => {
+        let contentWidth = canvas.width;
+        let contentHeight = canvas.height;
+        let pdfX = ((contentWidth + 10) / 1) * 0.75;
+        let pdfY = ((contentHeight + 300) / 1) * 0.75; // 500为底部留白
+        let imgWidth = pdfX;
+        let imgHeight = (contentHeight / 1) * 0.75;
+        let pageData = canvas.toDataURL("image/jpeg", 1.0);
+        let PDF = new jsPDF("", "pt", [pdfX, pdfY]);
+        PDF.addImage(pageData, "JPEG", 0, 0, imgWidth, imgHeight);
+
+        PDF.save(this.objPagesData.name + ".pdf");
+      });
+    },
+    // 获取该公司下的项目
+    getProjectList() {
+      this.$api.http
+        .monthlyGetProjectListopenApiData({
+          orgCode: this.objPagesData.orgCode,
+        })
+        .then((res) => {
+          this.projectList = res.data;
+        });
+    },
+
+    submitFun() {
+      this.centerDialogVisible = false;
+    },
+    initEcharts() {
+      this.dateAllLocking.forEach((item, index) => {
+        if (item.children && item.children.length > 0) {
+          item.children.forEach((child, childIndex) => {
+            if (child.children && child.children.length > 0) {
+              child.children.forEach((childs) => {
+                if (child.name.indexOf("分布") != -1 && childs.data) {
+                  this.myChartinit(childs);
+                }
+                if (child.name.indexOf("趋势") != -1 && childs.data) {
+                  this.myChartinits(childs);
+                }
+              });
+            }
+          });
+        }
+      });
+
+      this.marketingAnalysis.forEach((item, index) => {
+        if (item.children && item.children.length > 0) {
+          item.children.forEach((child, childIndex) => {
+            if (child.children && child.children.length > 0) {
+              child.children.forEach((childs) => {
+                if (
+                  child.name == "项目排名" &&
+                  childs.data &&
+                  childs.data.length > 0
+                ) {
+                  this.myChartinitColumn(childs);
+                }
+                if (
+                  this.checkShow(child.name) &&
+                  childs.name == "平均销讲执行率" &&
+                  childs.data
+                ) {
+                  this.myChartinitRadar(childs);
+                }
+                $("." + childs.echartsId).each(function (index, e) {
+                  $(this).attr("data-unit");
+                  let unit = $(this).attr("data-unit");
+                  let value = $(this).attr("data-value");
+                  let bgColor = $(this).attr("data-color");
+                  new Progressbar({
+                    id: childs.echartsId + "Progress" + index,
+                    width: '300px',
+                    height: '300px',
+                    radius: 90,
+                    text: unit,
+                    value: value,
+                    init: true,
+                    barColor: bgColor,
+                  });
+                });
+              });
+            }
+          });
+        }
+      });
+
+      this.employeeAnalysis.forEach((item, index) => {
+        if (item.children && item.children.length > 0) {
+          item.children.forEach((child, childIndex) => {
+            if (child.children && child.children.length > 0) {
+              child.children.forEach((childs) => {
+                if (
+                  child.name == "员工排名" &&
+                  childs.data &&
+                  childs.data.length > 0
+                ) {
+                  this.myChartinitColumn(childs);
+                }
+                if (
+                  this.checkStaffShow(child.name) &&
+                  childs.name == "平均销讲执行率" &&
+                  childs.data
+                ) {
+                  this.myChartinitRadar(childs);
+                }
+
+                $("." + childs.echartsId).each(function (index, e) {
+                  $(this).attr("data-unit");
+                  let unit = $(this).attr("data-unit");
+                  let value = $(this).attr("data-value");
+                  let bgColor = $(this).attr("data-color");
+                  new Progressbar({
+                    id: childs.echartsId + "Progress" + index,
+                    width: '300px',
+                    height: '300px',
+                    radius: 90,
+                    text: unit,
+                    value: value,
+                    init: true,
+                    barColor: bgColor,
+                  });
+                });
+              });
+            }
+          });
+        }
+      });
+    },
+
+    //查看详情
+    getFindDataById() {
+      this.$api.http
+        .monthlyFindDataByIdopenApiData({
+          id: this.id,
+        })
+        .then((res) => {
+          if (res.code == 10000) {
+            this.objPagesData = res.data;
+            this.params = JSON.parse(res.data.screen);
+            let arr = this.formatData(JSON.parse(res.data.data));
+            this.getProjectList();
+            this.needCpuData.forEach((item) => {
+              if (
+                item.value != "usageSuggestions" &&
+                item.value != "customerPortrait"
+              ) {
+                this[item.value] = arr.filter((ars) => ars.name == item.name);
+              } else {
+                let arss = arr.filter((ars) => ars.name == item.name)[0];
+                arss.children.forEach((child) => {
+                  this[item.value].push(child.name);
+                  if (
+                    item.value == "customerPortrait" &&
+                    child.name == "画像触达总览" &&
+                    child.children[0].length != 0
+                  ) {
+                    this.customerPortraitList = child.children[0].data;
+                  } else if (
+                    item.value == "customerPortrait" &&
+                    child.name == "项目画像触达" &&
+                    child.children[0].length != 0
+                  ) {
+                    this.touchesList = child.children[0].data;
+                  }
+                });
+              }
+            });
+            this.dateAllLocking.forEach((item, index) => {
+              item.children.forEach((child, childIndex) => {
+                child.children.forEach((childs, indexs) => {
+                  childs.echartsId =
+                    "screening" +
+                    index +
+                    "second" +
+                    childIndex +
+                    "last" +
+                    indexs;
+                });
+
+                if (child.name.indexOf("概况") != -1) {
+                  child.children = this.groupList(child.children, 3);
+                }
+              });
+            });
+
+            this.marketingAnalysis.forEach((item, index) => {
+              item.children.forEach((child, childIndex) => {
+                child.children.forEach((childs, indexs) => {
+                  childs.echartsId =
+                    "selling" + index + "second" + childIndex + "last" + indexs;
+                });
+              });
+            });
+
+            this.employeeAnalysis.forEach((item, index) => {
+              item.children.forEach((child, childIndex) => {
+                child.children.forEach((childs, indexs) => {
+                  childs.echartsId =
+                    "employee" +
+                    index +
+                    "second" +
+                    childIndex +
+                    "last" +
+                    indexs;
+                });
+              });
+            });
+
+            console.log(this.dateAllLocking);
+          }
+        });
+    },
+
+    groupList(array, subGroupLength) {
+      let index = 0;
+      let newArray = [];
+      while (index < array.length) {
+        newArray.push(array.slice(index, (index += subGroupLength)));
+      }
+      return newArray;
+    },
+
+    //
+    movePlace(index) {
+      console.log(123);
+    },
+
+    formatTimes(percentage, name) {
+      let unit = "";
+      if (name.indexOf("率") != -1) {
+        unit = "%";
+      } else if (name.indexOf("时长") != -1) {
+        unit = "分钟";
+      } else if (name == "接待销讲执行率") {
+        unit = "个";
+      } else {
+        unit = "次";
+      }
+      return percentage + unit;
+    },
+
+    formatProgress(name) {
+      let unit = "";
+      if (name.indexOf("率") != -1) {
+        unit = "%";
+      } else if (name.indexOf("时长") != -1) {
+        unit = "分钟";
+      } else if (name == "接待销讲执行率") {
+        unit = "个";
+      } else {
+        unit = "次";
+      }
+      return unit;
+    },
+
+    formatMin(percentage) {
+      return percentage + "分钟";
+    },
+
+    // 格式化数据
+    formatData(arr) {
+      arr.forEach((item) => {
+        for (let i in item) {
+          item.name = i;
+          item.children = item[i];
+          if (item.children.length > 0) {
+            item.children.forEach((child) => {
+              for (let chilIndex in child) {
+                child.name = chilIndex;
+                child.children = child[chilIndex];
+              }
+            });
+          }
+        }
+      });
+      return arr;
+    },
+
+    // 初始化表格 分布的表格
+    myChartinit(item) {
+      console.log(item, "分布的表格，这儿");
+      try {
+        let myChart = echarts.init(document.getElementById(item.echartsId));
+        let option = {};
+        if (!item.data || !Array.isArray(item.data)) {
+          console.log("进这里了error");
+          option = this.setEmpty();
+        } else {
+          console.log("进这里了success");
+          let items = item;
+          let objoptlis = [];
+          let objoptlis1 = [];
+          item.data.forEach((ice) => {
+            objoptlis.push({ value: ice.count, name: ice.name });
+            objoptlis1.push({ value: ice.lastCount, name: ice.name });
+          });
+          option = {
+            color: [
+              "#66AFF5",
+              "#FABD2B",
+              "#6F8EDC",
+              "#FFCF8F",
+              "#F98120",
+              "#1CC99E",
+              "#9474FB",
+              "#657292",
+              "#7A6A99",
+              "#BF5D52",
+              "#EE6666",
+              "#77B7E4",
+              "#E6A065",
+              "#9D5139",
+              "#C1AA88",
+              "#F87F7A",
+              "#F6CF74",
+              "#7F5506",
+              "#88BB9B",
+              "#6E99AA",
+              "#5789D0",
+            ],
+            title: [
+              {
+                text: this.objPagesData.nowDate,
+                left: this.objPagesData.nowDate.length <= 10 ? "26%" : "19%", //居中显示
+                top: "80%", //底部显示
+                textStyle: {
+                  color: "#333333",
+                  fontSize: 14,
+                },
+              },
+              {
+                text: this.objPagesData.contrastDate,
+                left:
+                  this.objPagesData.contrastDate.length <= 10 ? "61.5%" : "55%", //居中显示
+                top: "80%", //底部显示
+                textStyle: {
+                  color: "#333333",
+                  fontSize: 14,
+                },
+              },
+            ],
+            tooltip: {
+              show: true,
+              trigger: "item",
+              formatter: (item) => {
+                let obj = item;
+                let unit = "";
+                if (
+                  items.name.indexOf("率") != -1 ||
+                  items.name == "接待时长" ||
+                  items.name == "员工平均接待时长"
+                ) {
+                  unit = "次";
+                } else if (items.name.indexOf("时长") != -1) {
+                  unit = "分钟";
+                }
+                return obj.marker + obj.name + ":" + obj.value + unit;
+              },
+            },
+
+            legend: {
+              type: "scroll",
+              data: objoptlis,
+              bottom: 0,
+            },
+
+            graphic: [
+              {
+                type: "text",
+                left: "center",
+                top: "42%",
+                style: {
+                  text: item.total,
+                  textAlign: "center",
+                  fill: "#000",
+                  width: 30,
+                  height: 30,
+                  fontSize: 24,
+                  color: "#32363D",
+                  fontFamily: "Microsoft YaHei",
+                },
+              },
+              {
+                type: "text",
+                left: "center",
+                top: "55%",
+                style: {
+                  text: item.title,
+                  textAlign: "center",
+                  fill: "#000",
+                  width: 30,
+                  height: 30,
+                  fontSize: 16,
+                  color: "#666666",
+                },
+              },
+            ],
+            series: [
+              {
+                name: this.objPagesData.nowDate,
+                type: "pie",
+                radius: "35%",
+                center: ["30%", "50%"],
+                avoidLabelOverlap: true,
+                data: objoptlis,
+              },
+              {
+                name: this.objPagesData.contrastDate,
+                type: "pie",
+                radius: "35%",
+                center: ["65%", "50%"],
+                avoidLabelOverlap: true,
+                data: objoptlis1,
+              },
+            ],
+          };
+        }
+        console.log(option);
+        myChart.setOption(option);
+      } catch (e) {
+        console.log(e);
+      }
+    },
+
+    // 初始化表格 折线的
+    myChartinits(item) {
+      console.log(item, "折线图，这儿");
+      try {
+        let myChart = echarts.init(document.getElementById(item.echartsId));
+        let option = {};
+        if (!item.data || !Array.isArray(item.data) || item.data.length == 0) {
+          option = this.setEmpty();
+        } else {
+          let items = item;
+          let xArr = [];
+          let yArr = [];
+          item.data.forEach((ice) => {
+            xArr.push(ice.name);
+            yArr.push(ice.data);
+          });
+          option = {
+            color: [
+              "#66AFF5",
+              "#FABD2B",
+              "#6F8EDC",
+              "#FFCF8F",
+              "#F98120",
+              "#1CC99E",
+              "#9474FB",
+              "#657292",
+              "#7A6A99",
+              "#BF5D52",
+              "#EE6666",
+              "#77B7E4",
+              "#E6A065",
+              "#9D5139",
+              "#C1AA88",
+              "#F87F7A",
+              "#F6CF74",
+              "#7F5506",
+              "#88BB9B",
+              "#6E99AA",
+              "#5789D0",
+            ],
+
+            tooltip: {
+              trigger: "axis",
+              formatter: (item) => {
+                let obj = item[0];
+                let unit = "";
+                if (items.name.indexOf("率") != -1) {
+                  unit = "%";
+                } else if (items.name == "在线设备" || items.name == "接待量") {
+                  unit = "个";
+                } else if (
+                  items.name.indexOf("次数") != -1 ||
+                  items.name == "有效接待"
+                ) {
+                  unit = "次";
+                } else if (items.name.indexOf("时长") != -1) {
+                  unit = "分钟";
+                }
+                return (
+                  "<div>" +
+                  obj.name +
+                  "</div><div>" +
+                  obj.marker +
+                  obj.value +
+                  unit +
+                  "</div>"
+                );
+              },
+            },
+            xAxis: {
+              type: "category",
+              data: xArr,
+              axisLabel: {
+                interval: 0, //控制X轴刻度全部显示
+                rotate: 45, //倾斜角度
+              },
+            },
+            yAxis: {
+              type: "value",
+              minInterval: 1,
+            },
+
+            legend: {
+              type: "scroll",
+              data: xArr,
+            },
+
+            grid: {
+              left: "8%",
+              right: "8%",
+              bottom: "6%",
+              containLabel: true,
+            },
+
+            series: [
+              {
+                data: yArr,
+                type: "line",
+                smooth: true,
+              },
+            ],
+          };
+
+          if (item.name.indexOf("率") != -1) {
+            option.yAxis.max = 100;
+          }
+        }
+        console.log(option);
+        myChart.setOption(option);
+      } catch (e) {
+        console.log(e);
+      }
+    },
+
+    // 初始化表格 柱状图
+    myChartinitColumn(item) {
+      console.log(item, "柱状图，这里的");
+      try {
+        let myChart = echarts.init(document.getElementById(item.echartsId));
+        let option = {};
+        if (!item.data || !Array.isArray(item.data) || item.data.length == 0) {
+          option = this.setEmpty();
+        } else {
+          let xArr = [];
+          let yArr = [];
+          item.data.forEach((ice) => {
+            xArr.push(ice.name);
+            yArr.push(ice.data);
+          });
+          let color = [
+            "#66AFF5",
+            "#FABD2B",
+            "#6F8EDC",
+            "#FFCF8F",
+            "#F98120",
+            "#1CC99E",
+            "#9474FB",
+            "#657292",
+            "#7A6A99",
+            "#BF5D52",
+            "#EE6666",
+            "#77B7E4",
+            "#E6A065",
+            "#9D5139",
+            "#C1AA88",
+            "#F87F7A",
+            "#F6CF74",
+            "#7F5506",
+            "#88BB9B",
+            "#6E99AA",
+            "#5789D0",
+          ];
+          option = {
+            color: color,
+            tooltip: {
+              axisPointer: {
+                type: "shadow",
+              },
+
+              formatter: (params) => {
+                let unit = "";
+                if (item.name.indexOf("率") != -1) {
+                  unit = "%";
+                } else if (item.name == "在线设备" || item.name == "接待量") {
+                  unit = "个";
+                } else if (
+                  item.name.indexOf("次数") != -1 ||
+                  item.name == "有效接待"
+                ) {
+                  unit = "次";
+                } else if (item.name.indexOf("时长") != -1) {
+                  unit = "分钟";
+                }
+                if (Object.keys(params.data).length > 0) {
+                  return (
+                    "<div>" +
+                    params.name +
+                    "：</div><div>" +
+                    params.marker +
+                    item.name +
+                    "：" +
+                    params.data.value +
+                    unit +
+                    "</div>"
+                  );
+                } else {
+                  return (
+                    "<div>" +
+                    params.name +
+                    "：</div><div>" +
+                    params.marker +
+                    item.name +
+                    "：" +
+                    params.data +
+                    unit +
+                    "</div>"
+                  );
+                }
+              },
+            },
+
+            grid: {
+              left: "8%",
+              right: "8%",
+              bottom: "6%",
+              containLabel: true,
+            },
+
+            xAxis: [
+              {
+                type: "category",
+                data: xArr,
+                axisTick: {
+                  alignWithLabel: true,
+                },
+                axisLabel: {
+                  interval: 0, //控制X轴刻度全部显示
+                  rotate: 45, //倾斜角度
+                },
+              },
+            ],
+
+            yAxis: [
+              {
+                type: "value",
+              },
+            ],
+
+            series: [
+              {
+                name: "",
+                type: "bar",
+                barMaxWidth: "10%",
+                data: yArr,
+                itemStyle: {
+                  normal: {
+                    //这里是颜色
+                    color: (params) => {
+                      //注意，如果颜色太少的话，后面颜色不会自动循环，最好多定义几个颜色
+                      return color[params.dataIndex];
+                    },
+                  },
+                },
+              },
+            ],
+          };
+          if (item.name.indexOf("率") != -1) {
+            option.yAxis[0].max = 100;
+          }
+          let needSave = [
+            "平均销讲执行率",
+            "平均接待时长",
+            "平均挖掘执行率",
+            "平均有效接待率",
+            "平均挖掘成功率",
+            "平均校准率",
+            "平均销讲执行",
+            "平均挖掘执行",
+            "平均有效接待率",
+            "平均挖掘成功率",
+            "平均校准率",
+          ];
+          if (needSave.includes(item.name) && item.avg && item.avg > 0) {
+            option.series[0].markLine = {
+              itemStyle: {
+                normal: {
+                  lineStyle: {
+                    color: "#FF0000",
+                  },
+                },
+              },
+              data: [
+                {
+                  type: "average",
+                  name: "平均值",
+                  yAxis: item.avg,
+                  label: {
+                    formatter: (data) => {
+                      return item.avg;
+                    },
+                  },
+                  tooltip: {
+                    formatter: (data) => {
+                      return (
+                        "<div>" +
+                        item.name +
+                        "</div><div>" +
+                        data.marker +
+                        item.value +
+                        ":" +
+                        item.avg +
+                        "</div>"
+                      );
+                    },
+                  },
+                },
+              ],
+            };
+          }
+        }
+        console.log(option);
+        myChart.setOption(option);
+      } catch (e) {
+        console.log(e);
+      }
+    },
+
+    // 雷达图
+    myChartinitRadar(item) {
+      console.log(item, "雷达图，这儿");
+      try {
+        let myChart = echarts.init(document.getElementById(item.echartsId));
+        let option = {};
+        if (item && item.data && item.data.data) {
+          let xArrs = [];
+          let xArr = [];
+          let yArr = [];
+          let yArr1 = [];
+          item.data.data.forEach((ice) => {
+            xArrs.push({
+              name: ice.name,
+              max: 100,
+            });
+            yArr.push(ice.count || 0);
+            yArr1.push(ice.lastCount || 0);
+          });
+          option = {
+            color: [
+              "#66AFF5",
+              "#FABD2B",
+              "#6F8EDC",
+              "#FFCF8F",
+              "#F98120",
+              "#1CC99E",
+              "#9474FB",
+              "#657292",
+              "#7A6A99",
+              "#BF5D52",
+              "#EE6666",
+              "#77B7E4",
+              "#E6A065",
+              "#9D5139",
+              "#C1AA88",
+              "#F87F7A",
+              "#F6CF74",
+              "#7F5506",
+              "#88BB9B",
+              "#6E99AA",
+              "#5789D0",
+            ],
+
+            grid: {
+              left: "8%",
+              right: "8%",
+              bottom: "6%",
+              containLabel: true,
+            },
+            tooltip: {
+              trigger: "axis",
+            },
+
+            legend: {
+              data: [this.objPagesData.nowDate, this.objPagesData.contrastDate],
+              bottom: 0,
+            },
+
+            radar: {
+              indicator: xArrs,
+              show: true,
+            },
+
+            series: [
+              {
+                name: "",
+                type: "radar",
+                tooltip: {
+                  trigger: "item",
+                },
+                data: [
+                  {
+                    name: this.objPagesData.nowDate,
+                    value: yArr,
+                  },
+                  {
+                    name: this.objPagesData.contrastDate,
+                    value: yArr1,
+                  },
+                ],
+              },
+            ],
+          };
+        } else {
+          option = this.setEmpty();
+        }
+        myChart.setOption(option);
+      } catch (e) {
+        console.log(e);
+      }
+    },
+
+    // 设置数据为空时展示
+    setEmpty() {
+      return {
+        title: {
+          text: " {a|}",
+          x: "center",
+          y: "center",
+          subtext: '糟糕！数据不见了',
+          itemGap: -20,
+          textStyle: {
+            rich: {
+              a: {
+                color: "#000",
+                fontSize: "16",
+                height: 80,
+                width: 160,
+                backgroundColor: {
+                  image:
+                    "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbFJ1bGU9ImV2ZW5vZGQiPg0KICAgIDxlbGxpcHNlIGZpbGw9IiNkZGQiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3IiAvPg0KICAgIDxnIGZpbGxSdWxlPSJub256ZXJvIiBzdHJva2U9IiM5OTkiPg0KICAgICAgPHBhdGgNCiAgICAgICAgZD0iTTU1IDEyLjc2TDQ0Ljg1NCAxLjI1OEM0NC4zNjcuNDc0IDQzLjY1NiAwIDQyLjkwNyAwSDIxLjA5M2MtLjc0OSAwLTEuNDYuNDc0LTEuOTQ3IDEuMjU3TDkgMTIuNzYxVjIyaDQ2di05LjI0eiIgLz4NCiAgICAgIDxwYXRoDQogICAgICAgIGQ9Ik00MS42MTMgMTUuOTMxYzAtMS42MDUuOTk0LTIuOTMgMi4yMjctMi45MzFINTV2MTguMTM3QzU1IDMzLjI2IDUzLjY4IDM1IDUyLjA1IDM1aC00MC4xQzEwLjMyIDM1IDkgMzMuMjU5IDkgMzEuMTM3VjEzaDExLjE2YzEuMjMzIDAgMi4yMjcgMS4zMjMgMi4yMjcgMi45Mjh2LjAyMmMwIDEuNjA1IDEuMDA1IDIuOTAxIDIuMjM3IDIuOTAxaDE0Ljc1MmMxLjIzMiAwIDIuMjM3LTEuMzA4IDIuMjM3LTIuOTEzdi0uMDA3eiINCiAgICAgICAgZmlsbD0iI2UxZTFlMSIgLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg==",
+                },
+              },
+            },
+          },
+          subtextStyle: {
+            fontSize: 16,
+          },
+        },
+      };
+    },
+  },
+
+  filters: {
+    // 显示
+    showWhat(name) {
+      if (name.indexOf("提升最大") != -1) {
+        return "提升";
+      } else if (name.indexOf("下降最大") != -1) {
+        return "下降";
+      } else if (name.indexOf("最高项目") != -1) {
+        return "最高";
+      } else if (name.indexOf("最低项目") != -1) {
+        return "最低";
+      } else if (name.indexOf("明显下跌") != -1) {
+        return "下降";
+      } else {
+        return "";
+      }
+    },
+
+    //
+    showText(name) {
+      return name.substring(name.length - 4, name.length);
+    },
+
+    // 单位
+    unitText(name) {
+      let str = "";
+      if (name.indexOf("率") != -1) {
+        str = "%";
+      } else if (name == "平均接待时长") {
+        str = "分钟";
+      } else if (name.indexOf("在线设备") != -1) {
+        str = "个";
+      } else {
+        str = "次";
+      }
+      return str;
+    },
+
+    // 字符串截取
+    strGet(str) {
+      return str.substring(str.length - 4, str.length);
+    },
+
+    // 排名
+    upDownText(str) {
+      if (str == "提升最大") {
+        return "提升";
+      }
+      if ((str = "明显下跌")) {
+        return "下跌"
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.pages {
+  padding: 0 20px;
+}
+.block-boxs {
+  width: 100%;
+  height: auto;
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 20px;
+}
+
+.block-box {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 20px;
+  background-color: #ffffff !important;
+}
+
+.box-card {
+  margin-bottom: 20px;
+  min-width: 40%;
+  max-width: 49%;
+  min-height: 500px;
+  flex-grow: 1;
+  flex-shrink: 0;
+  background-color: #ffffff !important;
+  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
+  border-radius: 8px;
+  padding: 24px;
+  position: relative;
+  z-index: 10;
+}
+
+div {
+  background-color: #ffffff !important;
+}
+
+.box-card .title {
+  width: 100%;
+  height: 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 18px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+  background-color: #ffffff;
+}
+
+.box-card .titles {
+  width: 100%;
+  padding: 12px 0;
+  font-size: 16px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  color: #333333;
+  background-color: #ffffff;
+}
+
+.box-card .percents .percents-box {
+  margin-right: 10px;
+  padding: 0 0 12px;
+  display: flex;
+  align-items: center;
+}
+
+.box-card .percents {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.box-card .percents .left_label {
+  margin-right: 8px;
+}
+
+.box-card .percents .percent-box {
+  position: relative;
+  width: 88px;
+  height: 32px;
+  border: 1px solid #3e50e8;
+  background: #ffffff;
+  overflow: hidden;
+}
+
+.box-card .percents .showtext {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.box-card .percents .percent-box .percent-line {
+  /*width: 80%;*/
+  height: 100%;
+  background: rgba(62, 80, 232, .2);
+}
+
+.box-card .title .logo {
+  width: 103px;
+  height: 32px;
+  opacity: 0;
+}
+
+.box-card .chart-title {
+  width: 100%;
+  text-align: center;
+  height: 22px;
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 22px;
+  margin: 10px 0;
+}
+
+.alllistbox {
+  width: 100%;
+  margin-top: 20px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.alllist {
+  width: 20%;
+  border: 1px solid #e0e0e0;
+  padding-bottom: 2px;
+  padding-top: 4px;
+}
+.alllist:nth-of-type(5n - 1) {
+  border-left: none;
+  border-top: none;
+}
+.alllist:nth-of-type(5n - 2) {
+  border-left: none;
+  border-top: none;
+}
+
+.alllist:nth-of-type(5n - 3) {
+  border-left: none;
+  border-top: none;
+}
+.alllist:nth-of-type(5n - 4) {
+  // border-left: none;
+  border-top: none;
+}
+.alllist:nth-of-type(5n) {
+  border-left: none;
+  border-top: none;
+}
+.alllist:nth-of-type(5n) {
+  border-left: none;
+  // border-bottom: none;
+}
+
+
+.alllist:nth-of-type(-n + 5) {
+  border-top: 1px solid #e0e0e0;
+}
+
+.alllist-text1 {
+  width: 100%;
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 26px;
+  text-align: center;
+}
+
+.cont-box {
+  margin-top: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 17px;
+}
+
+.cont-box .cont-item {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 20px;
+  max-width: 230px;
+  margin-bottom: 10px;
+  min-width: 163px;
+  flex: 1;
+}
+
+.box-card .reason {
+  display: flex;
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 26px;
+  margin-bottom: 20px;
+}
+
+.box-card .reason .label {
+  flex-shrink: 0;
+  height: 22px;
+  font-size: 16px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+  line-height: 22px;
+}
+
+.box-card .process {
+  display: flex;
+  justify-content: space-between;
+}
+
+.box-card .process .item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  flex: 1;
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+  margin-top: 14px;
+  line-height: 20px;
+}
+
+.box-card .process .item .pic {
+  display: block;
+  width: 130px;
+  height: auto;
+}
+
+.box-card .process .item .name {
+  height: 40px;
+  font-size: 14px;
+  text-align: center;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+  line-height: 20px;
+  justify-content: center;
+  display: flex;
+  align-items: center;
+}
+
+.box-card .advice-name {
+  display: flex;
+  align-items: center;
+  margin: 20px 0 16px;
+  height: 22px;
+  font-size: 16px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  color: #333333;
+  line-height: 22px;
+}
+
+.box-card .advice-name .quetion-mark {
+  width: 60px;
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+  background: #3e50e8;
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #ffffff;
+  border-radius: 12px 0px 12px 0px;
+  margin-right: 8px;
+}
+
+.box-card .advice-name .dot {
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+}
+
+.box-card .advice-name .dot1 {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #3e50e8;
+}
+
+.box-card .advice-name .dot2 {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #d8d8d8;
+  margin-left: -4px;
+}
+
+.box-card .question-box .question-item {
+  margin-bottom: 16px;
+}
+
+.box-card .question-box .question-item .name {
+  height: 22px;
+  font-size: 16px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  color: #333333;
+  line-height: 22px;
+  margin-bottom: 12px;
+}
+
+.box-card .question-box .question-item .answer {
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 22px;
+  margin-bottom: 12px;
+}
+
+.box-card .question-box .question-item .method {
+  display: flex;
+  align-items: flex-start;
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  line-height: 22px;
+}
+
+.box-card .question-box .question-item .label {
+  flex-shrink: 0;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+}
+
+.box-card .list-box .list-item {
+  display: flex;
+  margin-bottom: 16px;
+}
+
+.box-card .list-box .index {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+  background: #3e50e8;
+  border-radius: 4px;
+  line-height: 20px;
+  text-align: center;
+  margin-right: 8px;
+  color: #fff;
+  font-size: 14px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+}
+
+.box-card .list-box .text {
+  flex: 1;
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 26px;
+}
+
+.cont-box .cont-item .name {
+  display: flex;
+  align-items: center;
+  margin-bottom: 18px;
+}
+
+.cont-box .cont-item .dot {
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+}
+
+.cont-box .cont-item .dot1 {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #3e50e8;
+}
+
+.cont-box .cont-item .dot2 {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #d8d8d8;
+  margin-left: -4px;
+}
+
+.cont-box .cont-item .number-box {
+  margin: 0 auto 12px;
+  display: flex;
+  justify-content: center;
+  line-height: 38px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  color: #333333;
+}
+
+.cont-box .cont-item .number-box .number {
+  height: 33px;
+  font-size: 24px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  line-height: 33px;
+  margin-right: 4px;
+}
+
+.cont-box .cont-item .visit-box {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 20px;
+}
+
+.cont-box .cont-item .visit-item {
+}
+
+.cont-box .cont-item .dedc {
+  word-break: break-all;
+  margin-top: 16px;
+}
+
+.tip {
+  min-height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+  line-height: 20px;
+  margin-top: 24px;
+}
+
+.subtip {
+  margin-top: 10px;
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  line-height: 20px;
+}
+
+.box-card .tab {
+  margin-top: 20px;
+}
+
+.box-card .tab-flex {
+  display: flex;
+}
+
+/deep/.header-style {
+  background: #3e50e8 !important;
+  padding: 10px 0 !important;
+  color: #fff !important;
+  font-size: 16px !important;
+}
+
+.pieRemark {
+  display: flex;
+  justify-content: space-around;
+}
+
+.pieRemark .item {
+  min-height: 240px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+}
+
+.reds {
+  color: #e7483c;
+}
+
+.mybtn {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  font-size: 16px;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  color: #333333;
+}
+
+.mybtn .add-icon {
+  width: 96px;
+  height: 96px;
+  margin-bottom: 12px;
+}
+
+.up {
+  color: #e7483c !important;
+}
+
+.down {
+  color: #008000ff !important;
+}
+
+.abtitles {
+  margin-bottom: 20px;
+  padding: 10px 20px;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+}
+
+.label-item {
+  display: flex;
+  align-items: center;
+}
+
+.label-item .leftMF {
+  margin-left: 20px;
+}
+
+.left-label {
+  font-size: 16px;
+  color: #111111;
+  font-weight: 500;
+  font-family: PingFangSC-Medium, PingFang SC;
+}
+
+.label-item .left-label {
+  flex-shrink: 0;
+  width: 80px;
+}
+
+.label-item .right-select {
+  width: 200px;
+}
+
+.sl-fl-tit {
+  padding: 16px 0 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.date {
+  display: flex;
+  align-items: center;
+}
+
+.date .date-box {
+  display: flex;
+  align-items: center;
+}
+
+.s-box .date .ld {
+  margin-right: 10px;
+}
+
+.s-title {
+  height: 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 16px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+}
+
+.s-box .date .ld {
+  margin-right: 10px;
+}
+
+.s-box {
+  display: flex;
+  flex-direction: column;
+}
+
+.date .date-box {
+  display: flex;
+  align-items: center;
+}
+
+.selectone {
+  padding: 10px 0;
+  margin-right: 20px;
+  flex-shrink: 0;
+  width: 180px;
+}
+
+.label-items {
+  text-align: center;
+  font-size: 36px;
+  font-weight: bold;
+  color: #333;
+}
+
+.sections {
+  display: flex;
+  flex-direction: column;
+}
+
+#pdfHtml {
+  background: #fff;
+}
+</style>
\ No newline at end of file