### 背景
1. 新版 UI 改版要求 “编辑/查看” 呈现两种不同布局页面，因此在原有基础上，需要增加 “查看” 页面；
2. 部分 “创建/编辑/查看” 弹窗需修改为页面级别打开
### 路由配置
以采购模块 “BOM管理“ 为例：
1. 列表页面入口：`/bom-manage/index`
2. 详情页统一入口配置，在各自业务项目中 `/src/router/index.js` 中配置
```js
{
path: '/bom-manage/:operateType', // operateType 约定 view/add/edit/copy...
name: '操作BOM',
meta: {},
component: () => import(/* webpackChunkName: "listingWalmart" */ '@/views/bom-manage/operate.vue'),
}
```
### 页面文件结构
### operate.vue 文件
1. `ModifyPage` : 创建/修改/复制等需要录入的配置页面；
2. `ViewPage`: 查看(无需录入的页面)；
3. `DetailPageParent` 的 mixins 引入；
4. `isView/isModify` 根据路由参数 `operateType` 判定
```html
```
### viewPage.vue 文件
```html
-
-
-
-
-
-
```
### modifyPage.vue 文件
```html
```