feat: 优化选人组件和选择组织组件

This commit is contained in:
gaoyunqi
2024-05-09 09:42:56 +08:00
parent a876a6694c
commit 71cc53ec8a
12 changed files with 937 additions and 6 deletions

View File

@ -10,6 +10,10 @@
- 设计器支持响应式布局,因为设计器架构问题,并未默认打开,对于表单内字段,除了附件、多行文本框等占用宽度较大的组件外,都建议开启响应式布局
- 表单和表格需要合理调整字段宽度,响应式布局下需要使用定宽模式,一般情况下,字段的宽度取平均字长 + 2个汉字的宽度为宜不要留太长的label也要避免出现label换行
## Q&A
### 为什么表单所有字段都成了必填
默认情况下,绑定流程后,新建节点的所有字段都被设置为必填,需要在流程的开始节点-表单设置中去掉非必填的项。
## 在Tab页中打开表单/流程
如果你需要自己编程实现Tab页跳转或者升级旧版框架的页面可以参考下面步骤
```typescript
@ -63,7 +67,7 @@ function dbClickRow(record) {
}
}
```
同时,因为外层封装页面需要表单加载后的元数据,需要通过事件将表单数据传出。
同时,因为外层封装页面需要表单加载后的元数据,需要在Form.vue中通过事件将表单数据传出。
```javascript
// 这行是原来有的
import { formProps, formEventConfigs } from './config';
@ -146,3 +150,20 @@ export const formProps: FormProps = {
</template>
```
注意根据antd-vue的文档bodyCell里除了要修改的列不能写其他内容否则会将内容覆盖到所有列上
## 如何在按钮栏中刚增加按钮
## 如何修改选项卡标题
```javascript
import { useMultipleTabStore } from '/@/store/modules/multipleTab';
import { useRouter } from 'vue-router';
const tabStore = useMultipleTabStore();
const router = useRouter();
const currentRoute = router.currentRoute.value;
const fullPath = currentRoute.fullPath;
tabStore.changeTitle(fullPath, `选项卡标题`);
// 顺便tabStore也支持关闭选项卡
tabStore.closeTab(currentRoute, router);
```