更新记录

1.0.0（2025-09-03） 下载此版本

实现获取docx模板文档并生成docx文档自动上传云存储

平台兼容性

uni-app(4.76)

uni-app x(4.76)

piao-docx

通过web-view的方式在APP上调用docx模板文档渲染指定内容后上传云存储

1. 调用pizzip解析docx文档、docxtemplater创建文档实例 、 file-saver在H5端保存下载。
2. 在Electron上会注册saveFile方法与主进程实现通讯传递一个buffer。在App端直接上传云存储并获取下载url。
3. App端上传url需使用七牛云的扩展云存储，其他云存储支持在后续版本会增加。

使用方法：以生成处方为例

<template>
    <view>
        <piao-docx :cloudParam="cloudParam" :docxParam="docxParam" @success="uploaded"></piao-docx>
    </view>
</template>

// 云存储参数
const cloudParam = {
    cloudPath: 'web_view/', // 云存储路径
    fileName: `cf.${new Date().getTime()}.docx`,// 存储时的文件名
    baseUrl: 'https://fc-mp-a55cff5c........UploadFileOptions' // 七牛云获取上传参数的请求API
};

// 模板文件参数
const docxParam = {
    path: './cf.docx', // 模板文件的路径：建议将文件复制到插件根目录下static目录内
    data: { // 模板文件渲染的数据
        name: '张三',
        sex: '男',
        date: '2025年5月12日',
        age: '3岁',
        phone: '***',
        identity: '46030419885654',
        diagnose: '上呼吸道感染',
        allergy: '无',
        doctor: '杨博士',
        list: [
            {
                drug: '头孢噻肟钠',
                specification: '350mg * 36 粒',
                amount: '3 盒',
                usage: '一次3粒 一日四次'
            },
            {
                drug: '肝素钠',
                specification: '20ml * 6 支',
                amount: '3 盒',
                usage: '雾化吸入 一次1支 一日四次'
            }
        ]
    },
    outName: '处方'
};

// 处理文档生成完成事件
const uploaded = async (result) => {

    // 检查是否是云存储上传结果
    if (result.data.type === 'document_uploaded_to_cloud') {
        console.log('文档已上传到云存储:', result.data.uploadResult);
        return;
    }
};