数据质量规则-导出

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

 <template>
   <BasicModal
     min-height="100"
-    width="30%"
+    width="40%"
     v-bind="$attrs"
     @register="registerModal"
     :title="getTitle"
@@ -11,18 +11,15 @@
       <template #fileMethods="{ model, field }">
         <div style="display: flex">
           <div>
-            <a-button
-              style="border: 1px solid #158eff;
-              border-radius: 5px;
-              margin-left: 5px;"
-            >下载模板</a-button>
-            <a-button
-              style="border: 1px solid #158eff;
-              border-radius: 5px;
-              margin-left: 5px;" >选择</a-button>
+            <a-button style="border: 1px solid #158eff; border-radius: 5px; margin-left: 5px"
+              >下载模板</a-button
+            >
+            <a-button style="border: 1px solid #158eff; border-radius: 5px; margin-left: 5px"
+              >选择</a-button
+            >
           </div>
-          <div style="width: 200px; margin-top: -6px; margin-left: 5px"
-          >数据质量只能导入单个zip文件</div
+          <div style="width: 200px; margin-top: 5px; margin-left: 5px"
+            >数据质量只能导入单个zip文件</div
           >
         </div>
       </template>
@@ -30,67 +27,67 @@
   </BasicModal>
 </template>
 <script lang="ts" setup>
-import { Radio, RadioGroup } from 'ant-design-vue';
-import { ref, computed, unref, reactive } from 'vue';
-import { BasicModal, useModalInner } from '@/components/Modal';
-import { BasicForm, useForm } from '@/components/Form';
-// import { formSchema } from './gradingResults.data';
-import Icon from '@/components/Icon/Icon.vue';
-import { useMessage } from '@/hooks/web/useMessage';
-import { importSchema } from '@/views/dataQuality/dataSheet/rule/rule.data.ts';
+  import { Radio, RadioGroup } from 'ant-design-vue';
+  import { ref, computed, unref, reactive } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicForm, useForm } from '@/components/Form';
+  // import { formSchema } from './gradingResults.data';
+  import Icon from '@/components/Icon/Icon.vue';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { importSchema } from '@/views/dataQuality/dataSheet/rule/rule.data.ts';
 
-defineOptions({ name: 'ImportModal' });
+  defineOptions({ name: 'ImportModal' });
 
-const emit = defineEmits(['success', 'register']);
-const { createMessage } = useMessage();
-const isUpdate = ref(true);
-const rowId = ref('');
-const value = ref<string>('1');
-//获取接口数据并放在下拉框里（这里是打开了一个弹框）
-//初始化表单
-const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
-  labelWidth: 100,
-  baseColProps: { lg: 24, md: 24 },
-  schemas: importSchema,
-  showActionButtonGroup: false,
-  actionColOptions: {
-    span: 26,
-  },
-});
-//初始化弹框
-const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
-  resetFields();
-  setModalProps({ confirmLoading: false });
+  const emit = defineEmits(['success', 'register']);
+  const { createMessage } = useMessage();
+  const isUpdate = ref(true);
+  const rowId = ref('');
+  const value = ref<string>('1');
+  //获取接口数据并放在下拉框里（这里是打开了一个弹框）
+  //初始化表单
+  const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
+    labelWidth: 100,
+    baseColProps: { lg: 24, md: 24 },
+    schemas: importSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 26,
+    },
+  });
+  //初始化弹框
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    resetFields();
+    setModalProps({ confirmLoading: false });
 
-  if (unref(isUpdate)) {
-    // 通过id获取行详情信息
-    // 塞值
-    setFieldsValue({
-      ...data.record,
-    });
-  }
-});
+    if (unref(isUpdate)) {
+      // 通过id获取行详情信息
+      // 塞值
+      setFieldsValue({
+        ...data.record,
+      });
+    }
+  });
 
-const getTitle = computed(() => '导入文件选择');
+  const getTitle = computed(() => '导入文件选择');
 
-async function handleSubmit() {
-  try {
-    const values = await validate();
-    setModalProps({ confirmLoading: true });
-    // TODO custom api
-    closeModal();
-    emit('success', { isUpdate: unref(isUpdate), values: { ...values, id: rowId.value } });
-  } finally {
-    setModalProps({ confirmLoading: false });
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      // TODO custom api
+      closeModal();
+      emit('success', { isUpdate: unref(isUpdate), values: { ...values, id: rowId.value } });
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
   }
-}
 </script>
 <style lang="scss" scoped>
-.modalBody {
-  display: flex;
-  align-items: center;
-  .title {
-    padding-right: 15px;
+  .modalBody {
+    display: flex;
+    align-items: center;
+    .title {
+      padding-right: 15px;
+    }
   }
-}
 </style>