...

package.json

@@ -4,10 +4,12 @@
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build"
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
   },
   "dependencies": {
     "@jiaminghi/data-view": "^2.10.0",
+    "@smallwei/avue": "^2.10.15",
     "axios": "^1.4.0",
     "core-js": "^3.8.3",
     "echarts": "^5.4.2",
@@ -19,16 +21,35 @@
     "vuex": "^3.6.2"
   },
   "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
     "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-plugin-router": "~5.0.0",
     "@vue/cli-plugin-vuex": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
-    "less": "^4.2.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",
+	"less": "^4.2.0",
     "less-loader": "^11.1.3",
     "sass": "^1.32.7",
     "sass-loader": "^12.0.0",
     "vue-template-compiler": "^2.6.14"
   },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
+  },
   "browserslist": [
     "> 1%",
     "last 2 versions",

src/components/HomeChart/BXCBHB.vue

@@ -5,7 +5,6 @@
   </div>
 </template>
 <script>
-import * as echarts from 'echarts';
 import { bxcbhbchartInfo } from "../../servuces/prove";
 export default {
   data () {

src/components/HomeChart/CZTJ.vue

@@ -35,7 +35,6 @@
   </div>
 </template>
 <script>
-import * as echarts from 'echarts';
 import { cztjchartInfo, rctcchartInfo } from "../../servuces/prove";
 export default {
   data () {

src/components/HomeChart/FQYW.vue

@@ -37,7 +37,7 @@ export default {
           trigger: 'axis',
           backgroundColor: 'black',
           formatter: (params) => {
-            return params[0].axisValue + ':' + this.data[params[0].dataIndex] + '<br/>' + params[0].data + '%'
+            return params[0].axisValue + ':'  + '<br/>' + params[0].data
           },
           textStyle: {
             color: 'white'
@@ -61,7 +61,6 @@ export default {
           show: true,
           type: 'value',
           min: 0,
-          interval: 20,
           splitLine: {
             lineStyle: {
               type: 'dashed',

src/components/HomeChart/JCPM.vue

@@ -5,7 +5,6 @@
   </div>
 </template>
 <script>
-import * as echarts from 'echarts';
 import { jcpmchartInfo } from "../../servuces/prove";
 export default {
   data () {

src/components/HomeChart/KLFX.vue

@@ -35,7 +35,7 @@ export default {
     klfxchart () {
       let dataPie = this.data;
       let total = 0;
-      dataPie.forEach(function (val, idx, arr) {
+      dataPie.forEach(function (val) {
         total += val.value;
       });
       const klfxchart = document.getElementById('klfxchart');

src/main.js

@@ -1,19 +1,37 @@
 import Vue from 'vue'
 import App from './App.vue'
-import router from './router'
+import router from './router/index'
 import store from './store'
+import dataV from '@jiaminghi/data-view'
+import "../src/assets/less/index.less";//公
 import "../src/assets/iconfont.css";//图标icon
-import "../src/assets/less/index.less";//公共样式
-import dataV from '@jiaminghi/data-view';
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
+import Avue from '@smallwei/avue';
+import '@smallwei/avue/lib/index.css';
+import {islogined} from "./servuces/token";
+import VueRouter from 'vue-router'
 
-Vue.use(ElementUI);
-Vue.use(dataV)
+Vue.use(dataV);//datav组件库
+Vue.use(ElementUI);//element组件库
+Vue.use(VueRouter);//element组件库
+Vue.use(Avue);//element组件库
 
 
-Vue.config.productionTip = false
-//
+Vue.config.productionTip = false;
+
+router.beforeEach((to,from,next)=>{
+  if(to.meta.needlogin){
+    if(islogined()){
+      next();
+    }else{
+      next('/login')
+    }
+  }else{
+    next()
+  }
+})
+
 new Vue({
   router,
   store,

src/router/index.js

@@ -8,7 +8,10 @@ const routes = [
   {
     path: '/',
     name: 'home',
-    component: () => import('../views/HomeView.vue')
+    component: () => import('../views/HomeView.vue'),
+    meta:{
+      needlogin:true
+    }
   },
   {
     //登录页
@@ -92,6 +95,8 @@ const routes = [
 ]
 
 const router = new VueRouter({
+  mode: 'hash',
+  base: process.env.BASE_URL,
   routes
 })
 

src/store/index.js

@@ -9,6 +9,9 @@ export default new Vuex.Store({
   getters: {
   },
   mutations: {
+    setData(state,data){
+      state.storefront=data//将接收到的数据放到storefront里面
+    }
   },
   actions: {
   },

src/views/HomeView.vue

@@ -73,7 +73,6 @@ export default {
     kcfxcompanapi () {
       kcfxcompanInfo().then(res => {
         const storefront = res.data;
-        this.setData(storefront);
         sessionStorage.setItem('company_data', JSON.stringify(storefront))
       })
     },

src/views/LoginView.vue

@@ -1,144 +1,59 @@
 <template>
   <div class="login">
-    <div class="top">
-      <img src="../assets/bargound/denglutitle.png" alt="" />
-    </div>
-    <div class="kaung">
-      <p class="text"><span>欢迎登录使用</span></p>
-      <div class="inkuang">
-        <el-input
-          class="userPsd"
-          placeholder="请输入用户名"
-          v-model="inputUserName"
-         
-        >
-          <i slot="prefix" class="el-input__icon el-icon-user"></i
-        ></el-input>
-        <el-input
-          class="userPsd"
-          placeholder="请输入密码"
-          v-model="inputPasd"
-          show-password
-          
-        >
-          <i slot="prefix" class="el-input__icon el-icon-lock"></i
-        ></el-input>
-        <span class="login" @click="landing">立即登录</span>
-      </div>
-      <div></div>
-    </div>
-    
-    <div style="color: #3C91AF;margin-top: 30px;font-size: 12px;">Copyright©2016-2022 ************ 版权所有 技术支持：*********</div>
+    <avue-login :option="option" @submit="submit">
+    </avue-login>
   </div>
-  
 </template>
+
 <script>
-import axios from "axios";
+import { settoken } from "../servuces/token";
+import { userloginInfo } from "../servuces/prove";
+ import { stringify } from "qs";
 export default {
-  data() {
+  data () {
     return {
-      inputUserName: "",
-      inputPasd: "",
-      
-
-      // loginRules: {
-      //   inputUserName: [
-      //     { required: true, trigger: "blur", message: "请输入用户名！" },
-      //   ],
-      //   inputPasd: [
-      //     { required: true, trigger: "blur", message: "请输入密码！" },
-      //   ],
-      // },
-    };
+      codesrc: '',
+      form: {},
+      option: {
+        width: 400,
+        time: 60,
+        codeType: 'phone', //phone为手机验证码/img为图片验证码
+        column: {
+          username: {
+            label: '用户名',
+            autocomplete: 'off',
+            rules: { required: true, message: '请输入用户名', trigger: 'blur' }
+          },
+          password: {
+            label: '密码',
+            autocomplete: 'off',
+            rules: { required: true, message: '请输入密码', trigger: 'blur' }
+          },
+          code: {
+            hide: true
+          }
+        }
+      },
+    }
   },
-
   methods: {
-    //点击登录
-    landing() {
-      if(this.inputUserName==='root'&&this.inputPasd==='root'){
-        this.$router.push("/");
-
-      }
-    },
-  },
-};
-</script>
-<style scoped lang="scss">
-.el-icon-search {
-  color: red;
-}
-.login {
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background-image: url(../assets/bargound/denglubeijingtu.png);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-
-  .top {
-    img {
-      width: 100%;
+    async submit (form) {
+      await userloginInfo(stringify({ username: form.username, password: form.password })).then(res => {
+        if (res.success) {
+          settoken(123654)
+          this.$router.replace('/')
+        } else {
+          alert('res.errors')
+        }
+      })
     }
   }
-
-  .logininfor {
-    width: 33%;
-    height: 33vh;
-    margin: 0 auto;
-  }
 }
-.kaung {
-  background: url("../views/login/组\ 20\ 拷贝@2x.png") no-repeat;
-  width: 462px;
-  height: 372px;
-  background-size: 100% 100%;
-  overflow: hidden;
-  margin-top: 50px;
-  .text {
-    width: 360px;
-    height: 10px;
-    background: url("../views/login/组\ 19\ 拷贝@2x.png") no-repeat;
-    background-size: 100% 100%;
-    margin-top: 80px;
-    margin-left: 50px;
-    position: relative;
-
-    span {
-      display: block;
-      color: #ffffff;
-      font-size: 20px;
-      position: absolute;
-      left: 34%;
-      top: -8px;
-    }
-  }
-
-  .inkuang {
-    display: flex;
-    flex-direction: column;
-    width: 240px;
-    margin: 0 auto;
-    margin-top: 40px;
-
-    .login {
-      background: url("../views/login/组\ 17\ 拷贝.png") no-repeat;
-      background-size: 100% 100%;
-      width: 100%;
-      height: 60px;
-      margin-top: 20px;
-      text-align: center;
-      padding: 20px 0 0 0;
-      font-size: 12px;
-      color: black;
-      cursor: pointer;
-    }
-
-    .userPsd {
-      margin-top: 10px;
-    }
+</script>
 
-  }
+<style scoped>
+.login {
+  width: 500px;
+  margin: 200px auto;
 }
-</style>
+</style>

src/views/TableDetail/BKFXtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -75,35 +75,35 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700"
+          :max-height="taheight"
         >
           >
           <el-table-column prop="company" fixed label="门店"> </el-table-column>
-          <el-table-column prop="khzs" label="客户总数"> </el-table-column>
-          <el-table-column prop="bykh" label="保有客户"> </el-table-column>
+          <el-table-column prop="khzs" label="客户总数"  sortable> </el-table-column>
+          <el-table-column prop="bykh" label="保有客户"  sortable> </el-table-column>
           <el-table-column prop="name" label="无价值(2年以上未回厂)">
-            <el-table-column prop="wjzkh" label="数量"> </el-table-column>
-            <el-table-column prop="wjzzb" label="占比"> </el-table-column>
+            <el-table-column prop="wjzkh" label="数量" width="100" sortable> </el-table-column>
+            <el-table-column prop="wjzzb" label="占比" width="100" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount6" label="回归客户">
-            <el-table-column prop="hgkh" label="数量"> </el-table-column>
-            <el-table-column prop="hgzb" label="占比"> </el-table-column>
+            <el-table-column prop="hgkh" label="数量" width="100" sortable> </el-table-column>
+            <el-table-column prop="hgzb" label="占比" width="100" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount6" label="重点客户">
-            <el-table-column prop="zdkh" label="数量"> </el-table-column>
-            <el-table-column prop="zdzb" label="占比"> </el-table-column>
+            <el-table-column prop="zdkh" label="数量" width="100" sortable> </el-table-column>
+            <el-table-column prop="zdzb" label="占比" width="100" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount6" label="普通客户">
-            <el-table-column prop="ptkh" label="数量"> </el-table-column>
-            <el-table-column prop="ptzb" label="占比"> </el-table-column>
+            <el-table-column prop="ptkh" label="数量" width="100" sortable> </el-table-column>
+            <el-table-column prop="ptzb" label="占比" width="100" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount6" label="新增客户">
-            <el-table-column prop="xzkh" label="数量"> </el-table-column>
-            <el-table-column prop="xzzb" label="占比"> </el-table-column>
+            <el-table-column prop="xzkh" label="数量" width="100" sortable> </el-table-column>
+            <el-table-column prop="xzzb" label="占比" width="100" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount6" label="新建档客户">
-            <el-table-column prop="xjdkh" label="数量"> </el-table-column>
-            <el-table-column prop="xjdzb" label="占比"> </el-table-column>
+            <el-table-column prop="xjdkh" label="数量" width="100" sortable> </el-table-column>
+            <el-table-column prop="xjdzb" label="占比" width="100" sortable> </el-table-column>
           </el-table-column>
         </el-table>
 
@@ -114,14 +114,13 @@
 </template>
 
 <script>
-import axios from "axios";
 import { bkfxtabledataInfo } from "../../servuces/prove";
 import { nowdaterange } from "../../servuces/getnowtime";
 import { column } from "../../store/tuozhuai";
-import { number } from "echarts";
 export default {
   data() {
     return {
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       company_ids: [],
       currentTime: "",
       value: "",
@@ -183,6 +182,9 @@ export default {
         });
       }
     },
+    goOff(){
+      history.go(-1);
+    },
     //更新时间
     updateTime() {
       // 在组件挂载结束时启动定时器，每秒更新一次时间

src/views/TableDetail/BXCBtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -73,39 +73,47 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700"
+          :max-height="taheight"
         >
           <el-table-column prop="name" fixed label="店面"> </el-table-column>
           <el-table-column prop="name" 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" label="总承包金额">
+            <el-table-column prop="paxbds" label="新保单数" width="120" sortable> </el-table-column>
+            <el-table-column prop="paxbje" label="新保金额" width="120"  sortable> </el-table-column>
+            <el-table-column prop="pazbds" label="续保单数" width="120"  sortable> </el-table-column>
+            <el-table-column prop="pazbje" label="续保金额" width="120"  sortable> </el-table-column>
+            <el-table-column prop="pazje" label="总承包金额" width="120"  sortable>
             </el-table-column>
           </el-table-column>
           <el-table-column prop="name" 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 prop="rsxbds" label="新保单数" width="120"  sortable> </el-table-column>
+            <el-table-column prop="rsxbje" label="新保金额" width="120"  sortable> </el-table-column>
+            <el-table-column prop="rszbds" label="续保单数" width="120"  sortable> </el-table-column>
+            <el-table-column prop="rszbje" label="续保金额" width="120"  sortable> </el-table-column>
+            <el-table-column prop="rszje" label="总承包金额" width="120"  sortable>
             </el-table-column>
           </el-table-column>
           <el-table-column prop="name" 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 prop="rbxbds" label="新保单数" width="120"  sortable> </el-table-column>
+            <el-table-column prop="rbxbje" label="新保金额"  width="120" sortable></el-table-column>
+            <el-table-column prop="rbzbds" label="续保单数" width="120"  sortable> </el-table-column>
+            <el-table-column prop="rbzbje" label="续保金额" width="120"  sortable> </el-table-column>
+            <el-table-column prop="rbzje" label="总承包金额"  width="120" sortable>
             </el-table-column>
           </el-table-column>
-          <el-table-column prop="name" 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 prop="name" label="太平洋保险">
+            <el-table-column prop="tpyxbds" label="新保单数"  width="120" sortable> </el-table-column>
+            <el-table-column prop="tpyxbje" label="新保金额"  width="120" sortable> </el-table-column>
+            <el-table-column prop="tpyzbds" label="续保单数" width="120"  sortable> </el-table-column>
+            <el-table-column prop="tpyzbje" label="续保金额"  width="120" sortable> </el-table-column>
+            <el-table-column prop="tpyzje" label="总承包金额" width="120"  sortable>
+            </el-table-column>
+          </el-table-column>
+          <el-table-column prop="name" label="其他保险">
+            <el-table-column prop="qtxbds" label="新保单数"  width="120" sortable> </el-table-column>
+            <el-table-column prop="qtxbje" label="新保金额"  width="120" sortable> </el-table-column>
+            <el-table-column prop="qtzbds" label="续保单数"  width="120" sortable> </el-table-column>
+            <el-table-column prop="qtzbje" label="续保金额" width="120"  sortable> </el-table-column>
+            <el-table-column prop="qtzje" label="总承包金额" width="120"  sortable>
             </el-table-column>
           </el-table-column>
         </el-table>
@@ -117,7 +125,6 @@
 </template>
 
 <script>
-import axios from "axios";
 import { bxcbhbtabledataInfo } from "../../servuces/prove";
 import { nowdaterange } from "../../servuces/getnowtime";
 import { column } from "../../store/tuozhuai";
@@ -125,7 +132,7 @@ export default {
   data() {
     return {
       company_ids:[],
-
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       currentTime: "",
       value: "",
       //表格各类属性
@@ -185,6 +192,9 @@ export default {
         });
       }
     },
+    goOff(){
+      history.go(-1);
+    },
     //更新时间
     updateTime() {
       // 在组件挂载结束时启动定时器，每秒更新一次时间
@@ -217,10 +227,6 @@ export default {
   width: 100%;
   /* background: url('../../assets/bargound/'); */
   height: 64px;
-
-  p {
-    height: 100px;
-  }
 }
 
 .kccl {

src/views/TableDetail/CZTJtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -75,36 +75,36 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700"
+          :max-height="taheight"
         >
           <el-table-column prop="company" label="品牌"> </el-table-column>
           <el-table-column  label="收入类">
             <el-table-column prop="pjls" sortable label="零件配售"> </el-table-column>
           </el-table-column>
           <el-table-column  label="首保收入">
-            <el-table-column prop="sbgs" label="首保工时"> </el-table-column>
-            <el-table-column prop="sbll" label="首保领料"> </el-table-column>
+            <el-table-column prop="sbgs" label="首保工时" sortable> </el-table-column>
+            <el-table-column prop="sbll" label="首保领料" sortable> </el-table-column>
           </el-table-column>
 
           <el-table-column  label="索赔收入">
-            <el-table-column prop="spgs" label="索赔工时"> </el-table-column>
-            <el-table-column prop="spll" label="索赔领料"> </el-table-column>
+            <el-table-column prop="spgs" label="索赔工时" sortable> </el-table-column>
+            <el-table-column prop="spll" label="索赔领料" sortable> </el-table-column>
           </el-table-column>
           <el-table-column  label="定保收入">
-            <el-table-column prop="dbgs" label="定保工时"> </el-table-column>
-            <el-table-column prop="dbll" label="定保领料"> </el-table-column>
+            <el-table-column prop="dbgs" label="定保工时" sortable> </el-table-column>
+            <el-table-column prop="dbll" label="定保领料" sortable> </el-table-column>
           </el-table-column>
           <el-table-column  label="一般维修收入">
-            <el-table-column prop="ybwxgs" label="维修工时"> </el-table-column>
-            <el-table-column prop="ybwxll" label="维修领料"> </el-table-column>
+            <el-table-column prop="ybwxgs" label="维修工时" sortable> </el-table-column>
+            <el-table-column prop="ybwxll" label="维修领料" sortable> </el-table-column>
           </el-table-column>
           <el-table-column label="钣喷收入">
-            <el-table-column prop="bpgs" label="钣喷工时"> </el-table-column>
-            <el-table-column prop="bpll" label="钣喷材料"> </el-table-column>
+            <el-table-column prop="bpgs" label="钣喷工时" sortable> </el-table-column>
+            <el-table-column prop="bpll" label="钣喷材料" sortable> </el-table-column>
           </el-table-column>
-          <el-table-column prop="jpsr" label="精品"> </el-table-column>
-          <el-table-column prop="qtsr" label="其他收入"> </el-table-column>
-          <el-table-column prop="srhj" label="收入合计"> </el-table-column>
+          <el-table-column prop="jpsr" label="精品" sortable> </el-table-column>
+          <el-table-column prop="qtsr" label="其他收入" sortable> </el-table-column>
+          <el-table-column prop="srhj" label="收入合计" sortable> </el-table-column>
         </el-table>
       </el-tabs>
     </div>
@@ -112,13 +112,13 @@
 </template>
 
 <script>
-import axios from "axios";
 import { cztjtabledataInfo } from "../../servuces/prove";
 import { nowdaterange } from "../../servuces/getnowtime";
 import { column } from "../../store/tuozhuai";
 export default {
   data() {
     return {
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       company_ids:[],
       currentTime: "",
       value: "",
@@ -178,6 +178,9 @@ export default {
         });
       }
     },
+    goOff(){
+      history.go(-1);
+    },
     //更新时间
     updateTime() {
       // 在组件挂载结束时启动定时器，每秒更新一次时间

src/views/TableDetail/FQYWtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -71,38 +71,38 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700"
+          :max-height="taheight"
         >
           <el-table-column prop="company" label="品牌"> </el-table-column>
           <el-table-column label="分期单数及渗透率">
-            <el-table-column prop="mbxl" label="目标"> </el-table-column>
-            <el-table-column prop="sjxl" label="实际"> </el-table-column>
-            <el-table-column prop="fqstl" label="分期渗透率"> </el-table-column>
-            <el-table-column prop="qntq" label="去年同期"> </el-table-column>
-            <el-table-column prop="tbcz" label="同比差值"> </el-table-column>
-            <el-table-column prop="sysj" label="上月数据"> </el-table-column>
-            <el-table-column prop="hbcz" label="环比差值"> </el-table-column>
+            <el-table-column prop="mbxl" label="目标" sortable> </el-table-column>
+            <el-table-column prop="sjxl" label="实际" sortable> </el-table-column>
+            <el-table-column prop="fqstl" label="分期渗透率" width="120" sortable> </el-table-column>
+            <el-table-column prop="qntq" label="去年同期" width="120" sortable> </el-table-column>
+            <el-table-column prop="tbcz" label="同比差值" width="120" sortable> </el-table-column>
+            <el-table-column prop="sysj" label="上月数据" width="120" sortable> </el-table-column>
+            <el-table-column prop="hbcz" label="环比差值" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column label="高期限占比">
-            <el-table-column prop="lxsl" label="0息"> </el-table-column>
-            <el-table-column prop="lxzb" label="0息占比"> </el-table-column>
-            <el-table-column prop="36sl" label="36期"> </el-table-column>
-            <el-table-column prop="36zb" label="占比"> </el-table-column>
-            <el-table-column prop="48sl" label="48期"> </el-table-column>
-            <el-table-column prop="48zb" label="占比"> </el-table-column>
-            <el-table-column prop="60sl" label="60期"> </el-table-column>
-            <el-table-column prop="60zb" label="占比"> </el-table-column>
+            <el-table-column prop="lxsl" label="0息" sortable> </el-table-column>
+            <el-table-column prop="lxzb" label="0息占比" width="120" sortable> </el-table-column>
+            <el-table-column prop="36sl" label="36期" sortable> </el-table-column>
+            <el-table-column prop="36zb" label="占比" sortable> </el-table-column>
+            <el-table-column prop="48sl" label="48期" sortable> </el-table-column>
+            <el-table-column prop="48zb" label="占比" sortable> </el-table-column>
+            <el-table-column prop="60sl" label="60期" sortable> </el-table-column>
+            <el-table-column prop="60zb" label="占比" sortable> </el-table-column>
           </el-table-column>
           <el-table-column label="佣金收入">
-            <el-table-column prop="zxfwf" label="咨询服务费"> </el-table-column>
-            <el-table-column prop="gps" label="GPS费用"> </el-table-column>
-            <el-table-column prop="gcjrfy" label="工厂金融返佣">
+            <el-table-column prop="zxfwf" label="咨询服务费" width="120" sortable> </el-table-column>
+            <el-table-column prop="gps" label="GPS费用" width="120" sortable> </el-table-column>
+            <el-table-column prop="gcjrfy" label="工厂金融返佣" width="130" sortable>
             </el-table-column>
-            <el-table-column prop="yhqdfy" label="银行渠道返佣">
+            <el-table-column prop="yhqdfy" label="银行渠道返佣" width="130" sortable>
             </el-table-column>
-            <el-table-column prop="yjhj" label="佣金合计"></el-table-column>
-            <el-table-column prop="yjtby" label="同比月"></el-table-column>
-            <el-table-column prop="yjhb" label="环比"></el-table-column>
+            <el-table-column prop="yjhj" label="佣金合计" width="120" sortable></el-table-column>
+            <el-table-column prop="yjtby" label="同比月" width="110" sortable></el-table-column>
+            <el-table-column prop="yjhb" label="环比月" width="110" sortable></el-table-column>
           </el-table-column>
         </el-table>
 
@@ -113,13 +113,13 @@
 </template>
 
 <script>
-import axios from "axios";
 import { fqywtabledataInfo } from "../../servuces/prove";
 import { nowmonthy } from "../../servuces/getnowtime";
 import { column } from "../../store/tuozhuai";
 export default {
   data() {
     return {
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       company_ids: [],
 
       currentTime: "",
@@ -171,6 +171,9 @@ export default {
         this.tableDatahj = res.footer
       })
     },
+    goOff(){
+      history.go(-1);
+    },
     //更新时间
     updateTime() {
       // 在组件挂载结束时启动定时器，每秒更新一次时间

src/views/TableDetail/JCPHtable.vue

@@ -4,7 +4,7 @@
 
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -34,7 +34,7 @@
               <div style="margin-right: 20px">
                 <el-select
                   class="select"
-                  v-model="company_ids"
+                  v-model="pm_company_ids"
                   multiple
                   placeholder="请选择"
                   style="width: 200px"
@@ -59,7 +59,7 @@
               </div>
               <!-- 按钮 -->
               <el-button
-                @click="searchBtn"
+                @click="searchBtn1(pm_company_ids, value1)"
                 style="background-color: rgb(40, 155, 209); color: black"
                 >查询</el-button
               >
@@ -74,15 +74,17 @@
                 background: '#03111c',
               }"
               :cell-style="{ 'text-align': 'center' }"
+              show-summary
+
               style="width: 100%; margin: 1px"
             >
-              <el-table-column prop="pm" label="排名"> </el-table-column>
-              <el-table-column prop="company" label="店面"> </el-table-column>
-              <el-table-column prop="xsgw" label="销售顾问"> </el-table-column>
+              <el-table-column prop="pm" label="排名" sortable> </el-table-column>
+              <el-table-column prop="company" label="店面" sortable> </el-table-column>
+              <el-table-column prop="xsgw" label="销售顾问" sortable> </el-table-column>
 
-              <el-table-column prop="xzjk" label="新增集客"> </el-table-column>
-              <el-table-column prop="xzdd" label="新增订单"> </el-table-column>
-              <el-table-column prop="cjl" label="成交率"> </el-table-column>
+              <el-table-column prop="xzjk" label="新增集客" sortable> </el-table-column>
+              <el-table-column prop="xzdd" label="新增订单" sortable> </el-table-column>
+              <el-table-column prop="cjl" label="成交率" sortable> </el-table-column>
             </el-table>
           </el-tab-pane>
           <el-tab-pane label="各品牌销售统计">
@@ -91,7 +93,7 @@
               <div style="margin-right: 20px">
                 <el-select
                   class="select"
-                  v-model="company_ids"
+                  v-model="pp_company_ids"
                   multiple
                   placeholder="请选择"
                   style="width: 200px"
@@ -116,23 +118,23 @@
               </div>
               <!-- 按钮 -->
               <el-button
-                @click="searchBtn"
+                @click="searchBtn2(pp_company_ids, value2)"
                 style="background-color: rgb(40, 155, 209); color: black"
                 >查询</el-button
               >
             </div>
             <!-- 表格 -->
             <el-table
-            border
-          class="exporttable"
-          :data="tableDataTwo"
-         
-          stripe
-          :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
-          :cell-style="{ 'text-align': 'center' }"
-          show-summary
-          style="width: 100%; margin: 1px"
-          max-height="700"
+              border
+              class="exporttable"
+              :data="tableDataTwo"
+
+              stripe
+              :header-cell-style="{ 'text-align': 'center', background: '#03111c' }"
+              :cell-style="{ 'text-align': 'center' }"
+              show-summary
+              style="width: 100%; margin: 1px"
+              :max-height="taheight"
             >
               <el-table-column prop="company" label="店名"> </el-table-column>
               <el-table-column prop="name" label="">
@@ -173,143 +175,101 @@
               </el-table-column>
             </el-table>
           </el-tab-pane>
-          <!-- <el-tab-pane label="销售数据对标">
-       
+           <el-tab-pane label="销售数据对标">
+             <div style="display: flex; justify-content: flex-end; margin: 10px">
+               <!-- 下拉框 -->
+               <div style="margin-right: 20px">
+                 <el-select
+                         class="select"
+                         v-model="db_company_ids"
+                         multiple
+                         placeholder="请选择"
+                         style="width: 200px"
+                 >
+                   <el-option
+                           v-for="item in options"
+                           :key="item.value"
+                           :label="item.text"
+                           :value="item.value"
+                   >
+                   </el-option>
+                 </el-select>
+               </div>
+               <!-- 日期表 -->
+               <div class="dataForm" style="margin-right: 20px">
+                 <el-date-picker
+                     v-model="value3"
+                     type="daterange"
+                     range-separator="——"
+                     start-placeholder="开始日期"
+                     end-placeholder="结束日期"
+                 >
+                 </el-date-picker>
+               </div>
+               <!-- 按钮 -->
+               <el-button
+                       @click="searchBtn2(db_company_ids, value3)"
+                       style="background-color: rgb(40, 155, 209); color: black"
+               >查询</el-button
+               >
+             </div>
+             <!-- 表格 -->
+              <el-table
+                class="exporttable"
+                :data="tableDataThree"
+                border
+                show-summary
+                stripe
+                :header-cell-style="{
+                  'text-align': 'center',
+                  background: '#03111c'
+                }"
+                :cell-style="{ 'text-align': 'center' }"
 
-          表格
-          <el-table
-            class="exporttable"
-            :data="tableData"
-            border
-            show-summary
-            stripe
-            :header-cell-style="{
-              'text-align': 'center',
-              background: '#03111c'
-            }"
-            :cell-style="{ 'text-align': 'center' }"
-           
-            style="width: 100%; margin: 1px">
-            <el-table-column
-              prop="id"
-              label="店名">
-            </el-table-column>
-            <el-table-column
-              prop="name"
-              label="新增客流量">
-              <el-table-column
-              prop="amount1"
-              label="首次进店">
-            </el-table-column>
-            <el-table-column
-              prop="amount1"
-              label="首次来店">
-            </el-table-column>
-            <el-table-column
-              prop="amount1"
-              label="再次来店">
-            </el-table-column>
-            <el-table-column
-              prop="amount1"
-              label="接待合计">
-            </el-table-column>
-            <el-table-column
-              prop="amount1"
-              label="新增合计">
-            </el-table-column>
-           
-            
-            </el-table-column>
-            <el-table-column
-              prop="amount1"
-              label="新增建档量">
-              <el-table-column
-              prop="amount2"
-              label="进店">
-            </el-table-column>
-            <el-table-column
-              prop="amount3"
-              label="来店">
-            </el-table-column>
-            <el-table-column
-              prop="amount4"
-              label="合计">
-            </el-table-column>
-           
-            </el-table-column>
-            <el-table-column
-              prop="amount4"
-              label="建档率">
-            </el-table-column>
-            <el-table-column
-              prop="amount6"
-              label="试乘驾驶">
-              <el-table-column
-              prop="amount7"
-              label="数量">
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="试乘试驾率">
-            </el-table-column>
-           
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="再次进店率">
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="交强险">
-              <el-table-column
-              prop="amount7"
-              label="数量">
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="渗透率">
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="金额">
-            </el-table-column>
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="商业险">
-              <el-table-column
-              prop="amount7"
-              label="数量">
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="渗透率">
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="金额">
-            </el-table-column>
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="精品">
-              <el-table-column
-              prop="amount7"
-              label="客单价">
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="单数">
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="渗透率">
-            </el-table-column>
-            </el-table-column>
-          </el-table>
-        </el-tab-pane> -->
+                style="width: 100%; margin: 1px;">
+                <el-table-column prop="name" label="店名"></el-table-column>
+                <el-table-column label="新增客流量">
+                  <el-table-column prop="visitor_count" label="首次进店" sortable width="120"></el-table-column>
+                  <el-table-column prop="call_count" label="首次来店" sortable width="120"></el-table-column>
+                  <el-table-column prop="again_count" label="再次来店" sortable width="120"></el-table-column>
+                  <el-table-column prop="reception_count" label="接待合计" sortable width="120"></el-table-column>
+                  <el-table-column prop="reception_new_count" label="新增合计" sortable width="120"></el-table-column>
+                </el-table-column>
+                <el-table-column label="新增建档量">
+                  <el-table-column prop="visitor_filled_count" label="进店" sortable></el-table-column>
+                  <el-table-column prop="call_filled_count" label="来店" sortable></el-table-column>
+                  <el-table-column prop="filled_count" label="合计" sortable></el-table-column>
+                  <el-table-column prop="filled_ratio" label="建档率" sortable></el-table-column>
+                </el-table-column>
+                <el-table-column label="试乘驾驶">
+                  <el-table-column prop="experience_count" label="数量"></el-table-column>
+                  <el-table-column prop="experience_ratio" label="试乘试驾率" sortable width="120"></el-table-column>
+                </el-table-column>
+                <el-table-column prop="again_ratio" label="再次进店率"> </el-table-column>
+                <el-table-column label="交强险">
+                  <el-table-column prop="policy1_count" label="数量" sortable> </el-table-column>
+                  <el-table-column prop="policy1_rate" label="渗透率" sortable></el-table-column>
+                  <el-table-column prop="policy1_amount" label="金额" sortable></el-table-column>
+                </el-table-column>
+                <el-table-column label="商业险">
+                  <el-table-column prop="policy2_count" label="数量" sortable></el-table-column>
+                  <el-table-column prop="policy2_rate" label="渗透率" sortable></el-table-column>
+                  <el-table-column prop="policy2_amount" label="金额" sortable></el-table-column>
+                </el-table-column>
+                <el-table-column label="精品">
+                  <el-table-column prop="article_unit_price" label="客单价"></el-table-column>
+                  <el-table-column prop="article_count" label="单数" sortable></el-table-column>
+                  <el-table-column prop="article_rate" label="渗透率" sortable></el-table-column>
+                  <el-table-column  prop="article_amount" label="金额" sortable></el-table-column>
+                </el-table-column>
+                <el-table-column prop="loan_count" label="分期"></el-table-column>
+                <el-table-column prop="advance_count" label="订车数量" width="120" sortable></el-table-column>
+                <el-table-column prop="unpay_vehicle_count" label="未收银整车" width="120" sortable></el-table-column>
+                <el-table-column prop="vehicle_count" label="销售台次" width="120" sortable></el-table-column>
+                <el-table-column prop="loan_ratio" label="分期比例" width="120" sortable></el-table-column>
+              </el-table>
+            </el-tab-pane>
         </el-tabs>
-
         <!-- <el-tab-pane label=" 分渠道销量统计分析">配置管理</el-tab-pane> -->
       </el-tabs>
     </div>
@@ -317,70 +277,41 @@
 </template>
 
 <script>
-import axios from "axios";
-
-import { number } from "echarts";
+import { xsgwtabledataInfo, ppxltabledataInfo, xsdbtabledataInfo } from "../../servuces/prove";
+import { nowdaterange, nowdate, nowmonthy } from "../../servuces/getnowtime";
+import { column } from "../../store/tuozhuai";
 export default {
   data() {
     return {
-      company_ids: [],
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
+      pm_company_ids: [],
+      pp_company_ids: [],
+      db_company_ids: [],
       currentTime: "",
       value: "",
-
       //表格各类属性
       tableDataOne: [],
       tableDataTwo: [],
+      tableDataThree: [],
       //下拉框内属性
       options: [],
-      //日期表属性
-      pickerOptions: {
-        shortcuts: [
-          {
-            text: "最近一个月",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-              picker.$emit("pick", [start, end]);
-            },
-          },
-        ],
-      },
-      value1: [""],
-      value2: [""],
+      value1: '',
+      value2: '',
+      value3: '',
     };
   },
-  computed: {
-    Riqi: function getNowFormatDate() {
-      let date = new Date(),
-        year = date.getFullYear(), //获取完整的年份(4位)
-        month = date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
-        strDate = date.getDate(); // 获取当前日(1-31)
-      if (month < 10) month = `0${month}`; // 如果月份是个位数，在前面补0
-      if (strDate < 10) strDate = `0${strDate}`; // 如果日是个位数，在前面补0
-
-      return `${year}-${month}`;
-    },
-    nianyue: function getNowFormatDate() {
-      let date = new Date(),
-        year = date.getFullYear(), //获取完整的年份(4位)
-        month = date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
-        strDate = date.getDate(); // 获取当前日(1-31)
-      if (month < 10) month = `0${month}`; // 如果月份是个位数，在前面补0
-      if (strDate < 10) strDate = `0${strDate}`; // 如果日是个位数，在前面补0
-
-      return `${year}-${month}-${strDate}`;
-    },
+  created () {
+    const data = sessionStorage.getItem('company_data');
+    if (data) {
+      this.options = JSON.parse(data)
+    }
   },
   mounted() {
+    column(this);
     this.updateTime(); //时间
-    this.getTableDateOne(); //开始获取表格
-    this.getTableDateTwo(); //开始获取表格
-    this.getSelectDate(); //下拉框接口数据
-    console.log(this.Riqi);
-    console.log(this.nianyue);
-    this.value1 = this.Riqi;
-    this.value2 = this.nianyue;
+    this.getTableDataOne(); //开始获取表格
+    this.getTableDataTwo(); //开始获取表格
+    this.getTableDataThree(); //开始获取表格
   },
   beforeDestroy() {
     // 在组件销毁前清除定时器，避免内存泄漏
@@ -388,56 +319,27 @@ export default {
   },
   methods: {
     //表格接口数据
-    getTableDateOne() {
-      axios
-        .get("http://192.168.2.55:8022/plugins/lhyt/jcpm_detail/xsgwyjpm", {
-          params: {
-            company_ids: this.company_ids.join(),
-            search_month: this.Riqi,
-          },
-        })
-        .then((res) => {
-          console.log("--------11111", res.data.data);
-          this.tableDataOne = res.data.data;
-        });
+    getTableDataOne() {
+      this.value1 = nowmonthy;
+      xsgwtabledataInfo({ "company_ids": '', "search_month": nowmonthy }).then(res => {
+        this.tableDataOne = res.data;
+      });
     },
-    getTableDateTwo() {
-      axios
-        .get("http://192.168.2.55:8022/plugins/lhyt/jcpm_detail/gppxltj", {
-          params: {
-            company_ids: this.company_ids.join(),
-            search_date: this.nianyue,
-          },
-        })
-        .then((res) => {
-          console.log("--------2222", res.data);
-          this.tableDataTwo = res.data.data;
-        });
+    getTableDataTwo() {
+      this.value2 = nowdate;
+      ppxltabledataInfo({ "company_ids": '', "search_date": nowdate }).then(res => {
+        this.tableDataTwo = res.data;
+      });
+    },
+    getTableDataThree() {
+      this.value3 = nowdaterange;
+      xsdbtabledataInfo({ "company_ids": '', "date_begin": nowdaterange[0], "date_end": nowdaterange[1] }).then(res => {
+        this.tableDataThree = res.data;
+      });
     },
-    // getTableDateThree() {
-    //   axios
-    //     .get("http://192.168.2.55:8022/plugins/lhyt/jcpm_detail/fcxxltj", {
-    //       params: {
-    //         company_ids:this.company_ids,
-    //         date_begin: this.value1[0],
-    //         date_end: this.value1[1],
-    //       },
-
-    //     })
-    //     .then((res) => {
-    //       console.log("--------33333",res);
-    //       this.tableData = res.data.data;
-    //     });
-    // },
     //表格接口数据
-
-    //下拉框数据
-    getSelectDate() {
-      axios
-        .get("http://192.168.2.55:8022/plugins/lhyt/get_companies")
-        .then((ret) => {
-          this.options = ret.data.data;
-        });
+    goOff(){
+      history.go(-1);
     },
     //更新时间
     updateTime() {
@@ -458,25 +360,56 @@ export default {
       const seconds = String(now.getSeconds()).padStart(2, "0");
       return `${year}.${month}.${day} ${hours}:${minutes}:${seconds}`;
     },
-    resetDateFilter() {
-      this.$refs.filterTable.clearFilter("date");
-    },
-    clearFilter() {
-      this.$refs.filterTable.clearFilter();
-    },
-    formatter(row, column) {
-      return row.address;
-    },
-    filterTag(value, row) {
-      return row.tag === value;
+    searchBtn1(ids, search_month) {
+      const company_ids = ids.join(',');
+      const date = new Date(search_month);
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const serach_date = `${year}-${month}`;
+      xsgwtabledataInfo({ "company_ids": company_ids, "search_month": serach_date}).then(res => {
+        this.tableData = res.data;
+      });
     },
-    filterHandler(value, row, column) {
-      const property = column["property"];
-      return row[property] === value;
+    searchBtn2(ids, search_date) {
+      const company_ids = ids.join(',');
+      const date = new Date(search_date);
+      // 获取年份和月份
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1; // 月份从0开始，需要加1
+      const s_date = date.getDate(); // 月份从0开始，需要加1
+
+      // 将年份和月份拼接成所需形式的字符串
+      const serach_date = `${year}-${month}-${s_date}`;
+      ppxltabledataInfo({ "company_ids": company_ids, "serach_date": serach_date}).then(res => {
+        this.tableData = res.data;
+      });
     },
-    searchBtn() {
-      this.getTableDateOne();
-      console.log(this.company_ids);
+    searchBtn3(ids, search_date) {
+      const company_ids = ids.join(',');
+      if (search_date) {
+        const strvaluezh = search_date.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}`;
+        });
+        xsdbtabledataInfo({ "company_ids": company_ids, "date_begin": strvaluezh[0], 'date_end': strvaluezh[1] }).then(res => {
+          this.tableData = res.data;
+          this.tableDatahj = res.footer
+
+        })
+      } else {
+        xsdbtabledataInfo({"company_ids": company_ids, "date_begin": '', 'date_end': ''}).then(res => {
+          this.tableData = res.data;
+          this.tableDatahj = res.footer;
+        });
+      }
     },
   },
 };

src/views/TableDetail/KCFXtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -73,53 +73,53 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700"
+          :max-height="taheight"
         >
           <el-table-column prop="company" label="品牌"> </el-table-column>
           <el-table-column  label="库存种类">
-            <el-table-column prop="pjzl" label="配件种类"> </el-table-column>
-            <el-table-column prop="jpzl" label="精品种类"> </el-table-column>
-            <el-table-column prop="zlhj" label="种类合计"> </el-table-column>
+            <el-table-column prop="pjzl" label="配件种类" width="120" sortable> </el-table-column>
+            <el-table-column prop="jpzl" label="精品种类" width="120" sortable> </el-table-column>
+            <el-table-column prop="zlhj" label="种类合计" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column label="库存数量">
-            <el-table-column prop="pjsl" label="配件数量"> </el-table-column>
-            <el-table-column prop="jpsl" label="精品数量"> </el-table-column>
-            <el-table-column prop="slhj" label="数量合计"> </el-table-column>
+            <el-table-column prop="pjsl" label="配件数量" width="120" sortable> </el-table-column>
+            <el-table-column prop="jpsl" label="精品数量" width="120" sortable> </el-table-column>
+            <el-table-column prop="slhj" label="数量合计" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount2" label="库存金额(含税)">
-            <el-table-column prop="pjje" label="配件金额"> </el-table-column>
-            <el-table-column prop="jpje" label="精品金额"> </el-table-column>
-            <el-table-column prop="jehj" label="金额合计"> </el-table-column>
+            <el-table-column prop="pjje" label="配件金额" width="120" sortable> </el-table-column>
+            <el-table-column prop="jpje" label="精品金额" width="120" sortable> </el-table-column>
+            <el-table-column prop="jehj" label="金额合计" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount3" label="">
-            <el-table-column prop="pjje2" label="配件金额未税"> </el-table-column>
-            <el-table-column prop="jpje2" label="精品金额未税"> </el-table-column>
-            <el-table-column prop="jehj2" label="金额合计未税"> </el-table-column>
+            <el-table-column prop="pjje2" label="配件金额未税" width="130" sortable> </el-table-column>
+            <el-table-column prop="jpje2" label="精品金额未税" width="130" sortable> </el-table-column>
+            <el-table-column prop="jehj2" label="金额合计未税" width="130" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount4" label="入库金额">
-            <el-table-column prop="pjrk" label="配件入库"> </el-table-column>
-            <el-table-column prop="jprk" label="精品入库"> </el-table-column>
-            <el-table-column prop="rkhj" label="入库合计"> </el-table-column>
+            <el-table-column prop="pjrk" label="配件入库" width="120" sortable> </el-table-column>
+            <el-table-column prop="jprk" label="精品入库" width="120" sortable> </el-table-column>
+            <el-table-column prop="rkhj" label="入库合计" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount5" label="出库金额">
-            <el-table-column prop="pjck" label="配件出库"> </el-table-column>
-            <el-table-column prop="jpck" label="精品出库"> </el-table-column>
-            <el-table-column prop="ckhj" label="出库合计"> </el-table-column>
+            <el-table-column prop="pjck" label="配件出库" width="120" sortable> </el-table-column>
+            <el-table-column prop="jpck" label="精品出库" width="120" sortable> </el-table-column>
+            <el-table-column prop="ckhj" label="出库合计" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount6" label="呆滞数量(90天以上未出库)">
-            <el-table-column prop="pjdzsl" label="配件呆滞数量"> </el-table-column>
-            <el-table-column prop="jpdzsl" label="精品呆滞数量"> </el-table-column>
-            <el-table-column prop="dzslhj" label="呆滞数量合计"> </el-table-column>
+            <el-table-column prop="pjdzsl" label="配件呆滞数量" width="130" sortable> </el-table-column>
+            <el-table-column prop="jpdzsl" label="精品呆滞数量" width="130" sortable> </el-table-column>
+            <el-table-column prop="dzslhj" label="呆滞数量合计" width="130" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount6" label="呆滞金额(90天以上未出库)">
-            <el-table-column prop="pjdzje" label="配件呆滞金额"> </el-table-column>
-            <el-table-column prop="jpdzje" label="精品呆滞金额"> </el-table-column>
-            <el-table-column prop="dzjehj" label="呆滞金额合计"> </el-table-column>
+            <el-table-column prop="pjdzje" label="配件呆滞金额" width="130" sortable> </el-table-column>
+            <el-table-column prop="jpdzje" label="精品呆滞金额" width="130" sortable> </el-table-column>
+            <el-table-column prop="dzjehj" label="呆滞金额合计" width="130" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="amount1" label="呆滞占比(90天以上未出库)">
-            <el-table-column prop="pjdzzb" label="配件呆滞占比"> </el-table-column>
-            <el-table-column prop="jpdzzb" label="精品呆滞占比"> </el-table-column>
-            <el-table-column prop="dzzbhj" label="占比合计"> </el-table-column>
+            <el-table-column prop="pjdzzb" label="配件呆滞占比" width="130" sortable> </el-table-column>
+            <el-table-column prop="jpdzzb" label="精品呆滞占比" width="130" sortable> </el-table-column>
+            <el-table-column prop="dzzbhj" label="占比合计" width="120" sortable> </el-table-column>
             
           </el-table-column>
         </el-table>
@@ -131,7 +131,6 @@
 </template>
 
 <script>
-import axios from "axios";
 import { kcfxdataInfo } from "../../servuces/prove";
 import { nowdaterange } from "../../servuces/getnowtime";
 import { column } from "../../store/tuozhuai";
@@ -139,7 +138,7 @@ export default {
   data() {
     return {
       company_ids: [],
-
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       currentTime: "",
       value: "",
       //表格各类属性
@@ -200,6 +199,9 @@ export default {
         });
       }
     },
+    goOff(){
+      history.go(-1);
+    },
     //更新时间
     updateTime() {
       // 在组件挂载结束时启动定时器，每秒更新一次时间

src/views/TableDetail/KLFXtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -65,23 +65,23 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700"
+          :max-height="taheight"
         >
           <el-table-column prop="company" label="店面"> </el-table-column>
-          <el-table-column prop="scjdl" label="首次接待量"> </el-table-column>
-          <el-table-column prop="scldl" label="首次留档量"> </el-table-column>
-          <el-table-column prop="ldv" label="留档率"> </el-table-column>
-          <el-table-column prop="sccjl" label="首次成交量"> </el-table-column>
-          <el-table-column prop="skcjl" label="首客成交率"> </el-table-column>
-          <el-table-column prop="ecddl" label="二次到店量"> </el-table-column>
-          <el-table-column prop="eccjl" label="二次成交率"> </el-table-column>
-          <el-table-column prop="hjcjl" label="合计成交量"> </el-table-column>
-          <el-table-column prop="lcddl" label="留存订单量"> </el-table-column>
-          <el-table-column prop="ddcjl" label="到店成交率"> </el-table-column>
-          <el-table-column prop="ssfz" label="接待时长大于30分钟">
+          <el-table-column prop="scjdl" label="首次接待量" width="120" sortable> </el-table-column>
+          <el-table-column prop="scldl" label="首次留档量" width="120" sortable> </el-table-column>
+          <el-table-column prop="ldv" label="留档率" width="120" sortable> </el-table-column>
+          <el-table-column prop="sccjl" label="首次成交量" width="120" sortable> </el-table-column>
+          <el-table-column prop="skcjl" label="首客成交率" width="120" sortable> </el-table-column>
+          <el-table-column prop="ecddl" label="二次到店量" width="120" sortable> </el-table-column>
+          <el-table-column prop="eccjl" label="二次成交率" width="120" sortable> </el-table-column>
+          <el-table-column prop="hjcjl" label="合计成交量" width="120" sortable> </el-table-column>
+          <el-table-column prop="lcddl" label="留存订单量" width="120" sortable> </el-table-column>
+          <el-table-column prop="ddcjl" label="到店成交率" width="120" sortable> </el-table-column>
+          <el-table-column prop="ssfz" label="接待时长大于30分钟" width="150" sortable>
           </el-table-column>
-          <el-table-column prop="wxldl" label="微信留档量"> </el-table-column>
-          <el-table-column prop="wxldbzb" label="微信留档占比">
+          <el-table-column prop="wxldl" label="微信留档量" width="120" sortable> </el-table-column>
+          <el-table-column prop="wxldbzb" label="微信留档占比" width="130" sortable>
           </el-table-column>
         </el-table>
 
@@ -92,13 +92,13 @@
 </template>
 
 <script>
-import axios from "axios";
 import { column } from "../../store/tuozhuai";
 import { klfxtabledataInfo } from "../../servuces/prove";
 import { nowdaterange } from "../../servuces/getnowtime";
 export default {
   data() {
     return {
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       currentTime: "",
       company_ids: [],
       //表格各类属性
@@ -157,6 +157,9 @@ export default {
         this.tableDatahj = res.footer
       })
     },
+    goOff(){
+      history.go(-1);
+    },
     //更新时间
     updateTime() {
       // 在组件挂载结束时启动定时器，每秒更新一次时间

src/views/TableDetail/KYFXtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -65,68 +65,68 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700"
+          :max-height="taheight"
         >
           <el-table-column prop="company" label="品牌"> </el-table-column>
           <el-table-column prop="name" label="展厅">
-            <el-table-column prop="ztjc" label="交车数"> </el-table-column>
-            <el-table-column prop="ztzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="ztcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="ztjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="ztzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="ztcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="转介绍">
-            <el-table-column prop="zjsjc" label="交车数"> </el-table-column>
-            <el-table-column prop="zjszs" label="客户总数"> </el-table-column>
-            <el-table-column prop="zjscjl" label="成交率"> </el-table-column>
+            <el-table-column prop="zjsjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="zjszs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="zjscjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="网络直销">
-            <el-table-column prop="wlzxjc" label="交车数"> </el-table-column>
-            <el-table-column prop="wlzxzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="wlzxcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="wlzxjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="wlzxzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="wlzxcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="车展外拓">
-            <el-table-column prop="czwtjc" label="交车数"> </el-table-column>
-            <el-table-column prop="czwtzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="czwtcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="czwtjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="czwtzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="czwtcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="二网大客">
-            <el-table-column prop="ewdkjc" label="交车数"> </el-table-column>
-            <el-table-column prop="ewdkzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="ewdkcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="ewdkjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="ewdkzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="ewdkcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="厂家">
-            <el-table-column prop="cjjc" label="交车数"> </el-table-column>
-            <el-table-column prop="cjzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="cjcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="cjjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="cjzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="cjcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="懂车帝">
-            <el-table-column prop="dcdjc" label="交车数"> </el-table-column>
-            <el-table-column prop="dcdzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="dcdcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="dcdjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="dcdzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="dcdcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="抖音">
-            <el-table-column prop="dyjc" label="交车数"> </el-table-column>
-            <el-table-column prop="dyzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="dycjl" label="成交率"> </el-table-column>
+            <el-table-column prop="dyjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="dyzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="dycjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="易车网">
-            <el-table-column prop="ycwjc" label="交车数"> </el-table-column>
-            <el-table-column prop="ycwzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="ycwcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="ycwjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="ycwzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="ycwcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="汽车之家">
-            <el-table-column prop="qczjjc" label="交车数"> </el-table-column>
-            <el-table-column prop="qczjzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="qczjcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="qczjjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="qczjzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="qczjcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="电台广告">
-            <el-table-column prop="dtggjc" label="交车数"> </el-table-column>
-            <el-table-column prop="dtggzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="dtggcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="dtggjc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="dtggzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="dtggcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
           <el-table-column prop="name" label="其他网络平台">
-            <el-table-column prop="qtwljc" label="交车数"> </el-table-column>
-            <el-table-column prop="qtwlzs" label="客户总数"> </el-table-column>
-            <el-table-column prop="qtwlcjl" label="成交率"> </el-table-column>
+            <el-table-column prop="qtwljc" label="交车数" width="120" sortable> </el-table-column>
+            <el-table-column prop="qtwlzs" label="客户总数" width="120" sortable> </el-table-column>
+            <el-table-column prop="qtwlcjl" label="成交率" width="120" sortable> </el-table-column>
           </el-table-column>
         </el-table>
 
@@ -137,13 +137,13 @@
 </template>
 
 <script>
-import axios from "axios";
 import { kyfxtabledataInfo } from "../../servuces/prove";
 import { nowdaterange } from "../../servuces/getnowtime";
 import { column } from "../../store/tuozhuai";
 export default {
   data() {
     return {
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       currentTime: "",
       company_ids: [],
       //表格各类属性
@@ -203,6 +203,9 @@ export default {
         });
       }
     },
+    goOff(){
+      history.go(-1);
+    },
     //更新时间
     updateTime() {
       // 在组件挂载结束时启动定时器，每秒更新一次时间

src/views/TableDetail/RCCZtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -54,104 +54,38 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700">
+          :max-height="taheight">
             <el-table-column
               prop="name"
               label="品牌">
             </el-table-column>
-            <el-table-column
-              
-              label="产值">
-              <el-table-column
-              prop="mbcz"
-              label="目标">
-            </el-table-column>
-            <el-table-column
-              prop="sjcz"
-              label="实际达成">
-            </el-table-column>
-            <el-table-column
-              prop="czwcl"
-              label="完成率">
-            </el-table-column>
-            <el-table-column
-              prop="cztb"
-              label="同比">
-            </el-table-column>
-            <el-table-column
-              prop="czhb"
-              label="环比">
-            </el-table-column>
+            <el-table-column label="产值">
+                <el-table-column prop="mbcz" label="目标" width="120" sortable></el-table-column>
+                <el-table-column prop="sjcz" label="实际达成" width="120" sortable></el-table-column>
+                <el-table-column prop="czwcl" label="完成率" width="120" sortable></el-table-column>
+                <el-table-column prop="cztb" label="同比" width="120" sortable></el-table-column>
+                <el-table-column prop="czhb" label="环比" width="120" sortable></el-table-column>
             </el-table-column>
            
-            <el-table-column
-              prop="name"
-              label="产值分类">
-              <el-table-column
-              prop="jdmb"
-              label="机电目标">
-            </el-table-column>
-            <el-table-column
-              prop="jdsj"
-              label="实际达成">
-            </el-table-column>
-            <el-table-column
-              prop="spmb"
-              label="索赔目标">
-            </el-table-column>
-            <el-table-column
-              prop="spsj"
-              label="实际达成">
-            </el-table-column>
-            <el-table-column
-            
-              label="钣喷目标">
+            <el-table-column label="产值分类">
+                <el-table-column prop="jdmb" label="机电目标" width="120" sortable></el-table-column>
+                <el-table-column prop="jdsj" label="实际达成" width="120" sortable></el-table-column>
+                <el-table-column prop="spmb" label="索赔目标" width="120" sortable></el-table-column>
+                <el-table-column prop="spsj" label="实际达成" width="120" sortable></el-table-column>
+                <el-table-column prop="bpmb" label="钣喷目标" width="120" sortable></el-table-column>
+                <el-table-column prop="bpsj" label="实际达成" width="120" sortable></el-table-column>
             </el-table-column>
-            <el-table-column
-              prop="bpsj"
-              label="实际达成">
-            </el-table-column>
-          
-            </el-table-column>
-            <el-table-column
-              prop="name"
-              label="毛利率">
-              <el-table-column
-              prop="jdmlv"
-              label="机电毛利率">
-            </el-table-column>
-            <el-table-column
-              prop="spmll"
-              label="索赔毛利率">
-            </el-table-column>
-            <el-table-column
-              prop="bpmll"
-              label="钣喷毛利率">
-            </el-table-column>
-            <el-table-column
-              prop="zhmlv"
-              label="综合毛利率">
-            </el-table-column>
-            <el-table-column
-              prop="mlvhb"
-              label="环比">
-            </el-table-column>
-            <el-table-column
-              prop="mlvtb"
-              label="同比">
-            </el-table-column>
-            </el-table-column>
-            <el-table-column
-              prop="amount7"
-              label="客单价">
-              <el-table-column
-              prop="jxkdj"
-              label="机修客单价">
-            </el-table-column>
-            <el-table-column
-              prop="bpkdj"
-              label="钣喷客单价">
+            <el-table-column label="毛利率">
+                <el-table-column prop="jdmlv" label="机电毛利率" width="120" sortable></el-table-column>
+                <el-table-column prop="spmll" label="索赔毛利率" width="120" sortable></el-table-column>
+                <el-table-column prop="bpmll" label="钣喷毛利率" width="120" sortable></el-table-column>
+                <el-table-column prop="zhmlv" label="综合毛利率" width="120" sortable></el-table-column>
+                <el-table-column prop="mlvhb" label="环比" width="120" sortable></el-table-column>
+                <el-table-column prop="mlvtb" label="同比" width="120" sortable></el-table-column>
             </el-table-column>
+            <el-table-column label="客单价">
+                <el-table-column prop="jxkdj" label="机修客单价" width="120" sortable></el-table-column>
+                <el-table-column prop="bpkdj" label="钣喷客单价" width="120" sortable></el-table-column>
             </el-table-column>
             
           </el-table>
@@ -163,13 +97,13 @@
 </template>
 
 <script>
-import axios from "axios";
 import { rccztabledataInfo } from "../../servuces/prove";
 import { nowmonthy } from "../../servuces/getnowtime";
 import { column } from "../../store/tuozhuai";
 export default {
   data() {
     return {
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       currentTime: "",
       company_ids: [],
       //表格各类属性
@@ -222,6 +156,9 @@ export default {
 
           });
       },
+      goOff(){
+          history.go(-1);
+      },
       //更新时间
       updateTime() {
           // 在组件挂载结束时启动定时器，每秒更新一次时间

src/views/TableDetail/RCTCtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -54,27 +54,27 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700"
+          :max-height="taheight"
         >
           <el-table-column prop="company" label="店面"> </el-table-column>
           <el-table-column prop="name" label="总进厂台次">
-            <el-table-column prop="shmb" label="目标"> </el-table-column>
-            <el-table-column prop="shsj" label="实际"> </el-table-column>
-            <el-table-column prop="shwcl" label="完成率"> </el-table-column>
-            <el-table-column prop="shtby" label="同比月"> </el-table-column>
-            <el-table-column prop="shhby" label="环比月"> </el-table-column>
+            <el-table-column prop="shmb" label="目标"  sortable> </el-table-column>
+            <el-table-column prop="shsj" label="实际"  sortable> </el-table-column>
+            <el-table-column prop="shwcl" label="完成率" width="110" sortable> </el-table-column>
+            <el-table-column prop="shtby" label="同比月" width="100" sortable> </el-table-column>
+            <el-table-column prop="shhby" label="环比月" width="100" sortable> </el-table-column>
           </el-table-column>
 
           <el-table-column prop="name" label="进厂明细分类">
-            <el-table-column prop="bptc" label="其中钣喷车辆台次">
+            <el-table-column prop="bptc" label="钣喷车辆台次" width="130" sortable>
             </el-table-column>
-            <el-table-column prop="sbtc" label="首保进厂台次">
+            <el-table-column prop="sbtc" label="首保进厂台次" width="130" sortable>
             </el-table-column>
-            <el-table-column prop="sptc" label="索赔进厂台次">
+            <el-table-column prop="sptc" label="索赔进厂台次" width="130" sortable>
             </el-table-column>
-            <el-table-column prop="dbtc" label="定保进厂台次">
+            <el-table-column prop="dbtc" label="定保进厂台次" width="130" sortable>
             </el-table-column>
-            <el-table-column prop="pditc" label="PDI检测"> </el-table-column>
+            <el-table-column prop="pditc" label="PDI检测" width="120" sortable> </el-table-column>
           </el-table-column>
         </el-table>
         <!-- <el-tab-pane label=" 分渠道销量统计分析">配置管理</el-tab-pane> -->
@@ -84,13 +84,13 @@
 </template>
 
 <script>
-import axios from "axios";
 import { rctctabledataInfo } from "../../servuces/prove";
 import { nowmonthy } from "../../servuces/getnowtime";
 import { column } from "../../store/tuozhuai";
 export default {
   data() {
     return {
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       currentTime: "",
       company_ids: [],
       //表格各类属性
@@ -140,6 +140,9 @@ export default {
 
       });
     },
+    goOff(){
+      history.go(-1);
+    },
     //更新时间
     updateTime() {
       // 在组件挂载结束时启动定时器，每秒更新一次时间

src/views/TableDetail/XSFXtable.vue

@@ -3,7 +3,7 @@
     <!-- 标题 -->
     <div class="title" style="margin-top: 10px">
       <div style="display: flex; justify-content: space-between">
-        <h1 style="color: azure">漯河亿通集团数据看板</h1>
+        <h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
 
         <div class="time">
           <span class="iconfont icon-riqi"></span>&nbsp;&nbsp;{{ currentTime }}
@@ -72,23 +72,23 @@
           :cell-style="{ 'text-align': 'center' }"
           show-summary
           style="width: 100%; margin: 1px"
-          max-height="700"
+          :max-height="taheight"
         >
           <el-table-column prop="company" label="品牌"> </el-table-column>
-          <el-table-column prop="dymb" label="当月目标"> </el-table-column>
-          <el-table-column prop="drxl" label="当日销量"> </el-table-column>
-          <el-table-column prop="drtj" label="当日台均"> </el-table-column>
-          <el-table-column prop="ylxl" label="月累销量"> </el-table-column>
-          <el-table-column prop="yltj" label="月累台均"> </el-table-column>
-          <el-table-column prop="syzytjml" label="上月整月台均毛利">
+          <el-table-column prop="dymb" label="当月目标"  width="120" sortable> </el-table-column>
+          <el-table-column prop="drxl" label="当日销量" width="120" sortable> </el-table-column>
+          <el-table-column prop="drtj" label="当日台均" width="120" sortable> </el-table-column>
+          <el-table-column prop="ylxl" label="月累销量" width="120" sortable> </el-table-column>
+          <el-table-column prop="yltj" label="月累台均" width="120" sortable> </el-table-column>
+          <el-table-column prop="syzytjml" label="上月整月台均毛利" width="120" sortable>
           </el-table-column>
-          <el-table-column prop="hb" label="环比"> </el-table-column>
-          <el-table-column prop="tb" label="同比"> </el-table-column>
-          <el-table-column prop="yltj1" label="月累台均一级毛利(进销存)">
+          <el-table-column prop="hb" label="环比" width="120" sortable> </el-table-column>
+          <el-table-column prop="tb" label="同比" width="120" sortable> </el-table-column>
+          <el-table-column prop="yltj1" label="月累台均一级毛利(进销存)" width="120" sortable>
           </el-table-column>
-          <el-table-column prop="yltj2" label="月累台均二级毛利(返利政)">
+          <el-table-column prop="yltj2" label="月累台均二级毛利(返利政)" width="120" sortable>
           </el-table-column>
-          <el-table-column prop="yltj3" label="月累台均三级毛利(衍生)">
+          <el-table-column prop="yltj3" label="月累台均三级毛利(衍生)" width="120" sortable>
           </el-table-column>
         </el-table>
 
@@ -99,14 +99,13 @@
 </template>
 
 <script>
-import axios from "axios";
 import { monthlytabledataInfo } from "../../servuces/prove";
 import { nowdate } from "../../servuces/getnowtime";
 import { column } from "../../store/tuozhuai";
 export default {
   data() {
     return {
-     
+      taheight: window.innerHeight - (window.innerHeight * 0.15),
       currentTime: "",
       company_ids: [],
       //表格各类属性
@@ -153,6 +152,9 @@ export default {
         this.tableData = res.data;
       })
     },
+    goOff(){
+      history.go(-1);
+    },
     //更新时间
     updateTime() {
       // 在组件挂载结束时启动定时器，每秒更新一次时间

src/views/alarmLog.vue

@@ -1,68 +0,0 @@
-<template>
-    <div class="kaung">
-        <p class="text"><span>欢迎登录使用</span></p>
-        <div class="inkuang">
-            <el-input class="theme"></el-input>
-            <el-input class="theme"></el-input>
-            <span class="login">立即登录</span>
-        </div>
-
-    </div>
-</template>
-
-<script setup lang="ts">
-</script>
-<style lang="less" scoped>
-.kaung {
-    background: url('./kuang.png') no-repeat;
-    width: 462px;
-    height: 372px;
-    background-size: 100% 100%;
-    overflow: hidden;
-
-    .text {
-        width: 360px;
-        height: 10px;
-        background: url('./span.png') no-repeat;
-        background-size: 100% 100%;
-        margin-top: 80px;
-        margin-left: 50px;
-        position: relative;
-
-        span {
-            display: block;
-            color: #FFFFFF;
-            font-size: 20px;
-            position: absolute;
-            left: 34%;
-            top: -8px;
-        }
-    }
-
-    .inkuang {
-        display: flex;
-        flex-direction: column;
-        width: 240px;
-        margin: 0 auto;
-        margin-top: 40px;
-
-        .login {
-            background: url('./login.png') no-repeat;
-            background-size: 100% 100%;
-            width: 100%;
-            height: 60px;
-            margin-top: 20px;
-            text-align: center;
-            padding: 20px 0 0 0;
-            font-size: 12px;
-            color: black;
-            cursor: pointer;
-        }
-
-        .theme {
-            margin-top: 10px;
-        }
-    }
-
-}
-</style>

src/views/textlogin.vue

@@ -0,0 +1,68 @@
+<template>
+    <div class="kaung">
+        <p class="text"><span>欢迎登录使用</span></p>
+        <div class="inkuang">
+            <el-input class="theme"></el-input>
+            <el-input class="theme"></el-input>
+            <span class="login">立即登录</span>
+        </div>
+
+    </div>
+</template>
+
+<script setup lang="ts">
+</script>
+<style lang="less" scoped>
+/*.kaung {*/
+    /*background: url('./kuang.png') no-repeat;*/
+    /*width: 462px;*/
+    /*height: 372px;*/
+    /*background-size: 100% 100%;*/
+    /*overflow: hidden;*/
+
+    /*.text {*/
+        /*width: 360px;*/
+        /*height: 10px;*/
+        /*background: url('./span.png') no-repeat;*/
+        /*background-size: 100% 100%;*/
+        /*margin-top: 80px;*/
+        /*margin-left: 50px;*/
+        /*position: relative;*/
+
+        /*span {*/
+            /*display: block;*/
+            /*color: #FFFFFF;*/
+            /*font-size: 20px;*/
+            /*position: absolute;*/
+            /*left: 34%;*/
+            /*top: -8px;*/
+        /*}*/
+    /*}*/
+
+    /*.inkuang {*/
+        /*display: flex;*/
+        /*flex-direction: column;*/
+        /*width: 240px;*/
+        /*margin: 0 auto;*/
+        /*margin-top: 40px;*/
+
+        /*.login {*/
+            /*background: url('./login.png') no-repeat;*/
+            /*background-size: 100% 100%;*/
+            /*width: 100%;*/
+            /*height: 60px;*/
+            /*margin-top: 20px;*/
+            /*text-align: center;*/
+            /*padding: 20px 0 0 0;*/
+            /*font-size: 12px;*/
+            /*color: black;*/
+            /*cursor: pointer;*/
+        /*}*/
+
+        /*.theme {*/
+            /*margin-top: 10px;*/
+        /*}*/
+    /*}*/
+
+/*}*/
+</style>

vue.config.js

@@ -1,5 +1,16 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
   transpileDependencies: true,
-  lintOnSave: false,//代码规范性报错的时候继续运行
+  // devServer:{
+  //   // proxy:{
+  //   //   '/api':{
+  //   //     target:'http://192.168.2.55:8022',
+  //   //     changeOrigin:true,
+  //   //     ws:false,
+        
+  //   //   }
+  //   // }
+
+  // }
+  publicPath:'./'
 })