# product-base-ui

**Repository Path**: strangerider/product-base-ui

## Basic Information

- **Project Name**: product-base-ui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-18
- **Last Updated**: 2025-08-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 框架总体说明

### 旧 product-framework-ui

版本号+1，build-lib 然后 nexus-publish

如果还没设置 user 发版前要先 nexus-adduser，账号密码在 readme

发版后项目要用新版本，在 package 里面改下版本号然后 npm i 就得

### 新 product-base-ui

在引用的项目中添加base仓库的分支

```shell
git remote add 命名 base的仓库地址

git fetch 命名/分支  （可以不 /分支，拉全部分支，但一般有master就可以了）
```

然后就fetch、merge并解决改分支冲突就行了

新版不用改版本号

### 账号与后台

项目后台记得连 mysql 的，并且记得连 vpn

base

Base@2024^&%

## 安装启动

### 安装依赖

node 版本 18.x

```shell
npm install
```

如果安装失败，可以尝试将.npmrc文件中的内容清空

### 启动项目

```shell
npm run dev
```

### 打包项目

```shell
npm run build:prod
```

## 部署环境

### 测试环境

10.0.13.22:10004,10005,10006/data/dockerapp/nginx/webs/base

### 正式环境 对互联网开放

10.0.13.22:10501/data/dockerapp/nginx/webs/base-prd/dist

替换后执行:

```shell
docker restart nginx
```

请求地址

mysql版本：

```text
http://10.0.13.22:10004
```

达梦版本：

```text
http://10.0.13.22:10005
```

oracle版本：

```text
http://10.0.13.22:10006
```

### git提交示例

git commit -m 'feat(home): add home page' [提交规范](https://doc.vvbin.cn/dep/lint.html#git-%E6%8F%90%E4%BA%A4%E8%A7%84%E8%8C%83)

### 流程引擎

流程引擎相关代码在views/flowable中，流程图设计base只提供基础功能，各项目按需求扩展。注：一个流程图只对应一个表单。以demo为例，表单名称为"通用申请"，新增流程图时表单名称字段应选择"通用申请"选项。

1.流程列表页面为查看、管理、进入新增/修改流程图的页面，其中"type"字段即为与流程图相对应的表单名称。新增后会提示引导进入流程图设计页面。

2.设计完流程图后点击保存模型->启动流程 或 点击启动流程按钮，流程图即可保存/运转。

3.在通用申请列表页面新增一条表单数据，可执行提交流程操作，提交后该表单将会根据流程图的设计在系统中流转。

4.流程中心页面用于预览各状态的表单。可对待审批的表单进行审批操作，已发起的表单进行撤销操作。

5.多个表单进行分类(参考/views/flowable/form-list)，在各自表单目录下新建component文件夹写详情组件，此组件与流程中心弹窗共用。流程中心( /views/flowable/process-center)使用<Component v-model="" :is="" v-on="" v-bind=""> 写法处理多个不同表单显示各自对应弹窗，引入组件并在 orderConfig 变量中配置即可。