Browse Source

chore: 完成表单初步功能

master
wangxiang 2 years ago
parent
commit
46d70c9ea3
  1. 1
      src/views/common/workflow/extension/form/FormModal.vue
  2. 5
      src/views/common/workflow/extension/form/form.data.ts
  3. 86
      src/views/common/workflow/extension/form/index.vue

1
src/views/common/workflow/extension/form/FormModal.vue

@ -2,6 +2,7 @@ @@ -2,6 +2,7 @@
<BasicModal
v-bind="$attrs"
width="720px"
minHeight="100px"
@register="registerModal"
@ok="handleSubmit"
>

5
src/views/common/workflow/extension/form/form.data.ts

@ -18,7 +18,9 @@ export const columns: BasicColumn[] = [ @@ -18,7 +18,9 @@ export const columns: BasicColumn[] = [
dataIndex: ['formDefinitionJson', 'version'],
width: 200,
customRender: ({ record }) => {
return h(Tag, {color: 'success'}, () => record.formDefinitionJson?.version);
return record.formDefinitionJson?.version ?
h(Tag, {color: 'success'}, () => record.formDefinitionJson?.version):
h(Tag, {color: 'red'}, () => '暂无版本号');
}
},
{
@ -104,5 +106,6 @@ export const formSchema: FormSchema[] = [ @@ -104,5 +106,6 @@ export const formSchema: FormSchema[] = [
componentProps: {
placeholder: '请输入表单名称',
},
required: true,
},
];

86
src/views/common/workflow/extension/form/index.vue

@ -5,51 +5,49 @@ @@ -5,51 +5,49 @@
fixedHeight
dense
>
<div class="m-4 mr-0 overflow-hidden bg-white w-1/4 xl:w-1/5">
<BasicTree
search
:clickRowToExpand="false"
:treeData="state.treeData"
:fieldNames="{ key: 'id', title: 'name' }"
@select="handleSelect"
>
<template #toolbarRight>
<a-button
type="primary"
shape="circle"
size="small"
@click="handleAdd()"
>
<PlusOutlined/>
</a-button>
</template>
<template #title="data">
<span class="custom-tree-node">
<span>{{ data.name }}</span>
<span>
<a-button type="link"
size="small"
@click="handleAdd(data)"
>
<PlusOutlined/>
</a-button>
<a-button type="link"
size="small"
@click="handleAdd(data)"
>
<FormOutlined/>
</a-button>
<a-button type="link"
size="small"
@click="handleAdd(data)"
>
<DeleteOutlined/>
</a-button>
</span>
<BasicTree class="m-4 mr-0 overflow-hidden bg-white w-1/4 xl:w-1/5"
search
:clickRowToExpand="false"
:treeData="state.treeData"
:fieldNames="{ key: 'id', title: 'name' }"
@select="handleSelect"
>
<template #toolbarRight>
<a-button
type="primary"
shape="circle"
size="small"
@click="handleAdd()"
>
<PlusOutlined/>
</a-button>
</template>
<template #title="data">
<span class="custom-tree-node">
<span>{{ data.name }}</span>
<span>
<a-button type="link"
size="small"
@click="handleAdd(data)"
>
<PlusOutlined/>
</a-button>
<a-button type="link"
size="small"
@click="handleAdd(data)"
>
<FormOutlined/>
</a-button>
<a-button type="link"
size="small"
@click="handleAdd(data)"
>
<DeleteOutlined/>
</a-button>
</span>
</template>
</BasicTree>
</div>
</span>
</template>
</BasicTree>
<BasicTable
class="w-3/4 xl:w-4/5"
@register="registerTable"

Loading…
Cancel
Save