代码拉取完成,页面将自动刷新
router-path
)目标:根据vue项目 router文件下定义的path目录检测对应的views,service,optons等其他类型文件夹的命名是否一致,保证项目的目录结构标准化
"rules": {
"dir-structure/router-path": [2, "always", {
"includeFile": ["/configManage/dash"], //配置router指定文件进行path检测
"excludeFile": [],// 设置无需检测的文件
"dirTypeOptions" : { // router 中path对应的其他类型文件需要检测
"options":".js",
"service":".js"
}
}]
}
比如管理=>计划、预算为例
├── views │ └── manage │ │── budget │ └── plan │ │── index.vue │ │── add.vue │ │── checkout.vue │ │── edit.vue │ └── components │ │── xxx.vue │ │── xxx.js │ └── xxx.scss ├── options │ └── manage │ └── plan.js ├── service │ └── manage │ └── plan.js ├── router │ └── manage │ └── plan.js
初期的暂时都使用detail
类型 | 名称 |
---|---|
查看 | checkout |
编辑(普通编辑) | edit |
变更 | change |
新增 | add |
审核 | audit |
撤回 | recall |
编辑(提交审核(撤回)) | recallEdit |
编辑(变更提交审核(撤回)) | changeRecallEdit |
兜底修改 | coverBottom |
查看兜底 | coverBottomDetail |
审批兜底修改 | coverBottomApproval |
自定义 | 可根据实际情况进行命名 |
service
// 采购执行相关接口
import api from './api'
const managePlan = {
//...
}
export default managePlan
options
const managePlan = {
// 项目类型 例子
testType: [
{
code: 1,
name: '示例'
}
]
}
export default managePlan
views
<template>
计划
</template>
<script>
export default {
name: "managePlan"
}
</script>
router
/* eslint-disable no-template-curly-in-string */
const children = [
{
path: '/manage/plan',
name: 'managePlan',
component: () => import('@/views/manage/plan/index.vue'),
meta: {
label: '计划'
}
},
{
path: '/manage/plan/add',
name: 'managePlanAdd',
component: () => import('@/views/manage/plan/add.vue'),
meta: {
label: '计划-新增'
}
}
]
export default children
如有疑问可邮箱联系作者 615683167@qq.com
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。