文件下发，回传文件处理的查看下载

yangys

2025-09-22 b14bf62abb3480d95beee8314fcb08c0d893813b

 src/views/tasks/machinereturnfileop.vue

@@ -6,7 +6,7 @@
-->
<template>
    <basic-container>
        <avue-crud :option="option" :table-loading="loading" :data="data" v-model:page="page" v-model="form" ref="crud"
        <avue-crud :option="option" :search="query" :table-loading="loading" :data="data" v-model:page="page" v-model="form" ref="crud"
            @search-change="searchChange" @search-reset="searchReset" @current-change="currentChange"
            @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad" @selection-change="selectionChange">
            <template #menu-left>
@@ -15,11 +15,14 @@
                <el-button type="primary" :disabled="this.selectedList.length==0" plain @click="exportExcel">导出到EXCEL</el-button>
            </template>
            <template #menu="scope">
                <el-button type="primary" text size="default"
                    @click.stop="handleAction(scope.row, scope.index)">审批
                </el-button>
                <el-button type="primary" text size="default" @click.stop="showContent(scope.row)">查看</el-button>
                <el-button type="primary" text size="default" @click.stop="download(scope.row, scope.index)">下载</el-button>
            </template>
        </avue-crud>

        <el-dialog title="程序内容" append-to-body v-model="fileViewModel">
            <div v-html="appContent" class="app-content"></div>
        </el-dialog>
    </basic-container>
</template>

@@ -28,7 +31,7 @@
import { exportBlob } from '@/api/common';
import { getToken } from '@/utils/auth';
import NProgress from 'nprogress';
import { downloadXls } from '@/utils/util';
import { downloadXls,downloadFile } from '@/utils/util';
import 'nprogress/nprogress.css';
export default {
    name: 'MachineReturnFileOp',
@@ -40,32 +43,50 @@
                total: 0,
            },
            form: {},
            query: {},
            query: {status:1},
            loading: true,
            data: [],
            fileViewModel:false,
            appContent:'',
            option: {
                addBtn: false,
                editBtn: false,
                delBtn: false,
                columnBtn: false,
                tip: false,
                // simplePage: true,
                searchShow: true,
                searchMenuSpan: 6,
                dialogWidth: '60%',
                // tree: true,
                border: true,
                index: true,
                selection: true,
                // viewBtn: true,
                menuWidth: 100,
                menu: false,
                menuWidth: 110,
                menu: true,
                dialogClickModal: false,
                column: [
                    
               {
                        label: '文件名称',
                        prop: 'name'
                        prop: 'name',
                        search:true,
                        searchSpan:4
                    },
                    {
                        label: '导出状态',
                        prop: 'status',
                        search:true,
                        type:'select',
                        searchSpan:4,
                        dicData:[
                            {
                                label: '未导出',
                                value:1
                            },
                            {
                                label: '已导出',
                                value:2
                            }
                        ]
                    },
                    {
                        label: '回传机床',
@@ -107,7 +128,7 @@
                        valueFormat: 'YYYY-MM-DD HH:mm:ss',
                        search: true,
                        searchRange: true,
                        searchSpan: 8,
                        searchSpan: 10,
                        hide: false,
                    },
               {
@@ -123,6 +144,36 @@
        }
    },
    methods: {
        showContent(row) {
            this.fileViewModel = true;
            this.appContent = '';
            axios({
                url: '/blade-mdm/ossfile/file-content',
                method: 'get',
                params: {ossFileName: row.ossName}
            }).then(
                res => {
                    console.log(res)
                    if(res.data.code === 200) {
                        this.appContent = res.data.data;
                    } else {
                        this.appContent = '程序内容加载失败'
                    }
            });
        },
        download(row){
            exportBlob(
            `/blade-mdm/machinefile/filehandle/download-by-id?id=${row.id}&${this.website.tokenHeader}=${getToken()}`,
            
            ).then(res => {
            
                let name = res.headers['content-disposition'].split('filename=')[1]
                //console.log(res.headers['content-disposition'].split('filename=')[1]);
                name = decodeURI(name)
                downloadFile(res.data, `${name}`);
                NProgress.done();
            });
        },
        selectionChange (list) {
            this.selectedList = list;
        },
@@ -144,6 +195,7 @@
                    }
                ).then(res => {
                    downloadXls(res.data, `工控网回传程序${this.$dayjs().format('YYYY-MM-DD HH:mm:ss')}.zip`);
                    this.onLoad(this.page, {});
                    NProgress.done();
                });
            });
@@ -174,15 +226,12 @@
            console.log('searchChange', params);
            params.confirmTimeBegin = params?.determineTime?.[0] || '';
            params.confirmTimeEnd = params?.determineTime?.[1] || '';
            console.log(params);
            // data = {
            //     createTimeBegin: dayjs(params.createTimeBegin).isValid() ? dayjs(params.createTimeBegin).format('YYYY-MM-DD') : '',
            //     createTimeEnd: dayjs(params.createTimeEnd).isValid() ? dayjs(params.createTimeEnd).format('YYYY-MM-DD') : '',
            //     keyword: params.keyword || ''
            // }
           
            data = {
                confirmTimeBegin: params.confirmTimeBegin,
                confirmTimeEnd: params.confirmTimeEnd,
                name: params.name,
                status: this.query.status,
            }
            this.query = data
            this.onLoad(this.page, data);
@@ -216,7 +265,6 @@
            console.log('onLoad', page, params);
            const query = {
                ...this.query,
                // category: params.category ? flowCategory(params.category) : null,
                mode: this.mode,
            };
            try {