增加pdf，xlsx，docx文件预览功能

yangys

2025-12-03 fdb0ed498f295b50c072c4b3652c08e2d60a747a

 src/views/wel/todolist.vue

@@ -19,10 +19,10 @@
        <el-drawer title="审批" append-to-body v-model="approveBox" size="100%" v-if="approveBox">
            <div class="approve-box">
                <div class="left">
                    <TodolistLeft :row="row" @selection-change="selectionChange" />
                    <ReplaceLeft :row="row" @selection-change="selectionChange" />
                </div>
                <div class="right">
                    <TodolistRightTop :row="row" />
                    <ReplaceRightTop :row="row" />
                    <avue-form ref="form" :option="optionApprove" v-model="formApprove" @submit="handleSubmit" />
                </div>
            </div>
@@ -34,12 +34,12 @@
import { getList, approve, getAssignee,reassgin } from '@/api/flow/todolist';
import { mapGetters } from 'vuex';
import dayjs from 'dayjs';
import TodolistLeft from './components/TodolistLeft.vue';
import TodolistRightTop from './components/TodolistRightTop.vue';
import ReplaceLeft from './components/ReplaceLeft.vue';
import ReplaceRightTop from './components/ReplaceRightTop.vue';
export default {
    components: {
        TodolistLeft,
        TodolistRightTop
        ReplaceLeft,
        ReplaceRightTop
    },
    data() {
       let rejectText = '驳回';//+this.row.categoryName;
@@ -281,8 +281,18 @@
        };
    },
    watch: {
        // 'form.category'() {
        //     const category = func.toInt(this.form.category);
        //     this.$refs.crud.option.column.filter(item => {
        //         if (item.prop === 'path') {
        //             item.rules[0].required = category === 1;
        //         }
        //         if (item.prop === 'isOpen') {
        //             item.disabled = category === 2;
        //         }
        //     });
        // },
        'formApprove.approve'(val) {
            console.log('>>>>>>>>>>')
            if (val === 'Y' && ["approveTask", 'seniorApproveTask'].includes(this.row.taskDefinitionKey)) {// 高师
                this.optionApprove.column[1].disabled = true;
                this.formApprove.assignee = ''; // 如果是通过，则默认指派给自己
@@ -290,15 +300,13 @@
               this.setAssignee(this.row);
            } else if(val === 'N') {
                this.formApprove.assignee = ''
                console.log('>>>>>>>>>>')
                this.optionApprove.column[1].disabled = true;
                // this.formApprove.assignee = row.variables.senior;
            }
            // if(val === 'Y' && ['confirmIsUseableTask'].includes(this.row.taskDefinitionKey) && this.row.variables.isProcessEditionSame=='N') {
            //     this.optionApprove.column[2].display = true; // 显示工序版次
            // } else {
            //     this.optionApprove.column[2].display = false; // 隐藏工序版次
            // }
            if(val === 'Y' && ['confirmIsUseableTask'].includes(this.row.taskDefinitionKey) && this.row.variables.isProcessEditionSame=='N') {
                this.optionApprove.column[2].display = true; // 显示工序版次
            } else {
                this.optionApprove.column[2].display = false; // 隐藏工序版次
            }
            
        },
    },