...

src/assets/less/element/input.less

@@ -1,9 +1,30 @@
-.select{
-    .el-input__inner{
-        background-color: #133654;
-        border: 1px solid #133654;
-    }
-    .el-input.is-focus .el-input__inner{
-        border: 1px solid #133654;
-    }
+.userPsd {
+  .el-input__inner {
+    color: var(--form-font-color);
+    background: url("../../../views/login/组\ 11\ 拷贝\ 2.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+  // &.is-disabled {
+  //   .el-input__wrapper {
+  //     box-shadow: unset;
+  //   }
+  // }
+  // .el-input__wrapper {
+  //   border: 1px solid;
+  //   box-shadow: unset;
+  //   .el-input__inner {
+  //     color: var(--form-font-color);
+  //   }
+  //   background: url("../../../views/login/组\ 17\ 拷贝.png") no-repeat;
+  //   background-size: 100% 100%;
+  // }
+
+  // &.el-input__wrapper {
+  //   border: 1px solid;
+  //   background-color: #222f3d;
+  //   border-color: #222f3d;
+  //   box-shadow: unset;
+  
+  // }
 }

src/assets/less/index.less

@@ -1,4 +1,4 @@
 @import './element/table.less';
 @import './element/tab.less';
-@import './element/input.less';
-@import './element/timer.less';
+@import './element/timer.less';
+@import './element/input.less';

src/views/LoginView.vue

@@ -1,17 +1,72 @@
 <template>
   <div class="login">
-    <div class="top"><img src="../assets/bargound/denglutitle.png" alt=""></div>
-    <div class="logininfor" >
-      <img src="./login/组 20 拷贝.png" alt="" >
-      
+    <div class="top">
+      <img src="../assets/bargound/denglutitle.png" alt="" />
+    </div>
+    <div class="kaung">
+      <p class="text"><span>欢迎登录使用</span></p>
+      <div class="inkuang">
+        <el-input
+          class="userPsd"
+          placeholder="请输入用户名"
+          v-model="inputUserName"
+         
+        >
+          <i slot="prefix" class="el-input__icon el-icon-user"></i
+        ></el-input>
+        <el-input
+          class="userPsd"
+          placeholder="请输入密码"
+          v-model="inputPasd"
+          show-password
+          
+        >
+          <i slot="prefix" class="el-input__icon el-icon-lock"></i
+        ></el-input>
+        <span class="login" @click="landing">立即登录</span>
+      </div>
+      <div></div>
     </div>
     
-
-    
+    <div style="color: #3C91AF;margin-top: 30px;font-size: 12px;">Copyright©2016-2022 ************ 版权所有 技术支持：*********</div>
   </div>
+  
 </template>
-<script></script>
+<script>
+import axios from "axios";
+export default {
+  data() {
+    return {
+      inputUserName: "",
+      inputPasd: "",
+      
+
+      // loginRules: {
+      //   inputUserName: [
+      //     { required: true, trigger: "blur", message: "请输入用户名！" },
+      //   ],
+      //   inputPasd: [
+      //     { required: true, trigger: "blur", message: "请输入密码！" },
+      //   ],
+      // },
+    };
+  },
+
+  methods: {
+    //点击登录
+    landing() {
+      if(this.inputUserName==='root'&&this.inputPasd==='root'){
+        this.$router.push("/");
+
+      }
+    },
+  },
+};
+</script>
 <style scoped lang="scss">
+.el-icon-search {
+  color: red;
+}
 .login {
   width: 100%;
   height: 100vh;
@@ -32,7 +87,58 @@
     width: 33%;
     height: 33vh;
     margin: 0 auto;
-   
+  }
+}
+.kaung {
+  background: url("../views/login/组\ 20\ 拷贝@2x.png") no-repeat;
+  width: 462px;
+  height: 372px;
+  background-size: 100% 100%;
+  overflow: hidden;
+  margin-top: 50px;
+  .text {
+    width: 360px;
+    height: 10px;
+    background: url("../views/login/组\ 19\ 拷贝@2x.png") no-repeat;
+    background-size: 100% 100%;
+    margin-top: 80px;
+    margin-left: 50px;
+    position: relative;
+
+    span {
+      display: block;
+      color: #ffffff;
+      font-size: 20px;
+      position: absolute;
+      left: 34%;
+      top: -8px;
+    }
+  }
+
+  .inkuang {
+    display: flex;
+    flex-direction: column;
+    width: 240px;
+    margin: 0 auto;
+    margin-top: 40px;
+
+    .login {
+      background: url("../views/login/组\ 17\ 拷贝.png") no-repeat;
+      background-size: 100% 100%;
+      width: 100%;
+      height: 60px;
+      margin-top: 20px;
+      text-align: center;
+      padding: 20px 0 0 0;
+      font-size: 12px;
+      color: black;
+      cursor: pointer;
+    }
+
+    .userPsd {
+      margin-top: 10px;
+    }
+
   }
 }
 </style>

src/views/TableDetail/BKFXtable.vue

@@ -12,7 +12,7 @@
       <img src="../../assets/bargound/图层 6.png" width="100%" />
     </div>
     <div class="content">
-      <el-tabs type="border-card" class="theme"  style="overflow: auto;">
+      <el-tabs type="border-card" class="theme" style="overflow: auto">
         <div style="display: flex; justify-content: space-between">
           <!-- 图标 -->
           <div>
@@ -66,19 +66,18 @@
 
         <!-- 表格 -->
         <el-table
+           border
           class="exporttable"
           :data="tableData"
-          border
-          fixed
+         
           stripe
           :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
           :cell-style="{ 'text-align': 'center' }"
           show-summary
-          style="width:3000px;"
-          max-height="750">
-          
-          
+          style="width: 100%; margin: 1px"
+          max-height="700"
         >
+          >
           <el-table-column prop="company" fixed label="门店"> </el-table-column>
           <el-table-column prop="khzs" label="客户总数"> </el-table-column>
           <el-table-column prop="bykh" label="保有客户"> </el-table-column>
@@ -121,7 +120,7 @@ import { number } from "echarts";
 export default {
   data() {
     return {
-      company_ids:[],
+      company_ids: [],
       currentTime: "",
       value: "",
       //表格各类属性
@@ -155,17 +154,15 @@ export default {
     clearInterval(this.timer);
   },
   methods: {
-   
     //表格接口数据
     getTableDate() {
       axios
         .get("http://192.168.2.55:8022/plugins/lhyt/bkfx_detail", {
           params: {
-            company_ids:this.company_ids.join(),
+            company_ids: this.company_ids.join(),
             date_begin: this.value1[0],
             date_end: this.value1[1],
           },
-       
         })
         .then((res) => {
           // console.log("--------", res.data.data);
@@ -217,7 +214,7 @@ export default {
     },
     searchBtn() {
       this.getTableDate();
-      console.log(this.company_ids );
+      console.log(this.company_ids);
     },
   },
 };
@@ -237,6 +234,7 @@ export default {
     height: 100px;
   }
 }
+
 .kccl {
   color: #697c91;
   font-size: 24px;
@@ -264,12 +262,6 @@ export default {
 ::v-deep .el-table::before {
   background-color: black;
 }
-:deep(.el-table__fixed::before ){
-  background-color: transparent;
-}
-:deep(tr.hover-row>td.el-table__cell){
-  background-color: transparent;
-}
 ::v-deep .el-table__footer-wrapper tbody td.el-table__cell,
 .el-table__header-wrapper tbody td.el-table__cell {
   background-color: rgb(2, 62, 2);
@@ -295,6 +287,16 @@ export default {
 ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
   background-color: #133654;
 }
+/* 日期表 */
+:deep(.el-input__inner) {
+  background-color: #133654;
+  border: none;
+  color: #ffffffc1;
+}
+/* 鼠标移入 */
+:deep(.el-table__body tr.hover-row > td.el-table__cell) {
+  background-color: transparent;
+}
 ::v-deep .el-table tr {
   background: #133654;
 }
@@ -304,7 +306,6 @@ export default {
 /**
 改变边框颜色
  */
- 
 .el-table {
   border-bottom: 1px solid #102b47;
   border-right: 1px solid #102b47;
@@ -316,20 +317,10 @@ export default {
   border-bottom: none !important;
 }
 
-
-/* 边框颜色 */
-:deep([data-v-76df8a39].el-table td) {
-    border: 1px solid #102b47;
-    border-right: none !important;
-}
-/* 合计 */
-
-:deep(.el-table__fixed-footer-wrapper tbody td.el-table__cell ){
-   border: none;
-    background-color: rgb(2, 62, 2);
-    color: #606266;
+::v-deep.el-table td {
+  border: 1px solid #102b47;
+  border-right: none !important;
 }
-
 .time {
   color: rgb(174, 201, 222);
   margin-right: 2%;
@@ -338,5 +329,4 @@ export default {
   max-width: 15%;
   white-space: nowrap;
 }
-
 </style>

src/views/TableDetail/BXCBtable.vue

@@ -26,11 +26,22 @@
           <div style="display: flex">
             <!-- 下拉框 -->
             <div style="margin-right: 20px">
-              <el-select class="select" v-model="company_ids" multiple placeholder="请选择" style="width: 200px">
-                <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
-                </el-option>
-              </el-select>
-            </div>
+                <el-select
+                  class="select"
+                  v-model="company_ids"
+                  multiple
+                  placeholder="请选择"
+                  style="width: 200px"
+                >
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.text"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </div>
             <!-- 日期表 -->
             <div class="dataForm" style="margin-right: 20px">
               <el-date-picker
@@ -53,15 +64,16 @@
 
         <!-- 表格 -->
         <el-table
+        border
           class="exporttable"
           :data="tableData"
-          border
+         
           stripe
           :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="800"
+          max-height="700"
         >
           <el-table-column prop="name" fixed label="店面"> </el-table-column>
           <el-table-column prop="name" label="平安保险">
@@ -210,7 +222,7 @@ export default {
 };
 </script>
 
-<style scoped="scop">
+<style scoped="less">
 .content {
   padding: 10px;
 }
@@ -224,6 +236,7 @@ export default {
     height: 100px;
   }
 }
+
 .kccl {
   color: #697c91;
   font-size: 24px;
@@ -251,12 +264,6 @@ export default {
 ::v-deep .el-table::before {
   background-color: black;
 }
-:deep(.el-table__fixed::before ){
-  background-color: transparent;
-}
-:deep(tr.hover-row>td.el-table__cell){
-  background-color: transparent;
-}
 ::v-deep .el-table__footer-wrapper tbody td.el-table__cell,
 .el-table__header-wrapper tbody td.el-table__cell {
   background-color: rgb(2, 62, 2);
@@ -279,22 +286,29 @@ export default {
 .building-top .el-table th.is-leaf {
   color: #93acbf;
 }
+/* 鼠标移入 */
+:deep(.el-table__body tr.hover-row>td.el-table__cell){
+background-color: transparent;
+}
 ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
   background-color: #133654;
 }
+/* 日期表 */
+:deep(.el-input__inner) {
+  background-color: #133654;
+  border: none;
+  color: #ffffffc1;
+}
+
 ::v-deep .el-table tr {
   background: #133654;
 }
-:deep(.el-table__footer-wrapper td.el-table__cell) {
-    border-top: transparent;
-}
 ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
   background: #081b2b;
 }
 /**
 改变边框颜色
  */
- 
 .el-table {
   border-bottom: 1px solid #102b47;
   border-right: 1px solid #102b47;
@@ -306,20 +320,10 @@ export default {
   border-bottom: none !important;
 }
 
-
-/* 边框颜色 */
-:deep([data-v-76df8a39].el-table td) {
-    border: 1px solid #102b47;
-    border-right: none !important;
-}
-/* 合计 */
-
-:deep(.el-table__fixed-footer-wrapper tbody td.el-table__cell ){
-   border: none;
-    background-color: rgb(2, 62, 2);
-    color: #606266;
+::v-deep.el-table td {
+  border: 1px solid #102b47;
+  border-right: none !important;
 }
-
 .time {
   color: rgb(174, 201, 222);
   margin-right: 2%;
@@ -328,5 +332,4 @@ export default {
   max-width: 15%;
   white-space: nowrap;
 }
-
 </style>

src/views/TableDetail/CLKCtable.vue

@@ -59,17 +59,16 @@
 
           <!-- 表格 -->
           <el-table
-            class="exporttable"
-            :data="tableData"
-            border
-            stripe
-            :header-cell-style="{
-              'text-align': 'center',
-              background: '#03111c',
-            }"
-            :cell-style="{ 'text-align': 'center' }"
-            show-summary
-            style="width: 100%; margin: 1px"
+          border
+          class="exporttable"
+          :data="tableData"
+         
+          stripe
+          :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
+          :cell-style="{ 'text-align': 'center' }"
+          show-summary
+          style="width: 100%; margin: 1px"
+          max-height="700"
           >
             <el-table-column prop="id" label="店面"> </el-table-column>
             <el-table-column prop="name" label="同期销量"> </el-table-column>

src/views/TableDetail/CZTJtable.vue

@@ -28,11 +28,22 @@
           <div style="display: flex">
             <!-- 下拉框 -->
             <div style="margin-right: 20px">
-              <el-select class="select" v-model="company_ids" multiple placeholder="请选择" style="width: 200px">
-                <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
-                </el-option>
-              </el-select>
-            </div>
+                <el-select
+                  class="select"
+                  v-model="company_ids"
+                  multiple
+                  placeholder="请选择"
+                  style="width: 200px"
+                >
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.text"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </div>
             <!-- 日期表 -->
             <div class="dataForm" style="margin-right: 20px">
               <el-date-picker
@@ -55,17 +66,16 @@
 
         <!-- 表格 -->
         <el-table
+        border
           class="exporttable"
           :data="tableData"
-          border
+         
           stripe
-          :header-cell-style="{
-            'text-align': 'center',
-            background: '#03111c',
-          }"
+          :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
+          max-height="700"
         >
           <el-table-column prop="company" label="品牌"> </el-table-column>
           <el-table-column  label="收入类">
@@ -206,7 +216,6 @@ export default {
   },
 };
 </script>
-
 <style scoped="less">
 .content {
   padding: 10px;
@@ -262,6 +271,11 @@ export default {
   background-color: black;
   z-index: 1;
 }
+::v-deep
+  .el-tabs.theme.el-tabs--top.theme.el-tabs--border-card
+  .el-tabs__nav-scroll {
+  border-bottom: 1px solid;
+}
 ::v-deep .el-table td,
 .building-top .el-table th.is-leaf {
   color: #93acbf;
@@ -269,6 +283,13 @@ export default {
 ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
   background-color: #133654;
 }
+/* 日期表 */
+:deep(.el-input__inner) {
+  background-color: #133654;
+  border: none;
+  color: #ffffffc1;
+}
+
 ::v-deep .el-table tr {
   background: #133654;
 }
@@ -278,23 +299,17 @@ export default {
 /**
 改变边框颜色
  */
-
 .el-table {
   border-bottom: 1px solid #102b47;
   border-right: 1px solid #102b47;
   margin: 0 auto;
 }
-
 ::v-deep.el-table th {
   border: 1px solid #102b47 !important;
   border-right: none !important;
   border-bottom: none !important;
 }
-::v-deep
-  .el-tabs.theme.el-tabs--top.theme.el-tabs--border-card
-  .el-tabs__nav-scroll {
-  border-bottom: 1px solid;
-}
+
 ::v-deep.el-table td {
   border: 1px solid #102b47;
   border-right: none !important;

src/views/TableDetail/FQYWtable.vue

@@ -62,16 +62,16 @@
 
         <!-- 表格 -->
         <el-table
+        border
           class="exporttable"
           :data="tableData"
-          border
-          fixed
-          fit
+         
           stripe
           :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
           :cell-style="{ 'text-align': 'center' }"
           show-summary
-          style="width: 2000px; margin: 1px"
+          style="width: 100%; margin: 1px"
+          max-height="700"
         >
           <el-table-column prop="company" label="品牌"> </el-table-column>
           <el-table-column label="分期单数及渗透率">

src/views/TableDetail/JCPHtable.vue

@@ -24,45 +24,46 @@
               >
             </p>
           </div>
-          <div style="display: flex">
-            <!-- 下拉框 -->
-            <div style="margin-right: 20px">
-              <el-select
-                class="select"
-                v-model="company_ids"
-                multiple
-                placeholder="请选择"
-                style="width: 200px"
-              >
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.text"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </div>
-            <!-- 日期表 -->
-            <div class="dataForm" style="margin-right: 20px">
-              <el-date-picker
-                v-model="value1"
-                type="month"
-                placeholder="2023-08"
-              >
-              </el-date-picker>
-            </div>
-            <!-- 按钮 -->
-            <el-button
-              @click="searchBtn"
-              style="background-color: rgb(40, 155, 209); color: black"
-              >查询</el-button
-            >
-          </div>
         </div>
         <!-- 表格 -->
         <el-tabs type="border-card" class="theme">
-          <el-tab-pane label="销售顾问业绩排名" >
+          <el-tab-pane label="销售顾问业绩排名">
+           
+            <div style="display: flex; justify-content: flex-end; margin: 10px">
+              <!-- 下拉框 -->
+              <div style="margin-right: 20px">
+                <el-select
+                  class="select"
+                  v-model="company_ids"
+                  multiple
+                  placeholder="请选择"
+                  style="width: 200px"
+                >
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.text"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </div>
+              <!-- 日期表 -->
+              <div class="dataForm" style="margin-right: 20px">
+                <el-date-picker
+                  v-model="value1"
+                  type="month"
+                  placeholder="2023-08"
+                >
+                </el-date-picker>
+              </div>
+              <!-- 按钮 -->
+              <el-button
+                @click="searchBtn"
+                style="background-color: rgb(40, 155, 209); color: black"
+                >查询</el-button
+              >
+            </div>
             <el-table
               class="exporttable"
               :data="tableDataOne"
@@ -84,19 +85,54 @@
               <el-table-column prop="cjl" label="成交率"> </el-table-column>
             </el-table>
           </el-tab-pane>
-          <el-tab-pane label="各品牌销售统计" >
+          <el-tab-pane label="各品牌销售统计">
+            <div style="display: flex; justify-content: flex-end; margin: 10px">
+              <!-- 下拉框 -->
+              <div style="margin-right: 20px">
+                <el-select
+                  class="select"
+                  v-model="company_ids"
+                  multiple
+                  placeholder="请选择"
+                  style="width: 200px"
+                >
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.text"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </div>
+              <!-- 日期表 -->
+              <div class="dataForm" style="margin-right: 20px">
+                <el-date-picker
+                  v-model="value2"
+                  type="date"
+                  placeholder="2023-08-10"
+                >
+                </el-date-picker>
+              </div>
+              <!-- 按钮 -->
+              <el-button
+                @click="searchBtn"
+                style="background-color: rgb(40, 155, 209); color: black"
+                >查询</el-button
+              >
+            </div>
             <!-- 表格 -->
             <el-table
-              class="exporttable"
-              :data="tableDataTwo"
-              border
-              stripe
-              :header-cell-style="{
-                'text-align': 'center',
-                background: '#03111c',
-              }"
-              :cell-style="{ 'text-align': 'center' }"
-              style="width: 100%; margin: 1px"
+            border
+          class="exporttable"
+          :data="tableDataTwo"
+         
+          stripe
+          :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
+          :cell-style="{ 'text-align': 'center' }"
+          show-summary
+          style="width: 100%; margin: 1px"
+          max-height="700"
             >
               <el-table-column prop="company" label="店名"> </el-table-column>
               <el-table-column prop="name" label="">
@@ -287,7 +323,6 @@ import { number } from "echarts";
 export default {
   data() {
     return {
-      
       company_ids: [],
       currentTime: "",
       value: "",
@@ -311,7 +346,8 @@ export default {
           },
         ],
       },
-      value1: ["2023-08-01"],
+      value1: [""],
+      value2: [""],
     };
   },
   computed: {
@@ -322,7 +358,7 @@ export default {
         strDate = date.getDate(); // 获取当前日(1-31)
       if (month < 10) month = `0${month}`; // 如果月份是个位数，在前面补0
       if (strDate < 10) strDate = `0${strDate}`; // 如果日是个位数，在前面补0
-     
+
       return `${year}-${month}`;
     },
     nianyue: function getNowFormatDate() {
@@ -332,7 +368,7 @@ export default {
         strDate = date.getDate(); // 获取当前日(1-31)
       if (month < 10) month = `0${month}`; // 如果月份是个位数，在前面补0
       if (strDate < 10) strDate = `0${strDate}`; // 如果日是个位数，在前面补0
-     
+
       return `${year}-${month}-${strDate}`;
     },
   },
@@ -342,7 +378,9 @@ export default {
     this.getTableDateTwo(); //开始获取表格
     this.getSelectDate(); //下拉框接口数据
     console.log(this.Riqi);
+    console.log(this.nianyue);
     this.value1 = this.Riqi;
+    this.value2 = this.nianyue;
   },
   beforeDestroy() {
     // 在组件销毁前清除定时器，避免内存泄漏
@@ -499,6 +537,10 @@ export default {
   background-color: black;
   z-index: 1;
 }
+/* 鼠标移入 */
+:deep(.el-table__body tr.hover-row>td.el-table__cell){
+background-color: transparent;
+}
 ::v-deep
   .el-tabs.theme.el-tabs--top.theme.el-tabs--border-card
   .el-tabs__nav-scroll {

src/views/TableDetail/KCFXtable.vue

@@ -64,17 +64,16 @@
        
         <!-- 表格 -->
         <el-table
+        border
           class="exporttable"
           :data="tableData"
-          border
+         
           stripe
-          :header-cell-style="{
-            'text-align': 'center',
-            background: '#03111c',
-          }"
+          :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
+          max-height="700"
         >
           <el-table-column prop="company" label="品牌"> </el-table-column>
           <el-table-column  label="库存种类">
@@ -295,18 +294,25 @@ export default {
   background-color: black;
   z-index: 1;
 }
-::v-deep .el-table td,
-.building-top .el-table th.is-leaf {
-  color: #93acbf;
-}
 ::v-deep
   .el-tabs.theme.el-tabs--top.theme.el-tabs--border-card
   .el-tabs__nav-scroll {
   border-bottom: 1px solid;
 }
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  color: #93acbf;
+}
 ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
   background-color: #133654;
 }
+/* 日期表 */
+:deep(.el-input__inner) {
+  background-color: #133654;
+  border: none;
+  color: #ffffffc1;
+}
+
 ::v-deep .el-table tr {
   background: #133654;
 }

src/views/TableDetail/KLFXtable.vue

@@ -19,32 +19,65 @@
           <!-- 图标 -->
           <div>
             <p>
-              <img src="../../assets/bargound/data.png" alt="" /><span class="kccl">客流分析</span>
+              <img src="../../assets/bargound/data.png" alt="" /><span
+                class="kccl"
+                >客流分析</span
+              >
             </p>
           </div>
           <div style="display: flex">
             <!-- 下拉框 -->
             <div style="margin-right: 20px">
-              <el-select class="select" v-model="company_ids" multiple placeholder="请选择" style="width: 200px">
-                <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              <el-select
+                class="select"
+                v-model="company_ids"
+                multiple
+                placeholder="请选择"
+                style="width: 200px"
+              >
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.text"
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
             </div>
             <!-- 日期表 -->
             <div class="dataForm" style="margin-right: 20px">
-              <el-date-picker v-model="value1" type="daterange" range-separator="——" start-placeholder="开始日期"
-                end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+              <el-date-picker
+                v-model="value1"
+                type="daterange"
+                range-separator="——"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+              >
               </el-date-picker>
             </div>
             <!-- 按钮 -->
-            <el-button @click="searchBtn" style="background-color: rgb(40, 155, 209); color: black">查询</el-button>
+            <el-button
+              @click="searchBtn"
+              style="background-color: rgb(40, 155, 209); color: black"
+              >查询</el-button
+            >
           </div>
         </div>
         <!-- 表格 -->
-        <el-table class="exporttable" :data="tableData" border stripe :header-cell-style="{
-          'text-align': 'center',
-          background: '#03111c',
-        }" :cell-style="{ 'text-align': 'center' }" show-summary style="width: 100%; margin: 1px">
+        <el-table
+        border
+          class="exporttable"
+          :data="tableData"
+         
+          stripe
+          :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
+          :cell-style="{ 'text-align': 'center' }"
+          show-summary
+          style="width: 100%; margin: 1px"
+          max-height="700"
+        >
           <el-table-column prop="company" label="店面"> </el-table-column>
           <el-table-column prop="scjdl" label="首次接待量"> </el-table-column>
           <el-table-column prop="scldl" label="首次留档量"> </el-table-column>
@@ -74,7 +107,6 @@ import axios from "axios";
 export default {
   data() {
     return {
-      
       currentTime: "",
       company_ids: [],
       //表格各类属性
@@ -113,20 +145,19 @@ export default {
           },
         ],
       },
-      value1: [("2023-08-01"), ("2023-08-08")],
+      value1: ["2023-08-01", "2023-08-08"],
     };
   },
   mounted() {
     this.updateTime(); //时间
-    this.getTableDate();//开始获取表格
-    this.getSelectDate()//下拉框接口数据
+    this.getTableDate(); //开始获取表格
+    this.getSelectDate(); //下拉框接口数据
   },
   beforeDestroy() {
     // 在组件销毁前清除定时器，避免内存泄漏
     clearInterval(this.timer);
   },
   methods: {
- 
     //表格接口数据
     getTableDate() {
       axios
@@ -134,8 +165,8 @@ export default {
           params: {
             company_ids: this.company_ids.join(),
             date_begin: this.value1[0],
-            date_end: this.value1[1]
-          }
+            date_end: this.value1[1],
+          },
         })
         .then((res) => {
           // console.log("--------", res.data.data);
@@ -187,9 +218,8 @@ export default {
     },
     //查询
     searchBtn() {
-     this.getTableDate()
-    
-    }
+      this.getTableDate();
+    },
   },
 };
 </script>
@@ -214,7 +244,6 @@ export default {
   font-size: 24px;
   margin-left: 10px;
 }
-
 .el-input__inner {
   background-color: #133654;
 }
@@ -222,7 +251,6 @@ export default {
 .el-input__inner {
   border: 0;
 }
-
 ::v-deep .el-date-editor .el-range-input {
   display: inline-block;
   height: 100%;
@@ -232,21 +260,17 @@ export default {
   color: #ffffffba;
   background-color: #133654;
 }
-
 ::v-deep .el-table {
   border: none;
 }
-
 ::v-deep .el-table::before {
   background-color: black;
 }
-
 ::v-deep .el-table__footer-wrapper tbody td.el-table__cell,
 .el-table__header-wrapper tbody td.el-table__cell {
   background-color: rgb(2, 62, 2);
   color: #93acbf;
 }
-
 ::v-deep .el-table--border::after,
 .el-table--group::after,
 .el-table::before {
@@ -255,24 +279,31 @@ export default {
   background-color: black;
   z-index: 1;
 }
-
+::v-deep
+  .el-tabs.theme.el-tabs--top.theme.el-tabs--border-card
+  .el-tabs__nav-scroll {
+  border-bottom: 1px solid;
+}
 ::v-deep .el-table td,
 .building-top .el-table th.is-leaf {
   color: #93acbf;
 }
-
-::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background-color: #133654;
+}
+/* 日期表 */
+:deep(.el-input__inner) {
   background-color: #133654;
+  border: none;
+  color: #ffffffc1;
 }
 
 ::v-deep .el-table tr {
   background: #133654;
 }
-
 ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
   background: #081b2b;
 }
-
 /**
 改变边框颜色
  */
@@ -281,11 +312,6 @@ export default {
   border-right: 1px solid #102b47;
   margin: 0 auto;
 }
-
-::v-deep .el-tabs.theme.el-tabs--top.theme.el-tabs--border-card .el-tabs__nav-scroll {
-  border-bottom: 1px solid;
-}
-
 ::v-deep.el-table th {
   border: 1px solid #102b47 !important;
   border-right: none !important;
@@ -296,7 +322,6 @@ export default {
   border: 1px solid #102b47;
   border-right: none !important;
 }
-
 .time {
   color: rgb(174, 201, 222);
   margin-right: 2%;

src/views/TableDetail/KYFXtable.vue

@@ -19,260 +19,128 @@
           <!-- 图标 -->
           <div>
             <p>
-              <img src="../../assets/bargound/data.png" alt="" /><span class="kccl">客源分析</span>
+              <img src="../../assets/bargound/data.png" alt="" /><span
+                class="kccl"
+                >客源分析</span
+              >
             </p>
           </div>
           <div style="display: flex">
             <!-- 下拉框 -->
             <div style="margin-right: 20px">
-              <el-select class="select" v-model="company_ids" multiple placeholder="请选择" style="width: 200px">
-                <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              <el-select
+                class="select"
+                v-model="company_ids"
+                multiple
+                placeholder="请选择"
+                style="width: 200px"
+              >
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.text"
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
             </div>
             <!-- 日期表 -->
             <div class="dataForm" style="margin-right: 20px">
-              <el-date-picker v-model="value1" type="daterange" range-separator="——" start-placeholder="开始日期"
-                end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+              <el-date-picker
+                v-model="value1"
+                type="daterange"
+                range-separator="——"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+              >
               </el-date-picker>
             </div>
             <!-- 按钮 -->
-            <el-button @click="searchBtn" style="background-color: rgb(40, 155, 209); color: black">查询</el-button>
+            <el-button
+              @click="searchBtn"
+              style="background-color: rgb(40, 155, 209); color: black"
+              >查询</el-button
+            >
           </div>
         </div>
         <!-- 表格 -->
         <el-table
+          border
           class="exporttable"
           :data="tableData"
-          border
+         
           stripe
           :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
           :cell-style="{ 'text-align': 'center' }"
           show-summary
-          style="width: 100%; margin: 1px">
-          <el-table-column
-            prop="company"
-            label="品牌">
+          style="width: 100%; margin: 1px"
+          max-height="700"
+        >
+          <el-table-column prop="company" label="品牌"> </el-table-column>
+          <el-table-column prop="name" label="展厅">
+            <el-table-column prop="ztjc" label="交车数"> </el-table-column>
+            <el-table-column prop="ztzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="ztcjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="展厅">
-            <el-table-column
-              prop="ztjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="ztzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="ztcjl"
-              label="成交率">
-            </el-table-column>
-            
-            
+          <el-table-column prop="name" label="转介绍">
+            <el-table-column prop="zjsjc" label="交车数"> </el-table-column>
+            <el-table-column prop="zjszs" label="客户总数"> </el-table-column>
+            <el-table-column prop="zjscjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="转介绍">
-            <el-table-column
-              prop="zjsjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="zjszs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="zjscjl"
-              label="成交率">
-            </el-table-column>
-            
-            
+          <el-table-column prop="name" label="网络直销">
+            <el-table-column prop="wlzxjc" label="交车数"> </el-table-column>
+            <el-table-column prop="wlzxzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="wlzxcjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="网络直销">
-            <el-table-column
-              prop="wlzxjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="wlzxzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="wlzxcjl"
-              label="成交率">
-            </el-table-column>
-           
-            
+          <el-table-column prop="name" label="车展外拓">
+            <el-table-column prop="czwtjc" label="交车数"> </el-table-column>
+            <el-table-column prop="czwtzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="czwtcjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="车展外拓">
-            <el-table-column
-              prop="czwtjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="czwtzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="czwtcjl"
-              label="成交率">
-            </el-table-column>
-           
-            
+          <el-table-column prop="name" label="二网大客">
+            <el-table-column prop="ewdkjc" label="交车数"> </el-table-column>
+            <el-table-column prop="ewdkzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="ewdkcjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="二网大客">
-            <el-table-column
-              prop="ewdkjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="ewdkzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="ewdkcjl"
-              label="成交率">
-            </el-table-column>
-           
-            
+          <el-table-column prop="name" label="厂家">
+            <el-table-column prop="cjjc" label="交车数"> </el-table-column>
+            <el-table-column prop="cjzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="cjcjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="厂家">
-            <el-table-column
-              prop="cjjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="cjzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="cjcjl"
-              label="成交率">
-            </el-table-column>
-            
-           
+          <el-table-column prop="name" label="懂车帝">
+            <el-table-column prop="dcdjc" label="交车数"> </el-table-column>
+            <el-table-column prop="dcdzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="dcdcjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="懂车帝">
-            <el-table-column
-              prop="dcdjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="dcdzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="dcdcjl"
-              label="成交率">
-            </el-table-column>
-           
-           
+          <el-table-column prop="name" label="抖音">
+            <el-table-column prop="dyjc" label="交车数"> </el-table-column>
+            <el-table-column prop="dyzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="dycjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="抖音">
-            <el-table-column
-              prop="dyjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="dyzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="dycjl"
-              label="成交率">
-            </el-table-column>
-           
-           
+          <el-table-column prop="name" label="易车网">
+            <el-table-column prop="ycwjc" label="交车数"> </el-table-column>
+            <el-table-column prop="ycwzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="ycwcjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="易车网">
-            <el-table-column
-              prop="ycwjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="ycwzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="ycwcjl"
-              label="成交率">
-            </el-table-column>
-           
-           
+          <el-table-column prop="name" label="汽车之家">
+            <el-table-column prop="qczjjc" label="交车数"> </el-table-column>
+            <el-table-column prop="qczjzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="qczjcjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="汽车之家">
-            <el-table-column
-              prop="qczjjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="qczjzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="qczjcjl"
-              label="成交率">
-            </el-table-column>
-           
-           
+          <el-table-column prop="name" label="电台广告">
+            <el-table-column prop="dtggjc" label="交车数"> </el-table-column>
+            <el-table-column prop="dtggzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="dtggcjl" label="成交率"> </el-table-column>
           </el-table-column>
-          <el-table-column
-            prop="name"
-            label="电台广告">
-            <el-table-column
-              prop="dtggjc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="dtggzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="dtggcjl"
-              label="成交率">
-            </el-table-column>
-          
-           
-          </el-table-column>
-          <el-table-column
-            prop="name"
-            label="其他网络平台">
-            <el-table-column
-              prop="qtwljc"
-              label="交车数">
-            </el-table-column>
-            <el-table-column
-              prop="qtwlzs"
-              label="客户总数">
-            </el-table-column>
-            <el-table-column
-              prop="qtwlcjl"
-              label="成交率">
-            </el-table-column>
-            
-           
+          <el-table-column prop="name" label="其他网络平台">
+            <el-table-column prop="qtwljc" label="交车数"> </el-table-column>
+            <el-table-column prop="qtwlzs" label="客户总数"> </el-table-column>
+            <el-table-column prop="qtwlcjl" label="成交率"> </el-table-column>
           </el-table-column>
         </el-table>
 
-
         <!-- <el-tab-pane label=" 分渠道销量统计分析">配置管理</el-tab-pane> -->
       </el-tabs>
     </div>
@@ -284,7 +152,6 @@ import axios from "axios";
 export default {
   data() {
     return {
-      
       currentTime: "",
       company_ids: [],
       //表格各类属性
@@ -294,7 +161,6 @@ export default {
       //日期表属性
       pickerOptions: {
         shortcuts: [
-        
           {
             text: "最近一个月",
             onClick(picker) {
@@ -304,23 +170,21 @@ export default {
               picker.$emit("pick", [start, end]);
             },
           },
-        
         ],
       },
-      value1: [("2023-08-01"), ("2023-08-08")],
+      value1: ["2023-08-01", "2023-08-08"],
     };
   },
   mounted() {
     this.updateTime(); //时间
-    this.getTableDate();//开始获取表格
-    this.getSelectDate()//下拉框接口数据
+    this.getTableDate(); //开始获取表格
+    this.getSelectDate(); //下拉框接口数据
   },
   beforeDestroy() {
     // 在组件销毁前清除定时器，避免内存泄漏
     clearInterval(this.timer);
   },
   methods: {
- 
     //表格接口数据
     getTableDate() {
       axios
@@ -328,8 +192,8 @@ export default {
           params: {
             company_ids: this.company_ids.join(),
             date_begin: this.value1[0],
-            date_end: this.value1[1]
-          }
+            date_end: this.value1[1],
+          },
         })
         .then((res) => {
           console.log("--------", res.data.data);
@@ -381,9 +245,8 @@ export default {
     },
     //查询
     searchBtn() {
-     this.getTableDate()
-    
-    }
+      this.getTableDate();
+    },
   },
 };
 </script>
@@ -408,7 +271,6 @@ export default {
   font-size: 24px;
   margin-left: 10px;
 }
-
 .el-input__inner {
   background-color: #133654;
 }
@@ -416,7 +278,6 @@ export default {
 .el-input__inner {
   border: 0;
 }
-
 ::v-deep .el-date-editor .el-range-input {
   display: inline-block;
   height: 100%;
@@ -426,21 +287,17 @@ export default {
   color: #ffffffba;
   background-color: #133654;
 }
-
 ::v-deep .el-table {
   border: none;
 }
-
 ::v-deep .el-table::before {
   background-color: black;
 }
-
 ::v-deep .el-table__footer-wrapper tbody td.el-table__cell,
 .el-table__header-wrapper tbody td.el-table__cell {
   background-color: rgb(2, 62, 2);
   color: #93acbf;
 }
-
 ::v-deep .el-table--border::after,
 .el-table--group::after,
 .el-table::before {
@@ -449,24 +306,31 @@ export default {
   background-color: black;
   z-index: 1;
 }
-
+::v-deep
+  .el-tabs.theme.el-tabs--top.theme.el-tabs--border-card
+  .el-tabs__nav-scroll {
+  border-bottom: 1px solid;
+}
 ::v-deep .el-table td,
 .building-top .el-table th.is-leaf {
   color: #93acbf;
 }
-
-::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
   background-color: #133654;
 }
+/* 日期表 */
+:deep(.el-input__inner) {
+  background-color: #133654;
+  border: none;
+  color: #ffffffc1;
+}
 
 ::v-deep .el-table tr {
   background: #133654;
 }
-
 ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
   background: #081b2b;
 }
-
 /**
 改变边框颜色
  */
@@ -475,11 +339,6 @@ export default {
   border-right: 1px solid #102b47;
   margin: 0 auto;
 }
-
-::v-deep .el-tabs.theme.el-tabs--top.theme.el-tabs--border-card .el-tabs__nav-scroll {
-  border-bottom: 1px solid;
-}
-
 ::v-deep.el-table th {
   border: 1px solid #102b47 !important;
   border-right: none !important;
@@ -490,7 +349,6 @@ export default {
   border: 1px solid #102b47;
   border-right: none !important;
 }
-
 .time {
   color: rgb(174, 201, 222);
   margin-right: 2%;

src/views/TableDetail/RCCZtable.vue

@@ -45,17 +45,16 @@
         </div>
        <!-- 表格 -->
        <el-table
-            class="exporttable"
-            :data="tableData"
-            border
-            stripe
-            :header-cell-style="{
-              'text-align': 'center',
-              background: '#03111c'
-            }"
-            :cell-style="{ 'text-align': 'center' }"
-            show-summary
-            style="width: 100%; margin: 1px">
+       border
+          class="exporttable"
+          :data="tableData"
+         
+          stripe
+          :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
+          :cell-style="{ 'text-align': 'center' }"
+          show-summary
+          style="width: 100%; margin: 1px"
+          max-height="700">
             <el-table-column
               prop="name"
               label="品牌">

src/views/TableDetail/RCTCtable.vue

@@ -45,17 +45,16 @@
         </div>
        <!-- 表格 -->
        <el-table
+       border
           class="exporttable"
           :data="tableData"
-          border
+         
           stripe
-          :header-cell-style="{
-            'text-align': 'center',
-            background: '#03111c',
-          }"
+          :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
+          max-height="700"
         >
           <el-table-column prop="company" label="店面"> </el-table-column>
           <el-table-column prop="name" label="总进厂台次">

src/views/TableDetail/XSFXtable.vue

@@ -63,17 +63,16 @@
         </div>
         <!-- 表格 -->
         <el-table
+        border
           class="exporttable"
           :data="tableData"
-          border
+         
           stripe
-          :header-cell-style="{
-            'text-align': 'center',
-            background: '#03111c',
-          }"
+          :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
+          max-height="700"
         >
           <el-table-column prop="company" label="品牌"> </el-table-column>
           <el-table-column prop="dymb" label="当月目标"> </el-table-column>