feat: (项目库-详情-招标计划): 年度资金计划导出修改

src/views/project/annualDrawer/exportModal.vue

 <template>
   <BasicModal
-    v-bind="$attrs"
-    @register="register"
-    title="导出筛选结果"
-    :minHeight="30"
-    okText="导出"
-    @ok="handleSubmit"
-    @visible-change="handleVisibleChange"
+      v-bind="$attrs"
+      @register="register"
+      title="导出筛选结果"
+      :minHeight="30"
+      okText="导出"
+      @ok="handleSubmit"
+      @visible-change="handleVisibleChange"
   >
     <BasicForm @register="registerForm" :model="modelRef" />
   </BasicModal>
 </template>
 <script lang="ts" setup>
-  import { ref, nextTick, defineProps, defineEmits, unref } from 'vue';
-  import { BasicModal, useModalInner } from '@/components/Modal';
-  import { BasicForm, FormSchema, useForm } from '@/components/Form';
-  import { uploadApi } from '@/api/sys/upload';
-  import { AnnexAdd } from '@/api/project/project';
-  import { tenderPlanExport } from '@/api/project/export';
-  import { reject } from 'lodash-es';
-  import { downloadByData } from '@/utils/file/download';
+import {ref, nextTick, defineProps, defineEmits, unref, inject} from 'vue';
+import { BasicModal, useModalInner } from '@/components/Modal';
+import { BasicForm, FormSchema, useForm } from '@/components/Form';
+import { exportData } from '@/api/project/export';
+import { downloadByData } from '@/utils/file/download';
+const  title = ref('');
+const  exProjectUrl=ref('')
+const projectId = ref(0);
+let detailId = inject('detailId');
 
-  const projectId = ref(0);
-  const schemas: FormSchema[] = [
-    {
-      field: 'colums',
-      component: 'CheckboxGroup',
-      label: '',
-      required: true,
-      componentProps: {
-        options: [],
-      },
-      colProps: {
-        span: 24,
-      },
-    },
-  ];
-  const props = defineProps({
-    userData: { type: Object },
-  });
-  function handleVisibleChange(v) {
-    v && props.userData && nextTick(() => onDataReceive(props.userData));
-  }
-  const emit = defineEmits(['close', 'register']);
-  const modelRef = ref({});
-  const [
-    registerForm,
-    {
-      getFieldsValue,
-      validate,
-      updateSchema,
-      //   // setFieldsValue,
-      // setProps,
+
+const searchData=ref({})
+const schemas: FormSchema[] = [
+  {
+    field: 'colums',
+    component: 'CheckboxGroup',
+    label: '',
+    required: true,
+    componentProps: {
+      options: [],
     },
-  ] = useForm({
-    labelWidth: 120,
-    schemas,
-    showActionButtonGroup: false,
-    actionColOptions: {
+    colProps: {
       span: 24,
     },
-  });
-
-  const [register, { closeModal }] = useModalInner((data) => {
-    console.log(111);
-
-    data && onDataReceive(data);
-  });
+  },
+];
+const props = defineProps({
+  userData: { type: Object },
+});
+function handleVisibleChange(v) {
+  v && props.userData && nextTick(() => onDataReceive(props.userData));
+}
+const emit = defineEmits(['close', 'register']);
+const modelRef = ref({});
+const [
+  registerForm,
+  {
+    getFieldsValue,
+    validate,
+    updateSchema,
+    //   // setFieldsValue,
+    // setProps,
+  },
+] = useForm({
+  labelWidth: 120,
+  schemas,
+  showActionButtonGroup: false,
+  actionColOptions: {
+    span: 24,
+  },
+});
 
-  // function handleVisibleChange(v) {
-  //   v && props.userData && nextTick(() => onDataReceive(props.userData));
-  // }
+const [register, { closeModal }] = useModalInner((data) => {
+  console.log(111);
+  exProjectUrl.value=data.exportUrl;
+  if(data.title){
+    console.log(data.title,"title")
+  }
+  title.value = data.title;
+  searchData.value=data.searchData;
+  data && onDataReceive(data);
+});
 
-  function onDataReceive(data) {
-    console.log('Data Received', data.exportData);
-    updateSchema({
-      field: 'colums',
-      componentProps: {
-        options: data.exportData,
-      },
-    });
-    // console.log(props.userData);
 
-    // projectId.value = data.projectId;
-    // console.log(projectId.value);
-  }
-  function handleSubmit() {
-    validate().then(async () => {
-      const value = getFieldsValue();
-      console.log(value);
-      const data = await tenderPlanExport({
-        colums: value.colums,
-        searchField: { biddingType: '施工' },
-      });
-      downloadByData(data, '招标计划.xlsx');
-      emit('close');
-      closeModal();
+function onDataReceive(data) {
+  console.log('Data Received', data.exportData);
+  updateSchema({
+    field: 'colums',
+    componentProps: {
+      options: data.exportData,
+    },
+  });
+}
+function handleSubmit() {
+  validate().then(async () => {
+    const value = getFieldsValue();
+    console.log(value);
+    const data = await exportData(exProjectUrl.value,{
+      proId: detailId,
+      colums: value.colums,
+      searchField: searchData.value,
     });
-  }
+    console.log(title.value,"eeeeee");
+    downloadByData(data,     title.value+'.xlsx');
+    emit('close');
+    closeModal();
+  });
+}
 </script>