审批界面增加pdf，图片预览功能

yangys

2025-11-27 f97351a6f1fdc679f4956030d179dca843bbeb0c

 src/views/basesetting/produceplan.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2025-06-17 11:44:52
 * @LastEditors: gaoshp
 * @LastEditTime: 2025-08-13 22:30:53
 * @LastEditTime: 2025-09-05 17:57:29
 * @FilePath: /mdmweb/src/views/basesetting/produceplan.vue
-->
<template>
@@ -73,6 +73,7 @@
    name: 'ProducePlan',
    data() {
        return {
            getApproveList: [],
            activeName: "zhuzhi",
            // Define your data properties here
            excelOption: {
@@ -158,7 +159,8 @@
                        display: true,
                        filterable:true,
                        span: 24,
                        dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
                        // dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
                        dicData: [],
                        props: {
                            label: 'name',
                            value: 'id',
@@ -173,7 +175,8 @@
                        display: true,
                        filterable:true,
                        span: 24,
                        dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
                        // dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
                        dicData: [],
                        props: {
                            label: 'name',
                            value: 'id',
@@ -187,7 +190,8 @@
                        span: 24,
                        display: true,
                        filterable:true,
                        dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
                        // dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
                        dicData: [],
                        props: {
                            label: 'name',
                            value: 'id',
@@ -202,7 +206,8 @@
                        filterable:true,
                        display: true,
                        span: 24,
                        dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
                        // dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
                        dicData: [],
                        props: {
                            label: 'name',
                            value: 'id',
@@ -265,6 +270,15 @@
                        span: 24,
                    },
                    {
                        label: '零组件名称',
                        prop: 'ljmc',
                        type: 'input',
                        search: false,
                        display: true,
                        disabled:true,
                        span: 24,
                    },
                    {
                        label: '主管工艺',
                        prop: 'zggy',
                        type: 'input',
@@ -293,6 +307,19 @@
        };
    },
    methods: {
        getApprovers () {
            axios({
            url: '/blade-mdm/flow/flow-user-list?deptId=0',
            method: 'get',
            params: {}
          }).then(
            res => {
                this.option.column[1].dicData = res.data.data;
                this.option.column[2].dicData = res.data.data;
                this.option.column[3].dicData = res.data.data;
                this.option.column[4].dicData = res.data.data;
            });
        },
        // Define your methods here
        tabsClick(tab,event) {
            //console.log('tab',tab)
@@ -516,6 +543,7 @@
    },
    mounted() {
        // Code to run when the component is mounted
        this.getApprovers()
    },
}
</script>