修改数据库到数据库

src/views/realTimeSync/dataBaseToDataBase/data.ts

@@ -255,7 +255,7 @@ export const mappingRuleConfigurationColumns: BasicColumn[] = [
   {
     title: '规则名称',
     dataIndex: 'ruleName',
-    width: 200,
+    width: 120,
     edit: true,
     editable: true,
     editComponent: 'Input',
@@ -283,6 +283,7 @@ export const mappingRuleConfigurationColumns: BasicColumn[] = [
     title: '规则详情',
     dataIndex: 'ruleDetail',
     width: 200,
+    slots: { customRender: 'ruleDetail' },
   },
   {
     title: '执行顺序',

src/views/realTimeSync/dataBaseToDataBase/dataBaseData.ts

@@ -1103,3 +1103,55 @@ export const fieldMappingRulesTableData: any[] = [
     dataSourceName: 'pre_SOURCE',
   },
 ];
+export const dataOperation1 = [
+  {
+    label: '包含',
+    value: '包含',
+  },
+  {
+    label: '排除',
+    value: '排除',
+  },
+];
+export const dataOperation2 = [
+  {
+    label: '更新',
+    value: '更新',
+  },
+  {
+    label: '插入',
+    value: '插入',
+  },
+  {
+    label: '删除',
+    value: '删除',
+  },
+];
+export const dataFiltering1 = [
+  {
+    label: 'id',
+    value: 'id',
+  },
+  {
+    label: 'name',
+    value: 'name',
+  },
+  {
+    label: 'age',
+    value: 'age',
+  },
+];
+export const dataFiltering2 = [
+  {
+    label: '>',
+    value: '>',
+  },
+  {
+    label: '<',
+    value: '<',
+  },
+  {
+    label: '=',
+    value: '=',
+  },
+];

src/views/realTimeSync/dataBaseToDataBase/optionPage.vue

@@ -175,6 +175,31 @@
             style="font-size: 15px; white-space: pre-wrap"
           />
           <BasicTable title="数据转换规则" @register="registerMappingRuleConfigurationTable">
+            <template #ruleDetail="{ text }">
+              <div v-if="text === '数据操作过滤'" style="display: flex">
+                <Select style="width: 100%" placeholder="请选择" :options="dataOperation1" />
+                <Select
+                  style="width: 100%"
+                  placeholder="请选择"
+                  :options="dataOperation2"
+                  mode="multiple"
+                />
+              </div>
+              <div v-if="text === '数据值过滤'" style="display: flex">
+                <Select style="width: 100%" placeholder="请选择" :options="dataFiltering1" />
+                <Select style="width: 100%" placeholder="请选择" :options="dataFiltering2" />
+                <AInput placeholder="英文逗号将枚举值隔开" />&nbsp;&nbsp;
+              </div>
+              <div v-if="text === '字段过滤'" style="display: flex">
+                <Select style="width: 100%" placeholder="请选择" :options="dataOperation1" />
+                <Select
+                  style="width: 100%"
+                  placeholder="请选择"
+                  :options="dataFiltering1"
+                  mode="multiple"
+                />
+              </div>
+            </template>
             <template #headerTop>
               <a-input-search placeholder="输入关键字搜索" style="width: 200px" />
               <Select
@@ -682,6 +707,10 @@
     jsonData,
     fieldMappingData,
     fieldMappingRulesTableData,
+    dataOperation2,
+    dataOperation1,
+    dataFiltering1,
+    dataFiltering2,
   } from './dataBaseData';
   import { router } from '@/router';
   import { BasicTable, useTable, TableAction } from '@/components/Table';
@@ -1281,7 +1310,7 @@
       businessId: n.value + 1,
       name: '',
       dataTable: '',
-      ruleDetail: '',
+      ruleDetail: type,
       ruleType: type,
     };
     mappingRuleConfigurationTable.value.push(data);