界面优化

yangys

2025-08-28 7bcc72a7fce7c0636b91b2d156e3d4962efb76a7

 src/views/flowmgr/processQuery2.vue

@@ -10,27 +10,17 @@
            @search-change="searchChange" @search-reset="searchReset" @current-change="currentChange"
            @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"
            @selection-change="selectionChange">
            <!-- <template slot="view" slot-scope="{ row }">
              <div class="custom-view-footer">
                <p>这是自定义的底部内容</p>
                <p>当前行数据：{{ row }}</p>
              </div>
            </template> -->
            
            <template #menu-left>
                <!-- <el-button type="primary" plain @click="exportWebSite">导出回传涉密网</el-button> -->
                <!-- <el-button type="primary" plain @click="reassign">挂载车床程序库</el-button> -->
                <!-- <el-button type="primary" plain @click="exportExcel">导出到EXCEL</el-button> -->
                <!-- <el-button type="primary" plain @click="reassign">重新指派
                </el-button> -->
             
            </template>
            <template #menu="scope">
                <el-button type="primary" text size="default" @click.stop="customView(scope.row, scope.index, 0)">查看
                </el-button>
                <!-- <el-button type="primary" text size="default" v-if="scope.row.processDefinitionKey === 'dispatch'"
                    @click.stop="handleAction(scope.row, scope.index, 1)">审批表打印
               <el-button type="primary" text size="default" v-if="scope.row.processDefinitionKey === 'dispatch'"
                    @click.stop="handleApproveTable(scope.row, scope.index)">审批表打印
                </el-button>
                <el-button type="danger" text size="default" @click.stop="handleAction(scope.row, scope.index, 0)">删除
                </el-button> -->
                
            </template>
        </avue-crud>
@@ -82,15 +72,14 @@
                viewBtn: false,
                columnBtn: false,
                tip: false,
                // simplePage: true,
                searchShow: true,
                searchMenuSpan: 7,
                searchEnter:true,
                dialogWidth: '70%',
                // tree: true,
                border: true,
                index: true,
                selection: true,

                menuWidth: 80,
                // menu: false,
                labelWidth: 90,
@@ -552,7 +541,7 @@
                        })
                    })
            } else if (flag === 1) {
                printRow({ processInstanceId: row.processInstanceId })
               
                this.$confirm('是否导出?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
@@ -574,51 +563,35 @@
            }

        },
        handleApproveTable(row, index,) {
           //审批表下载
            
            this.$confirm('是否导出审批表?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
            }).then(() => {
                console.log(this.selection)
                NProgress.start();
                exportBlobPost(
                    `/blade-mdm/flow/mgr/export-approve-table`,
                    { processInstanceId: row.processInstanceId }
                ).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) {
            console.log('selectionChange', list);
            this.selectedList = list;
        },
        // exportWebSite() {
        //     if (this.selectedList.length === 0) {
        //         this.$message.warning('请先选择需要导出的数据');
        //         return;
        //     }
        //     this.$confirm('是否导出?', '提示', {
        //         confirmButtonText: '确定',
        //         cancelButtonText: '取消',
        //         type: 'warning',
        //     }).then(() => {
        //         NProgress.start();
        //         exportBlob(
        //             `/blade-mdm/machineback/filehandle/export-to-inner`,
        //             {
        //                 ids: this.selectedList.map(item => item.id).join(','),
        //             }
        //         ).then(res => {
        //             downloadXls(res.data, `导出回传涉密网${this.$dayjs().format('YYYY-MM-DD HH:mm:ss')}.xlsx`);
        //             NProgress.done();
        //         });
        //     });
        // },
        // exportExcel() {
        //     if (this.selectedList.length === 0) {
        //         this.$message.warning('请先选择需要导出的数据');
        //         return;
        //     }
        //     this.$confirm('是否导出?', '提示', {
        //         confirmButtonText: '确定',
        //         cancelButtonText: '取消',
        //         type: 'warning',
        //     }).then(() => {
        //         NProgress.start();
        //         exportBlob(
        //             `/blade-mdm/machineback/filehandle/export-excel?${this.website.tokenHeader}=${getToken()}`
        //         ).then(res => {
        //             downloadXls(res.data, `导出机床回传程序${this.$dayjs().format('YYYY-MM-DD HH:mm:ss')}.xlsx`);
        //             NProgress.done();
        //         });
        //     });
        // },
        
        searchChange(params, done) {
            let data = {}
            this.query = params;