mock.js

shuishen

2022-09-29 cc0986d7e4142f3e9e56b1bb30911a66e3bf2f48

mock.js

 package-lock.json

@@ -8031,6 +8031,15 @@
        "minimist": "^1.2.6"
      }
    },
    "mockjs": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/mockjs/-/mockjs-1.1.0.tgz",
      "integrity": "sha512-eQsKcWzIaZzEZ07NuEyO4Nw65g0hdWAyurVol1IPl1gahRwY+svqzfgfey8U8dahLwG44d6/RwEzuK52rSa/JQ==",
      "dev": true,
      "requires": {
        "commander": "*"
      }
    },
    "move-concurrently": {
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -9559,6 +9568,11 @@
      "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==",
      "dev": true
    },
    "qs.js": {
      "version": "0.1.12",
      "resolved": "https://registry.npmjs.org/qs.js/-/qs.js-0.1.12.tgz",
      "integrity": "sha512-AW97KDJtO7tAsGN97CY1mmS5YyQGm6f8AonHPnKz0VnOc/9y1PVzoZfbkRo2VaVz+UPzvukK4WVyRwXOOUN1Bg=="
    },
    "query-string": {
      "version": "4.3.4",
      "resolved": "https://registry.npmmirror.com/query-string/-/query-string-4.3.4.tgz",

 package.json

@@ -10,10 +10,11 @@
    "dependencies": {
        "@dvgis/dc-sdk": "^2.16.1",
        "axios": "^0.22.0",
        "core-js": "^3.6.5",
        "echarts": "^5.2.1",
        "element-ui": "^2.15.6",
        "font-awesome": "^4.7.0",
        "core-js": "^3.6.5",
        "qs.js": "^0.1.12",
        "vue": "^2.6.11",
        "vue-axios": "^3.3.7",
        "vue-router": "^3.2.0",
@@ -29,6 +30,7 @@
        "compression-webpack-plugin": "^5.0.1",
        "eslint": "^6.7.2",
        "eslint-plugin-vue": "^6.2.2",
        "mockjs": "^1.1.0",
        "sass": "^1.26.5",
        "sass-loader": "^8.0.2",
        "vue-template-compiler": "^2.6.11"

 src/main.js

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-09-07 09:34:58
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-17 15:27:42
 * @LastEditTime: 2022-09-29 16:50:20
 * @FilePath: \srs-police-affairs\src\main.js
 * @Description: 
 * 
@@ -27,6 +27,8 @@
import VueAxios from 'vue-axios'

import './permission'
//这一段是引入mock
import '@/mock/index'

// 全局组件自动注册
import './components/autoRegister'

 src/mock/home.js

New file
@@ -0,0 +1,27 @@
/*
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-09-29 16:49:53
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-29 17:03:16
 * @FilePath: \srs-police-affairs\src\mock\home.js
 * @Description: 
 * 
 * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. 
 */
import Mock from 'mockjs'

const code = 200

export const getCarList = () => {
    return {
        data: Mock.mock({
            'list|10': [{
                'userId|+1': 1,
                'username': "@cname",
                'date': '@date',
                'address': '@region'
            }]
        }),
        code: code
    }
} 

 src/mock/index.js

New file
@@ -0,0 +1,15 @@
/*
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-09-29 16:49:32
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-29 17:01:20
 * @FilePath: \srs-police-affairs\src\mock\index.js
 * @Description: 
 * 
 * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. 
 */
import { getCarList } from './home'

const Mock = require('mockjs')
//获取用户表格数据
Mock.mock("/user/getUserList", "get", getCarList)

 src/views/home/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-28 08:53:56
 * @LastEditTime: 2022-09-29 17:01:32
 * @FilePath: \srs-police-affairs\src\views\home\index.vue
 * @Description: 小区-栋-层-房屋
 * 
@@ -222,10 +222,12 @@
</template>

<script>

let cylinderLayer = null
let homePersonmyChart
let landMyChart

import axios from "axios"
import carList from '@/assets/data/car.js'
import phoneList from '@/assets/data/phone.js'
import monitoringList from '@/assets/data/monitoring.js'
@@ -552,6 +554,10 @@

            this.houseChange(true)
        })

        axios.get('/user/getUserList').then((res) => {
            console.log(res, 999)
        })
    },
    updated () {