321

src/api/index.ts

@@ -63,8 +63,17 @@ export const downloadTxt = async(params:GetTransListParams)=>{
     return instance.get('/download/unsigntxs',{
         params: params
     }).then(async res=>{
-            await downloadjs(res.data, 'report.txt', 'text/plain')
+            try{
+                await downloadjs(res.data)
+            }catch(err){
+                console.log('下载出错了',err);
+            }
         return
+    }).catch((err:any)=>{
+        return{
+            status:'error',
+            message:err.response.data.message
+        }
     })
   
 }
\ No newline at end of file

src/components/workspace.vue

@@ -4,6 +4,7 @@ import Controllbar from './controllbar.vue';
 import { useAxios } from '@vueuse/integrations/useAxios'
 import { computed, onMounted, reactive, ref, watch } from 'vue';
 import { downloadTxt, getTransList } from '../api';
+import { ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 const reqData = reactive({
   platId:0,
@@ -18,6 +19,7 @@ const reqData = reactive({
 const loading = ref(false)
 const disableDownload = ref(true)
 const table = ref([])
+const downloadModal = ref(false)
 const pageController = reactive({
   size:0
 })
@@ -83,7 +85,16 @@ const childDataChange = (v:{data:any,type:string})=>{
     }
     console.log(reqData); 
 }
-const download = async()=> await downloadTxt(reqData)
+const download = async()=> {
+    const res = await downloadTxt(reqData) as any
+    if(res.status === 'error'){
+      downloadModal.value = false;
+      ElMessage({
+        message:res.message,
+        type:'error'
+      })
+    }
+}
 const dateFilter = computed(()=>{
   return function(v:any){
       const time = parseInt(v)*1000
@@ -117,12 +128,25 @@ const requestDataChanged = (v:any)=>  reqData.page = v
   })
 </script>
 <template>
+    <el-dialog
+        v-model="downloadModal"
+        title="下载Txt记录"
+        width="30%"
+      >
+        <span>确认下载Txt记录</span>
+        <template #footer>
+          <span class="dialog-footer">
+            <el-button @click="downloadModal = false">Cancel</el-button>
+            <el-button class=" bg-blue-500" type="primary" @click="download"
+              >Confirm</el-button
+            >
+          </span>
+        </template>
+      </el-dialog>
     <div class="container relative  flex py-6 mx-auto min-h-full min-h-workspace bg-white">
-        <!-- <div class="left w-60 border-r px-3 ">
-        </div> -->
         <div class="right relative flex-grow px-3  pb-28 ">
             <Tabs @fresh="initTable"></Tabs>
-            <Controllbar @eventEmitted="childDataChange" @dodownload="download" :btnEnable="disableDownload"></Controllbar>
+            <Controllbar @eventEmitted="childDataChange" @dodownload="downloadModal=true" :btnEnable="disableDownload"></Controllbar>
             <div class="table-view w-full ">
                 <div class=" text-sm opacity-50 py-3 px-3">当前交易笔数:{{pageController.size}}</div>
                 <el-table