From 015f45c899cf8ed2c29d8df4dc34bf6cb4895699 Mon Sep 17 00:00:00 2001
From: jyt <1592211625@qq.com>
Date: Mon, 6 Jun 2022 15:33:18 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/logoPng.png                      | Bin 0 -> 11569 bytes
 src/components/dateFilter/index.vue     | 117 +++++
 src/components/queryForm/dateFilter.vue | 116 +++++
 src/components/queryForm/index.vue      | 121 +++++
 src/components/tabCard/index.vue        |  98 ++++
 src/components/tabTrend/index.vue       | 637 ++++++++++++++++++++++++
 src/components/theme.color.scss         |  14 +
 src/page/check/index.vue                |   2 +-
 src/page/wel.vue                        |   4 +-
 src/views/ReceivingRecords/index.vue    |   2 +-
 10 files changed, 1107 insertions(+), 4 deletions(-)
 create mode 100644 public/logoPng.png
 create mode 100644 src/components/dateFilter/index.vue
 create mode 100644 src/components/queryForm/dateFilter.vue
 create mode 100644 src/components/queryForm/index.vue
 create mode 100644 src/components/tabCard/index.vue
 create mode 100644 src/components/tabTrend/index.vue
 create mode 100644 src/components/theme.color.scss

diff --git a/public/logoPng.png b/public/logoPng.png
new file mode 100644
index 0000000000000000000000000000000000000000..baafc41a6779020c8962214467085685a37fa41b
GIT binary patch
literal 11569
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
G*#7{;w7JUw

literal 0
HcmV?d00001

diff --git a/src/components/dateFilter/index.vue b/src/components/dateFilter/index.vue
new file mode 100644
index 0000000..b160acd
--- /dev/null
+++ b/src/components/dateFilter/index.vue
@@ -0,0 +1,117 @@
+<template>
+    <div id="dateFilter">
+        <el-card shadow="hover">
+            <div class="app-titel">
+                <div class="titel-text">筛选日期：</div>
+                <el-button :class="{ 'el-button--primary': TimetoAhoose == 0 }" @click="tabtimetap(0)">今天</el-button>
+                <el-button :class="{ 'el-button--primary': TimetoAhoose == 1 }" @click="tabtimetap(1)">近7天</el-button>
+                <el-button :class="{ 'el-button--primary': TimetoAhoose == 2 }" @click="tabtimetap(2)">近30天</el-button>
+                <div style="margin-left: 26px">
+                    <el-date-picker @change="confirmtime()" v-model="customtime" :clearable="false" type="daterange"
+                        range-separator="-" :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd"
+                        start-placeholder="开始日期" end-placeholder="结束日期">
+                    </el-date-picker>
+                </div>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script>
+
+//事件 : getDate(s,e)获取开始时间，结束时间
+
+export default {
+    name: "dateFilter",
+    data() {
+        return {
+            TimetoAhoose: 0,
+            customtime: [],
+            statDateStart: "",
+            statDateEnd: "",
+            dateType:0,
+        }
+    },
+    mounted() {
+        this.TimetoAhoose = 8;
+        // this.getTime(7);
+    },
+    methods: {
+        tabtimetap(i) {
+            this.customtime = [];
+            this.TimetoAhoose = i;
+            this.dateType = i;
+            this.$emit('getDate',this.dateType, "", "")
+            // switch (i) {
+            //     case 1:
+            //         this.getTime(7);;
+            //         break;
+            //     case 2:
+            //         this.getTime(30);
+            //         break;
+            //     default:
+            //         this.getTime(1);
+            //         break;
+            // };
+        },
+        // getTime(range) {
+        //     var end = new Date();
+        //     var start = new Date();
+        //     start.setTime(start.getTime() - 3600 * 1000 * 24 * range);
+        //     this.statDateStart = this.dateFormat(start);
+        //     this.statDateEnd = this.dateFormat(end);
+        //     this.$emit('getDate', this.statDateStart, this.statDateEnd)
+        // },
+        confirmtime() {
+            this.statDateStart = this.customtime[0];
+            this.statDateEnd = this.customtime[1];
+            this.TimetoAhoose = null;
+            this.dateType = null;
+            this.$emit('getDate',this.dateType, this.statDateStart, this.statDateEnd)
+        },
+        // dateFormat(time) {
+        //     let date = new Date(time);
+        //     let year = date.getFullYear(),
+        //         month = ("0" + (date.getMonth() + 1)).slice(-2),
+        //         day = ("0" + date.getDate()).slice(-2)
+        //     return year + "-" + month + "-" + day;
+        // }
+    }
+}
+</script>
+
+<style scoped="scoped" lang="scss">
+#dateFilter {
+    .app-titel {
+        width: 100%;
+        display: flex;
+        align-items: center;
+
+        .titel-text {
+            height: 100%;
+            font-size: 16px;
+            color: #32363d;
+        }
+
+        .toptimeqhuan {
+            width: 190px;
+            height: 32px;
+            background: #ffffff;
+            border-radius: 4px;
+            border: 1px solid #e0e0e0;
+            display: flex;
+            align-items: center;
+            overflow: hidden;
+            margin-left: 20px;
+            cursor: pointer;
+        }
+
+        .toptimeqhuan div {
+            flex: 1;
+            text-align: center;
+            line-height: 32px;
+            font-size: 14px;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/queryForm/dateFilter.vue b/src/components/queryForm/dateFilter.vue
new file mode 100644
index 0000000..d0c3f5c
--- /dev/null
+++ b/src/components/queryForm/dateFilter.vue
@@ -0,0 +1,116 @@
+<template>
+    <div id="dateFilter">
+        <div class="app-titel">
+            <el-button :class="{ 'el-button--primary': TimetoAhoose == 0 }" @click="tabtimetap(0)">今天</el-button>
+            <el-button :class="{ 'el-button--primary': TimetoAhoose == 1 }" @click="tabtimetap(1)">近7天</el-button>
+            <el-button :class="{ 'el-button--primary': TimetoAhoose == 2 }" @click="tabtimetap(2)">近30天</el-button>
+            <div style="margin-left: 26px">
+                <el-date-picker @change="confirmtime()" v-model="customtime" :clearable="false" type="daterange"
+                    range-separator="-" :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd"
+                    start-placeholder="开始日期" end-placeholder="结束日期">
+                </el-date-picker>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+//事件 : getDate(s,e)获取开始时间，结束时间
+
+export default {
+    name: "dateFilter",
+    data() {
+        return {
+            TimetoAhoose: -1,
+            customtime: [],
+            statDateStart: "",
+            statDateEnd: "",
+        }
+    },
+    props:{
+        bindKey:{
+            type:String,
+            require:true
+        }
+    },
+    mounted() {
+        // this.TimetoAhoose = -1;
+        // this.getTime(7);
+    },
+    methods: {
+        tabtimetap(i) {
+            this.customtime = [];
+            this.TimetoAhoose = i;
+            switch (i) {
+                case 1:
+                    this.getTime(7);
+                    break;
+                case 2:
+                    this.getTime(30);
+                    break;
+                default:
+                    this.getTime(1);
+                    break;
+            };
+        },
+        getTime(range) {
+            var end = new Date();
+            var start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * range);
+            this.statDateStart = this.dateFormat(start);
+            this.statDateEnd = this.dateFormat(end);
+            this.$emit('getDate', this.statDateStart, this.statDateEnd,this.bindKey)
+        },
+        confirmtime() {
+            this.statDateStart = this.customtime[0];
+            this.statDateEnd = this.customtime[1];
+            this.TimetoAhoose = null;
+            this.$emit('getDate', this.statDateStart, this.statDateEnd,this.bindKey)
+        },
+        dateFormat(time) {
+            let date = new Date(time);
+            let year = date.getFullYear(),
+                month = ("0" + (date.getMonth() + 1)).slice(-2),
+                day = ("0" + date.getDate()).slice(-2)
+            return year + "-" + month + "-" + day;
+        }
+    }
+}
+</script>
+
+<style scoped="scoped" lang="scss">
+#dateFilter {
+    .app-titel {
+        width: 100%;
+        display: flex;
+        align-items: center;
+
+        .titel-text {
+            height: 100%;
+            font-size: 16px;
+            color: #32363d;
+        }
+
+        .toptimeqhuan {
+            width: 190px;
+            height: 32px;
+            background: #ffffff;
+            border-radius: 4px;
+            border: 1px solid #e0e0e0;
+            display: flex;
+            align-items: center;
+            overflow: hidden;
+            margin-left: 20px;
+            cursor: pointer;
+        }
+
+        .toptimeqhuan div {
+            flex: 1;
+            text-align: center;
+            line-height: 32px;
+            font-size: 14px;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/queryForm/index.vue b/src/components/queryForm/index.vue
new file mode 100644
index 0000000..d0e4d6e
--- /dev/null
+++ b/src/components/queryForm/index.vue
@@ -0,0 +1,121 @@
+<template>
+  <div id="queryForm">
+    <el-card shadow="hover">
+      <el-form :model="ruleForm" status-icon label-width="100px">
+
+        <el-row v-if="isClose">
+          <el-col v-for="(item,index) in params.slice(0,4)" :key="index" :span="item.width">
+              <el-form-item :label="item.label">
+                <el-input v-if="item.type == 'input'" v-bind="{ ...item.props }" v-model="ruleForm[item.key]"></el-input>
+                <el-select v-if="item.type == 'select'" v-bind="{ ...item.props }" v-model="ruleForm[item.key]">
+                  <el-option v-for="(i,k) in item.options" :key="k" :label="i.label" :value="i.value"></el-option>
+                </el-select>
+                <dateFilter v-if="item.type == 'dateRange'" :bindKey="item.key" @getDate="selDate"/>
+              </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-else>
+          <el-col v-for="(item,index) in params" :key="index" :span="item.width">
+              <el-form-item :label="item.label">
+                <el-input v-if="item.type == 'input'" v-bind="{ ...item.props }" v-model="ruleForm[item.key]"></el-input>
+                <el-select v-if="item.type == 'select'" v-bind="{ ...item.props }" v-model="ruleForm[item.key]">
+                  <el-option v-for="(i,k) in item.options" :key="k" :label="i.label" :value="i.value"></el-option>
+                </el-select>
+                <dateFilter ref="clearDate" v-if="item.type == 'dateRange'" :bindKey="item.key" @getDate="selDate"/>
+              </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="6">
+            <el-button type="primary" @click="submit">筛选</el-button>
+            <el-button @click="clear">清空筛选条件</el-button>
+            <el-button v-if="isSystole" @click="isSystoleForm" type="text">{{isOpen?'收起':'展开'}}<i style="margin-left:5px;" :class="isOpen?'el-icon-arrow-up':'el-icon-arrow-down'"></i></el-button>
+          </el-col>
+        </el-row>
+        
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+
+//事件 : submit(data)获取查询参数
+//属性 params:[
+        // {
+        //   type,      表单类型 input/select/dateRange
+        //   key,       绑定名
+        //   value,     值
+        //   label,     前面的字
+        //   width,     占的宽度
+        //   props,     绑定其他属性
+        //   options    选择框的选项 {label:名，value:值}
+        // }
+//]
+//属性 isSystole: 是否显示展开收起的按钮
+
+import dateFilter from './dateFilter.vue'
+export default {
+  name: "queryForm",
+  props: {
+    params: {
+      type: Array,
+      require:true
+    },
+    isSystole: {
+      type: Boolean,
+      require:false,
+      default:false,
+    },
+  },
+  data() {
+    return {
+      ruleForm: {},
+      isOpen:false,
+      isClose:true,
+    }
+  },
+  mounted(){
+
+  },
+  watch:{
+    isOpen(newD,oldD){
+      if(oldD){
+        this.isClose = true
+      }else{
+        this.isClose = false
+      }
+    }
+  },
+  components:{
+    dateFilter
+  },
+  methods:{
+    selDate(s,e,key){
+      this.ruleForm[key] = [s,e]
+    },
+    isSystoleForm(){
+      this.isOpen = !this.isOpen
+    },
+    submit(){
+      this.$emit('submit',this.ruleForm)
+    },
+    clear(){
+      if(this.ruleForm){
+        this.$refs.clearDate[0].TimetoAhoose = -1;
+        this.$refs.clearDate[0].customtime = [];
+        this.$refs.clearDate[0].statDateStart = "";
+        this.$refs.clearDate[0].statDateStart = "";
+        this.ruleForm = {}
+        this.$emit('submit',this.ruleForm)
+      }
+    }
+  }
+
+}
+</script>
+
+<style scoped="scoped" lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/src/components/tabCard/index.vue b/src/components/tabCard/index.vue
new file mode 100644
index 0000000..12b4b92
--- /dev/null
+++ b/src/components/tabCard/index.vue
@@ -0,0 +1,98 @@
+<template>
+  <div id="tabCard">
+    <div class="cardItem" v-for="(item,index) in cardData" :key="index" @click="Overviewxlick(index)" :class="{ borderCss: cardindex == index }">
+      <span>{{item.label}}</span>
+      <h2>{{item.value}}</h2>
+      <div class="sel" :class="{ seled: cardindex == index }">
+        <i v-show="cardindex == index" class="el-icon-check" style="font-size:22px;color:#FFF;position: absolute;right: 2px;bottom: -42px;"></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+//cardData 卡片数据 [{lable,value}]
+
+export default {
+  name:"tabCard",
+  data() {
+    return {
+      cardindex: 0,
+      c:'#1E9493'
+    };
+  },
+  props:{
+    cardData:{
+      type:Array,
+      require:true,
+    }
+  },
+  mounted() {
+    
+  },
+  methods: {
+    //卡片切换
+    Overviewxlick(i) {
+      console.log(i)
+      this.cardindex = i;
+    },
+  },
+};
+</script>
+
+<style scoped="scoped" lang="scss" >
+
+@import "../theme.color.scss";
+#tabCard{
+    width: 100%;
+    background: #ffffff;
+    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
+    border-radius: 4px;
+    margin-top: 15px;
+    padding: 15px;
+    display: grid;
+    grid-template-columns: repeat(6, 16%);
+    grid-column-gap: 8px;
+    grid-row-gap: 18px;
+    .borderCss{
+      border: 1px solid $color1 !important;
+    }
+    .cardItem{
+      border: 1px solid #E0E0E0;
+      padding: 15px 0;
+      cursor: pointer;
+      position: relative;
+      border-radius: 4px;
+      span{
+        margin-left: 30px;
+      }
+      h2{
+        margin: 0;
+        margin-left: 30px;
+        margin-top:10px;
+      }
+      .sel{
+        width: 45px;
+        height: 45px;
+        position: absolute;
+        right:0;
+        bottom:0;
+      }
+      .seled {
+        position: absolute;
+
+        width: 0;
+
+        height: 0;
+
+        border-bottom: 45px solid $color1 !important;
+
+        border-left: 45px solid transparent !important;
+
+      }
+    }
+}
+
+
+</style>
diff --git a/src/components/tabTrend/index.vue b/src/components/tabTrend/index.vue
new file mode 100644
index 0000000..cace7f5
--- /dev/null
+++ b/src/components/tabTrend/index.vue
@@ -0,0 +1,637 @@
+<template>
+  <div class="box-center">
+    <div class="app-box-er">
+      <div class="container">
+        <el-card shadow="hover" :class="{ tophovese: cardindex == 1 }">
+          <div v-if="pointer == 'click'" @click="Overviewxlick('1')">
+            <div class="text1">
+              接待量
+              <el-tooltip effect="light" content="筛选时间内，已经结束的接待条数，不包含待接单；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.receptionCount || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.receptionCount || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.receptionCount > 0">
+                +{{ cardobjCycle.receptionCount || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.receptionCount < 0">
+                -{{ cardobjCycle.receptionCount || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+          <div v-else @mouseenter="Overviewxlick('1')">
+            <div class="text1">
+              接待量
+              <el-tooltip effect="light" content="筛选时间内，已经结束的接待条数，不包含待接单；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.receptionCount || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.receptionCount || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.receptionCount > 0">
+                +{{ cardobjCycle.receptionCount || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.receptionCount < 0">
+                -{{ cardobjCycle.receptionCount || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+        </el-card>
+        <el-card shadow="hover" :class="{ tophovese: cardindex == 2 }">
+          <div v-if="pointer == 'click'" @click="Overviewxlick('2')">
+            <div class="text1">
+              有效接待
+              <el-tooltip effect="light" content="筛选时间内，标记为有效的接待数，不包含待接单；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.activeCustomer || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.activeCustomer || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.activeCustomer > 0">
+                +{{ cardobjCycle.activeCustomer || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.activeCustomer < 0">
+                -{{ cardobjCycle.activeCustomer || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+          <div v-else @mouseenter="Overviewxlick('2')">
+            <div class="text1">
+              有效接待
+              <el-tooltip effect="light" content="筛选时间内，标记为有效的接待数，不包含待接单；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.activeCustomer || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.activeCustomer || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.activeCustomer > 0">
+                +{{ cardobjCycle.activeCustomer || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.activeCustomer < 0">
+                -{{ cardobjCycle.activeCustomer || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+        </el-card>
+         <el-card shadow="hover" :class="{ tophovese: cardindex == 3 }">
+          <div v-if="pointer == 'click'" @click="Overviewxlick('3')">
+            <div class="text1">
+              平均接待时长
+              <el-tooltip effect="light" content="筛选时间内，有效接待（不包含待接单）的平均录音时长，单位分钟；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.avgDuration || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.avgDuration || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.receptionTimeWithAvg > 0">
+                +{{ cardobjCycle.receptionTimeWithAvg || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.receptionTimeWithAvg < 0">
+                -{{ cardobjCycle.receptionTimeWithAvg || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+          <div v-else @mouseenter="Overviewxlick('3')">
+            <div class="text1">
+              平均接待时长
+              <el-tooltip effect="light" content="筛选时间内，有效接待（不包含待接单）的平均录音时长，单位分钟；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.avgDuration || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.avgDuration || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.receptionTimeWithAvg > 0">
+                +{{ cardobjCycle.receptionTimeWithAvg || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.receptionTimeWithAvg < 0">
+                -{{ cardobjCycle.receptionTimeWithAvg || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+        </el-card>
+        <el-card shadow="hover" :class="{ tophovese: cardindex == 4 }">
+          <div v-if="pointer == 'click'" @click="Overviewxlick('4')">
+            <div class="text1">
+              平均执行率(%)
+              <el-tooltip effect="light" content="筛选时间内，有效接待（不包含待接单）的平均执行率；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.fraction || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.fraction || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.avgFration > 0">
+                +{{ cardobjCycle.avgFration || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.avgFration < 0">
+                -{{ cardobjCycle.avgFration || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+          <div v-else @mouseenter="Overviewxlick('4')">
+            <div class="text1">
+              平均执行率(%)
+              <el-tooltip effect="light" content="筛选时间内，有效接待（不包含待接单）的平均执行率；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.fraction || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.fraction || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.avgFration > 0">
+                +{{ cardobjCycle.avgFration || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.avgFration < 0">
+                -{{ cardobjCycle.avgFration || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+        </el-card>
+        <el-card shadow="hover" :class="{ tophovese: cardindex == 5 }">
+          <div v-if="pointer == 'click'" @click="Overviewxlick('5')">
+            <div class="text1">
+              违禁接待次数
+              <el-tooltip effect="light" content="筛选时间内，出现违禁的接待次数，不包含待接单/无效接待/无效违禁；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.prohibitedCustomer || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.prohibitedCustomer || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.prohibitedCustomer > 0">
+                +{{ cardobjCycle.prohibitedCustomer || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.prohibitedCustomer < 0">
+                -{{ cardobjCycle.prohibitedCustomer || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+          <div v-else @mouseenter="Overviewxlick('5')">
+            <div class="text1">
+              违禁接待次数
+              <el-tooltip effect="light" content="筛选时间内，出现违禁的接待次数，不包含待接单/无效接待/无效违禁；" placement="bottom-end">
+                <i class="el-icon-question" style="color:#74A3EA"></i>
+              </el-tooltip>
+            </div>
+            <div class="text2">
+              {{ cardobj.prohibitedCustomer || 0 }}
+            </div>
+            <div class="text3">
+              <span>环比 {{ cardobjs.prohibitedCustomer || 0 }}</span>
+              <span class="textUp" v-if="cardobjCycle.prohibitedCustomer > 0">
+                +{{ cardobjCycle.prohibitedCustomer || 0 }}
+                <i class="up"></i>
+              </span>
+              <span class="textDown" v-if="cardobjCycle.prohibitedCustomer < 0">
+                -{{ cardobjCycle.prohibitedCustomer || 0 }}
+                <i class="down"></i>
+              </span>
+            </div>
+          </div>
+        </el-card>
+      </div>
+
+      <div id="main"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+
+//pointer 参数：click/hover
+//fromobj 自定义时间
+//TimetoAhoose 今天传0/近7天传1/近30天传2
+//key 随机数
+
+
+
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      customtime: [],
+      // TimetoAhoose: 0,
+      // fromobj: {
+      //   statDateStart: "",
+      //   statDateEnd: "",
+      // },
+      houseId: "",
+      cardobj: {},
+      cardobjs: {}, // 环比数据
+      cardobjCycle: {}, // 环比数值正负
+      cardindex: 1,
+      Brokenline: [],
+    };
+  },
+  props: {
+    fromobj: {
+      type: Object
+    },
+    TimetoAhoose:{
+      type:Number
+    },
+    pointer: {
+      type: String,
+      require: false,
+      default: "hover"
+    }
+  },
+  mounted() {
+    if(this.TimetoAhoose == null && (this.fromobj.statDateStart=='' || this.fromobj.statDateEnd=='')){
+      this.TimetoAhoose = 4;
+    }
+    this.houseId = localStorage.getItem("houseId");
+    this.overviewreceptionOverview();
+    this.overviewreceptionData();
+  },
+  methods: {
+    //卡片切换
+    Overviewxlick(i) {
+      this.cardindex = i;
+      var newline = [];
+      var newline2 = [];
+      var Strname = "";
+      if (this.cardindex == 1) {
+        Strname = "接待客户/个";
+        this.Brokenline.map((item) => {
+          newline.push(item.receptionCount);
+          newline2.push(item.statDate.slice(5, 10));
+        });
+      } else if (this.cardindex == 2) {
+        Strname = "接待客户/个";
+        this.Brokenline.map((item) => {
+          newline.push(item.activeCustomer);
+          newline2.push(item.statDate.slice(5, 10));
+        });
+      } else if (this.cardindex == 3) {
+        Strname = "接待时长/分钟";
+        this.Brokenline.map((item) => {
+          newline.push(item.avgDuration);
+          newline2.push(item.statDate.slice(5, 10));
+        });
+      } else if (this.cardindex == 4) {
+        Strname = "执行率/%";
+        this.Brokenline.map((item) => {
+          newline.push(item.fraction);
+          newline2.push(item.statDate.slice(5, 10));
+        });
+      } else {
+        Strname = "违禁/次";
+        this.Brokenline.map((item) => {
+          newline.push(item.prohibitedCustomer);
+          newline2.push(item.statDate.slice(5, 10));
+        });
+      }
+      this.SwitchCARDS(newline, newline2, Strname);
+    },
+    //获取卡片数据
+    overviewreceptionOverview() {
+      let parmo = {
+        houseId: this.houseId,
+        dateType: this.TimetoAhoose,
+        statDateStart: this.fromobj.statDateStart,
+        statDateEnd: this.fromobj.statDateEnd,
+      };
+      if (this.TimetoAhoose == 8) {
+        parmo.dateType = null;
+      }
+      this.$api.http.overviewreceptionOverview(parmo).then((res) => {
+        this.cardobj = res.data.valueA;
+        this.cardobjs = res.data.valueB;
+        this.cardobjCycle = res.data.contrast;
+      });
+    },
+    //获取卡片下折线图
+    overviewreceptionData() {
+      this.Brokenline = [];
+      let parmo = {
+        houseId: this.houseId,
+        dateType: this.TimetoAhoose,
+        statDateStart: this.fromobj.statDateStart,
+        statDateEnd: this.fromobj.statDateEnd,
+      };
+      if (this.TimetoAhoose == 8) {
+        parmo.dateType = null;
+      }
+      this.$api.http.overviewreceptionData(parmo).then((res) => {
+        this.Brokenline = res.data || [];
+        this.Overviewxlick(1);
+      });
+    },
+    //卡片下折线图
+    SwitchCARDS(newline, newline2, Strname) {
+      if (this.Brokenline == 0) {
+        return;
+      }
+      echarts.init(document.getElementById("main")).dispose(); // 销毁实例
+      var chartDom = document.getElementById("main");
+      var myChart = echarts.init(chartDom);
+      var option;
+
+      option = {
+        color: [
+          "#6F8EDC",
+          "#EE6666",
+          "#F98120",
+          "#1CC99E",
+          "#9474FB",
+          "#66AFF5",
+          "#FABD2B",
+          "#FFCF8F",
+          "#657292",
+          "#7A6A99",
+          "#BF5D52",
+          "#77B7E4",
+          "#E6A065",
+          "#9D5139",
+          "#C1AA88",
+          "#F87F7A",
+          "#F6CF74",
+          "#7F5506",
+          "#88BB9B",
+          "#6E99AA",
+          "#5789D0",
+        ],
+        legend: {
+          data: [Strname],
+          bottom: "10",
+        },
+        grid: {
+          left: 10,
+          right: 10,
+
+          containLabel: true,
+        },
+        xAxis: {
+          type: "category",
+          data: newline2,
+          axisLabel: {
+            //重点在这一块，其余可以忽略
+            textStyle: {
+              color: "#212121", //更改坐标轴文字颜色
+            },
+          },
+          axisLine: {
+            lineStyle: {
+              type: "solid",
+              color: "#DDE1EE", //x线的颜色
+              width: "1", //坐标线的宽度
+            },
+          },
+        },
+        series: [
+          {
+            name: Strname,
+            data: newline,
+            type: "line",
+            smooth: true,
+          },
+        ],
+      };
+      if (this.cardindex == 3) {
+        option.tooltip = {
+          trigger: "axis",
+          formatter: "{b0}: {c0}" + "分钟",
+        };
+      } else {
+        option.tooltip = {
+          trigger: "axis",
+          formatter: "{b0}: {c0}" + "次",
+        };
+      }
+      if (this.cardindex == 4) {
+        option.tooltip = {
+          trigger: "axis",
+          formatter: "{b0}: {c0}" + "%",
+        };
+        option.yAxis = {
+          type: "value",
+          splitNumber: 5,
+          max: 100,
+          min: 0,
+          axisLabel: {
+            //重点在这一块，其余可以忽略
+            textStyle: {
+              color: "#212121", //更改坐标轴文字颜色
+            },
+          },
+          axisLine: {
+            lineStyle: {
+              ype: "solid",
+              color: "#DDE1EE", //x线的颜色
+              width: "1", //坐标线的宽度
+            },
+          },
+          splitLine: {
+            lineStyle: {
+              type: "dashed", // y轴分割线类型
+            },
+          },
+          axisTick: {
+            //y轴刻度线
+            show: false,
+          },
+        };
+      } else {
+        option.yAxis = {
+          type: "value",
+          splitNumber: 5,
+          min: 0,
+          minInterval: 1,
+          axisLabel: {
+            //重点在这一块，其余可以忽略
+            textStyle: {
+              color: "#212121", //更改坐标轴文字颜色
+            },
+          },
+          axisLine: {
+            lineStyle: {
+              ype: "solid",
+              color: "#DDE1EE", //x线的颜色
+              width: "1", //坐标线的宽度
+            },
+          },
+          splitLine: {
+            lineStyle: {
+              type: "dashed", // y轴分割线类型
+            },
+          },
+          axisTick: {
+            //y轴刻度线
+            show: false,
+          },
+        };
+      }
+      option && myChart.setOption(option);
+      window.addEventListener("resize", () => {
+        myChart.resize();
+      });
+    },
+
+    //自定义时间
+    // confirmtime() {
+    //   this.fromobj.statDateStart = this.customtime[0];
+    //   this.fromobj.statDateEnd = this.customtime[1];
+    //   this.TimetoAhoose = 8;
+    //   this.overviewreceptionOverview();
+    //   this.overviewreceptionData();
+    // },
+  },
+};
+</script>
+
+<style scoped="scoped" lang="scss" >
+
+@import "../theme.color.scss";
+
+.app-box-er {
+    width: 100%;
+    background: #ffffff;
+    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
+    border-radius: 4px;
+    margin-top: 15px;
+    padding: 15px;
+
+    .container {
+        display: grid;
+        grid-template-columns: repeat(5, 19%);
+        grid-column-gap: 12px;
+
+        /deep/ .el-card__body {
+            padding: 8px;
+            cursor: pointer;
+        }
+
+        .text1 {
+            height: 16px;
+            font-size: 16px;
+            font-weight: 400;
+            line-height: 16px;
+            text-indent: 20px;
+            margin-top: 10px;
+            color: #666666;
+        }
+
+        .text2 {
+            height: 32px;
+            font-size: 32px;
+            font-weight: normal;
+            line-height: 32px;
+            text-indent: 20px;
+            margin-top: 10px;
+        }
+
+        .text3 {
+            font-size: 14px;
+            margin: 10px 0;
+            width: 100%;
+            text-indent: 20px;
+            display: flex;
+            align-items: center;
+
+
+            .textUp {
+                font-size: 14px;
+                display: flex;
+                font-weight: 600;
+                color: rgba(231, 72, 60, 1);
+                background: rgba(253, 240, 239, 1);
+                align-items: center;
+                padding: 3px 12px 3px 0;
+                border-radius: 3px;
+                margin-left: 8px;
+
+                .up {
+                    font-size: 14px;
+                    display: block;
+                    width: 20px;
+                    height: 15px;
+                    background: url("../../../public/img/indexIcon/indexCardUp.png") no-repeat;
+                    background-size: 100%;
+                    margin-left: 8px;
+                }
+            }
+
+            .textDown {
+                font-size: 14px;
+                display: flex;
+                font-weight: 600;
+                color: rgba(7, 183, 157, 1);
+                background: rgba(235, 250, 246, 1);
+                align-items: center;
+                padding: 3px 12px 3px 0;
+                border-radius: 3px;
+                margin-left: 8px;
+
+                .down {
+                    display: block;
+                    width: 20px;
+                    height: 15px;
+                    background: url("../../../public/img/indexIcon/indexCardDown.png") no-repeat;
+                    background-size: 100%;
+                    margin-left: 8px;
+                }
+            }
+        }
+
+
+    }
+
+    .tophovese {
+        border: 1px solid #2671e2 !important;
+        background: rgba(38, 113, 226, 0.04);
+    }
+}
+
+
+
+
+#main {
+  width: 100%;
+  height: 380px;
+}
+</style>
diff --git a/src/components/theme.color.scss b/src/components/theme.color.scss
new file mode 100644
index 0000000..878bd21
--- /dev/null
+++ b/src/components/theme.color.scss
@@ -0,0 +1,14 @@
+$color1: #5B8FF9;
+$color2: #E6625B;
+$color3: #FF981E;
+$color4: #F6BD16;
+$color5: #07B79D;
+$color6: #9B6BDF;
+$color7: #5B8FF9;
+$color8: #FF99C3;
+$color9: #1E9493;
+$color10: #BA3FB7;
+$color11: #54BEF3;
+$color12: #3C21F7;
+$color13: #F87148;
+$color14: #3EB171;
\ No newline at end of file
diff --git a/src/page/check/index.vue b/src/page/check/index.vue
index ab5cfab..758d771 100644
--- a/src/page/check/index.vue
+++ b/src/page/check/index.vue
@@ -10,7 +10,7 @@
     <div class="content">
       <!-- 质控后台 -->
       <div class="tab" @click="goindex(0)" v-if="tabFlag1">
-        <div><img src="/img/checktab1.png" alt="" /></div>
+        <div><img src="../../../public/logoPng.png" alt="" style="width:auto;"/></div>
         <div class="text">AI销讲助手后台</div>
       </div>
       <div class="tab" @click="goindex(1)" v-if="tabFlag2">
diff --git a/src/page/wel.vue b/src/page/wel.vue
index 9cb6457..a07732d 100644
--- a/src/page/wel.vue
+++ b/src/page/wel.vue
@@ -278,9 +278,9 @@
       <div class="app-box-san">
         <div class="zuo">
           <div class="title">
-            <div class="text1">场景执行率
+            <div class="text1">维度触达占比
               <el-tooltip effect="light"
-                content="筛选时间内，场景执行率=场景执行的接待次数/有效接待数*100%,例如：品牌介绍，10次有效接待，有5次接待中都出现了品牌介绍，场景执行率=5/10*100%=50%；"
+                content="筛选时间内，场景触达率=有效接待的场景执行率的之和/有效接待数，例如：品牌介绍，第1次接待执行了100%，第2次接待没有执行，场景触达率=（100+0）/2=50%；"
                 placement="bottom-end">
                 <i class="el-icon-question" style="color:#74A3EA"></i>
               </el-tooltip>
diff --git a/src/views/ReceivingRecords/index.vue b/src/views/ReceivingRecords/index.vue
index 0689fe8..848efba 100644
--- a/src/views/ReceivingRecords/index.vue
+++ b/src/views/ReceivingRecords/index.vue
@@ -304,7 +304,7 @@
     <div class="cen-tab">
       <el-table :data="tableData" stripe style="width: 100%">
         <el-table-column
-          prop="staTime"
+          prop="staTimeOfCN"
           label="接待开始时间"
           align="center"
           width="200"