step1.
src\config\router.config.js文件里添加path
{path: '/runAnalysis',name: '运行分析',component: RouteView,redirect: '/runAnalysis/healthAnalysis',meta: {title: '运行分析', icon: 'file-search' },children: [{path: '/runAnalysis/healthAnalysis',name: '健康分析',component: () => import(/* webpackChunkName: "result" */ '@/views/runAnalysis/healthAnalysis'),meta: {title: '健康分析', keepAlive: true, hiddenHeaderContent: true }},{path: '/runAnalysis/lifeLossAnalysis',name: '寿命损耗分析',component: () => import(/* webpackChunkName: "result" */ '@/views/runAnalysis/lifeLossAnalysis'),meta: {title: '寿命损耗分析', keepAlive: true, hiddenHeaderContent: true }},{path: '/runAnalysis/healthReport',name: '健康报表',component: () => import(/* webpackChunkName: "result" */ '@/views/runAnalysis/healthReport'),meta: {title: '健康报表', keepAlive: true, hiddenHeaderContent: true }}]}
step2.
新建views/runAnalysis/healthAnalysis.vue,内容从views\list\TableList.vue复制（具体内容自己改），修改下图的方法名
改为src\api\manage.js对应接收请求的方法名
step3.
src/mock/services/manage.js里添加
const healthAnalysis = (options) => {// options:{url: "/api/healthAnalysis?pageNo=1&pageSize=10", type: "GET", body: null}const parameters = getQueryParameters(options)const result = []const pageNo = parseInt(parameters.pageNo)const pageSize = parseInt(parameters.pageSize)const totalPage = Math.ceil(totalCount / pageSize)const key = (pageNo - 1) * pageSizeconst next = (pageNo >= totalPage ? (totalCount % pageSize) : pageSize) + 1for (let i = 1; i < next; i++) {const tmpKey = key + iresult.push({key: tmpKey,id: tmpKey,no: 'No ' + tmpKey,description: '这是一段描述',callNo: Mock.mock('@integer(1, 999)'),status: Mock.mock('@integer(0, 3)'),updatedAt: Mock.mock('@datetime'),editable: false})}return builder({pageSize: pageSize,pageNo: pageNo,totalCount: totalCount,totalPage: totalPage,data: result})}
和
Mock.mock(/\/healthAnalysis/, 'get', healthAnalysis)
step4.
src/api/manage.js里
在const api里添加
healthAnalysis: '/healthAnalysis',
再添加
export function healthAnalysis (parameter) {return request({url: api.healthAnalysis,method: 'get',params: parameter})}
step5.
复制src\views\list\modules到views/runAnalysis目录（列表需要用到）
踩坑
Q：项目再次启动报错’vue-cli-service’ 不是内部或外部命令，也不是可运行的程序
A：删除项目文件夹下的node_modules，项目路径下运行yarn install(用cnpm install不行)，然后npm run serve.
