....

.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.history/src/views/IndexView/IndexView_20230710095907.vue

@@ -0,0 +1,564 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data() {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  created() {
+
+    // this.clkcchartapi()////首页车辆库存数据接口调取
+  },
+  mounted() {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy() {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi() {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi() {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi() {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails() {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail() {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail() {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail() {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail() {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail() {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime() {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime() {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 50px;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 55px;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230710114104.vue

@@ -0,0 +1,564 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  created () {
+
+    // this.clkcchartapi()////首页车辆库存数据接口调取
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 5010px;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 55px;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230710114123.vue

@@ -0,0 +1,564 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  created () {
+
+    // this.clkcchartapi()////首页车辆库存数据接口调取
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 10%;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 55px;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230710114130.vue

@@ -0,0 +1,564 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  created () {
+
+    // this.clkcchartapi()////首页车辆库存数据接口调取
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 20%;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 55px;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230710114143.vue

@@ -0,0 +1,564 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  created () {
+
+    // this.clkcchartapi()////首页车辆库存数据接口调取
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 20%;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 20%;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230710114152.vue

@@ -0,0 +1,564 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  created () {
+
+    // this.clkcchartapi()////首页车辆库存数据接口调取
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 20%;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 25%;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230710114158.vue

@@ -0,0 +1,564 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  created () {
+
+    // this.clkcchartapi()////首页车辆库存数据接口调取
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 20%;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 21%;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230710114237.vue

@@ -0,0 +1,564 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  created () {
+
+    // this.clkcchartapi()////首页车辆库存数据接口调取
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 20%;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 21%;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230711122334.vue

@@ -0,0 +1,560 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 20%;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 21%;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230711122347.vue

@@ -0,0 +1,560 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    // KLFX,
+    // FQYW,
+    // KYFX,
+    // KCFX,
+    // BKFX,
+    // TCHB,
+    // JCPM,
+    // CZTJ,
+    // BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 20%;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 21%;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/IndexView_20230711122355.vue

@@ -0,0 +1,560 @@
+<template>
+  <dv-full-screen-container>
+    <div class="bigbox">
+      <div class="top">
+        <h2>
+          漯河亿通集团数据看板
+          <div class="time">{{ currentTime }}</div>
+        </h2>
+        <dv-decoration-5 :color="['rgb(63, 150, 165)', 'yellow']" style="height:60px;margin: -25px auto;" />
+      </div>
+      <div class="container">
+        <div class="left">
+          <div class="smallbox">
+            <dv-border-box-1 class="dv-border-box-1one">
+              <router-link style="color: white;text-decoration: none;" :to="{ name: 'keliufenxidetails' }">
+                客流分析</router-link>
+
+              <!-- <div class="lvlanbox">
+                <div class="lv">
+                  <p>首次进店</p>
+                  <h4>
+                    <span>1068
+                    </span>人
+                  </h4>
+                </div>
+                <div class="lan">
+                  <p>首次进店</p>
+                  <h4>1068</h4>
+                </div>
+              </div> -->
+              <!-- <div id="chartone"> -->
+              <KLFX />
+              <!-- </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1two"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'cheliangkucundetails' }">
+                车辆库存</router-link>
+              <div class="lvlanbox">
+                <div class="lv">
+                  <p>库存台次</p>
+                  <h4 style="overflow: hidden;">{{ clkcdata.stock_count }}<span>台</span></h4>
+                </div>
+                <div class="lan">
+                  <p>库存金额</p>
+                  <h4>{{ (clkcdata.stock_amount / 10000).toFixed(2) }}<span>万元</span></h4>
+                </div>
+
+              </div>
+              <div class="whater">
+                <dv-water-level-pond :config="chartConfig1" style="width:100px;height:100px" />
+                <p>超180天</p>
+                <dv-water-level-pond :config="chartConfig2" style="width:100px;height:100px" />
+                <p>现金车</p>
+              </div>
+            </dv-border-box-1>
+          </div>
+          <p style="text-align: center;padding: 10px;font-size: 1.2rem;">销售分析</p>
+          <div class="monthly">
+            <dv-border-box-1 class="dv-border-box-1four"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'xiaoshoufenximondetails' }">
+                月度</router-link>
+              <div class="monthlyboxs">
+                <TCHB></TCHB>
+              </div>
+
+            </dv-border-box-1>
+            <!-- <dv-border-box-1 class="dv-border-box-1five">年度
+              <div class="monthlyboxs">
+                <div class="monthlybox" style="padding-left: 20px;">
+                  <div class="mon1 lv">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon2 lan">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                  <div class="mon3 huang">
+                    <p>首次进店</p>
+                    <h4><span>1068</span>人</h4>
+                  </div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <TCHBY></TCHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(12, 150, 120)" :percentage="70"></el-progress></div>
+                </div>
+                <div class="monthlybox" style="padding-top: 20px;">
+                  <p>台次环比</p>
+                  <LRHBY></LRHBY>
+                  <p style="margin-bottom: 20px;color: rgb(91, 211, 218);">完成率25</p>
+                  <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                      :stroke-width="12" color="rgb(150, 162, 60)" :percentage="70"></el-progress></div>
+                </div>
+              </div>
+
+            </dv-border-box-1> -->
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'fenqiyewudetails' }">
+                分期业务</router-link>
+              <FQYW />
+              <!-- <div style="width: 30%;">
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(91, 211, 218);">高期限25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(80, 180, 210)" :percentage="70"></el-progress></div>
+                  </div>
+                  <div>
+                    <p style="margin: 20px 0;color: rgb(110, 211, 218);">渗透率25</p>
+                    <div style="width: 100%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+                        :stroke-width="20" color="rgb(100, 233, 180)" :percentage="70"></el-progress></div>
+                  </div>
+                </div> -->
+            </dv-border-box-1>
+            <dv-border-box-1 class="dv-border-box-1five"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'keyuanfenxidetails' }">
+                客源分析</router-link>
+              <KYFX />
+            </dv-border-box-1>
+            <div class="chanyetj">
+              <p style="text-align: center;margin:30px 0 30px  0;cursor: pointer;" @click="gojcdetail">交车排名</p>
+              <JCPM></JCPM>
+              <!-- <div><dv-scroll-board :config="jiaoche"
+                  style="width:600px;height:300px;text-align: center;margin: 0 auto;cursor: pointer;" />
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <div class="smallbox">
+            <div style="width: 45%;cursor: pointer;" @click="gorctcdetail()">
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="taici">
+                <div class="lv">
+                  <p>入厂台次</p>
+                  <h4><span>{{ rctcdata.total
+                  }}</span>台</h4>
+                </div>
+                <div class="shoubao1">
+                  <p><span>首保</span><span>{{ rctcdata.sb_count }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_count }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_count
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_count
+                  }}</span></p>
+                  <p><span>返喷</span><span>{{ rctcdata.bp_count
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+            <div style="width: 45%;cursor: pointer;" @click="gorcczdetail()">
+              <!-- @click="gorcczdetail()" -->
+              <dv-border-box-7 :color="['rgb(50,191,246)', 'rgb(131,191,246)']" class="chanzhi">
+                <div class="lv">
+                  <p>入厂产值</p>
+                  <h4><span>{{ rctcdata.total_amount
+                  }}</span>元</h4>
+                </div>
+                <div class="shoubao2">
+
+                  <p><span>首保</span><span>{{ rctcdata.sb_amount }}</span></p>
+                  <p><span>索赔</span><span>{{ rctcdata.sp_amount }}</span></p>
+                  <p><span>定保</span><span>{{ rctcdata.db_amount
+                  }}</span></p>
+                  <p><span>一般维修</span><span>{{ rctcdata.ws_amount
+                  }}</span></p>
+                  <p><span>钣喷</span><span>{{ rctcdata.bp_amount
+                  }}</span></p>
+                  <p></p>
+                </div>
+              </dv-border-box-7>
+            </div>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 20px 0;" @click="goczdetail">产值统计</p>
+            <CZTJ></CZTJ>
+          </div>
+          <div class="chanyetj">
+            <p style="text-align: center;margin: 30px 0 30px 0;" @click="gobxdetail">
+
+              保险承保核保
+            </p>
+            <BXHB></BXHB>
+          </div>
+          <div style="width: 100%;">
+            <p style="margin: 30px 0;text-align: center;cursor: pointer;" @click="gokcfxdetails">库存分析</p>
+            <KCFX />
+          </div>
+          <div style="width: 100%;">
+            <p style="text-align: center;margin: 0 0 50px 0;"><router-link style="color: white;text-decoration: none;"
+                :to="{ name: 'baokefenxidetails' }">
+                保客分析</router-link></p>
+            <BKFX />
+          </div>
+        </div>
+      </div>
+    </div>
+  </dv-full-screen-container>
+</template>
+
+<script>
+import KLFX from "./chart/KLFX.vue";//客流分析
+import FQYW from "./chart/FQYW.vue";//分期业务
+import KYFX from "./chart/KYFX.vue";//客源分析
+import KCFX from "./chart/KCFX.vue";//库存分析
+import BKFX from "./chart/BKFX.vue";//保客分析
+import TCHB from "./chart/TCHB.vue";//月度台次环比
+// import TCHBY from "./chart/TCHBY.vue";//台次环比
+// import LRHBY from "./chart/LRHBY.vue";//利润环比
+import JCPM from "./chart/JCPM.vue";//交车排名
+import CZTJ from "./chart/CZTJ.vue";//交车排名
+import BXHB from "./chart/BXHB.vue";//交车排名
+import { clkcchartInfo, rctcchartInfo, kcfxcompanInfo } from "../../servuces/prove";
+import { mapMutations } from "vuex";
+export default {
+  data () {
+    return {
+      currentTime: "",//时间
+      rctcdata: [],//首页入场台次数据
+      clkcdata: [],//首页车辆库存数据
+      //水位图
+      chartConfig1: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+      chartConfig2: {
+        data: [],
+        colors: ['rgb(10,101,140)'],
+        waveOpacity: 0.2
+      },
+    };
+  },
+  mounted () {
+    // 在组件创建时启动定时器，每秒更新一次时间
+    this.updateTime();
+    this.clkcchartapi()////首页车辆库存数据接口调取
+    this.rctcchartapi()//首页入场台次数据接口调取
+    this.kcfxcompanapi()//门店
+    // //数字翻牌器定时器
+    // setInterval(() => {
+    //   this.power(360);
+    // }, 3000);
+  },
+  beforeDestroy () {
+    // 在组件销毁前清除定时器，避免内存泄漏
+    clearInterval(this.timer);
+  },
+  components: {
+    KLFX,
+    FQYW,
+    KYFX,
+    KCFX,
+    BKFX,
+    TCHB,
+    JCPM,
+    CZTJ,
+    BXHB
+  },
+  methods: {
+    ...mapMutations(['setData']),
+    kcfxcompanapi () {
+      kcfxcompanInfo().then(res => {
+        const storefront = res.data
+        this.setData(storefront)
+        console.log('门店', res);
+        sessionStorage.setItem('data', JSON.stringify(storefront))
+      })
+    },
+    //首页入场台次数据接口调取
+    rctcchartapi () {
+      rctcchartInfo().then(res => {
+        this.rctcdata = res.data
+      })
+    },
+    //超过180
+    //首页车辆库存数据接口调取
+    clkcchartapi () {
+      clkcchartInfo().then(res => {
+        // const { chartConfig1 } = this
+        // this.chartConfig1.data = res.data.cash_ratio
+        this.chartConfig1.data = [res.data.cash_ratio, 0]
+        this.chartConfig2.data = [res.data.overstock_ratio, 0]
+        // 第一个参数最大值，第二个是默认值(默认为0就行了，字段拼成的数组)
+        this.clkcdata = res.data
+        this.chartConfig2 = { ...this.chartConfig2 }
+        this.chartConfig1 = { ...this.chartConfig1 }
+      })
+    },
+
+
+    //库存分析点击去详情 
+    gokcfxdetails () {
+      this.$router.push('kucunfenxidetails')
+    },
+    //交车排行点击去详情
+    gojcdetail () {
+      this.$router.push('jiaochedetails')
+    },
+    //产值统计点击详情
+    goczdetail () {
+      this.$router.push('chanzhidetails')
+    },
+    //保险核保点击详情跳转
+    gobxdetail () {
+      this.$router.push('baoxiandetails')
+    },
+    //入场台次点击去产值统计
+    gorctcdetail () {
+      this.$router.push('ruchangtaicidetails')
+    },
+    //入场产值点击去产值统计
+    gorcczdetail () {
+      this.$router.push('ruchangchanzhidetails')
+    },
+    // //数字翻牌器
+    // power(n) {
+    //   this.confignumber1.number[0] = Math.floor((Math.random() * n) + 1);
+    //   this.confignumber1 = { ...this.confignumber1 };//对象解构，更新props
+    // },
+    updateTime () {
+      // 更新时间的方法
+      this.currentTime = this.getCurrentTime();
+
+      // 每秒更新一次时间
+      this.timer = setInterval(() => {
+        this.currentTime = this.getCurrentTime();
+      }, 1000);
+    },
+    getCurrentTime () {
+      // 获取当前时间的方法
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+::-webkit-scrollbar {
+  width: .3vw;
+  background-color: rgba(30, 111, 200, 0.8)b;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+  border-radius: 5px;
+  background-color: rgb(132, 153, 216);
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  background: rgba(30, 111, 200, 0.8);
+}
+
+#dv-full-screen-container {
+  height: 100vh;
+  overflow-y: auto;
+  /* 当纵向内容溢出时显示滚动条 */
+  /* 设置全屏高度 */
+}
+
+.bigbox {
+  width: 96%;
+  margin: 0 auto;
+
+  .top {
+    margin: 0 auto;
+    width: 96%;
+
+    h2 {
+      padding-top: 10px;
+      font-weight: 400;
+      text-align: center;
+      position: relative;
+
+      .time {
+        position: absolute;
+        right: -30px;
+        top: 33px;
+        font-size: 16px;
+      }
+    }
+
+    .dv-decoration-5 {
+
+
+      polyline {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .container {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 20px;
+
+    .left {
+      width: 40%;
+      height: 300px;
+
+      .smallbox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+
+        .dv-border-box-1one,
+        .dv-border-box-1two {
+          color: white;
+          font-size: 1.2rem;
+          text-align: center;
+          width: 50%;
+          height: 280px;
+
+          #chartone {
+            width: 200px;
+            height: 150px;
+            margin-left: 20px;
+          }
+
+          .lvlanbox {
+            display: flex;
+            justify-content: space-evenly;
+
+
+          }
+
+          .whater {
+            display: flex;
+            justify-content: space-evenly;
+            margin-top: 30px;
+            text-align: start;
+            position: relative;
+
+            p {
+              color: white;
+              text-align: center;
+              position: absolute;
+              font-size: 18px;
+            }
+
+            p:nth-child(2) {
+              top: 60px;
+              left: 20%;
+            }
+
+            p:nth-child(4) {
+              top: 60px;
+              right: 21%;
+            }
+
+            .dv-water-pond-level canvas {
+              margin-left: 0 !important;
+            }
+          }
+
+        }
+
+      }
+
+      .dv-border-box-1four,
+      .dv-border-box-1five {
+        width: 95%;
+        height: 300px;
+        text-align: center;
+        font-size: 18px;
+        margin: 0 auto;
+        font-weight: 600;
+
+        // .monthlyboxs {
+        //   display: flex;
+        //   justify-content: space-evenly;
+        //   font-weight: 400;
+
+        //   .monthlybox {
+        //     width: 33%;
+
+        //     ::v-deep .el-progress-bar__innerText {
+        //       display: block;
+        //     }
+        //   }
+        // }
+      }
+
+      .dv-border-box-1five {
+        margin-top: 30px;
+
+        .fenqibox {
+          display: flex;
+          justify-content: space-around;
+
+        }
+      }
+    }
+
+    .right {
+      width: 55%;
+      padding-bottom: 150px;
+
+      .smallbox {
+        display: flex;
+        justify-content: space-evenly;
+        margin-top: 10px;
+
+
+        .taici,
+        .chanzhi {
+          width: 100%;
+          height: 320px;
+
+          .shoubao1,
+          .shoubao2 {
+            width: 300px;
+            height: 200px;
+            margin: 30px auto;
+
+            p {
+              margin: 5px 0 0 32px;
+            }
+
+            p:nth-last-child(1) {
+              margin-top: 15px;
+              margin-left: 80px;
+            }
+
+            p:nth-child(4) {
+              margin-left: 0px;
+            }
+
+
+            p span:nth-child(2) {
+              margin-left: 128px;
+            }
+          }
+
+          .lv {
+            margin: 20px auto;
+          }
+        }
+      }
+
+      .chanyetj {
+        p {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>

.history/src/views/IndexView/chart/TCHB_20230707170309.vue

@@ -0,0 +1,172 @@
+<template>
+  <div style="display: flex;justify-content: space-around;">
+    <div class="monthlybox" style="padding-left: 20px;">
+      <div class="mon1 lv">
+        <p>当日台次</p>
+        <h4><span>{{ monthlydatas.today_count }}</span>台</h4>
+      </div>
+      <div class="mon2 lan">
+        <p>本月累计</p>
+        <h4><span>{{ monthlydatas.month_count
+        }}</span>台</h4>
+      </div>
+      <div class="mon3 huang">
+        <p>单车毛利</p>
+        <h4><span>{{ monthlydatas.profit_amount
+        }}</span>元</h4>
+      </div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">台次环比</p>
+      <div id="tchb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl1
+      }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray" :stroke-width="12"
+          :percentage="monthlydatas.wcl1"></el-progress></div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">利润环比</p>
+      <div id="lrhb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl2 }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+          color=" rgb(230, 162, 60)" :stroke-width="12" :percentage="monthlydatas.wcl2"></el-progress></div>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import { monthlydata } from "../../../servuces/prove";
+export default {
+  data() {
+    return {
+      monthlydatas: []
+    }
+  },
+  mounted() {
+
+    this.monthlydataapi()
+  },
+  methods: {
+    chart6() {
+      const tchb = document.getElementById('tchb');
+      const myChart6 = echarts.init(tchb);
+      const option6 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 3,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.count_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+
+
+
+      option6 && myChart6.setOption(option6);
+    },
+    chart7() {
+      const lrhb = document.getElementById('lrhb');
+      const myChart7 = echarts.init(lrhb);
+      const option7 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 2,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.profit_amount_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+      option7 && myChart7.setOption(option7);
+    },
+    monthlydataapi() {
+      monthlydata().then(res => {
+        this.monthlydatas = res.data
+        this.chart6()
+        this.chart7()
+      })
+    }
+  }
+}
+
+</script>
+<style scoped>
+::v-deep .el-progress-bar__innerText {
+  display: block;
+}
+
+#lrhb {
+  width: 180px;
+  height: 135px;
+}
+
+#tchb {
+  width: 180px;
+  height: 135px;
+}
+</style>

.history/src/views/IndexView/chart/TCHB_20230710114715.vue

@@ -0,0 +1,176 @@
+<template>
+  <div style="display: flex;justify-content: space-around;">
+    <div class="monthlybox" style="padding-left: 20px;">
+      <div class="mon1 lv">
+        <p>当日台次</p>
+        <h4><span>{{ monthlydatas.today_count }}</span>台</h4>
+      </div>
+      <div class="mon2 lan">
+        <p>本月累计</p>
+        <h4><span>{{ monthlydatas.month_count
+        }}</span>台</h4>
+      </div>
+      <div class="mon3 huang">
+        <p>单车毛利</p>
+        <h4><span>{{ monthlydatas.profit_amount
+        }}</span>元</h4>
+      </div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">台次环比</p>
+      <div id="tchb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl1
+      }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray" :stroke-width="12"
+          :percentage="monthlydatas.wcl1"></el-progress></div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">利润环比</p>
+      <div id="lrhb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl2 }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+          color=" rgb(230, 162, 60)" :stroke-width="12" :percentage="monthlydatas.wcl2"></el-progress></div>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import { monthlydata } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      monthlydatas: []
+    }
+  },
+  mounted () {
+
+    this.monthlydataapi()
+  },
+  methods: {
+    chart6 () {
+      const tchb = document.getElementById('tchb');
+      const myChart6 = echarts.init(tchb);
+      const option6 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 3,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.count_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+
+
+
+      option6 && myChart6.setOption(option6);
+    },
+    chart7 () {
+      const lrhb = document.getElementById('lrhb');
+      const myChart7 = echarts.init(lrhb);
+      const option7 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 2,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.profit_amount_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+      option7 && myChart7.setOption(option7);
+    },
+    monthlydataapi () {
+      monthlydata().then(res => {
+        this.monthlydatas = res.data
+        this.chart6()
+        this.chart7()
+      })
+    }
+  }
+}
+
+</script>
+<style scoped>
+::v-deep .el-progress-bar__innerText {
+  display: block;
+}
+
+#lrhb {
+  width: 180px;
+  height: 135px;
+}
+
+#tchb {
+  width: 180px;
+  height: 135px;
+}
+
+.monthlybox {
+  width: 33%;
+}
+</style>

.history/src/views/IndexView/chart/TCHB_20230710114723.vue

@@ -0,0 +1,176 @@
+<template>
+  <div style="display: flex;justify-content: space-around;">
+    <div class="monthlybox" style="padding-left: 20px;">
+      <div class="mon1 lv">
+        <p>当日台次</p>
+        <h4><span>{{ monthlydatas.today_count }}</span>台</h4>
+      </div>
+      <div class="mon2 lan">
+        <p>本月累计</p>
+        <h4><span>{{ monthlydatas.month_count
+        }}</span>台</h4>
+      </div>
+      <div class="mon3 huang">
+        <p>单车毛利</p>
+        <h4><span>{{ monthlydatas.profit_amount
+        }}</span>元</h4>
+      </div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">台次环比</p>
+      <div id="tchb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl1
+      }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray" :stroke-width="12"
+          :percentage="monthlydatas.wcl1"></el-progress></div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">利润环比</p>
+      <div id="lrhb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl2 }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+          color=" rgb(230, 162, 60)" :stroke-width="12" :percentage="monthlydatas.wcl2"></el-progress></div>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import { monthlydata } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      monthlydatas: []
+    }
+  },
+  mounted () {
+
+    this.monthlydataapi()
+  },
+  methods: {
+    chart6 () {
+      const tchb = document.getElementById('tchb');
+      const myChart6 = echarts.init(tchb);
+      const option6 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 3,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.count_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+
+
+
+      option6 && myChart6.setOption(option6);
+    },
+    chart7 () {
+      const lrhb = document.getElementById('lrhb');
+      const myChart7 = echarts.init(lrhb);
+      const option7 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 2,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.profit_amount_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+      option7 && myChart7.setOption(option7);
+    },
+    monthlydataapi () {
+      monthlydata().then(res => {
+        this.monthlydatas = res.data
+        this.chart6()
+        this.chart7()
+      })
+    }
+  }
+}
+
+</script>
+<style scoped>
+::v-deep .el-progress-bar__innerText {
+  display: block;
+}
+
+#lrhb {
+  width: 180px;
+  height: 135px;
+}
+
+#tchb {
+  width: 180px;
+  height: 135px;
+}
+
+.monthlybox {
+  width: 30%;
+}
+</style>

.history/src/views/IndexView/chart/TCHB_20230710114729.vue

@@ -0,0 +1,172 @@
+<template>
+  <div style="display: flex;justify-content: space-around;">
+    <div class="monthlybox" style="padding-left: 20px;">
+      <div class="mon1 lv">
+        <p>当日台次</p>
+        <h4><span>{{ monthlydatas.today_count }}</span>台</h4>
+      </div>
+      <div class="mon2 lan">
+        <p>本月累计</p>
+        <h4><span>{{ monthlydatas.month_count
+        }}</span>台</h4>
+      </div>
+      <div class="mon3 huang">
+        <p>单车毛利</p>
+        <h4><span>{{ monthlydatas.profit_amount
+        }}</span>元</h4>
+      </div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">台次环比</p>
+      <div id="tchb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl1
+      }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray" :stroke-width="12"
+          :percentage="monthlydatas.wcl1"></el-progress></div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">利润环比</p>
+      <div id="lrhb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl2 }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+          color=" rgb(230, 162, 60)" :stroke-width="12" :percentage="monthlydatas.wcl2"></el-progress></div>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import { monthlydata } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      monthlydatas: []
+    }
+  },
+  mounted () {
+
+    this.monthlydataapi()
+  },
+  methods: {
+    chart6 () {
+      const tchb = document.getElementById('tchb');
+      const myChart6 = echarts.init(tchb);
+      const option6 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 3,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.count_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+
+
+
+      option6 && myChart6.setOption(option6);
+    },
+    chart7 () {
+      const lrhb = document.getElementById('lrhb');
+      const myChart7 = echarts.init(lrhb);
+      const option7 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 2,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.profit_amount_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+      option7 && myChart7.setOption(option7);
+    },
+    monthlydataapi () {
+      monthlydata().then(res => {
+        this.monthlydatas = res.data
+        this.chart6()
+        this.chart7()
+      })
+    }
+  }
+}
+
+</script>
+<style scoped>
+::v-deep .el-progress-bar__innerText {
+  display: block;
+}
+
+#lrhb {
+  width: 180px;
+  height: 135px;
+}
+
+#tchb {
+  width: 180px;
+  height: 135px;
+}
+</style>

.history/src/views/IndexView/chart/TCHB_20230710114739.vue

@@ -0,0 +1,176 @@
+<template>
+  <div style="display: flex;justify-content: space-around;">
+    <div class="monthlybox" style="padding-left: 20px;">
+      <div class="mon1 lv">
+        <p>当日台次</p>
+        <h4><span>{{ monthlydatas.today_count }}</span>台</h4>
+      </div>
+      <div class="mon2 lan">
+        <p>本月累计</p>
+        <h4><span>{{ monthlydatas.month_count
+        }}</span>台</h4>
+      </div>
+      <div class="mon3 huang">
+        <p>单车毛利</p>
+        <h4><span>{{ monthlydatas.profit_amount
+        }}</span>元</h4>
+      </div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">台次环比</p>
+      <div id="tchb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl1
+      }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray" :stroke-width="12"
+          :percentage="monthlydatas.wcl1"></el-progress></div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">利润环比</p>
+      <div id="lrhb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl2 }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+          color=" rgb(230, 162, 60)" :stroke-width="12" :percentage="monthlydatas.wcl2"></el-progress></div>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import { monthlydata } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      monthlydatas: []
+    }
+  },
+  mounted () {
+
+    this.monthlydataapi()
+  },
+  methods: {
+    chart6 () {
+      const tchb = document.getElementById('tchb');
+      const myChart6 = echarts.init(tchb);
+      const option6 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 3,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.count_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+
+
+
+      option6 && myChart6.setOption(option6);
+    },
+    chart7 () {
+      const lrhb = document.getElementById('lrhb');
+      const myChart7 = echarts.init(lrhb);
+      const option7 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 2,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.profit_amount_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+      option7 && myChart7.setOption(option7);
+    },
+    monthlydataapi () {
+      monthlydata().then(res => {
+        this.monthlydatas = res.data
+        this.chart6()
+        this.chart7()
+      })
+    }
+  }
+}
+
+</script>
+<style scoped>
+::v-deep .el-progress-bar__innerText {
+  display: block;
+}
+
+#lrhb {
+  width: 180px;
+  height: 135px;
+}
+
+#tchb {
+  width: 180px;
+  height: 135px;
+}
+
+.monthlybox {
+  width: 30%;
+}
+</style>

.history/src/views/IndexView/chart/TCHB_20230710114748.vue

@@ -0,0 +1,172 @@
+<template>
+  <div style="display: flex;justify-content: space-around;">
+    <div class="monthlybox" style="padding-left: 20px;">
+      <div class="mon1 lv">
+        <p>当日台次</p>
+        <h4><span>{{ monthlydatas.today_count }}</span>台</h4>
+      </div>
+      <div class="mon2 lan">
+        <p>本月累计</p>
+        <h4><span>{{ monthlydatas.month_count
+        }}</span>台</h4>
+      </div>
+      <div class="mon3 huang">
+        <p>单车毛利</p>
+        <h4><span>{{ monthlydatas.profit_amount
+        }}</span>元</h4>
+      </div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">台次环比</p>
+      <div id="tchb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl1
+      }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray" :stroke-width="12"
+          :percentage="monthlydatas.wcl1"></el-progress></div>
+    </div>
+    <div class="monthlybox">
+      <p style="margin-top: 20px;">利润环比</p>
+      <div id="lrhb"></div>
+      <p style="margin-bottom: 20px;">完成率{{ monthlydatas.wcl2 }}</p>
+      <div style="width: 80%;margin: 0 auto;"><el-progress :text-inside="true" define-back-color="gray"
+          color=" rgb(230, 162, 60)" :stroke-width="12" :percentage="monthlydatas.wcl2"></el-progress></div>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import { monthlydata } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      monthlydatas: []
+    }
+  },
+  mounted () {
+
+    this.monthlydataapi()
+  },
+  methods: {
+    chart6 () {
+      const tchb = document.getElementById('tchb');
+      const myChart6 = echarts.init(tchb);
+      const option6 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 3,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.count_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+
+
+
+      option6 && myChart6.setOption(option6);
+    },
+    chart7 () {
+      const lrhb = document.getElementById('lrhb');
+      const myChart7 = echarts.init(lrhb);
+      const option7 = {
+
+        tooltip: {
+          formatter: '{a} <br/>{b} : {c}%'
+        },
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            progress: {
+              show: true
+            },
+            axisLabel: {
+              show: false  // 将show设置为false来隐藏刻度值
+            },
+            axisLine: {
+              lineStyle: {
+                width: 2,  //仪表盘宽度
+                color: [
+                  [0.2, '#228b22'],
+                  [0.8, '#0099ff'],
+                  [1, '#F1060B']
+                ],
+              }
+            },
+            radius: '80%',//仪表盘大小
+            detail: {
+              valueAnimation: true,
+              formatter: '{value}%',
+              color: 'blueviolet',
+              fontSize: 16,
+              top: '30%',
+              offsetCenter: [0, '70%']
+            },
+            data: [
+              {
+                value: this.monthlydatas.profit_amount_QOQ * 100,
+              }
+            ]
+          }
+        ]
+      };
+      option7 && myChart7.setOption(option7);
+    },
+    monthlydataapi () {
+      monthlydata().then(res => {
+        this.monthlydatas = res.data
+        this.chart6()
+        this.chart7()
+      })
+    }
+  }
+}
+
+</script>
+<style scoped>
+::v-deep .el-progress-bar__innerText {
+  display: block;
+}
+
+#lrhb {
+  width: 180px;
+  height: 135px;
+}
+
+#tchb {
+  width: 180px;
+  height: 135px;
+}
+</style>

.history/src/views/IndexView/details/BKFXdetails_20230708200213.vue

@@ -0,0 +1,281 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+
+    <h1>保客分析</h1>
+    <div class="topbox" style="display: flex;justify-content: space-between;">
+      <div style="width: 60%;"></div>
+      <div class="selec">
+        <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+          <el-option v-for="(item, index) in options" :key="index" :label="item.text" :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="timeselec">
+        <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </div>
+      <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value1)">查询</button>
+    </div>
+    <div> <el-table show-summary :summary-method="getSummaries" :header-cell-style="{
+      background: 'rgba(30, 111, 200,0.8)',
+      color: 'white',
+      textAlign: 'center',
+      border: '1px rgb(70, 91, 117) solid',
+    }" :data="tableData" style="width: 100%">
+        <el-table-column prop="company" label="门店" width="100">
+        </el-table-column>
+        <el-table-column label="客户总数">
+          <el-table-column prop="khzs" label="">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="保有客户">
+          <el-table-column prop="bykh" label="">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column label="无价值(2年以上未回厂)">
+          <el-table-column prop="wjzkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="wjzzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="回归客户">
+          <el-table-column prop="hgkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="hgzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="忠实客户">
+          <el-table-column prop="zskh" label="数量">
+          </el-table-column>
+          <el-table-column prop="zszb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="重点客户">
+          <el-table-column prop="zdkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="zdzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="普通客户">
+          <el-table-column prop="ptkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="ptzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="新增客户">
+          <el-table-column prop="xzkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="xzzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="新建档客户">
+          <el-table-column prop="xjdkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="xjdzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+
+      </el-table></div>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+// import { mapState } from "vuex";
+import { bkfxtabledataInfo } from "../../../servuces/prove";
+export default {
+  data() {
+    return {
+      tableData: [],
+      tableDatahj: [],
+      options: [],
+      value: '',
+      value1: '',
+
+      activeName: 'second'
+    }
+  },
+  created() {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted() {
+    column(this.tableData)
+    this.bkfxtabledataapi()
+  },
+  computed: {
+    // ...mapState(['storefront'])
+  },
+  methods: {
+    getSummaries() {
+      const keyindex = {
+        'company': 0,
+        'khzs': 1,
+        'bykh': 2,
+        'wjzkh': 3,
+        'wjzzb': 4,
+        'hgkh': 5,
+        'hgzb': 6,
+        'zskh': 7,
+        'zszb': 8,
+        'zdkh': 9,
+        'zdzb': 10,
+        'ptkh': 11,
+        'ptzb': 12,
+        'xzkh': 13,
+        'xzzb': 14,
+        'xjdkh': 15,
+        'xjdzb': 16,
+      }
+      const item_value = []
+      for (let key in this.tableDatahj) {
+        let index = keyindex[key]
+        item_value[index] = this.tableDatahj[key] + ''
+      }
+      // console.log(item_value);
+      item_value[0] = '合计'
+      return item_value
+    },
+    chaxun2(value, value1) {
+      const strvalue = value.join(',')
+      if (value1) {
+        const strvaluezh = value1.map(item => {
+          const date = new Date(item)
+          // 获取年份和月份
+          const year = date.getFullYear();
+          const month = date.getMonth() + 1; // 月份从0开始，需要加1
+          const day = date.getDate()
+          // 将年份和月份拼接成所需形式的字符串
+          return `${year}-${month}-${day}`;
+        });
+        bkfxtabledataInfo({ "company_ids": strvalue, "date_begin": strvaluezh[0], 'date_end': strvaluezh[1] }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          console.log(res);
+        }
+        )
+      } else {
+        bkfxtabledataInfo({ "company_ids": strvalue, "date_begin": '', 'date_end': '' }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          console.log(res);
+        }
+        )
+      }
+
+
+      // const strvalue1 = strvaluezh.join(',')
+      // console.log(strvaluezh[0], strvaluezh[1]);
+      // const date = new Date(value1)
+      // // 获取年份和月份
+      // const year = date.getFullYear();
+      // const month = String(date.getMonth() + 1); // 月份从0开始，需要加1
+      // const day = String(date.getDate())
+      // // 将年份和月份拼接成所需形式的字符串
+      // const strvalue1 = `${year}-${month}-${day}`;
+      // const strvalue3=
+      // console.log(strvalue, strvaluezh[0], strvaluezh[1]);
+
+      // console.log(strvalue, strvalue1);
+      // console.log(value, value1);
+    },
+    bkfxtabledataapi() {
+      bkfxtabledataInfo().then(res => {
+        console.log(res);
+        this.tableData = res.data
+        this.tableDatahj = res.footer
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table__footer {
+
+  tr {
+
+    td {
+      color: white;
+      background-color: rgba(30, 111, 200, 0.8);
+    }
+
+    td:hover {
+      color: white;
+    }
+  }
+
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/BKFXdetails_20230710184614.vue

@@ -0,0 +1,283 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+
+    <h1>保客分析</h1>
+    <div class="topbox" style="display: flex;justify-content: space-between;">
+      <div style="width: 60%;"></div>
+      <div class="selec">
+        <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+          <el-option v-for="(item, index) in options" :key="index" :label="item.text" :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="timeselec">
+        <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </div>
+      <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value1)">查询</button>
+    </div>
+    <div> <el-table show-summary :summary-method="getSummaries" :header-cell-style="{
+      background: 'rgba(30, 111, 200,0.8)',
+      color: 'white',
+      textAlign: 'center',
+      border: '1px rgb(70, 91, 117) solid',
+    }" :data="tableData" style="width: 100%">
+        <el-table-column prop="company" label="门店" width="100">
+        </el-table-column>
+        <el-table-column label="客户总数">
+          <el-table-column prop="khzs" label="">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="保有客户">
+          <el-table-column prop="bykh" label="">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column label="无价值(2年以上未回厂)">
+          <el-table-column prop="wjzkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="wjzzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="回归客户">
+          <el-table-column prop="hgkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="hgzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="忠实客户">
+          <el-table-column prop="zskh" label="数量">
+          </el-table-column>
+          <el-table-column prop="zszb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="重点客户">
+          <el-table-column prop="zdkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="zdzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="普通客户">
+          <el-table-column prop="ptkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="ptzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="新增客户">
+          <el-table-column prop="xzkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="xzzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="新建档客户">
+          <el-table-column prop="xjdkh" label="数量">
+          </el-table-column>
+          <el-table-column prop="xjdzb" label="占比">
+          </el-table-column>
+        </el-table-column>
+
+      </el-table></div>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+// import { mapState } from "vuex";
+import { bkfxtabledataInfo } from "../../../servuces/prove";
+import { nowdaterange } from "../../../servuces/getnowtime";
+export default {
+  data () {
+    return {
+      tableData: [],
+      tableDatahj: [],
+      options: [],
+      value: '',
+      value1: '',
+
+      activeName: 'second'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.bkfxtabledataapi()
+  },
+  computed: {
+    // ...mapState(['storefront'])
+  },
+  methods: {
+    getSummaries () {
+      const keyindex = {
+        'company': 0,
+        'khzs': 1,
+        'bykh': 2,
+        'wjzkh': 3,
+        'wjzzb': 4,
+        'hgkh': 5,
+        'hgzb': 6,
+        'zskh': 7,
+        'zszb': 8,
+        'zdkh': 9,
+        'zdzb': 10,
+        'ptkh': 11,
+        'ptzb': 12,
+        'xzkh': 13,
+        'xzzb': 14,
+        'xjdkh': 15,
+        'xjdzb': 16,
+      }
+      const item_value = []
+      for (let key in this.tableDatahj) {
+        let index = keyindex[key]
+        item_value[index] = this.tableDatahj[key] + ''
+      }
+      // console.log(item_value);
+      item_value[0] = '合计'
+      return item_value
+    },
+    chaxun2 (value, value1) {
+      const strvalue = value.join(',')
+      if (value1) {
+        const strvaluezh = value1.map(item => {
+          const date = new Date(item)
+          // 获取年份和月份
+          const year = date.getFullYear();
+          const month = date.getMonth() + 1; // 月份从0开始，需要加1
+          const day = date.getDate()
+          // 将年份和月份拼接成所需形式的字符串
+          return `${year}-${month}-${day}`;
+        });
+        bkfxtabledataInfo({ "company_ids": strvalue, "date_begin": strvaluezh[0], 'date_end': strvaluezh[1] }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          console.log(res);
+        }
+        )
+      } else {
+        bkfxtabledataInfo({ "company_ids": strvalue, "date_begin": '', 'date_end': '' }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          console.log(res);
+        }
+        )
+      }
+
+
+      // const strvalue1 = strvaluezh.join(',')
+      // console.log(strvaluezh[0], strvaluezh[1]);
+      // const date = new Date(value1)
+      // // 获取年份和月份
+      // const year = date.getFullYear();
+      // const month = String(date.getMonth() + 1); // 月份从0开始，需要加1
+      // const day = String(date.getDate())
+      // // 将年份和月份拼接成所需形式的字符串
+      // const strvalue1 = `${year}-${month}-${day}`;
+      // const strvalue3=
+      // console.log(strvalue, strvaluezh[0], strvaluezh[1]);
+
+      // console.log(strvalue, strvalue1);
+      // console.log(value, value1);
+    },
+    bkfxtabledataapi () {
+      this.value1 = nowdaterange
+      bkfxtabledataInfo({ "company_ids": '', "date_begin": nowdaterange[0], 'date_end': nowdaterange[1] }).then(res => {
+        console.log(res);
+        this.tableData = res.data
+        this.tableDatahj = res.footer
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table__footer {
+
+  tr {
+
+    td {
+      color: white;
+      background-color: rgba(30, 111, 200, 0.8);
+    }
+
+    td:hover {
+      color: white;
+    }
+  }
+
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/BXDetails_20230710094607.vue

@@ -0,0 +1,298 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <!-- <div class="topbox">
+      <div class="selec">
+        <el-select v-model="value" clearable placeholder="请选择">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="timeselec">
+
+      </div>
+    </div> -->
+    <div class="topbox" style="display: flex;justify-content: space-between;">
+      <div style="width: 50%;"></div>
+      <div class="selec">
+        <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+          <el-option v-for="(item, index) in options" :key="index" :label="item.text" :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="timeselec">
+        <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </div>
+      <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value1)">查询</button>
+    </div>
+    <div> <el-table show-summary :summary-method="getSummaries" :header-cell-style="{
+      background: 'rgba(30, 111, 200,0.8)',
+      color: 'white',
+      border: '1px rgb(70, 91, 117) solid',
+    }" :data="tableData" style="width: 100%">
+        <el-table-column prop="name" label="店名" width="150">
+        </el-table-column>
+        <el-table-column header-align="center" label="平安保险">
+          <el-table-column prop="paxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="paxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="pazbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="pazbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="pazje" width="100" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="人寿保险">
+          <el-table-column prop="rsxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="rsxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="rszbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="rszbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="rszje" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="人保保险">
+          <el-table-column prop="rbxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="rbxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="rbzbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="rbzbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="rbzje" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="太平洋保险">
+          <el-table-column prop="tpyxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="tpyxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="tpyzbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="tpyzbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="tpyzje" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="其他保险">
+          <el-table-column prop="qtxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="qtxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="qtzbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="qtzbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="qtzje" label="总承包金额">
+          </el-table-column>
+        </el-table-column>
+
+
+      </el-table></div>
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { bxcbhbtabledataInfo } from "../../../servuces/prove";
+export default {
+  data() {
+    return {
+      tableData: [],
+      tableDatahj: [],
+      options: [],
+      value: '',
+      value1: '',
+      activeName: 'second'
+    }
+  },
+  created() {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted() {
+    this.bxcbhbtabledataapi()
+    column(this.tableData)
+  },
+  methods: {
+    getSummaries() {
+      const keyindex = {
+        'company': 0,
+        'paxbds': 1,
+        'paxbje': 2,
+        'pazbds': 3,
+        'pazbje': 4,
+        'pazje': 5,
+        'rsxbds': 6,
+        'rsxbje': 7,
+        'rszbds': 8,
+        'rszbje': 9,
+        'rszje': 10,
+        'rbxbds': 11,
+        'rbxbje': 12,
+        'rbzbds': 13,
+        'rbzbje': 14,
+        'rbzje': 15,
+        'tpyxbds': 16,
+        'tpyxbje': 17,
+        'tpyzbds': 18,
+        'tpyzbje': 19,
+        'tpyzje': 20,
+        'qtxbds': 21,
+        'qtxbje': 22,
+        'qtzbds': 23,
+        'qtzbje': 24,
+        'qtzje': 25,
+
+      }
+      const item_value = []
+      for (let key in this.tableDatahj) {
+        let index = keyindex[key]
+        item_value[index] = this.tableDatahj[key] + ''
+      }
+      // console.log(item_value);
+      item_value[0] = '合计'
+      return item_value
+    },
+    chaxun2(value, value1) {
+      const strvalue = value.join(',')
+      if (value1) {
+        const strvaluezh = value1.map(item => {
+          const date = new Date(item)
+          // 获取年份和月份
+          const year = date.getFullYear();
+          const month = date.getMonth() + 1; // 月份从0开始，需要加1
+          const day = date.getDate()
+          // 将年份和月份拼接成所需形式的字符串
+          return `${year}-${month}-${day}`;
+        });
+        bxcbhbtabledataInfo({ "company_ids": strvalue, "date_begin": strvaluezh[0], 'date_end': strvaluezh[1] }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          console.log(res);
+        }
+        )
+      } else {
+        bxcbhbtabledataInfo({ "company_ids": strvalue, "date_begin": '', 'date_end': '' }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          // console.log(res);
+        }
+        )
+      }
+    },
+    //接口数据
+    bxcbhbtabledataapi() {
+      bxcbhbtabledataInfo().then(res => {
+        console.log('保险承保table数据', res);
+        this.tableData = res.data
+        this.tableDatahj = res.footer
+      })
+    },
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table__footer-wrapper {
+  margin: 0;
+}
+
+::v-deep .el-table__footer {
+  // margin: 0;
+  border: none;
+
+  tr {
+    border: none;
+
+    td {
+      color: white;
+      background-color: rgba(30, 111, 200, 0.8);
+    }
+
+    td:hover {
+      color: white;
+    }
+  }
+
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/BXDetails_20230710184343.vue

@@ -0,0 +1,300 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <!-- <div class="topbox">
+      <div class="selec">
+        <el-select v-model="value" clearable placeholder="请选择">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="timeselec">
+
+      </div>
+    </div> -->
+    <div class="topbox" style="display: flex;justify-content: space-between;">
+      <div style="width: 50%;"></div>
+      <div class="selec">
+        <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+          <el-option v-for="(item, index) in options" :key="index" :label="item.text" :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="timeselec">
+        <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </div>
+      <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value1)">查询</button>
+    </div>
+    <div> <el-table show-summary :summary-method="getSummaries" :header-cell-style="{
+      background: 'rgba(30, 111, 200,0.8)',
+      color: 'white',
+      border: '1px rgb(70, 91, 117) solid',
+    }" :data="tableData" style="width: 100%">
+        <el-table-column prop="name" label="店名" width="150">
+        </el-table-column>
+        <el-table-column header-align="center" label="平安保险">
+          <el-table-column prop="paxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="paxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="pazbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="pazbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="pazje" width="100" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="人寿保险">
+          <el-table-column prop="rsxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="rsxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="rszbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="rszbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="rszje" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="人保保险">
+          <el-table-column prop="rbxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="rbxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="rbzbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="rbzbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="rbzje" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="太平洋保险">
+          <el-table-column prop="tpyxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="tpyxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="tpyzbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="tpyzbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="tpyzje" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="其他保险">
+          <el-table-column prop="qtxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="qtxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="qtzbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="qtzbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="qtzje" label="总承包金额">
+          </el-table-column>
+        </el-table-column>
+
+
+      </el-table></div>
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { bxcbhbtabledataInfo } from "../../../servuces/prove";
+import { nowdaterange } from "../../../servuces/getnowtime";
+export default {
+  data () {
+    return {
+      tableData: [],
+      tableDatahj: [],
+      options: [],
+      value: '',
+      value1: '',
+      activeName: 'second'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    this.bxcbhbtabledataapi()
+    column(this.tableData)
+  },
+  methods: {
+    getSummaries () {
+      const keyindex = {
+        'company': 0,
+        'paxbds': 1,
+        'paxbje': 2,
+        'pazbds': 3,
+        'pazbje': 4,
+        'pazje': 5,
+        'rsxbds': 6,
+        'rsxbje': 7,
+        'rszbds': 8,
+        'rszbje': 9,
+        'rszje': 10,
+        'rbxbds': 11,
+        'rbxbje': 12,
+        'rbzbds': 13,
+        'rbzbje': 14,
+        'rbzje': 15,
+        'tpyxbds': 16,
+        'tpyxbje': 17,
+        'tpyzbds': 18,
+        'tpyzbje': 19,
+        'tpyzje': 20,
+        'qtxbds': 21,
+        'qtxbje': 22,
+        'qtzbds': 23,
+        'qtzbje': 24,
+        'qtzje': 25,
+
+      }
+      const item_value = []
+      for (let key in this.tableDatahj) {
+        let index = keyindex[key]
+        item_value[index] = this.tableDatahj[key] + ''
+      }
+      // console.log(item_value);
+      item_value[0] = '合计'
+      return item_value
+    },
+    chaxun2 (value, value1) {
+      const strvalue = value.join(',')
+      if (value1) {
+        const strvaluezh = value1.map(item => {
+          const date = new Date(item)
+          // 获取年份和月份
+          const year = date.getFullYear();
+          const month = date.getMonth() + 1; // 月份从0开始，需要加1
+          const day = date.getDate()
+          // 将年份和月份拼接成所需形式的字符串
+          return `${year}-${month}-${day}`;
+        });
+        bxcbhbtabledataInfo({ "company_ids": strvalue, "date_begin": strvaluezh[0], 'date_end': strvaluezh[1] }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          console.log(res);
+        }
+        )
+      } else {
+        bxcbhbtabledataInfo({ "company_ids": strvalue, "date_begin": '', 'date_end': '' }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          // console.log(res);
+        }
+        )
+      }
+    },
+    //接口数据
+    bxcbhbtabledataapi () {
+      this.value1 = nowdaterange
+      bxcbhbtabledataInfo({ "company_ids": strvalue, "date_begin": nowdaterange[0], 'date_end': nowdaterange[1] }).then(res => {
+        console.log('保险承保table数据', res);
+        this.tableData = res.data
+        this.tableDatahj = res.footer
+      })
+    },
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table__footer-wrapper {
+  margin: 0;
+}
+
+::v-deep .el-table__footer {
+  // margin: 0;
+  border: none;
+
+  tr {
+    border: none;
+
+    td {
+      color: white;
+      background-color: rgba(30, 111, 200, 0.8);
+    }
+
+    td:hover {
+      color: white;
+    }
+  }
+
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/BXDetails_20230710184350.vue

@@ -0,0 +1,300 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <!-- <div class="topbox">
+      <div class="selec">
+        <el-select v-model="value" clearable placeholder="请选择">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="timeselec">
+
+      </div>
+    </div> -->
+    <div class="topbox" style="display: flex;justify-content: space-between;">
+      <div style="width: 50%;"></div>
+      <div class="selec">
+        <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+          <el-option v-for="(item, index) in options" :key="index" :label="item.text" :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="timeselec">
+        <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </div>
+      <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value1)">查询</button>
+    </div>
+    <div> <el-table show-summary :summary-method="getSummaries" :header-cell-style="{
+      background: 'rgba(30, 111, 200,0.8)',
+      color: 'white',
+      border: '1px rgb(70, 91, 117) solid',
+    }" :data="tableData" style="width: 100%">
+        <el-table-column prop="name" label="店名" width="150">
+        </el-table-column>
+        <el-table-column header-align="center" label="平安保险">
+          <el-table-column prop="paxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="paxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="pazbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="pazbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="pazje" width="100" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="人寿保险">
+          <el-table-column prop="rsxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="rsxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="rszbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="rszbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="rszje" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="人保保险">
+          <el-table-column prop="rbxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="rbxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="rbzbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="rbzbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="rbzje" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="太平洋保险">
+          <el-table-column prop="tpyxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="tpyxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="tpyzbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="tpyzbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="tpyzje" label="总承包金额">
+          </el-table-column>
+
+        </el-table-column>
+        <el-table-column header-align="center" label="其他保险">
+          <el-table-column prop="qtxbds" label="新保单数">
+          </el-table-column>
+          <el-table-column prop="qtxbje" label="新保金额">
+          </el-table-column>
+          <el-table-column prop="qtzbds" label="续保单数">
+          </el-table-column>
+          <el-table-column prop="qtzbje" label="续保金额">
+          </el-table-column>
+          <el-table-column prop="qtzje" label="总承包金额">
+          </el-table-column>
+        </el-table-column>
+
+
+      </el-table></div>
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { bxcbhbtabledataInfo } from "../../../servuces/prove";
+import { nowdaterange } from "../../../servuces/getnowtime";
+export default {
+  data () {
+    return {
+      tableData: [],
+      tableDatahj: [],
+      options: [],
+      value: '',
+      value1: '',
+      activeName: 'second'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    this.bxcbhbtabledataapi()
+    column(this.tableData)
+  },
+  methods: {
+    getSummaries () {
+      const keyindex = {
+        'company': 0,
+        'paxbds': 1,
+        'paxbje': 2,
+        'pazbds': 3,
+        'pazbje': 4,
+        'pazje': 5,
+        'rsxbds': 6,
+        'rsxbje': 7,
+        'rszbds': 8,
+        'rszbje': 9,
+        'rszje': 10,
+        'rbxbds': 11,
+        'rbxbje': 12,
+        'rbzbds': 13,
+        'rbzbje': 14,
+        'rbzje': 15,
+        'tpyxbds': 16,
+        'tpyxbje': 17,
+        'tpyzbds': 18,
+        'tpyzbje': 19,
+        'tpyzje': 20,
+        'qtxbds': 21,
+        'qtxbje': 22,
+        'qtzbds': 23,
+        'qtzbje': 24,
+        'qtzje': 25,
+
+      }
+      const item_value = []
+      for (let key in this.tableDatahj) {
+        let index = keyindex[key]
+        item_value[index] = this.tableDatahj[key] + ''
+      }
+      // console.log(item_value);
+      item_value[0] = '合计'
+      return item_value
+    },
+    chaxun2 (value, value1) {
+      const strvalue = value.join(',')
+      if (value1) {
+        const strvaluezh = value1.map(item => {
+          const date = new Date(item)
+          // 获取年份和月份
+          const year = date.getFullYear();
+          const month = date.getMonth() + 1; // 月份从0开始，需要加1
+          const day = date.getDate()
+          // 将年份和月份拼接成所需形式的字符串
+          return `${year}-${month}-${day}`;
+        });
+        bxcbhbtabledataInfo({ "company_ids": strvalue, "date_begin": strvaluezh[0], 'date_end': strvaluezh[1] }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          console.log(res);
+        }
+        )
+      } else {
+        bxcbhbtabledataInfo({ "company_ids": strvalue, "date_begin": '', 'date_end': '' }).then(res => {
+          // console.log('查询分期业务', res);
+          this.tableData = res.data
+          this.tableDatahj = res.footer
+          // console.log(res);
+        }
+        )
+      }
+    },
+    //接口数据
+    bxcbhbtabledataapi () {
+      this.value1 = nowdaterange
+      bxcbhbtabledataInfo({ "company_ids": '', "date_begin": nowdaterange[0], 'date_end': nowdaterange[1] }).then(res => {
+        console.log('保险承保table数据', res);
+        this.tableData = res.data
+        this.tableDatahj = res.footer
+      })
+    },
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table__footer-wrapper {
+  margin: 0;
+}
+
+::v-deep .el-table__footer {
+  // margin: 0;
+  border: none;
+
+  tr {
+    border: none;
+
+    td {
+      color: white;
+      background-color: rgba(30, 111, 200, 0.8);
+    }
+
+    td:hover {
+      color: white;
+    }
+  }
+
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230708184941.vue

@@ -0,0 +1,231 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="province" label="展厅">
+            </el-table-column>
+            <el-table-column prop="city" label="DCC">
+            </el-table-column>
+            <el-table-column prop="address" label="二网">
+            </el-table-column>
+            <el-table-column prop="city" label="大客户">
+            </el-table-column>
+            <el-table-column prop="address" label="新媒体">
+            </el-table-column>
+            <el-table-column prop="address" label="推荐购车">
+            </el-table-column>
+            <el-table-column prop="address" label="合计">
+            </el-table-column>
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data() {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created() {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted() {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2(value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi() {
+      jxctabledataInfo().then(res => {
+        console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi() {
+      fqdxltabledataInfo().then(res => {
+        console.log('分销渠道', res);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710143844.vue

@@ -0,0 +1,231 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="province" label="展厅">
+            </el-table-column>
+            <el-table-column prop="city" label="DCC">
+            </el-table-column>
+            <el-table-column prop="address" label="二网">
+            </el-table-column>
+            <el-table-column prop="city" label="大客户">
+            </el-table-column>
+            <el-table-column prop="address" label="新媒体">
+            </el-table-column>
+            <el-table-column prop="address" label="推荐购车">
+            </el-table-column>
+            <el-table-column prop="address" label="合计">
+            </el-table-column>
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        console.log('分销渠道', res);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144023.vue

@@ -0,0 +1,218 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        console.log('分销渠道', res);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144127.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        this.tableData2 = res.data
+        console.log('分销渠道', res);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144128.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        this.tableData2 = res.data
+        console.log('分销渠道', res);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144150.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        // this.tableData2 = res.data
+        console.log('分销渠道', res);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144201.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        this.tableData2 = res.data
+        console.log('分销渠道', res);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144210.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        // this.tableData2 = res.data
+        console.log('分销渠道', res);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144217.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        // this.tableData2 = res.data
+        console.log('分销渠道', res.data);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144247.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        this.tableData2 = res.data
+        console.log('分销渠道', res.data);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144322.vue

@@ -0,0 +1,220 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144332.vue

@@ -0,0 +1,220 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144339.vue

@@ -0,0 +1,220 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        // this.tableData2 = res
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144445.vue

@@ -0,0 +1,220 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data.table_title
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144505.vue

@@ -0,0 +1,221 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2" style="width: 100%">
+            <el-table-column prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data.table_title
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144646.vue

@@ -0,0 +1,221 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="item in tableData2.table_title" prop="date" label="店面" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144712.vue

@@ -0,0 +1,221 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="item in tableData2.table_title" prop="date" :label="item" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144736.vue

@@ -0,0 +1,221 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="item in tableData2.table_title" prop="date" :label="item" :key="index" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144749.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" prop="date" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710144901.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="tableData2.table_data" :label="item"
+              :key="index" width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710145054.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" prop="河南" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710145838.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710150348.vue

@@ -0,0 +1,236 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value1" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value1)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710150503.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value1)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710150812.vue

@@ -0,0 +1,254 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData = res.data
+        this.tableDatahj = res.footer
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710150902.vue

@@ -0,0 +1,253 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710151031.vue

@@ -0,0 +1,254 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    column(this.tableData2)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710151048.vue

@@ -0,0 +1,253 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710151920.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab == 1) {
+        column(this.tableData)
+      } else if (activeTab == 2) {
+        column(this.tableData)
+      } else if (activeTab == 0) {
+        column(this.tableData)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710151944.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab == 1) {
+        column(this.tableData)
+      } else if (activeTab == 2) {
+        column(this.tableData)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710151948.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab == 1) {
+        column(this.tableData)
+      } else if (activeTab == 2) {
+        column(this.tableData)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710151956.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab == 1) {
+        column(this.tableData)
+      } else if (activeTab == 2) {
+        column(this.tableData)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710152008.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab == 0) {
+        column(this.tableData)
+      } else if (activeTab == 1) {
+        column(this.tableData)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710152019.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab == 0) {
+        column(this.tableData)
+      } else if (activeTab == 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710152050.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710152120.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    // column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710152141.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710152154.vue

@@ -0,0 +1,261 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    column(this.tableData)
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710152216.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153450.vue

@@ -0,0 +1,261 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153512.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153539.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153610.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153637.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153704.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153724.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153757.vue

@@ -0,0 +1,261 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153802.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab) {
+      // console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 0) {
+        column(this.tableData)
+      } else if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153830.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 0) {
+      //   column(this.tableData)
+      // } else if (activeTab === 1) {
+      //   column(this.tableData2)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153923.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 0) {
+      //   column(this.tableData)
+      // } else if (activeTab === 1) {
+      //   column(this.tableData2)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        // column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153930.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 0) {
+      //   column(this.tableData)
+      // } else if (activeTab === 1) {
+      //   column(this.tableData2)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        // column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710153953.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 0) {
+      //   column(this.tableData)
+      // } else if (activeTab === 1) {
+      //   column(this.tableData2)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        // column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710154004.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+// import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 0) {
+      //   column(this.tableData)
+      // } else if (activeTab === 1) {
+      //   column(this.tableData2)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        // column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710154021.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 0) {
+      //   column(this.tableData)
+      // } else if (activeTab === 1) {
+      //   column(this.tableData2)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        // column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710154043.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 0) {
+      //   column(this.tableData)
+      // } else if (activeTab === 1) {
+      //   column(this.tableData2)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        // column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710154749.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 0) {
+      //   column(this.tableData)
+      // } else if (activeTab === 1) {
+      //   column(this.tableData2)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+        column(this.tableData)
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710154827.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 0) {
+      //   column(this.tableData)
+      // } else if (activeTab === 1) {
+      //   column(this.tableData2)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+        // column(this.tableData2)
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155032.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 2) {
+        column(this.tableData)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155036.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 2) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155110.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 1) {
+        column(this.tableData2)
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155138.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155154.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData2)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155201.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData2)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155211.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData2)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155236.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    // column(this.tableData2)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155241.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData2)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155254.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710155952.vue

@@ -0,0 +1,265 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  activated () {
+    column(this.tableData2)
+  },
+
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710160019.vue

@@ -0,0 +1,266 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  activated () {
+    column(this.tableData2)
+    console.log(111111111111111111111111);
+  },
+
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710160043.vue

@@ -0,0 +1,266 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  activated () {
+    column(this.tableData2)
+    console.log('111111111111111111111111');
+  },
+
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710160055.vue

@@ -0,0 +1,261 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710160114.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    column(this.tableData2)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710160125.vue

@@ -0,0 +1,261 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710160135.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      // const activeTab = tab.index
+      // console.log(activeTab);
+      // if (activeTab === 2) {
+      //   column(this.tableData)
+      // }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+      console.log(111111111111);
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710160227.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 1) {
+        console.log(1111111111111);
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+      console.log(111111111111);
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710160235.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab === 1) {
+        console.log(1111111111111);
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+

.history/src/views/IndexView/details/CLKCdetails_20230710160254.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="JCDetails" style="padding: 50px;">
+    <h1>车辆库存</h1>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="进销存报表" name="first">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value2" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun2(value, value2)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData" style="width: 100%">
+            <el-table-column prop="company" label="店面" width="100">
+            </el-table-column>
+            <el-table-column prop="tqxl" label="同期销量">
+            </el-table-column>
+            <el-table-column prop="ymb" label="月目标">
+            </el-table-column>
+            <el-table-column prop="rzdj" label="日增定交">
+            </el-table-column>
+            <el-table-column prop="lcdd" label="留存订单">
+            </el-table-column>
+            <el-table-column prop="drjc" label="当日交车">
+            </el-table-column>
+            <el-table-column prop="yljc" label="月累交车">
+            </el-table-column>
+            <el-table-column prop="wcl" label="完成率">
+            </el-table-column>
+            <el-table-column prop="hb" label="环比">
+            </el-table-column>
+            <el-table-column prop="tqxl_jzdq" label="同期销量(截至当前)">
+            </el-table-column>
+            <el-table-column prop="tb" label="同比">
+            </el-table-column>
+            <el-table-column prop="kczl" label="库存总量">
+            </el-table-column>
+            <el-table-column prop="kcje" label="库存金额">
+            </el-table-column>
+            <el-table-column prop="kcsd" label="库存深度">
+            </el-table-column>
+            <el-table-column prop="yplqcltc" label="银票临期车辆台次">
+            </el-table-column>
+            <el-table-column prop="180zb" label="180天以上库存占比">
+            </el-table-column>
+            <el-table-column prop="180je" label="180以上车辆金额">
+            </el-table-column>
+            <el-table-column prop="xjczb" label="现金车占比">
+            </el-table-column>
+            <el-table-column prop="xjcje" label="现金车金额">
+            </el-table-column>
+            <el-table-column prop="ymygkcsd" label="月末预估库存深度">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+      <el-tab-pane label="分渠道销量统计分析" name="second">
+        <div class="topbox" style="display: flex;justify-content: space-between;">
+          <div style="width: 60%;"></div>
+          <div class="selec">
+            <el-select v-model="value" filterable multiple collapse-tags clearable placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.text" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="timeselec">
+            <el-date-picker v-model="value3" type="month" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+          <button style="width: 100px;height: 40px;background-color: aqua;" @click="chaxun(value, value3)">查询</button>
+        </div>
+        <div> <el-table :header-cell-style="{
+          background: 'rgba(30, 111, 200,0.8)',
+          color: 'white',
+          textAlign: 'center',
+          border: '1px rgb(70, 91, 117) solid',
+        }" :data="tableData2.table_data" style="width: 100%">
+            <el-table-column v-for="(item, index) in tableData2.table_title" :prop="item" :label="item" :key="index"
+              width="100">
+            </el-table-column>
+
+          </el-table></div>
+      </el-tab-pane>
+
+    </el-tabs>
+
+
+  </div>
+</template>
+<script>
+import { column } from "./tuozhuai";
+import { jxctabledataInfo, fqdxltabledataInfo } from "../../../servuces/prove";
+export default {
+  data () {
+    return {
+      //进销存
+      tableData: [],
+      tableData2: [],
+      options: [],
+      value: '',
+      value2: '',
+      value3: '',
+      activeName: 'first'
+    }
+  },
+  created () {
+    const data = sessionStorage.getItem('data')
+    console.log(data);
+    if (data) {
+      this.options = JSON.parse(data)
+    }
+  },
+  mounted () {
+    column(this.tableData)
+    this.jxctabledataapi()
+    this.fqdxltabledataapi()
+  },
+  methods: {
+    chaxun (value, value3) {
+      const strvalue = value.join(',')
+      const date = new Date(value3)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}`;
+      fqdxltabledataInfo({ "company_ids": strvalue, "search_month": strvalue1 }).then(res => {
+        console.log('查询分期业务', res);
+        this.tableData2 = res.data
+      }
+      )
+      // console.log(strvalue, strvalue1);
+    },
+    chaxun2 (value, value2) {
+      const strvalue = value.join(',')
+      const date = new Date(value2)
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const day = date.getDate()
+      // 将年份和月份拼接成所需形式的字符串
+      const strvalue1 = `${year}-${month}-${day}`;
+      jxctabledataInfo({ "company_ids": strvalue, "search_date": strvalue1 }).then(res => {
+        // console.log('查询分期业务', res);
+        this.tableData = res.data
+        // this.tableDatahj = res.footer
+      }
+      )
+      console.log(strvalue, strvalue1);
+    },
+    handleClick (tab, event) {
+      console.log(tab, event);
+      const activeTab = tab.index
+      console.log(activeTab);
+      if (activeTab == 1) {
+        console.log(1111111111111);
+      }
+    },
+
+    //进销存接口数据
+    jxctabledataapi () {
+      jxctabledataInfo().then(res => {
+        // console.log(res);
+        this.tableData = res.data
+
+      })
+    },
+    //分渠道销量统计
+    fqdxltabledataapi () {
+      fqdxltabledataInfo().then(res => {
+
+        console.log('分销渠道', res.data);
+        this.tableData2 = res.data
+        console.log(this.tableData2);
+
+      })
+
+      column(this.tableData2)
+    }
+  }
+}
+</script>
+<style>
+/* .el-table tr {
+  background-color: none;
+  color: white;
+} */
+.el-table .warning-row {
+  background-color: rgba(15, 78, 146, 0.827);
+
+}
+
+.el-table .success-row {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+
+.has-gutter tr th:last-child {
+  background-color: rgba(30, 111, 200, 0.8);
+}
+
+.el-table tr {
+  background-color: rgb(15, 78, 146, 0.5);
+}
+</style>
+<style scoped lang="scss">
+.JCDetails {
+  .selec {
+    margin: 0 0 20px 0;
+  }
+}
+
+::v-deep .el-table {
+  background-color: transparent;
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table td,
+.building-top .el-table th.is-leaf {
+  border-color: rgb(70, 91, 117);
+  color: white;
+}
+
+::v-deep .el-table td:hover {
+  color: rgb(5, 51, 159);
+}
+
+::v-deep .has-gutter th {
+  border-color: rgb(70, 91, 117);
+}
+
+::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: rgb(58, 147, 189);
+}
+
+::v-deep #tab-first,
+::v-deep #tab-second,
+::v-deep #tab-third,
+::v-deep #tab-fourth {
+  color: #fff; //设置修改默认蚊子颜色，背景颜色，等
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: rgb(37, 99, 214) !important;
+}
+</style>
+
+
+