数据质量规则-移入规则组

src/views/dataQuality/rule/index.vue

@@ -29,7 +29,10 @@
         <a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0" danger
           >删除</a-button
         >
-        <a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0"
+        <a-button
+          type="primary"
+          :disabled="getRowSelection().selectedRowKeys <= 0"
+          @click="handleMoveInGroup"
           >移入规则组</a-button
         >
         <a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0"
@@ -71,6 +74,7 @@
     <RuleMoreUpdate @register="ruleMoreUpdateModel" />
     <RuleGroupAddModel @register="ruleGroupAddModel" />
     <RuleGroupEditModel @register="ruleGroupEditModel" />
+    <MoveInGroupModel @register="moveInGroupModel" />
   </PageWrapper>
 </template>
 <script lang="ts" setup>
@@ -84,6 +88,7 @@
   import RuleMoreUpdate from './ruleMoreUpdateModel.vue';
   import RuleGroupAddModel from './ruleGroupAddModel.vue';
   import RuleGroupEditModel from './ruleGroupEditModel.vue';
+  import MoveInGroupModel from './moveInGroupModel.vue';
   import { useModal } from '@/components/Modal';
   import { useRouter } from 'vue-router';
   import { useMessage } from '@/hooks/web/useMessage';
@@ -96,6 +101,7 @@
   const [ruleMoreUpdateModel, { openModal: openRuleMoreUpdateModel }] = useModal();
   const [ruleGroupAddModel, { openModal: openRuleGroupAddModel }] = useModal();
   const [ruleGroupEditModel, { openModal: openRuleGroupEditModel }] = useModal();
+  const [moveInGroupModel, { openModal: openMoveInGroupModel }] = useModal();
   const actionList: TreeActionItem[] = [
     {
       render: (node) => {
@@ -172,6 +178,15 @@
   function handleEditMore() {
     openRuleMoreUpdateModel(true, {});
   }
+
+  /**
+   * 移入规则组
+   */
+  function handleMoveInGroup() {
+    openMoveInGroupModel(true, {
+      isUpdate: false,
+    });
+  }
   /** 列表删除 */
   function handleRemove(record) {
     createMessage.success('删除成功!');

src/views/dataQuality/rule/moveInGroupModel.vue

+<template>
+  <BasicModal
+    width="40%"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="getTitle"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import {
+    moveInGroupFormSchema,
+  } from '@/views/dataQuality/rule/rule.data';
+  import BasicForm from '@/components/Form/src/BasicForm.vue';
+  import { useForm } from '@/components/Form';
+
+  const isUpdate = ref(true);
+  const rowId = ref('');
+  // const getTitle = computed(() => (isUpdate.value ? '质量规则详情' : '新建规则'));
+  const getTitle = '移入规则组';
+  //初始化弹框
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({ confirmLoading: false });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      // 获取行数据的id
+      rowId.value = data.record.businessId;
+      // 塞值
+      await setFieldsValue({
+        ...data.record,
+      });
+    }
+  });
+  const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
+    labelWidth: 100,
+    baseColProps: { lg: 12, md: 24 },
+    schemas: moveInGroupFormSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 23,
+    },
+    // 确认按钮配置
+    submitButtonOptions: {
+      text: '提交新版本',
+    },
+  });
+  /**确定按钮*/
+  async function handleSubmit() {
+    await validate();
+    closeModal();
+  }
+</script>

src/views/dataQuality/rule/rule.data.ts

@@ -328,3 +328,29 @@ export const ruleGroupEditTable = [
     width: 240,
   },
 ];
+export const moveInGroupFormSchema = [
+  {
+    field: 'group',
+    label: '移入规则组',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      mode: 'multiple',
+      options: [
+        {
+          label: 'landing',
+          value: 'landing',
+        },
+        {
+          label: 'ods',
+          value: 'ods',
+        },
+        {
+          label: '毕业生',
+          value: '毕业生',
+        },
+      ],
+    },
+    colProps: { lg: 24, md: 24 },
+  },
+];