chore: 完成表单初步功能

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

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

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

@@ -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[] = [
     componentProps: {
       placeholder: '请输入表单名称',
     },
+    required: true,
   },
 ];

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

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