基于 Vite3 + Vue3 + TypeScript 项目模版

运行

• 初始化 git: git init (否则 husky 会报错, 后期修复)
• 安装依赖：pnpm install
• 本地运行：pnpm run dev
• 打包： pnpm run build
• 修复: pnpm run lint:fix
• 打包分析: pnpm run report

安装

pnpm install

目录结构及相关功能说明

├── README.md 说明文档
├── asset-manage-web 构建后的静态资源
├── commitlint.config.cjs 提交规范
├── env 环境变量
├── global.d.ts
├── index.html
├── package.json npm相关信息
├── pnpm-lock.yaml pnpm 相关信息
├── public
│   └── vite.svg
├── src
│   ├── App.vue 主视图
│   ├── apis 请求方法合集
│   │   ├── assetDisposal.ts
│   │   ├── common.ts
│   │   ├── disposalprocess.ts
│   │   └── leavepost.ts
│   ├── assets
│   │   ├── font 字体图标库
│   │   │   ├── demo.css
│   │   │   ├── demo_index.html
│   │   │   ├── font-css.css
│   │   │   ├── iconfont.css
│   │   │   ├── iconfont.js
│   │   │   ├── iconfont.json
│   │   │   ├── iconfont.ttf
│   │   │   ├── iconfont.woff
│   │   │   └── iconfont.woff2
│   │   ├── imgs 静态图片文件
│   │   │   └── assetDisposal
│   │   │       ├── BFGH.svg
│   │   │       ├── LYAZ.svg
│   │   │       ├── SJGH.svg
│   │   │       ├── ZCFC.svg
│   │   │       ├── ZCQY.svg
│   │   │       ├── ZCXZ.svg
│   │   │       ├── add.svg
│   │   │       ├── bg.svg
│   │   │       └── download.svg
│   │   ├── svg
│   │   │   └── noData.svg
│   │   └── vue.svg
│   ├── config.js            配置信息 （暂时没用到）
│   ├── hooks
│   │   └── setupHelper.js   钩子函数 （暂时没用到）
│   ├── main.ts              入口文件 相关qiankun 加载，初始化
│   ├── router
│   │   ├── index.ts         路由配置
│   │   └── routes.ts       各个页面的router配置
│   ├── store
│   ├── store
│   │   ├── assetDisposalStore.ts   事项详情页面 store
│   │   ├── baseStore.ts            基础信息 store  （人员、项目、权限）
│   │   └── index.ts
│   ├── styles 默认的样式文件
│   │   ├── calendar.less
│   │   ├── common.css
│   │   ├── components.less
│   │   ├── font.less
│   │   ├── gap.less
│   │   ├── grid.less
│   │   ├── index.less
│   │   ├── utils.less
│   │   └── var.less
│   ├── types 常用类型文件
│   │   ├── AssetDisposal.ts
│   │   ├── Params.ts
│   │   ├── auto-imports.d.ts
│   │   ├── common.ts
│   │   ├── components.d.ts
│   │   ├── env.d.ts
│   │   └── vite-env.d.ts
│   ├── utils 常用公共方法
│   │   ├── bus.ts             事件总线，基于mitt实例
│   │   ├── getTime.ts          通用时间对象
│   │   ├── globalVariables.ts  全局变量
│   │   ├── http.ts             通用请求方法
│   │   ├── handleNumToChinese.ts   处理数字金额为中文金额
│   │   ├── index.ts            主要导出函数
│   │   ├── persagyTools.ts    常用加密解密方法（用于解密项目ID）
│   │   ├── qiankun.js          qiankun 相关方法
│   │   └── tools.ts           工具方法
│   └── views
│       ├── assetDisposal 资产处置页面
│       │   ├── components 资产处置相关组件
│       │   │   ├── applyRecord
│       │   │   │   └── index.vue
│       │   │   ├── assetApply
│       │   │   │   ├── BFGH.vue
│       │   │   │   ├── LYAZ.vue
│       │   │   │   ├── SJGH.vue
│       │   │   │   ├── ZCFC.vue
│       │   │   │   ├── ZCQY.vue
│       │   │   │   ├── ZCXZ.vue
│       │   │   │   ├── addDevices.vue
│       │   │   │   ├── index.vue
│       │   │   │   ├── left_read_info.vue
│       │   │   │   ├── readOnly_left.vue
│       │   │   │   ├── stepRight.vue
│       │   │   │   └── technicalUpload.vue
│       │   │   ├── assetDisposalCard
│       │   │   │   ├── confirmModal
│       │   │   │   │   └── index.vue
│       │   │   │   ├── index.less
│       │   │   │   ├── index.vue
│       │   │   │   └── matterDetails
│       │   │   │       ├── index.less
│       │   │   │       └── index.vue
│       │   │   ├── assetDisposalHeader
│       │   │   │   ├── index.less
│       │   │   │   └── index.vue
│       │   │   └── assetMatter
│       │   │       ├── index.less
│       │   │       └── index.vue
│       │   ├── index.less
│       │   └── index.vue
│       ├── dimissionAssetManage  离岗资产清单
│       │   ├── components      离岗资产清单相关组件
│       │   │   ├── addEquip.vue
│       │   │   └── assetDetails.vue
│       │   └── index.vue
│       └── disposalProcess   处置流程
│           ├── components    处置流程相关组件
│           │   ├── addProcess.vue
│           │   ├── processBox.vue
│           │   ├── processContent.vue
│           │   ├── processHeader.vue
│           │   ├── steps.vue
│           │   └── tag.vue
│           └── index.vue
├── tsconfig.json  typescript相关配置
├── tsconfig.node.json  typescript相关配置
└── vite.config.ts  Vite 相关配置

开发调试

1.pnpm run dev 2.获取对应得qiankun porps 对象（页面加载完成后会在控制台打印出来） 4.访问页面

开发环境和生产环境的差异

• 1、挂载的DOM 生产从props 中获取，开发环境默 #asset-web-app
• 2、createWebHistory方法中的base 参数。生产从props 中获取，开发环境默认 "/"
• 3、axios 中的baseURL,生产从props 中获取，开发环境默认 "/"

特殊注意

• 1.调用的运维系统的格式和其他接口不一致需要转换为 Content-Type:application/x-www-form-urlencoded ,且需要将数据放到jsonString的属性中 在 http.ts 中实现
• 2.文件上传的的时候，会先上传到mid-frame-server 中，然后再调用的 /mid-frame-server/synchronize 进行同步到文件服务器