@mamcharger/mam-print

Print-editor vue 组件

为了便于将预览和打印功能集成到开发平台，把打印设计器封装成了便于安装的 vue 组件包

安装

npm install mc-print --save//安装

使用

<!--yourComponent.vue-->

<template>
    <div>
        <!--your html elements-->
        <PrintEditor
            :domain="domain"
            :tableId="tableId"
            :recordId="recordId"
            :token="token"
            :showPreview="showPreview"
            :handler="switchStatus"
        />
    </div>
</template>

<script>
    import PrintEditor from 'mc-print-editor';
    export default {
        components: {
            PrintEditor,
        },
        data() {
            // 组件接收的props(均为必传)
            // 预览所需数据需根据domain和tokenId
            // recordId,token进行请求获取
            return {
                showPreview: false,
                domain: 'http://118.31.117.243/api/',
                tableId: 'c6e07234f91a488a98f2542c841911d8',
                recordId: 'd86c72addeff4acd8bf0155e79ba706d',
                token: 'f622123854494c5a8784719a38e65c96',
            };
        },
        methods: {
            // 显示和隐藏预览窗口
            switchVisible(visible) {
                this.showPreview = visible;
            },
        },
    };
</script>

data内声明的属性除showPreview默认值为false外，其他值需自定义

ToDo

• 集成后的本地测试
• 提测后的bug修复