质量规则-改

src/views/dataQuality/dataSheet/rule/index.vue

@@ -42,11 +42,11 @@
         <a-button
           type="primary"
           :disabled="getRowSelection().selectedRowKeys <= 0"
-          @click="handleDeleteGroup"
+          @click="handleMoveOutGroup"
           >移出规则组</a-button
         >
         <a-button type="primary" @click="handleImport">导入</a-button>
-        <a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0">导出</a-button>
+        <a-button type="primary" :disabled="getRowSelection().selectedRowKeys <= 0" @click="handleExport">导出</a-button>
         <a-button type="primary" @click="handleAdd">新建规则</a-button>
         <a-button type="primary" @click="handleMoreAdd">批量新建规则</a-button>
         <a-button type="primary" @click="handleAddQuality">新建质量任务</a-button>
@@ -84,6 +84,7 @@
     <RuleGroupAddModel @register="ruleGroupAddModel" />
     <RuleGroupEditModel @register="ruleGroupEditModel" />
     <MoveInGroupModel @register="moveInGroupModel" />
+    <MoveOutGroupModel @register="moveOutGroupModel" />
     <VersionManage @register="versionManage" />
   </PageWrapper>
 </template>
@@ -99,6 +100,7 @@
   import RuleGroupAddModel from './ruleGroupAddModel.vue';
   import RuleGroupEditModel from './ruleGroupEditModel.vue';
   import MoveInGroupModel from './moveInGroupModel.vue';
+  import MoveOutGroupModel from './moveOutGroupModel.vue';
   import VersionManage from './versionManage.vue';
   import { useModal } from '@/components/Modal';
   import { useRouter } from 'vue-router';
@@ -117,6 +119,7 @@
   const [ruleGroupAddModel, { openModal: openRuleGroupAddModel }] = useModal();
   const [ruleGroupEditModel, { openModal: openRuleGroupEditModel }] = useModal();
   const [moveInGroupModel, { openModal: openMoveInGroupModel }] = useModal();
+  const [moveOutGroupModel, { openModal: openMoveOutGroupModel }] = useModal();
   const [versionManage, { openModal: openVersionManage }] = useModal();
   const actionList: TreeActionItem[] = [
     {
@@ -230,6 +233,11 @@
     openImportModal(true, {});
   }
 
+  // 导出
+  function handleExport() {
+    createMessage.success('导出成功！');
+  }
+
   /** 导入成功*/
   function handleImportSuccess() {
     reload();
@@ -251,16 +259,9 @@
       },
     });
   }
-  // 批量删除
-  function handleDeleteGroup() {
-    createConfirm({
-      iconType: 'warning',
-      title: '确认删除',
-      content: '确认批量移出所选工作组吗？',
-      onOk() {
-        createMessage.success('移出成功!');
-        reload();
-      },
+  function handleMoveOutGroup() {
+    openMoveOutGroupModel(true, {
+      isUpdate: false,
     });
   }
   const [

src/views/dataQuality/dataSheet/rule/moveOutGroupModel.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 { moveOutGroupFormSchema } from '@/views/dataQuality/dataSheet/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: moveOutGroupFormSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 23,
+    },
+    // 确认按钮配置
+    submitButtonOptions: {
+      text: '提交新版本',
+    },
+  });
+  /**确定按钮*/
+  async function handleSubmit() {
+    await validate();
+    closeModal();
+  }
+</script>

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

@@ -468,6 +468,33 @@ export const moveInGroupFormSchema = [
     colProps: { lg: 24, md: 24 },
   },
 ];
+export const moveOutGroupFormSchema: FormSchema[] = [
+  {
+    field: 'group',
+    label: '移出规则组',
+    required: true,
+    defaultValue: ['landing', 'ods'],
+    component: 'Select',
+    componentProps: {
+      mode: 'multiple',
+      options: [
+        {
+          label: 'landing',
+          value: 'landing',
+        },
+        {
+          label: 'ods',
+          value: 'ods',
+        },
+        {
+          label: '毕业生',
+          value: '毕业生',
+        },
+      ],
+    },
+    colProps: { lg: 24, md: 24 },
+  },
+];
 export const addNewVersionFormSchema = [
   {
     field: 'describe',

src/views/dataQuality/dataSheet/rule/versionManage.vue

@@ -10,7 +10,7 @@
     <List>
       <template v-for="item in versionModelList" :key="item.id">
         <List.Item>
-          <List.Item.Meta>
+          <List.Item.Meta @click="handleRollback(item)" style="cursor: pointer">
             <template #title>
               <div style="display: flex">
                 <div style="flex: 1">