feat: 优化选人组件和选择组织组件
This commit is contained in:
@ -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);
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user