@steedos-labs/plugin-workflow 3.0.15 → 3.0.18

package/README_TEMPLATE.md

@@ -0,0 +1,222 @@
+# Workflow Template Export/Import
+
+## 概述 Overview
+
+这是一个独立的脚本工具，用于导出和导入工作流模板（表单模板和打印模板），支持从 Blaze 格式转换为 Liquid 格式。
+
+This is a standalone script tool for exporting and importing workflow templates (form templates and print templates), supporting conversion from Blaze to Liquid format.
+
+## 安装 Installation
+
+在运行脚本前，需要先安装依赖：
+Before running the script, install dependencies:
+
+```bash
+cd steedos-packages/plugin-workflow
+npm install
+```
+
+脚本使用原生 MongoDB 驱动连接数据库，连接信息从环境变量 `MONGO_URL` 读取。
+The script uses native MongoDB driver to connect to the database. Connection info is read from `MONGO_URL` environment variable.
+
+## 快速开始 Quick Start
+
+```bash
+cd steedos-packages/plugin-workflow
+
+# 导出所有模板 Export all templates
+node run.js export
+
+# 导出特定流程 Export specific flow
+node run.js export <flowId>
+
+# 转换 .blaze 文件为 .liquid (手动或使用 Copilot)
+# Convert .blaze files to .liquid (manually or with Copilot)
+
+# 导入转换后的模板 Import converted templates
+node run.js import <flowId>
+```
+
+## 目录结构 Directory Structure
+
+```
+flows-template/
+├── {flowId}.instance_template.blaze    # 导出的表单模板 (Blaze 格式)
+├── {flowId}.print_template.blaze       # 导出的打印模板 (Blaze 格式)
+├── {flowId}.fields.json                # 字段定义
+├── {flowId}.instance_template.liquid   # 转换后的表单模板 (Liquid 格式，用于导入)
+└── {flowId}.print_template.liquid      # 转换后的打印模板 (Liquid 格式，用于导入)
+```
+
+## 命令使用 Commands
+
+### 导出模板 Export Templates
+
+```bash
+# 导出所有包含模板的流程
+# Export all flows with templates
+node run.js export
+
+# 导出特定流程
+# Export specific flow
+node run.js export <flowId>
+
+# 导出到自定义目录
+# Export to custom directory
+node run.js export <flowId> /path/to/output
+```
+
+**示例 Example:**
+```bash
+node run.js export abc123
+```
+
+**输出 Output:**
+```
+Found 1 flow(s) to export.
+
+Exporting flow: Leave Request (abc123)
+  ✓ abc123.instance_template.blaze
+  ✓ abc123.print_template.blaze
+  ✓ abc123.fields.json
+  Exported 3 file(s)
+
+✅ Export completed. Files saved to: /path/to/flows-template
+```
+
+### 导入模板 Import Templates
+
+```bash
+# 导入流程的所有模板
+# Import both templates for a flow
+node run.js import <flowId>
+
+# 仅导入表单模板
+# Import only instance_template
+node run.js import <flowId> instance_template
+
+# 仅导入打印模板
+# Import only print_template
+node run.js import <flowId> print_template
+
+# 从自定义目录导入
+# Import from custom directory
+node run.js import <flowId> instance_template /path/to/input
+```
+
+**示例 Example:**
+```bash
+node run.js import abc123
+```
+
+**输出 Output:**
+```
+Importing templates for flow: Leave Request (abc123)
+  ℹ Backing up old instance_template to instance_template_backup
+  ✓ Imported instance_template from abc123.instance_template.liquid
+  ℹ Backing up old print_template to print_template_backup
+  ✓ Imported print_template from abc123.print_template.liquid
+
+✅ Import completed. Imported 2 template(s).
+  - instance_template: updated (old value backed up)
+  - print_template: updated (old value backed up)
+```
+
+## 工作流程 Workflow
+
+1. **导出 Export**: 运行导出命令，将模板保存为 `.blaze` 文件
+2. **转换 Convert**: 使用 Copilot 或其他工具将 `.blaze` 文件转换为 `.liquid` 格式
+3. **导入 Import**: 运行导入命令，将转换后的 `.liquid` 模板加载回数据库
+4. **备份 Backup**: 导入时自动备份旧模板到 `{模板名}_backup` 字段
+
+## 备份字段 Backup Fields
+
+导入模板时，旧值会自动备份到：
+When importing templates, old values are backed up to:
+
+- `instance_template_backup`: 表单模板备份 (Form template backup)
+- `print_template_backup`: 打印模板备份 (Print template backup)
+
+这些备份字段在界面中隐藏，但可以通过程序访问。
+These backup fields are hidden in the UI but can be accessed programmatically.
+
+## 字段定义 Field Definitions
+
+`.fields.json` 文件包含表单的字段定义（来自 `current.fields`），为模板转换工具（如 Copilot）提供字段结构和类型的上下文信息。
+
+The `.fields.json` file contains field definitions from the form's `current.fields`, providing context about field structure and types for conversion tools like Copilot.
+
+**示例 Example:**
+```json
+[
+  {
+    "_id": "field1",
+    "code": "userName",
+    "name": "User Name",
+    "type": "text",
+    "is_required": true
+  },
+  {
+    "_id": "field2",
+    "code": "requestDate",
+    "name": "Request Date",
+    "type": "date",
+    "is_required": true
+  }
+]
+```
+
+## 数据库配置 Database Configuration
+
+脚本使用环境变量配置的 MongoDB 连接（通过 `.env` 文件中的 `MONGO_URL`）。
+
+The script uses the MongoDB connection configured via environment variables (through `MONGO_URL` in `.env` file).
+
+## 错误处理 Error Handling
+
+脚本提供清晰的错误信息：
+The script provides clear error messages:
+
+- `Flow not found: abc123` - 验证流程 ID 是否存在 (Verify the flow ID exists)
+- `No template files found for flow abc123` - 确保 `.liquid` 文件存在 (Ensure `.liquid` files exist)
+- `Permission denied reading file` - 检查文件权限 (Check file permissions)
+- `No flows found with templates` - 没有包含模板的流程 (No flows have templates)
+
+## 使用提示 Tips
+
+1. 导入模板前务必备份数据库 (Always backup your database before importing)
+2. 旧模板值会自动备份到 `{模板名}_backup` 字段 (Old values are automatically backed up)
+3. 先在开发环境测试导入 (Test imports in development environment first)
+4. 使用字段定义了解模板结构 (Use field definitions to understand template structure)
+5. 导入前仔细检查转换后的模板 (Review converted templates carefully before importing)
+6. `flows-template` 目录自动被 git 忽略 (The directory is automatically ignored by git)
+
+## 完整示例 Complete Example
+
+```bash
+# 1. 导出模板 Export templates
+cd steedos-packages/plugin-workflow
+node run.js export abc123
+
+# 2. 查看导出的文件 View exported files
+ls -la flows-template/
+# abc123.instance_template.blaze
+# abc123.print_template.blaze
+# abc123.fields.json
+
+# 3. 转换模板 Convert templates
+# 使用 Copilot 或手动将 .blaze 文件转换为 .liquid
+# Use Copilot or manually convert .blaze files to .liquid
+# 
+# 示例转换 Example conversion:
+# {{#if userName}} → {% if userName %}
+# {{userName}} → {{ userName }}
+# {{/if}} → {% endif %}
+
+# 4. 导入转换后的模板 Import converted templates
+node run.js import abc123
+
+# 5. 验证 Verify
+# 检查数据库中的 flows 记录，确认模板已更新且备份已创建
+# Check flows record in database to confirm templates are updated and backups are created
+```

package/convert-templates.js

@@ -0,0 +1,51 @@
+const fs = require('fs');
+const path = require('path');
+const converter = require('./src/util/templateConverter');
+
+const convertDir = path.join(__dirname, 'flows-template/export');
+
+if (!fs.existsSync(convertDir)) {
+  console.error(`Directory not found: ${convertDir}`);
+  process.exit(1);
+}
+
+console.log('==========================================');
+console.log('开始转换模板 (Blaze -> Liquid + AMIS)');
+console.log('==========================================');
+
+const blazeFiles = fs.readdirSync(convertDir).filter(f => f.endsWith('.blaze'));
+const fieldsCache = {}; // Cache fields.json content
+
+blazeFiles.forEach(file => {
+  const content = fs.readFileSync(path.join(convertDir, file), 'utf8');
+  const flowId = file.split('.')[0];
+  const isPrint = file.includes('print_template');
+
+  // Load fields def
+  let fields = fieldsCache[flowId];
+  if (!fields) {
+      const fieldsPath = path.join(convertDir, `${flowId}.fields.json`);
+      if (fs.existsSync(fieldsPath)) {
+          try {
+            // Read fields as array
+            fields = JSON.parse(fs.readFileSync(fieldsPath, 'utf8'));
+            fieldsCache[flowId] = fields;
+          } catch (e) {
+              console.error(`Error parsing fields for ${flowId}:`, e.message);
+          }
+      }
+  }
+
+  try {
+      const newContent = converter.convertTemplate(content, fields, isPrint);
+      const newFile = file.replace('.blaze', '.liquid');
+      fs.writeFileSync(path.join(convertDir, newFile), newContent);
+      console.log(`✓ ${file} -> ${newFile}`);
+  } catch (error) {
+      console.error(`✗ Failed to convert ${file}:`, error.message);
+  }
+});
+
+console.log('==========================================');
+console.log('转换完成');
+console.log('==========================================');

package/main/default/applications/approve_workflow.app.yml

@@ -27,6 +27,21 @@ nav_schema: {
       "size": "none",
       "className": "instances-sidebar-wrapper mt-1 bg-white",
       "body": [
+        {
+          "type": "button",
+          "label": "刷新",
+          "className": "instance-nav-reload hidden",
+          "onEvent": {
+            "click": {
+              "actions": [
+                {
+                  "actionType": "rebuild",
+                  "componentId": "u:instanceNav"
+                }
+              ]
+            }
+          }
+        },
         {
           "type": "service",
           "id": "u:instanceNav",
@@ -41,117 +56,16 @@ nav_schema: {
             }
           },
           "body": [
-            {
-              "type": "button",
-              "label": "刷新",
-              "className": "instance-nav-reload hidden",
-              "onEvent": {
-                "click": {
-                  "actions": [
-                    {
-                      "actionType": "reload",
-                      "componentId": "u:instanceNav"
-                    }
-                  ]
-                }
-              }
-            },
-            {
-              "type": "input-tree",
-              "name": "tree",
-              "treeContainerClassName": "h-full bg-white",
-              "className": "instance-box-tree h-full w-full p-0 bg-white",
-              "id": "u:9f3dd961ca12",
-              "stacked": true,
-              "multiple": false,
-              "enableNodePath": false,
-              "hideRoot": true,
-              "showIcon": true,
-              "initiallyOpen": false,
-              "virtualThreshold": 100000,
-              "value": "${value}",
-              "size": "md",
-              "onEvent": {
-                "change": {
-                  "actions": [
-                    {
-                      "actionType": "setValue",
-                      "componentId": "instances_list_service",
-                      "args": {
-                        "value": {
-                          "isFlowDataDone": false
-                        }
-                      }
-                    },
-                    {
-                      "actionType": "custom",
-                      "script": "//获取上一次的flowId和categoryId\nconst lastFlowId = event.data.flowId;\nconst lastCategoryId = event.data.categoryId;\n//从value中获取最新的flowId\nvar flowIdRegex = /&flowId=([^&]+)/;\nvar flowIdMatch = event.data.value.match(flowIdRegex);\nconst flowId = flowIdMatch && flowIdMatch.length > 0 ? flowIdMatch[1] : \"\";\n//从value中获取最新的categoryId\nvar categoryIdRegex = /&categoryId=([^&]+)/;\nvar categoryIdMatch = event.data.value.match(categoryIdRegex);\nconst categoryId = categoryIdMatch && categoryIdMatch.length > 0 ? categoryIdMatch[1] : \"\";\n//获取上一次的listname和最新的listname\nconst lastListName = event.data.listName;\nconst listName = event.data.value.split('?')[0].split('instances/grid/')[1];\n//切换流程时清除过滤条件\nif (lastListName == \"monitor\" && listName == \"monitor\" && (flowId != lastFlowId || categoryId != lastCategoryId)) {\n  listViewPropsStoreKey = window.location.pathname + \"/crud\";\n  sessionStorage.removeItem(listViewPropsStoreKey);\n  sessionStorage.removeItem(listViewPropsStoreKey + \"/query\");\n}"
-                    },
-                    {
-                      "actionType": "setValue",
-                      "componentId": "instances_list_service",
-                      "args": {
-                        "value": {
-                          "additionalFilters": [
-                            "${event.data.options.name}",
-                            "=",
-                            "${event.data.options.value}"
-                          ]
-                        }
-                      },
-                      "expression": "${event.data.options.level>=10}"
-                    },
-                    {
-                      "args": {
-                        "link": "${event.data.value}",
-                        "blank": false
-                      },
-                      "actionType": "link"
-                    }
-                  ]
-                }
-              },
-              "menuTpl": {
-                "type": "wrapper",
-                "className": "flex items-center py-1.5 px-3 m-0 rounded-md transition-colors duration-150",
-                "body": [
-                  {
-                    "type": "tpl",
-                    "className": "flex-1 leading-6 truncate instance-menu-label",
-                    "tpl": "${label}",
-                    "id": "u:9dee51f00db4"
-                  },
-                  {
-                    "type": "tpl",
-                    "className": "ml-auto",
-                    "tpl": "",
-                    "badge": {
-                      "className": "h-0",
-                      "offset": [
-                        -5,
-                        0
-                      ],
-                      "mode": "text",
-                      "text": "${tag | toInt}",
-                      "overflowCount": 999
-                    },
-                    "id": "u:2329cd1fecc2"
-                  }
-                ],
-                "id": "u:545154bcc334"
-              },
-              "unfoldedLevel": 2,
-              "source": "${options}"
-            }
           ],
-          "api": {
+          "schemaApi": {
             "method": "get",
             "url": "${context.rootUrl}/api/${appId}/workflow/nav",
             "headers": {
               "Authorization": "Bearer ${context.tenantId},${context.authToken}"
             },
             "messages": {},
-            "adaptor": "payload.data.value = window.location.pathname + decodeURIComponent(window.location.search); return payload;"
+            "adaptor": "payload.data.value = window.location.pathname + decodeURIComponent(window.location.search);\n// return payload;\n\n\nreturn {\n  \"type\": \"service\",\n  \"data\": payload.data,\n  \"body\": [{\n    \"type\": \"input-tree\",\n    \"name\": \"tree\",\n    \"treeContainerClassName\": \"h-full bg-white\",\n    \"className\": \"instance-box-tree h-full w-full p-0 bg-white\",\n    \"id\": \"u:9f3dd961ca12\",\n    \"stacked\": true,\n    \"multiple\": false,\n    \"enableNodePath\": false,\n    \"hideRoot\": true,\n    \"showIcon\": true,\n    \"initiallyOpen\": false,\n    \"virtualThreshold\": 100000,\n    \"value\": \"${value}\",\n    \"size\": \"md\",\n    \"onEvent\": {\n      \"change\": {\n        \"actions\": [\n          {\n            \"actionType\": \"setValue\",\n            \"componentId\": \"instances_list_service\",\n            \"args\": {\n              \"value\": {\n                \"isFlowDataDone\": false\n              }\n            }\n          },\n          {\n            \"actionType\": \"custom\",\n            \"script\": \"//获取上一次的flowId和categoryId\\nconst lastFlowId = event.data.flowId;\\nconst lastCategoryId = event.data.categoryId;\\n//从value中获取最新的flowId\\nvar flowIdRegex = /&flowId=([^&]+)/;\\nvar flowIdMatch = event.data.value.match(flowIdRegex);\\nconst flowId = flowIdMatch && flowIdMatch.length > 0 ? flowIdMatch[1] : \\\"\\\";\\n//从value中获取最新的categoryId\\nvar categoryIdRegex = /&categoryId=([^&]+)/;\\nvar categoryIdMatch = event.data.value.match(categoryIdRegex);\\nconst categoryId = categoryIdMatch && categoryIdMatch.length > 0 ? categoryIdMatch[1] : \\\"\\\";\\n//获取上一次的listname和最新的listname\\nconst lastListName = event.data.listName;\\nconst listName = event.data.value.split('?')[0].split('instances/grid/')[1];\\n//切换流程时清除过滤条件\\nif (lastListName == \\\"monitor\\\" && listName == \\\"monitor\\\" && (flowId != lastFlowId || categoryId != lastCategoryId)) {\\n  listViewPropsStoreKey = window.location.pathname + \\\"/crud\\\";\\n  sessionStorage.removeItem(listViewPropsStoreKey);\\n  sessionStorage.removeItem(listViewPropsStoreKey + \\\"/query\\\");\\n}\"\n          },\n          {\n            \"actionType\": \"setValue\",\n            \"componentId\": \"instances_list_service\",\n            \"args\": {\n              \"value\": {\n                \"additionalFilters\": [\n                  \"${event.data.options.name}\",\n                  \"=\",\n                  \"${event.data.options.value}\"\n                ]\n              }\n            },\n            \"expression\": \"${event.data.options.level>=10}\"\n          },\n          {\n            \"args\": {\n              \"link\": \"${event.data.value}\",\n              \"blank\": false\n            },\n            \"actionType\": \"link\"\n          }\n        ]\n      }\n    },\n    \"menuTpl\": {\n      \"type\": \"wrapper\",\n      \"className\": \"flex items-center py-1.5 px-3 m-0 rounded-md transition-colors duration-150\",\n      \"body\": [\n        {\n          \"type\": \"tpl\",\n          \"className\": \"flex-1 leading-6 truncate instance-menu-label\",\n          \"tpl\": \"${label}\",\n          \"id\": \"u:9dee51f00db4\"\n        },\n        {\n          \"type\": \"tpl\",\n          \"className\": \"ml-auto\",\n          \"tpl\": \"\",\n          \"badge\": {\n            \"className\": \"h-0\",\n            \"offset\": [\n              -5,\n              0\n            ],\n            \"mode\": \"text\",\n            \"text\": \"${tag | toInt}\",\n            \"overflowCount\": 999\n          },\n          \"id\": \"u:2329cd1fecc2\"\n        }\n      ],\n      \"id\": \"u:545154bcc334\"\n    },\n    \"unfoldedLevel\": 2,\n    \"source\": \"${options}\"\n  }]\n}"
+            # "adaptor": "payload.data.value = window.location.pathname + decodeURIComponent(window.location.search); return payload;"
           },
           "messages": {},
           "dsType": "api"

package/main/default/objects/flows/flows.object.yml

@@ -456,12 +456,28 @@ fields:
     language: html
     is_wide: true
     group: template
+  instance_template_backup:
+    label: Form Template Backup
+    type: code
+    language: html
+    is_wide: true
+    group: template
+    hidden: true
+    omit: true
   print_template:
     label: Print Template
     type: code
     language: html
     is_wide: true
     group: template
+  print_template_backup:
+    label: Print Template Backup
+    type: code
+    language: html
+    is_wide: true
+    group: template
+    hidden: true
+    omit: true
   name_formula:
     label: Formula of Title
     type: text

package/main/default/objects/instances/buttons/instance_delete.button.yml

@@ -32,6 +32,10 @@ amis_schema: |-
                             {
                                 "actionType": "custom",
                                 "script":"window.$('.list-view-btn-reload').click()"
+                            },
+                            {
+                                "actionType": "custom",
+                                "script":"window.$('.instance-nav-reload').click()"
                             }
                       ],
                       "weight": 0

package/main/default/objects/instances/buttons/instance_new.button.yml

@@ -71,6 +71,10 @@ amis_schema: |-
                                                         {
                                                             "actionType": "custom",
                                                             "script":"window.$('.list-view-btn-reload').click()"
+                                                        },
+                                                        {
+                                                            "actionType": "custom",
+                                                            "script":"window.$('.instance-nav-reload').click()"
                                                         }
                                                     ]
                                                 }

package/main/default/pages/page_instance_print.page.amis.json

@@ -350,8 +350,67 @@
         ".steedos-amis-instance-view .form-control .antd-Table-table tbody tr:last-child td": {
             "border-right": "0px"
         },
+        ".steedos-instance-related-view-wrapper .instance-form-view": {
+            "table-layout": "fixed !important",
+            "width": "100% !important"
+        },
+        ".steedos-instance-related-view-wrapper .steedos-input-table": {
+            "width": "100% !important",
+            "display": "block !important"
+        },
+        ".steedos-instance-related-view-wrapper .antd-Table-contentWrap": {
+            "overflow-x": "auto !important",
+            "display": "block !important",
+            "width": "100% !important"
+        },
         ".antd-Table-content-colDragLine": {
             "display": "none !important"
+        },
+        "@media print": {
+            "html, body, #root, #main, .creator-content-wrapper, .builder-component, .builder-content, .builder-blocks, .builder-block, .amis-scope, .amis-routes-wrapper": {
+                "width": "100% !important",
+                "height": "auto !important",
+                "overflow": "visible !important",
+                "display": "block !important",
+                "position": "static !important"
+            },
+            ".resize-sensor, .no-print, .antd-Page-toolbar, .steedos-global-header-root": {
+                "display": "none !important"
+            },
+            ".steedos-instance-related-view-wrapper, .steedos-instance-related-view-wrapper .antd-Page-content, .steedos-instance-related-view-wrapper .antd-Page-main, .steedos-instance-related-view-wrapper .antd-Page-body, .steedos-instance-related-view-wrapper .steedos-instance-detail-wrapper, .steedos-instance-related-view-wrapper .antd-Service, .steedos-instance-related-view-wrapper .antd-Wrapper, .steedos-instance-related-view-wrapper .steedos-amis-instance-view, .steedos-instance-related-view-wrapper .steedos-amis-instance-view-body, .steedos-instance-related-view-wrapper .steedos-amis-instance-view-content, .steedos-instance-related-view-wrapper .liquid-amis-container": {
+                "display": "block !important",
+                "height": "auto !important",
+                "width": "100% !important",
+                "overflow": "visible !important",
+                "flex": "none !important",
+                "position": "static !important"
+            },
+            ".steedos-instance-related-view-wrapper .instance-form": {
+                 "margin": "0 auto",
+                 "width": "100% !important",
+                 "max-width": "100% !important"
+            },
+            ".steedos-instance-related-view-wrapper .instance-form-view": {
+                "table-layout": "fixed !important",
+                "width": "100% !important"
+            },
+            ".steedos-instance-related-view-wrapper .steedos-input-table": {
+                "width": "100% !important",
+                "display": "block !important"
+            },
+            ".steedos-instance-related-view-wrapper .antd-Table-contentWrap": {
+                "overflow-y": "visible !important",
+                "overflow-x": "auto !important",
+                "display": "block !important",
+                "width": "100% !important",
+                "height": "auto !important"
+            },
+            ".steedos-instance-related-view-wrapper .instance-form-view td": {
+                "border-width": "1px !important"
+            },
+            ".steedos-instance-related-view-wrapper .instance-approve-history .antd-Table-table tr td": {
+                "border-bottom": "1px solid #e8e8e8 !important"
+            }
         }
     },
     "wrapperCustomStyle": {}

package/main/default/routes/api_workflow_chart.router.js

@@ -513,7 +513,7 @@ const FlowversionAPI = {
 					<meta name="mobile-web-app-capable" content="yes">
 					<meta name="theme-color" content="#000">
 					<meta name="application-name">
-					<script type="text/javascript" src="/unpkg.com/jquery@1.11.2/dist/jquery.min.js"></script>
+					<script type="text/javascript" src="/unpkg.com/jquery@3.7.1/dist/jquery.min.js"></script>
 					<script type="text/javascript" src="/unpkg.com/mermaid@9.1.2/dist/mermaid.min.js"></script>
 					<style>
 						body { 

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "@steedos-labs/plugin-workflow",
-  "version": "3.0.15",
+  "version": "3.0.18",
   "main": "package.service.js",
   "license": "MIT",
   "scripts": {
     "build:watch": "tsc --watch",
-    "release": "npm publish --registry https://registry.npmjs.org && npx cnpm sync @steedos-labs/plugin-workflow"
+    "release": "npm publish --registry https://registry.npmjs.org && npx cnpm sync @steedos-labs/plugin-workflow",
+    "export-templates": "node run.js export",
+    "convert-templates": "node convert-templates.js"
   },
   "dependencies": {
     "graphql-parse-resolve-info": "^4.12.3",

package/public/workflow/index.css

@@ -597,6 +597,109 @@ tbody .color-priority-muted *{
 }
 
 
+.instance-form,.instance-template .td-title{
+  text-align: center;
+}
+
+.instance-form .td-childfield{
+    text-align: left;
+}
+
+.instance-template .table-page-body .antd-Form-label{
+    display: none !important;
+}
+
+.instance-form .form-table {
+    border-collapse: collapse;
+    border: 2px solid black;
+}
+.instance-form .form-table td {
+    border: 1px solid black;
+    padding: 4px 6px;
+    border-collapse: collapse;
+}
+
+.instance-form .td-childfield{
+    padding: 0 !important;
+    border: none !important;
+}
+
+
+/* 1. 基础设置：合并边框并去掉表格容器的外边框 */
+.instance-form .antd-Table-table {
+  border-collapse: collapse;
+  border: none !important; /* 强制移除最外层边框 */
+}
+
+/* 2. 给所有单元格添加边框（内部边框） */
+.instance-form .antd-Table-table th,
+.instance-form .antd-Table-table td {
+  border: 1px solid #000; /* 这里可以修改你想要的颜色，比如 #000 */
+  padding: 8px; /* 适当增加间距更美观 */
+}
+
+/* 3. 移除最左侧和最右侧的垂直边框 */
+.instance-form .antd-Table-table tr th:first-child,
+.instance-form .antd-Table-table tr td:first-child {
+  border-left: none;
+}
+.instance-form .antd-Table-table tr th:last-child,
+.instance-form .antd-Table-table tr td:last-child {
+  border-right: none;
+}
+
+/* 4. 移除最顶部和最底部的水平边框 */
+.instance-form .antd-Table-table thead tr:first-child th {
+  border-top: none;
+}
+.instance-form .antd-Table-table tbody tr:last-child td {
+  border-bottom: none;
+}
+
+.instance-form .steedos-input-table .antd-Service>.antd-Form-item {
+    margin-bottom: 0px !important;
+}
+
+
+.instance-form .steedos-input-table .antd-Table-table colgroup col:nth-child(2) {
+    width: 0px !important;
+    min-width: 0px !important;
+}
+
+.instance-form .steedos-input-table .antd-Table-table thead tr th:first-child {
+    width: 60px;
+}
+
+.instance-form .steedos-input-table .antd-Table-table thead .antd-Table-operationCell {
+    width: 0px !important;
+}
+
+.instance-form .steedos-input-table .antd-Table-table .steedos-input-table-column-operation {
+    border: none !important;
+}
+
+.instance-form .steedos-input-table .antd-Table-table .steedos-input-table-column-operation .antd-OperationField {
+    margin-left: -55px;
+}
+
+.instance-form td .loading {
+    display: none !important;
+}
+
+
+.instance-form .antd-Table-headToolbar{
+    display: none !important;
+}
+
+.table-page-title{
+    border: none !important;
+}
+
+.instance-name .page-title{
+    text-align: center;
+    border: none !important;
+}
+
 /* 公共打印隐藏样式 */
 @media print {
   .no-print {