From 2089a9575ee6ac4395295b09aebe5b567aeb0592 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E7=BF=94=E5=AE=87-=E6=97=85=E7=AE=A1=E5=AE=B6?=
 <153298343@qq.com>
Date: Tue, 12 Jul 2022 13:11:48 +0800
Subject: [PATCH] up

---
 src/assets/imgs/index_icon_1.png              | Bin 0 -> 2702 bytes
 src/assets/imgs/index_icon_2.png              | Bin 0 -> 2929 bytes
 src/assets/imgs/index_icon_3.png              | Bin 0 -> 3270 bytes
 src/assets/imgs/index_icon_4.png              | Bin 0 -> 2832 bytes
 src/assets/imgs/index_icon_bg_1-21.png        | Bin 0 -> 3610 bytes
 src/assets/imgs/index_icon_bg_1.png           | Bin 0 -> 4510 bytes
 src/assets/imgs/index_icon_bg_3.png           | Bin 0 -> 3611 bytes
 src/assets/imgs/index_icon_bg_4.png           | Bin 0 -> 3622 bytes
 .../dashboard/components/PanelGroup copy.vue  | 252 ++++++++++++++++++
 src/views/dashboard/components/PanelGroup.vue | 247 ++++++++++++-----
 src/views/dashboard/index.vue                 |   2 +
 src/views/report/visit/sexRpt.vue             |  94 ++++---
 12 files changed, 489 insertions(+), 106 deletions(-)
 create mode 100644 src/assets/imgs/index_icon_1.png
 create mode 100644 src/assets/imgs/index_icon_2.png
 create mode 100644 src/assets/imgs/index_icon_3.png
 create mode 100644 src/assets/imgs/index_icon_4.png
 create mode 100644 src/assets/imgs/index_icon_bg_1-21.png
 create mode 100644 src/assets/imgs/index_icon_bg_1.png
 create mode 100644 src/assets/imgs/index_icon_bg_3.png
 create mode 100644 src/assets/imgs/index_icon_bg_4.png
 create mode 100644 src/views/dashboard/components/PanelGroup copy.vue

diff --git a/src/assets/imgs/index_icon_1.png b/src/assets/imgs/index_icon_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ba37cac29e3bca06a740626433f78671db6e256
GIT binary patch
literal 2702
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

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/index_icon_2.png b/src/assets/imgs/index_icon_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ca8fbf627214a0b639d5a1106f2e80b032e4d1c
GIT binary patch
literal 2929
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
PpJ0-Ur}K5kgGv7ZPCNj@

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/index_icon_3.png b/src/assets/imgs/index_icon_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0e4bcf83bc5bd7d4747039c49386eeda6891b96
GIT binary patch
literal 3270
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
UK}D97GW%yir!lB!+&1s}56qu~ng9R*

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/index_icon_4.png b/src/assets/imgs/index_icon_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..2adb7d8d045ac60c69e7beb8f5aec9f86ec5885b
GIT binary patch
literal 2832
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
P`j1NW@Nusug&p}1_)(#w

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/index_icon_bg_1-21.png b/src/assets/imgs/index_icon_bg_1-21.png
new file mode 100644
index 0000000000000000000000000000000000000000..a798f78c5a37640f9f0154719c46adbf15d86584
GIT binary patch
literal 3610
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

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/index_icon_bg_1.png b/src/assets/imgs/index_icon_bg_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c653e9118c503b76551be72d2e5de0e46b43ba58
GIT binary patch
literal 4510
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

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/index_icon_bg_3.png b/src/assets/imgs/index_icon_bg_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..7fda7b8a7befe4d320df517dc50db47ccf674ceb
GIT binary patch
literal 3611
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

literal 0
HcmV?d00001

diff --git a/src/assets/imgs/index_icon_bg_4.png b/src/assets/imgs/index_icon_bg_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..6643afce3ba15373b678f228fd92c5c4e2c182fc
GIT binary patch
literal 3622
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

literal 0
HcmV?d00001

diff --git a/src/views/dashboard/components/PanelGroup copy.vue b/src/views/dashboard/components/PanelGroup copy.vue
new file mode 100644
index 0000000..9b07de5
--- /dev/null
+++ b/src/views/dashboard/components/PanelGroup copy.vue	
@@ -0,0 +1,252 @@
+<template>
+
+
+
+  <el-row class="panel-group">
+
+    <el-col :xs="11" :sm="11" :lg="11" :xl="5" class="card-panel-col"
+      style="background: #FDC830;  /* fallback for old browsers */
+background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
+background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */">
+      <div class="card-panel">
+        <div class="card-panel-icon-wrapper icon-people">
+          <svg-icon icon-class="peoples" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text" style="font-family: '微软雅黑'">
+            预约参观人次
+          </div>
+          <div class="card-panel-text">
+            <p>总人数：{{totaldata.visit_total.total}}</p>
+            <p>今 日：{{totaldata.visit_total.today}}</p>
+          </div>
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="11" :sm="11" :lg="11" :xl="5" class="card-panel-col"
+      style="background: #FFB75E;  /* fallback for old browsers */
+background: -webkit-linear-gradient(to right, #ED8F03, #FFB75E);  /* Chrome 10-25, Safari 5.1-6 */
+background: linear-gradient(to right, #ED8F03, #FFB75E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */">
+      <div class="card-panel" style="background-color: transparent;" @click="handleRoute('box')">
+        <div class="card-panel-icon-wrapper icon-message">
+          <svg-icon icon-class="user-group" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text" style="font-family: '微软雅黑';margin-bottom:5px">
+            入场参观人次
+          </div>
+          <div class="card-panel-text">
+            <p>总人数：{{totaldata.visit_enter.total}}</p>
+            <p>今 日：{{totaldata.visit_enter.today}}</p>
+            <p>当日核销比：{{totaldata.visit_enter.per}}</p>
+          </div>
+          <!-- <count-to :start-val="0" :end-val="countsData.client_count" :duration="3000" class="card-panel-num" /> -->
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="11" :sm="11" :lg="11" :xl="5" class="card-panel-col"
+      style="background: #ffe259;  /* fallback for old browsers */
+background: -webkit-linear-gradient(to right, #ffa751, #ffe259);  /* Chrome 10-25, Safari 5.1-6 */
+background: linear-gradient(to right, #ffa751, #ffe259); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */">
+      <div class="card-panel" @click="handleRoute('tool')">
+        <div class="card-panel-icon-wrapper icon-money">
+          <svg-icon icon-class="peoples" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text" style="font-family: '微软雅黑'">
+            预约活动人次
+          </div>
+          <div class="card-panel-text" style="color: #fff;font-size:16px">
+            <p>总人数：{{totaldata.activity_total.total}}</p>
+            <p>今 日：{{totaldata.activity_total.today}}</p>
+          </div>
+          <!-- <count-to :start-val="0" :end-val="countsData.tool_count" :duration="3200" class="card-panel-num" /> -->
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="11" :sm="11" :lg="11" :xl="5" class="card-panel-col"
+      style="background: #fe8c00;  /* fallback for old browsers */
+background: -webkit-linear-gradient(to right, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
+background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */">
+      <div class="card-panel" @click="handleRoute('user')">
+        <div class="card-panel-icon-wrapper icon-shopping">
+          <svg-icon icon-class="user-group" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text" style="font-family: '微软雅黑'">
+            预约活动人次
+          </div>
+          <div class="card-panel-text" style="color: #fff;font-size:16px">
+            <p>总人数：{{totaldata.activity_enter.total}}</p>
+            <p>今 日：{{totaldata.activity_enter.today}}</p>
+          </div>
+          <!-- <count-to :start-val="0" :end-val="countsData.user_count" :duration="3600" class="card-panel-num" /> -->
+        </div>
+
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+  import CountTo from 'vue-count-to'
+
+  export default {
+    props: {
+      countsData: {
+        type: Object
+      },
+      totaldata: {
+        type: Object,
+        default: {
+          "visit_total": {
+            "total": 0,
+            "today": 0
+          },
+          "visit_enter": {
+            "total": 0,
+            "today": 0,
+            "per": 0
+          },
+          "activity_total": {
+            "total": 0,
+            "today": 0
+          },
+          "activity_enter": {
+            "total": 0,
+            "today": 0
+          }
+        }
+      }
+    },
+    components: {
+      CountTo
+    },
+    methods: {
+      handleRoute(type) {
+        this.$emit('handleRoute', type)
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .panel-group {
+    // margin-top: 18px;
+    margin-left: -2% !important;
+    margin-right: -3% !important;
+
+    .card-panel-col {
+      margin: 0 2%;
+
+      margin-bottom: 32px;
+    }
+
+    .card-panel {
+      height: 130px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      text-align: center;
+      // background: #fff;
+      // box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+      // border-color: rgba(0, 0, 0, .05);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        // .icon-people {
+        //   background: #40c9c6;
+        // }
+
+        // .icon-message {
+        //   background: #36a3f7;
+        // }
+
+        // .icon-money {
+        //   background: #f4516c;
+        // }
+
+        // .icon-shopping {
+        //   background: #34bfa3
+        // }
+      }
+
+      .icon-people {
+        color: #fff;
+      }
+
+      .icon-message {
+        color: #fff;
+      }
+
+      .icon-money {
+        color: #fff;
+      }
+
+      .icon-shopping {
+        color: #fff
+      }
+
+      .card-panel-icon-wrapper {
+        float: right;
+        margin: 22px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 42px;
+      }
+
+      .card-panel-description {
+        // float: right;
+        font-weight: bold;
+        margin: 16px 12px;
+
+        .card-panel-text {
+          line-height: 25px;
+          color: rgb(255, 255, 255);
+          font-size: 26px;
+          margin-bottom: 20px;
+          width: 70%;
+          text-align: left;
+        }
+
+        p {
+          text-align: left;
+          font-size: 19px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width:550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index 9b07de5..dc0fd8f 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,91 +1,101 @@
-<template>
-
-
-
-  <el-row class="panel-group">
-
-    <el-col :xs="11" :sm="11" :lg="11" :xl="5" class="card-panel-col"
-      style="background: #FDC830;  /* fallback for old browsers */
-background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
-background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */">
-      <div class="card-panel">
-        <div class="card-panel-icon-wrapper icon-people">
-          <svg-icon icon-class="peoples" class-name="card-panel-icon" />
+<template>
+  <div>
+    <div class="boxlist">
+      <div class="box box1">
+        <div class="boxtitle">
+          预约参观人数
         </div>
-        <div class="card-panel-description">
-          <div class="card-panel-text" style="font-family: '微软雅黑'">
-            预约参观人次
+        <div class="boxcontent">
+          <div class="boxcontentitem">
+            <div class="boxcontentitem-big">
+              <count-to :start-val="0" :end-val="totaldata.visit_total.total" :duration="3600" />
+            </div>
+            <div class="boxcontentitem-small">总人数</div>
           </div>
-          <div class="card-panel-text">
-            <p>总人数：{{totaldata.visit_total.total}}</p>
-            <p>今 日：{{totaldata.visit_total.today}}</p>
+          <div class="boxline"></div>
+          <div class="boxcontentitem">
+            <div class="boxcontentitem-big">
+              <count-to :start-val="0" :end-val="totaldata.visit_total.today" :duration="3600" />
+            </div>
+            <div class="boxcontentitem-small">今日</div>
           </div>
         </div>
+        <div class="boxfooter"></div>
+        <img src="../../../assets/imgs/index_icon_1.png" class="index_icon" />
+        <img src="../../../assets/imgs/index_icon_bg_1.png" class="index_bg" />
       </div>
-    </el-col>
-    <el-col :xs="11" :sm="11" :lg="11" :xl="5" class="card-panel-col"
-      style="background: #FFB75E;  /* fallback for old browsers */
-background: -webkit-linear-gradient(to right, #ED8F03, #FFB75E);  /* Chrome 10-25, Safari 5.1-6 */
-background: linear-gradient(to right, #ED8F03, #FFB75E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */">
-      <div class="card-panel" style="background-color: transparent;" @click="handleRoute('box')">
-        <div class="card-panel-icon-wrapper icon-message">
-          <svg-icon icon-class="user-group" class-name="card-panel-icon" />
+      <div class="box box2">
+        <div class="boxtitle">
+          入场参观人次
         </div>
-        <div class="card-panel-description">
-          <div class="card-panel-text" style="font-family: '微软雅黑';margin-bottom:5px">
-            入场参观人次
+        <div class="boxcontent">
+          <div class="boxcontentitem">
+            <div class="boxcontentitem-big">
+              <count-to :start-val="0" :end-val="totaldata.visit_enter.total" :duration="3600" />
+            </div>
+            <div class="boxcontentitem-small">总人数</div>
           </div>
-          <div class="card-panel-text">
-            <p>总人数：{{totaldata.visit_enter.total}}</p>
-            <p>今 日：{{totaldata.visit_enter.today}}</p>
-            <p>当日核销比：{{totaldata.visit_enter.per}}</p>
+          <div class="boxline"></div>
+          <div class="boxcontentitem">
+            <div class="boxcontentitem-big">
+
+              <count-to :start-val="0" :end-val="totaldata.visit_enter.today" :duration="3600" />
+            </div>
+            <div class="boxcontentitem-small">今日</div>
           </div>
-          <!-- <count-to :start-val="0" :end-val="countsData.client_count" :duration="3000" class="card-panel-num" /> -->
         </div>
+        <div class="boxfooter">当日核销比：{{totaldata.visit_enter.per}}</div>
+        <img src="../../../assets/imgs/index_icon_2.png" class="index_icon" />
+        <img src="../../../assets/imgs/index_icon_bg_1-21.png" class="index_bg" />
       </div>
-    </el-col>
-    <el-col :xs="11" :sm="11" :lg="11" :xl="5" class="card-panel-col"
-      style="background: #ffe259;  /* fallback for old browsers */
-background: -webkit-linear-gradient(to right, #ffa751, #ffe259);  /* Chrome 10-25, Safari 5.1-6 */
-background: linear-gradient(to right, #ffa751, #ffe259); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */">
-      <div class="card-panel" @click="handleRoute('tool')">
-        <div class="card-panel-icon-wrapper icon-money">
-          <svg-icon icon-class="peoples" class-name="card-panel-icon" />
+      <div class="box box3">
+        <div class="boxtitle">
+          预约活动人次
         </div>
-        <div class="card-panel-description">
-          <div class="card-panel-text" style="font-family: '微软雅黑'">
-            预约活动人次
+        <div class="boxcontent">
+          <div class="boxcontentitem">
+            <div class="boxcontentitem-big">
+              <count-to :start-val="0" :end-val="totaldata.activity_total.total" :duration="3600" />
+            </div>
+            <div class="boxcontentitem-small">总人数</div>
           </div>
-          <div class="card-panel-text" style="color: #fff;font-size:16px">
-            <p>总人数：{{totaldata.activity_total.total}}</p>
-            <p>今 日：{{totaldata.activity_total.today}}</p>
+          <div class="boxline"></div>
+          <div class="boxcontentitem">
+            <div class="boxcontentitem-big">
+              <count-to :start-val="0" :end-val="totaldata.activity_total.today" :duration="3600" />
+            </div>
+            <div class="boxcontentitem-small">今日</div>
           </div>
-          <!-- <count-to :start-val="0" :end-val="countsData.tool_count" :duration="3200" class="card-panel-num" /> -->
         </div>
+        <div class="boxfooter"></div>
+        <img src="../../../assets/imgs/index_icon_3.png" class="index_icon" />
+        <img src="../../../assets/imgs/index_icon_bg_3.png" class="index_bg" />
       </div>
-    </el-col>
-    <el-col :xs="11" :sm="11" :lg="11" :xl="5" class="card-panel-col"
-      style="background: #fe8c00;  /* fallback for old browsers */
-background: -webkit-linear-gradient(to right, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
-background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */">
-      <div class="card-panel" @click="handleRoute('user')">
-        <div class="card-panel-icon-wrapper icon-shopping">
-          <svg-icon icon-class="user-group" class-name="card-panel-icon" />
+      <div class="box box4">
+        <div class="boxtitle">
+          参加活动人次
         </div>
-        <div class="card-panel-description">
-          <div class="card-panel-text" style="font-family: '微软雅黑'">
-            预约活动人次
+        <div class="boxcontent">
+          <div class="boxcontentitem">
+            <div class="boxcontentitem-big">
+              <count-to :start-val="0" :end-val="totaldata.activity_enter.total" :duration="3600" />
+            </div>
+            <div class="boxcontentitem-small">总人数</div>
           </div>
-          <div class="card-panel-text" style="color: #fff;font-size:16px">
-            <p>总人数：{{totaldata.activity_enter.total}}</p>
-            <p>今 日：{{totaldata.activity_enter.today}}</p>
+          <div class="boxline"></div>
+          <div class="boxcontentitem">
+            <div class="boxcontentitem-big">
+              <count-to :start-val="0" :end-val="totaldata.activity_enter.today" :duration="3600" />
+            </div>
+            <div class="boxcontentitem-small">今日</div>
           </div>
-          <!-- <count-to :start-val="0" :end-val="countsData.user_count" :duration="3600" class="card-panel-num" /> -->
         </div>
-
+        <div class="boxfooter">当日核销比：{{totaldata.activity_enter.per}}</div>
+        <img src="../../../assets/imgs/index_icon_4.png" class="index_icon" />
+        <img src="../../../assets/imgs/index_icon_bg_4.png" class="index_bg" />
       </div>
-    </el-col>
-  </el-row>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -114,7 +124,8 @@ background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, F
           },
           "activity_enter": {
             "total": 0,
-            "today": 0
+            "today": 0,
+            "per": 0
           }
         }
       }
@@ -131,6 +142,104 @@ background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, F
 </script>
 
 <style lang="scss" scoped>
+  .boxlist {
+    display: flex;
+  }
+
+  .index_icon {
+    position: absolute;
+    top: 1.25rem;
+    right: 1.25rem;
+    width: 3.5625rem;
+  }
+
+  .index_bg {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+  }
+
+  .box {
+    position: relative;
+    width: 24%;
+    margin-left: 0.5%;
+    margin-right: 0.5%;
+    margin-bottom: 2.375rem;
+    box-shadow: 0px 8px 15px 0px rgba(212, 84, 32, 0.3100);
+    border-radius: 8px;
+    box-sizing: border-box;
+    padding: 1.25rem;
+    opacity: 0.8;
+
+    .boxfooter {
+      font-size: 1.0625rem;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      color: #FFFFFF;
+    }
+
+    .boxtitle {
+      font-size: 20px;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      color: #FFFFFF;
+    }
+
+    .boxcontent {
+      display: flex;
+      //justify-content: space-around;
+      align-items: center;
+
+      .boxline {
+        width: 1px;
+        height: 4.0625rem;
+        background: #FFFFFF;
+        opacity: 0.3;
+        margin-left: 2.0625rem;
+        margin-right: 2.0625rem;
+      }
+
+      .boxcontentitem {
+        display: flex;
+        flex-direction: column;
+        font-size: 19px;
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        color: #FFFFFF;
+        text-align: center;
+        min-width: 30%;
+
+        .boxcontentitem-big {
+          font-size: 2.625rem;
+          font-family: Arial;
+          font-weight: 400;
+          color: #FFFFFF;
+        }
+      }
+
+
+    }
+  }
+
+  .box1 {
+    background: linear-gradient(134deg, #D1AC7B, #DFC69C);
+  }
+
+  .box2 {
+    background: linear-gradient(134deg, #9193BC, #B7B9D4);
+  }
+
+  .box3 {
+
+    background: linear-gradient(-55deg, #F6A868, #F4C59E);
+  }
+
+  .box4 {
+
+    background: linear-gradient(-55deg, #64A48E, #9ECABB);
+  }
+
   .panel-group {
     // margin-top: 18px;
     margin-left: -2% !important;
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index efff4f4..e738a60 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -170,6 +170,8 @@
         totalRpt().then(res => {
           res.visit_enter.per = ((res.visit_enter.today / (res.visit_total.today == 0 ? 1 : res.visit_total
             .today)) * 100).toFixed(2) + "%"
+          res.activity_enter.per = ((res.activity_enter.today / (res.activity_total.today == 0 ? 1 : res.activity_total
+            .today)) * 100).toFixed(2) + "%"
           this.totaldata = res;
         })
 
diff --git a/src/views/report/visit/sexRpt.vue b/src/views/report/visit/sexRpt.vue
index 3b8ddbf..669665b 100644
--- a/src/views/report/visit/sexRpt.vue
+++ b/src/views/report/visit/sexRpt.vue
@@ -7,18 +7,14 @@
           <div slot="content"></div>
           <slot>
             <div>
-             <el-date-picker
-                   v-model="daterange"
-                   type="daterange"
-                   range-separator="至"
-                   start-placeholder="开始日期"
-                   end-placeholder="结束日期">
-                 </el-date-picker>
+              <el-date-picker v-model="daterange" type="daterange" range-separator="至" start-placeholder="开始日期"
+                end-placeholder="结束日期" @change="daterangeChange">
+              </el-date-picker>
 
               <Button type="primary" @click="load" style="margin-left: 10px">查询</Button>
-              <Button type="primary" @click="viewPart" style="margin-left: 10px">{{btnText}}</Button>
-              <Button type="primary" style="margin-left: 10px" @click="handleGo">导出</Button>
-              
+              <Button type="primary" @click="viewPart" style="margin-left: 10px">{{btnText}}</Button>
+              <Button type="primary" style="margin-left: 10px" @click="handleGo">导出</Button>
+
             </div>
           </slot>
         </LxHeader>
@@ -46,8 +42,10 @@
 </template>
 <script>
   import LxHeader from "@/components/LxHeader/index.vue";
-  import PieChart from '../components/PieChart'
-  import { ElMapExportTable } from "table-excel";
+  import PieChart from '../components/PieChart'
+  import {
+    ElMapExportTable
+  } from "table-excel";
   import {
     sexRpt
   } from "@/api/report/visit.js";
@@ -62,38 +60,60 @@
     },
     mounted() {},
     data() {
-      return {
-        daterange:"",
+      return {
+        daterange: "",
         showData: false,
-        searchFields: {},
+        searchFields: {
+          start_date: "",
+          end_date: ""
+        },
         tableData: [],
-        tableHeight: 0,
-        btnText:"数据展示",
-        chartHeight:"",
+        tableHeight: 0,
+        btnText: "数据展示",
+        chartHeight: "",
         rptData: {
           yArr: [],
           radiusArr: "50%"
         }
       }
     },
-    methods: {
-      /** 导出按钮操作 */
-      handleGo(){
-        var data = this.tableData; // 这里面是数据列表
-        const column = [
-          { title: "性别", dataIndex: "sex_name" }, // dataIndex为数据列表中的数据字段
-          { title: "预约人数", dataIndex: "plan_total" },
-          { title: "入场人数", dataIndex: "use_total" },
-          { title: "核销比", dataIndex: "per" },
-        ];
-        const instance = new ElMapExportTable(
-          { column, data },
-          { progress: progress => console.log(progress) }// 进度条回调
-        );
-        instance.download("性别分析报表"); // 导出的文件名
+    methods: {
+      daterangeChange(e) {
+        console.log(e);
+        this.searchFields.start_date = this.$moment(e[0]).format("yyyy-MM-DD");
+        this.searchFields.end_date = this.$moment(e[1]).format("yyyy-MM-DD");
+      },
+      /** 导出按钮操作 */
+      handleGo() {
+        var data = this.tableData; // 这里面是数据列表
+        const column = [{
+            title: "性别",
+            dataIndex: "sex_name"
+          }, // dataIndex为数据列表中的数据字段
+          {
+            title: "预约人数",
+            dataIndex: "plan_total"
+          },
+          {
+            title: "入场人数",
+            dataIndex: "use_total"
+          },
+          {
+            title: "核销比",
+            dataIndex: "per"
+          },
+        ];
+        const instance = new ElMapExportTable({
+            column,
+            data
+          }, {
+            progress: progress => console.log(progress)
+          } // 进度条回调
+        );
+        instance.download("性别分析报表"); // 导出的文件名
       },
       viewPart() {
-        this.showData = !this.showData;
+        this.showData = !this.showData;
         this.btnText = this.showData ? "图表展示" : "数据展示"
       },
       initLoad() {
@@ -103,13 +123,13 @@
         var paginationHeight = 37; //分页的高度
         var topHeight = 50; //页面 头部
         let tableHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20;
-        that.tableHeight = tableHeight;
-        that.chartHeight = tableHeight+"px";
+        that.tableHeight = tableHeight;
+        that.chartHeight = tableHeight + "px";
       },
       load() {
         // this.showData = true;
         var arr = [];
-        sexRpt().then((res) => {
+        sexRpt(this.searchFields).then((res) => {
           for (var m of res) {
             m.per = ((m.use_total / (m.plan_total == 0 ? 1 : m.plan_total)) * 100).toFixed(2) + "%"