vue2-client 1.15.33 → 1.15.35

package/CLAUDE.md

@@ -0,0 +1,90 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## 常用开发命令
+
+### 开发服务器
+- `npm run serve` - 在端口8020启动开发服务器（Windows需要SET命令设置NODE_OPTIONS）
+- `npm run mac-serve` - 在macOS/Linux启动开发服务器
+- 支持多环境启动命令：gaslink、revenue、liuli、scada、iot、his、runtime、message、apply
+
+### 构建命令
+- `npm run build` - 生产环境构建
+- `npm run build:preview` - 预览环境构建
+
+### 测试
+- `npm test` - 运行Jest测试
+- `npm run test:unit` - 运行Vue CLI单元测试
+
+### 代码质量
+- `npm run lint` - 运行ESLint并自动修复问题
+- `npm run lint:nofix` - 运行ESLint但不自动修复
+
+## 项目架构
+
+### Vue 2.7 + Ant Design Vue应用
+这是一个使用Vue 2.7和Ant Design Vue 1.7.8作为UI框架的项目。项目采用模块化组件架构，包含自定义的base-client基础组件库。
+
+### 核心架构组件
+
+#### 基础客户端系统 (`src/base-client/`)
+- **Components**: 可复用的UI组件，使用X前缀命名（XForm、XTable、XCard等）
+- **Plugins**: 全局Vue插件，包括认证、i18n扩展和页面管理
+- **全局注册**: base-client中的组件会全局注册，整个应用可用
+
+#### 组件库结构
+- **X组件**: 核心表单和表格组件（XForm、XTable、XFormTable），通过JSON配置动态生成UI
+- **布局组件**: XPageView用于复杂页面布局，支持基于行的渲染
+- **业务组件**: 针对工单、系统管理、HIS（医院信息系统）等特定领域的组件
+
+#### 配置驱动开发
+- 组件使用JSON配置动态生成表单、表格和布局
+- `src/config/`中的配置文件定义组件行为和系统设置
+- 支持多环境配置的特定部署模式
+
+#### 模块系统
+- **Pages**: 按功能组织的应用页面
+- **Services**: API层，包含数据模型和服务抽象
+- **Utils**: 共享工具，包括加密、格式化和低代码辅助工具
+- **Store**: Vuex状态管理，包含账户、设置和低代码模块
+
+#### 低代码平台集成
+- 内置低代码编辑器和渲染器组件
+- 低代码环境的自定义组件注册系统
+- 表达式求值的逻辑运行器系统
+
+### 开发模式
+
+#### 组件开发
+- 遵循现有X组件模式保持一致性
+- 使用mixins共享表单验证逻辑
+- 使用XFormCol栅格系统实现响应式设计
+
+#### API集成
+- 使用`src/services/apiService.js`进行API调用
+- 遵循DataModel模式进行数据转换
+- 使用axios拦截器实现正确的错误处理
+
+#### 样式开发
+- 使用Less预处理器，主题变量在`src/theme/`中
+- Ant Design Vue主题系统，支持动态颜色替换
+- 组件特定样式与组件共同放置
+
+#### 测试策略
+- Jest进行单元测试
+- Vue Test Utils进行组件测试
+- 测试文件位于`test/`和`tests/unit/`
+
+### 环境配置
+项目通过Vue CLI模式支持多个部署环境：
+- gaslink、revenue、liuli、scada、iot、his、runtime、message、apply
+- 每个模式在vue.config.js中有特定的代理配置
+- 环境变量控制API端点和功能标志
+
+### 代码风格指南（来自.cursorrules）
+- 尽可能使用Vue 2.7组合API和setup语法糖
+- 组件名使用PascalCase
+- 可组合函数和工具使用camelCase
+- 方法和计算属性使用箭头函数
+- 模块化和迭代式代码，避免重复

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.15.33",
+  "version": "1.15.35",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XFormTable/XFormTable.vue

@@ -576,6 +576,7 @@ export default {
             summaryUpdate: true,
             disableAction: this.disableAction,
             extraData: this.extraData,
+            rowStyleFunction: res.rowStyleFunction,
             ...res
           })
           if (this.realQueryConfig?.funcData?.pageMounted) {

package/src/base-client/components/common/XFormTable/demo.vue

@@ -8,6 +8,7 @@
       @action="action"
       @selectRow="selectRow"
       @columnClick="columnClick"
+      serviceName="af-revenue"
       ref="xFormTable">
     </x-form-table>
   </a-card>

package/src/base-client/components/common/XTable/XTable.vue

@@ -416,6 +416,8 @@ export default {
       editButtonStateData: [],
       // 按钮权限
       buttonPermissions: [],
+      // 行样式函数，用于控制每行的样式类型
+      rowStyleFunction: null,
       // 是否展示汇总
       showSummary: false,
       // 自定义汇总
@@ -752,7 +754,8 @@ export default {
         clearSelectRowAfterQuery = false,
         disableAction = false,
         extraData,
-        chineseQueryColumnArray = []
+        chineseQueryColumnArray = [],
+        rowStyleFunction = null
       } = params
       this.showSummary = Object.keys(tableSummaryMap).length > 0
       if (this.showSummary) {
@@ -811,6 +814,7 @@ export default {
       this.clearSelectRowAfterQuery = clearSelectRowAfterQuery
       this.disableAction = disableAction
       this.extraData = extraData
+      this.rowStyleFunction = rowStyleFunction
       if (this.chartsConfigArray.length > 0) {
         // 循环chartsConfigArray，将每个配置的数据请求参数赋值给requestParameters
         this.chartsConfigArray.forEach(item => {

package/src/base-client/components/common/XTable/XTableWrapper.vue

@@ -20,6 +20,7 @@
     :selectRowMode="tableContext.selectRowMode"
     :size="tableContext.tableSize"
     :components="components"
+    :rowStyleFunction="tableContext.rowStyleFunction"
     @beforeDataChange="beforeDataChange"
     @expand="onExpand"
     @rowClick="handleRowClick"
@@ -156,6 +157,7 @@
     :selectRowMode="tableContext.selectRowMode"
     :size="tableContext.tableSize"
     :components="components"
+    :rowStyleFunction="tableContext.rowStyleFunction"
     @rowClick="handleRowClick"
     @beforeDataChange="beforeDataChange"
   >

package/src/base-client/components/his/XShiftSchedule/dome.vue

@@ -1,7 +1,7 @@
 <template>
   <XShiftSchedule
-   :query-params-name="queryParamsName"
-   :service-name="serviceName"
+    :query-params-name="queryParamsName"
+    :service-name="serviceName"
   >
   </XShiftSchedule>
 </template>

package/src/components/FileImageItem/FileItemGroup.vue

@@ -34,8 +34,8 @@
                 <span class="file-count">({{ group.length }}个文件)</span>
               </div>
               <file-item
-                  :files="group"
-                  :downloadable="downloadable"
+                :files="group"
+                :downloadable="downloadable"
               />
             </div>
           </template>

package/src/components/STable/index.js

@@ -1,6 +1,7 @@
 import T from 'ant-design-vue/es/table/Table'
 import get from 'lodash.get'
 import { mapState } from 'vuex'
+import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
 
 export default {
   data () {
@@ -100,6 +101,11 @@ export default {
     pageMaxSize: {
       type: Number,
       default: null
+    },
+    // 行样式函数，用于控制每行的样式类型
+    rowStyleFunction: {
+      type: Function,
+      default: null
     }
   }),
   computed: {
@@ -378,6 +384,44 @@ export default {
         return '#e6f7ff'
       }
     },
+    // 获取行样式类型
+    getRowStyleType (record, index) {
+      if (this.rowStyleFunction) {
+        try {
+          // 如果是函数对象，直接执行
+          if (typeof this.rowStyleFunction === 'function') {
+            return this.rowStyleFunction(record, index)
+          }
+          // 如果是字符串函数，使用executeStrFunctionByContext执行
+          if (typeof this.rowStyleFunction === 'string') {
+            return executeStrFunctionByContext(this, this.rowStyleFunction, [record, index])
+          }
+        } catch (e) {
+          console.warn('Row style function error:', e)
+          return 'info'
+        }
+      }
+      return 'info'
+    },
+    // 获取行样式类名
+    getRowStyleClass (record, index) {
+      const styleType = this.getRowStyleType(record, index)
+      switch (styleType) {
+        case 'success':
+          return 'ant-table-row-success'
+        case 'warn':
+        case 'warning':
+          return 'ant-table-row-warning'
+        case 'error':
+        case 'danger':
+          return 'ant-table-row-error'
+        case 'magic':
+          return 'ant-table-row-magic'
+        case 'info':
+        default:
+          return ''
+      }
+    },
   },
 
   render () {
@@ -421,13 +465,41 @@ export default {
       const isCurrentRow = isRowKeySequence
         ? this.clickedRowKey === index
         : this.clickedRowKey === record[this.rowKey]
+      const rowStyleClass = this.getRowStyleClass(record, index)
+
+      // 根据行样式类型确定选中时的背景色
+      let selectedBgColor = ''
+      if (isCurrentRow && rowStyleClass) {
+        // 如果有行样式类，使用对应的深色
+        switch (rowStyleClass) {
+          case 'ant-table-row-success':
+            selectedBgColor = '#b8e6a0'
+            break
+          case 'ant-table-row-warning':
+            selectedBgColor = '#ffe066'
+            break
+          case 'ant-table-row-error':
+            selectedBgColor = '#ffb3b3'
+            break
+          case 'ant-table-row-magic':
+            selectedBgColor = '#d9b3ff'
+            break
+          default:
+            selectedBgColor = this.clickedRowColor
+        }
+      } else if (isCurrentRow) {
+        // 没有行样式类时使用默认选中颜色
+        selectedBgColor = this.clickedRowColor
+      }
+
       return {
         on: {
           click: () => this.handleRowClick(record, index)
         },
         style: {
-          'background-color': isCurrentRow ? this.clickedRowColor : ''
-        }
+          'background-color': selectedBgColor
+        },
+        class: rowStyleClass
       }
     }
     // 自定义底部汇总插槽组件

package/src/pages/WorkflowDetail/WorkFlowDemo3.vue

@@ -1,204 +1,203 @@
-<template>
-  <div id="beingProcessed">
-    <x-form-table
-      title="我的工单"
-      ref="xFormTable"
-      :queryParamsName="queryParamsName"
-      :fixed-query-form="{
-        users_f_handler_id: currUser.id,
-      }"
-      @action="toDetail">
-      <template slot="button">
-        <a-button @click="addApply">
-          <a-icon type="plus"/>
-          发起报建
-        </a-button>
-      </template>
-    </x-form-table>
-    <a-modal
-      v-model="applyAddFlag"
-      :footer="null"
-      :dialog-style="{ top: '5rem' }"
-      :z-index="1001"
-      title="发起报建"
-      :destroyOnClose="true">
-      <x-add-native-form ref="xForm" @onSubmit="applySubmit"/>
-    </a-modal>
-    <WorkflowDetail
-      ref="workFlow"
-      @success="success"
-      @nextClick="nextClick"
-      @x-form-item-emit-func="handleFormItemEvent"
-    >
-    </WorkflowDetail>
-    <!--  地址选择器  -->
-    <address-select ref="addressSelect" @setAddress="setForm"></address-select>
-  </div>
-</template>
-
-<script>
-import WorkflowDetail from '@vue2-client/pages/WorkflowDetail/WorkflowDetail.vue'
-import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
-import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
-import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
-import { mapState } from 'vuex'
-import AddressSelect from '@vue2-client/pages/addressSelect/index.vue'
-import XFormGroup from '@vue2-client/base-client/components/common/XFormGroup'
-
-export default {
-  name: 'Apply',
-  components: {
-    XFormTable,
-    XAddNativeForm,
-    WorkflowDetail,
-    AddressSelect,
-    XFormGroup,
-  },
-  // 透传给子组件的方法（目前XFormTable接了）
-  provide () {
-    return {
-      generalFunction: {
-        setCancel: this.setCancel,
-        chargeAdd: this.chargeAdd,
-        addUser: this.addUser,
-        editUser: this.editUser,
-        addContract: this.addContract,
-        addcharge: this.addcharge,
-        updateFormData: this.updateFormData,
-        chargeCancel: this.chargeCancel,
-        chargeBatchRefund: this.chargeBatchRefund,
-      }
-    }
-  },
-  data () {
-    return {
-      // 查询配置文件名
-      queryParamsName: 'ApplyProcessCRUD',
-      // 发起报建弹框控制
-      applyAddFlag: false,
-      // 提交加载动画
-      confirmLoading: false,
-      refreshFn: null,
-      chargeVisible: false
-    }
-  },
-  computed: {
-    ...mapState('account', { currUser: 'user' }),
-  },
-  methods: {
-    addApply () {
-      console.log('打开了吗')
-      this.applyAddFlag = true
-      this.$nextTick(
-        () => {
-          getConfigByName('addApplyForm', 'af-apply', (res) => {
-            this.$refs.xForm.init({
-              businessType: '新增',
-              title: '发起报建',
-              ...res
-            })
-          })
-        }
-      )
-    },
-    applySubmit (formData) {
-      runLogic('addApply', formData).then(
-        res => {
-          this.$message.success('发起报建成功')
-          this.$refs.xFormTable.refreshTable(true)
-          this.applyAddFlag = false
-        }
-      ).catch(() => {
-        this.applyAddFlag = false
-      })
-    },
-    success () {
-      console.log('完工')
-    },
-    toDetail (record, id) {
-      this.$refs.workFlow.init({
-        workflowId: record.ab_f_workflow_id,
-        queryParamsNameTab: 'ApplySonProcessCRUD',
-      })
-    },
-    handleFormItemEvent (func, data, value) {
-      console.log('打印一下：', func, data, value)
-      if (func === 'selectAddress') {
-        this.$refs.addressSelect.setFormShow()
-      }
-    },
-    setForm (record) {
-      this.$refs.workFlow.setFormValue({ address: record.f_address, address_id: record.f_address_id })
-    },
-    nextClick ({ form, formStep, workflowId }) {
-      console.log('success', form, formStep, workflowId)
-      const data = {
-        workflowId,
-        form,
-        formStep
-      }
-      runLogic('applySubmitAfter', data, 'af-apply').then(
-        res => {
-          if (res) {
-            // this.$message.success('提交成功！')
-            this.$refs.xFormTable.refreshTable(true)
-          }
-        }
-      )
-    },
-    // 协议作废
-    setCancel (record, refreshFn) {
-      this.$refs.cancelContract.setCancel(record, refreshFn)
-    },
-    // 增值收费新增
-    chargeAdd (refreshFn) {
-      this.$refs.addCharge.chargeAdd(this.$refs.workFlow.workflowId, refreshFn)
-    },
-    // 协议新增
-    addContract (refreshFn) {
-      this.$refs.addContract.addContract(this.$refs.workFlow.workflowId, refreshFn)
-    },
-    // 新增用户
-    addUser (refreshFn) {
-      if (this.$refs.workFlow.$refs.baseInformation.details.f_workflow_define_name != '团购报建流程') {
-        this.$message.success('只有团购报建流程才可以新增用户信息!')
-        return
-      }
-      this.$refs.addUser.addUser(this.$refs.workFlow.workflowId, refreshFn)
-    },
-    // 编辑用户
-    editUser (record, refreshFn) {
-      this.$refs.addUser.editUser(record, refreshFn)
-    },
-    // 新增收费
-    addcharge (refreshFn) {
-      this.$refs.addApplyCharge.addcharge(this.$refs.workFlow.workflowId, refreshFn)
-    },
-    // 报装缴费页面初始化
-    updateFormData (workflowId) {
-      if (this.$refs.workFlow.$refs.baseInformation.details.f_sub_state == '报装缴费') {
-        runLogic('getApplyBusinessrecode', { f_workflow_id: workflowId }, 'af-apply').then((res) => {
-          this.$refs.workFlow.$refs.workflowHandle.$refs.xAddForm.setForm(res)
-        })
-      } else if (this.$refs.workFlow.$refs.baseInformation.details.f_sub_state == '合同签订') {
-        runLogic('queryAgreementAmount', { workflowId: workflowId }, 'af-apply').then((res) => {
-          this.$refs.workFlow.$refs.workflowHandle.$refs.xAddForm.setForm({ add_amount: res[0].f_contract_money })
-        })
-      }
-    },
-    // 增值收费单个数据的撤销功能
-    chargeCancel (record, refreshFn) {
-      this.$refs.cancel.chargeCancel(record, refreshFn)
-    },
-    // 批量撤销(退费)
-    chargeBatchRefund (selectedRowKeys, selectedRows, refreshFn) {
-      if (selectedRowKeys.length === 0 || selectedRows.length === 0) {
-        this.$message.warn('请选择要退费的记录', 5)
-        return
-      }
-      const workflowId = this.$refs.workFlow.workflowId
-      this.$refs.batchRefund.selectRow(selectedRowKeys, selectedRows, refreshFn, workflowId)
-    }
-  }
-}
-</script>
+<template>
+  <div id="beingProcessed">
+    <x-form-table
+      title="我的工单"
+      ref="xFormTable"
+      :queryParamsName="queryParamsName"
+      :fixed-query-form="{
+        users_f_handler_id: currUser.id,
+      }"
+      @action="toDetail">
+      <template slot="button">
+        <a-button @click="addApply">
+          <a-icon type="plus"/>
+          发起报建
+        </a-button>
+      </template>
+    </x-form-table>
+    <a-modal
+      v-model="applyAddFlag"
+      :footer="null"
+      :dialog-style="{ top: '5rem' }"
+      :z-index="1001"
+      title="发起报建"
+      :destroyOnClose="true">
+      <x-add-native-form ref="xForm" @onSubmit="applySubmit"/>
+    </a-modal>
+    <WorkflowDetail
+      ref="workFlow"
+      @success="success"
+      @nextClick="nextClick"
+      @x-form-item-emit-func="handleFormItemEvent"
+    >
+    </WorkflowDetail>
+    <!--  地址选择器  -->
+    <address-select ref="addressSelect" @setAddress="setForm"></address-select>
+  </div>
+</template>
+
+<script>
+import WorkflowDetail from '@vue2-client/pages/WorkflowDetail/WorkflowDetail.vue'
+import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
+import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+import { mapState } from 'vuex'
+import AddressSelect from '@vue2-client/pages/addressSelect/index.vue'
+import XFormGroup from '@vue2-client/base-client/components/common/XFormGroup'
+
+export default {
+  name: 'Apply',
+  components: {
+    XFormTable,
+    XAddNativeForm,
+    WorkflowDetail,
+    AddressSelect,
+    XFormGroup,
+  },
+  // 透传给子组件的方法（目前XFormTable接了）
+  provide () {
+    return {
+      generalFunction: {
+        setCancel: this.setCancel,
+        chargeAdd: this.chargeAdd,
+        addUser: this.addUser,
+        editUser: this.editUser,
+        addContract: this.addContract,
+        addcharge: this.addcharge,
+        updateFormData: this.updateFormData,
+        chargeCancel: this.chargeCancel,
+        chargeBatchRefund: this.chargeBatchRefund,
+      }
+    }
+  },
+  data () {
+    return {
+      // 查询配置文件名
+      queryParamsName: 'ApplyProcessCRUD',
+      // 发起报建弹框控制
+      applyAddFlag: false,
+      // 提交加载动画
+      confirmLoading: false,
+      refreshFn: null,
+      chargeVisible: false
+    }
+  },
+  computed: {
+    ...mapState('account', { currUser: 'user' }),
+  },
+  methods: {
+    addApply () {
+      console.log('打开了吗')
+      this.applyAddFlag = true
+      this.$nextTick(
+        () => {
+          getConfigByName('addApplyForm', 'af-apply', (res) => {
+            this.$refs.xForm.init({
+              businessType: '新增',
+              title: '发起报建',
+              ...res
+            })
+          })
+        }
+      )
+    },
+    applySubmit (formData) {
+      runLogic('addApply', formData).then(
+        res => {
+          this.$message.success('发起报建成功')
+          this.$refs.xFormTable.refreshTable(true)
+          this.applyAddFlag = false
+        }
+      ).catch(() => {
+        this.applyAddFlag = false
+      })
+    },
+    success () {
+      console.log('完工')
+    },
+    toDetail (record, id) {
+      this.$refs.workFlow.init({
+        workflowId: record.ab_f_workflow_id
+      })
+    },
+    handleFormItemEvent (func, data, value) {
+      console.log('打印一下：', func, data, value)
+      if (func === 'selectAddress') {
+        this.$refs.addressSelect.setFormShow()
+      }
+    },
+    setForm (record) {
+      this.$refs.workFlow.setFormValue({ address: record.f_address, address_id: record.f_address_id })
+    },
+    nextClick ({ form, formStep, workflowId }) {
+      console.log('success', form, formStep, workflowId)
+      const data = {
+        workflowId,
+        form,
+        formStep
+      }
+      runLogic('applySubmitAfter', data, 'af-apply').then(
+        res => {
+          if (res) {
+            // this.$message.success('提交成功！')
+            this.$refs.xFormTable.refreshTable(true)
+          }
+        }
+      )
+    },
+    // 协议作废
+    setCancel (record, refreshFn) {
+      this.$refs.cancelContract.setCancel(record, refreshFn)
+    },
+    // 增值收费新增
+    chargeAdd (refreshFn) {
+      this.$refs.addCharge.chargeAdd(this.$refs.workFlow.workflowId, refreshFn)
+    },
+    // 协议新增
+    addContract (refreshFn) {
+      this.$refs.addContract.addContract(this.$refs.workFlow.workflowId, refreshFn)
+    },
+    // 新增用户
+    addUser (refreshFn) {
+      if (this.$refs.workFlow.$refs.baseInformation.details.f_workflow_define_name != '团购报建流程') {
+        this.$message.success('只有团购报建流程才可以新增用户信息!')
+        return
+      }
+      this.$refs.addUser.addUser(this.$refs.workFlow.workflowId, refreshFn)
+    },
+    // 编辑用户
+    editUser (record, refreshFn) {
+      this.$refs.addUser.editUser(record, refreshFn)
+    },
+    // 新增收费
+    addcharge (refreshFn) {
+      this.$refs.addApplyCharge.addcharge(this.$refs.workFlow.workflowId, refreshFn)
+    },
+    // 报装缴费页面初始化
+    updateFormData (workflowId) {
+      if (this.$refs.workFlow.$refs.baseInformation.details.f_sub_state == '报装缴费') {
+        runLogic('getApplyBusinessrecode', { f_workflow_id: workflowId }, 'af-apply').then((res) => {
+          this.$refs.workFlow.$refs.workflowHandle.$refs.xAddForm.setForm(res)
+        })
+      } else if (this.$refs.workFlow.$refs.baseInformation.details.f_sub_state == '合同签订') {
+        runLogic('queryAgreementAmount', { workflowId: workflowId }, 'af-apply').then((res) => {
+          this.$refs.workFlow.$refs.workflowHandle.$refs.xAddForm.setForm({ add_amount: res[0].f_contract_money })
+        })
+      }
+    },
+    // 增值收费单个数据的撤销功能
+    chargeCancel (record, refreshFn) {
+      this.$refs.cancel.chargeCancel(record, refreshFn)
+    },
+    // 批量撤销(退费)
+    chargeBatchRefund (selectedRowKeys, selectedRows, refreshFn) {
+      if (selectedRowKeys.length === 0 || selectedRows.length === 0) {
+        this.$message.warn('请选择要退费的记录', 5)
+        return
+      }
+      const workflowId = this.$refs.workFlow.workflowId
+      this.$refs.batchRefund.selectRow(selectedRowKeys, selectedRows, refreshFn, workflowId)
+    }
+  }
+}
+</script>

package/src/pages/WorkflowDetail/WorkflowDetail.vue

@@ -95,19 +95,6 @@
                 <file-item-group @search="getWorkFlowFiles"/>
               </template>
             </a-tab-pane>
-
-            <!--子流程tab-->
-            <a-tab-pane key="6" tab="子流程">
-              <a-card :bordered="false">
-                <x-form-table
-                  title="子流程"
-                  ref="xFormTable"
-                  :queryParamsName="queryParamsNameTab"
-                  :fixed-query-form="fixedQueryFormTab"
-                >
-                </x-form-table>
-              </a-card>
-            </a-tab-pane>
           </a-tabs>
         </a-card>
       </div>
@@ -161,10 +148,7 @@ export default {
       initStepId: null,
       visible: false,
       // 控制流程是否可操作
-      renderCurrentNode: true,
-      // 子流程
-      queryParamsNameTab: '',
-      fixedQueryFormTab: {},
+      renderCurrentNode: true
     }
   },
   expose: ['setFormValue'],
@@ -246,14 +230,10 @@ export default {
       await this.getBaseInfo()
       this.fixedQueryForm.a_f_workflow_id = this.workflowId
       this.fixedAddForm.a_f_workflow_id = this.workflowId
-      this.fixedQueryFormTab.w_f_workflow_parentid = this.workflowId
     },
     // 初始化两张固定表
-    async init ({ workflowId, queryParamsNameTab, stepId, renderCurrentNode = true, visible = true }) {
+    async init ({ workflowId, stepId, renderCurrentNode = true, visible = true }) {
       this.workflowId = workflowId
-      if (queryParamsNameTab) {
-        this.queryParamsNameTab = queryParamsNameTab
-      }
       if (stepId) {
         this.initStepId = stepId
       }

package/src/theme/global.less

@@ -43,6 +43,118 @@ ol {
   margin-bottom: 16px;
 }
 
+// 表格行样式类型
+.ant-table-tbody {
+  // 成功样式 - 绿色 (#52c41a)
+  .ant-table-row-success {
+    background-color: rgba(82, 196, 26, 0.2);
+    
+    &:hover {
+      background-color: rgba(82, 196, 26, 0.3);
+      
+      td {
+        background-color: transparent;
+      }
+    }
+    
+    // 选中状态
+    &.ant-table-row-selected {
+      background-color: rgba(82, 196, 26, 0.4);
+      
+      td {
+        background-color: transparent;
+      }
+    }
+    
+    td {
+      background-color: transparent;
+    }
+  }
+  
+  // 警告样式 - 黄色 (#faad14)
+  .ant-table-row-warning {
+    background-color: rgba(250, 173, 20, 0.1) ;
+    
+    &:hover {
+      background-color: rgba(250, 173, 20, 0.15) ;
+      
+      td {
+        background-color: transparent ;
+      }
+    }
+    
+    // 选中状态
+    &.ant-table-row-selected {
+      background-color: rgba(250, 173, 20, 0.2);
+      
+      td {
+        background-color: transparent;
+      }
+    }
+    
+    td {
+      background-color: transparent ;
+    }
+  }
+  
+  // 错误样式 - 红色 (#f5222f)
+  .ant-table-row-error {
+    background-color: rgba(245, 34, 47, 0.1) ;
+    
+    &:hover {
+      background-color: rgba(245, 34, 47, 0.15) ;
+      
+      td {
+        background-color: transparent ;
+      }
+    }
+    
+    // 选中状态
+    &.ant-table-row-selected {
+      background-color: rgba(245, 34, 47, 0.2) ;
+      
+      td {
+        background-color: transparent ;
+      }
+    }
+    
+    td {
+      background-color: transparent ;
+    }
+  }
+  
+  // 魔法样式 - 紫色
+  .ant-table-row-magic {
+    background-color: rgba(114, 46, 209, 0.1) ;
+    
+    &:hover {
+      background-color: rgba(114, 46, 209, 0.15) ;
+      
+      td {
+        background-color: transparent ;
+      }
+    }
+    
+    // 选中状态
+    &.ant-table-row-selected {
+      background-color: rgba(114, 46, 209, 0.2) ;
+      
+      td {
+        background-color: transparent ;
+      }
+    }
+    
+    td {
+      background-color: transparent ;
+    }
+  }
+  
+  // 默认选中状态（没有特殊行样式时）
+  .ant-table-row-selected:not(.ant-table-row-success):not(.ant-table-row-warning):not(.ant-table-row-error):not(.ant-table-row-magic) {
+    background-color: rgba(24, 144, 255, 0.1) ;
+  }
+}
+
 // 数据列表 操作
 .table-operator {
   margin-bottom: 18px;