...

.gitignore

@@ -1,7 +1,6 @@
 .DS_Store
 node_modules
 /dist
-.history
 
 
 # local env files

README.md

@@ -1,4 +1,4 @@
-# yitong
+# lhyt
 
 ## Project setup
 ```
@@ -15,10 +15,5 @@ npm run serve
 npm run build
 ```
 
-### Lints and fixes files
-```
-npm run lint
-```
-
 ### Customize configuration
 See [Configuration Reference](https://cli.vuejs.org/config/).

package.json

@@ -1,53 +1,33 @@
 {
-  "name": "yitong",
+  "name": "lhyt",
   "version": "0.1.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "build": "vue-cli-service build"
   },
   "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",
     "element-ui": "^2.15.13",
     "qs": "^6.11.2",
-    "sortablejs": "^1.15.0",
     "vue": "^2.6.14",
     "vue-router": "^3.5.1",
     "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",
-    "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/App.vue

@@ -3,94 +3,41 @@
     <router-view />
   </div>
 </template>
-
+<script></script>
 <style lang="scss">
-html,
-body,
-#app {
-  width: 100vw;
-  height: 100vh;
-  background-color: rgb(12, 42, 66);
-  color: white;
-}
-
 * {
-  margin: 0;
   padding: 0;
+  margin: 0;
   box-sizing: border-box;
 }
 
-
-
-// ::-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);
-// }
-.el-range-separator {
-  padding: 0 !important;
-}
-
-.ershi {
-  margin-left: 20px;
-}
-
-.lv,
-.lan,
-.huang {
-  margin-top: 10px;
-  padding: 10px 0;
-  width: 35%;
-  height: 70px;
-
-  p {
-    font-size: .6rem;
-    text-align: start;
-    margin-left: 10px;
-  }
-
-  h4 {
-    padding-top: 5px;
-    text-align: start;
-    margin-left: 10px;
-  }
-}
-
-.lv {
-  background-color: rgb(103, 194, 58);
-}
-
-.lan {
-  background-color: rgb(64, 158, 255);
+html,
+body {
+  width: 100%;
+  height: 100vh;
+  background-color: rgb(0, 8, 29);
+  margin: 0;
+  overflow: hidden;
 }
 
-.huang {
-  background-color: rgb(230, 162, 60);
+.iconfont {
+  color: rgb(67, 162, 192);
 }
 
-.unline {
-  box-sizing: border-box;
-  border-bottom: 1px solid rgb(255, 255, 255);
-  text-decoration: none;
-  color: white;
-  font-weight: 600;
+.modulbox {
+  background-image: url(./assets//bargound/biankuang.png);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  width: 100%;
+  min-height: 200px;
+  padding: 15px 10px 1% 10px;
+  overflow: hidden;
 }
 
-.lvlanbox {
+.godetail {
   display: flex;
-  justify-content: space-evenly;
-  width: 100%;
+  align-items: center;
+  color: rgb(69, 166, 196);
+  font-weight: 600;
 }
 </style>

src/main.js

@@ -1,36 +1,19 @@
 import Vue from 'vue'
 import App from './App.vue'
-import router from './router/index'
+import router from './router'
 import store from './store'
-import dataV from '@jiaminghi/data-view'
+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(Avue);
-Vue.use(VueRouter)
-
 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

@@ -4,14 +4,11 @@ import VueRouter from 'vue-router'
 Vue.use(VueRouter)
 
 const routes = [
+  //首页
   {
-    //主页
     path: '/',
-    name: 'index',
-    component: () => import('../views/IndexView/IndexView.vue'),
-    meta:{
-      needlogin:true
-    }
+    name: 'home',
+    component: () => import('../views/HomeView.vue')
   },
   {
     //登录页
@@ -19,89 +16,82 @@ const routes = [
     name: 'login',
     component: () => import('../views/LoginView.vue')
   },
-  // {
-  //   //测试
-  //   path: '/indexchar',
-  //   name: 'indexchar',
-  //   component: () => import('../views/IndexView/chart/LRHB.vue')
-  // },
   {
-    //交车排行详情页
-    path: '/jiaochedetails',
-    name: 'jiaochedetails',
-    component: () => import('../views/IndexView/details/JCDetails.vue')
+    //客流分析详情
+    path: '/keliufenxidetail',
+    name: 'keliufenxidetail',
+    component: () => import('../views/TableDetail/KLFXtable.vue')
   },
   {
-    //产值统计详情页
-    path: '/chanzhidetails',
-    name: 'chanzhidetails',
-    component: () => import('../views/IndexView/details/CZDetails.vue')
+    //销售分析详情
+    path: '/xiaoshoufenxidetail',
+    name: 'xiaoshoufenxidetail',
+    component: () => import('../views/TableDetail/XSFXtable.vue')
   },
   {
-    //保险承保核保详情页
-    path: '/baoxiandetails',
-    name: 'baoxiandetails',
-    component: () => import('../views/IndexView/details/BXDetails.vue')
+    //分期业务详情
+    path: '/fenqiyewudetail',
+    name: 'fenqiyewudetail',
+    component: () => import('../views/TableDetail/FQYWtable.vue')
   },
   {
-    //库存分析详情页
-    path: '/kucunfenxidetails',
-    name: 'kucunfenxidetails',
-    component: () => import('../views/IndexView/details/KCFXdetails.vue')
+    //产值统计详情
+    path: '/chanzhitongjidetail',
+    name: 'chanzhitongjidetail',
+    component: () => import('../views/TableDetail/CZTJtable.vue')
   },
   {
-    //客流分析详情页
-    path: '/keliufenxidetails',
-    name: 'keliufenxidetails',
-    component: () => import('../views/IndexView/details/KLFXdetails.vue')
+    //售后入厂台次详情
+    path: '/ruchangtaicidetail',
+    name: 'ruchangtaicidetail',
+    component: () => import('../views/TableDetail/RCTCtable.vue')
   },
   {
-    //车辆库存详情页
-    path: '/cheliangkucundetails',
-    name: 'cheliangkucundetails',
-    component: () => import('../views/IndexView/details/CLKCdetails.vue')
+    //交车排行
+    path: '/jiaochepaihangdetail',
+    name: 'jiaochepaihangdetail',
+    component: () => import('../views/TableDetail/JCPHtable.vue')
   },
   {
-    //销售分析月度详情页
-    path: '/xiaoshoufenximondetails',
-    name: 'xiaoshoufenximondetails',
-    component: () => import('../views/IndexView/details/XSFXmondetails.vue')
+    //售后入厂产值分析详情
+    path: '/ruchangchanzhidetail',
+    name: 'ruchangchanzhidetail',
+    component: () => import('../views/TableDetail/RCCZtable.vue')
   },
   {
-    //分期业务详情页
-    path: '/fenqiyewudetails',
-    name: 'fenqiyewudetails',
-    component: () => import('../views/IndexView/details/FQYWdetails.vue')
+    //客源分析详情
+    path: '/keyuanfenxidetail',
+    name: 'keyuanfenxidetail',
+    component: () => import('../views/TableDetail/KYFXtable.vue')
   },
   {
-    //客源分析详情页
-    path: '/keyuanfenxidetails',
-    name: 'keyuanfenxidetails',
-    component: () => import('../views/IndexView/details/KYFXdetails.vue')
+    //保险承保核保详情
+    path: '/baoxianchengbaodetail',
+    name: 'baoxianchengbaodetail',
+    component: () => import('../views/TableDetail/BXCBtable.vue')
   },
   {
-    //入场台次详情页
-    path: '/ruchangtaicidetails',
-    name: 'ruchangtaicidetails',
-    component: () => import('../views/IndexView/details/RCTCdetails.vue')
+    //库存分析详情
+    path: '/kucunfenxidetail',
+    name: 'kucunfenxidetail',
+    component: () => import('../views/TableDetail/KCFXtable.vue')
   },
   {
-    //入厂产值详情页
-    path: '/ruchangchanzhidetails',
-    name: 'ruchangchanzhidetails',
-    component: () => import('../views/IndexView/details/RCCZdetails.vue')
+    //保客分析详情
+    path: '/baokefenxidetail',
+    name: 'baokefenxidetail',
+    component: () => import('../views/TableDetail/BKFXtable.vue')
   },
   {
-    //保客分析详情页
-    path: '/baokefenxidetails',
-    name: 'baokefenxidetails',
-    component: () => import('../views/IndexView/details/BKFXdetails.vue')
+    //chart
+    path: '/chart',
+    name: 'chart',
+    component: () => import('../components/HomeChart/KLFX.vue')
   },
+
 ]
 
 const router = new VueRouter({
-  mode: 'hash',
-  base: process.env.BASE_URL,
   routes
 })
 

src/servuces/prove.js

@@ -1,4 +1,4 @@
-import {get,post} from '../method/axios'
+import {get,post} from '@/method/axios'
 
 
 //登录

src/store/index.js

@@ -5,15 +5,10 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
   state: {
-    storefront:[]
   },
   getters: {
   },
   mutations: {
-    setData(state,data){   
-       state.storefront=data//将接收到的数据放到storefront里面
-      }
-
   },
   actions: {
   },

src/views/LoginView.vue

@@ -1,74 +1,38 @@
 <template>
   <div class="login">
-    <avue-login :option="option" @submit="submit">
-    </avue-login>
+    <div class="top"><img src="../assets/bargound/denglutitle.png" alt=""></div>
+    <div class="logininfor" >
+      <img src="./login/组 20 拷贝.png" alt="" >
+      
+    </div>
+    
+
+    
   </div>
 </template>
+<script></script>
+<style scoped lang="scss">
+.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%;
 
-<script>
-import { settoken } from "../servuces/token";
-// import { userloginInfo } from "../servuces/prove";
-// import { stringify } from "qs";
-export default {
-  data () {
-    return {
-      codesrc: '',
-      form: {},
-      option: {
-        width: 400,
-        time: 60,
-        codeType: 'phone', //phone为手机验证码/img为图片验证码
-        column: {
-          username: {
-            // hide: true,
-            label: '用户名',
-            // prop: 'user',
-            // placeholder:'',
-            autocomplete: 'off',
-            rules: { required: true, message: '请输入用户名', trigger: 'blur' }
-          },
-          password: {
-            label: '密码',
-            // prop: 'pass',
-            // placeholder:'',
-            autocomplete: 'off',
-            rules: { required: true, message: '请输入密码', trigger: 'blur' }
-          },
-          code: {
-            hide: true
-          }
-        }
-      },
-    }
-  },
-  methods: {
-    async submit (form) {
-      if (form.username == 123 || form.password == 123) {
-
-        settoken(123654)
-        this.$router.replace('/')
-        this.$message.success('登陆成功')
-      } else {
-        this.$message.error('密码错误')
-      }
-
-      // await userloginInfo(stringify({ username: form.username, password: form.password })).then(res => {
-      //   console.log(res);
-      //   if (res.success) {
-      //     settoken(123654)
-      //     this.$router.replace('/')
-      //   } else {
-      //     alert('res.errors')
-      //   }
-      // })
+  .top {
+    img {
+      width: 100%;
     }
   }
-}
-</script>
 
-<style scoped>
-.login {
-  width: 500px;
-  margin: 200px auto;
+  .logininfor {
+    width: 33%;
+    height: 33vh;
+    margin: 0 auto;
+   
+  }
 }
-</style>
+</style>

vue.config.js

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