微信小程序生成货单的表格pdf页面

生成货单的表格pdf页面可以分为以下几个步骤：

1. 在微信小程序中获取需要生成的货单数据。
2. 使用第三方库将货单数据转换为表格形式。
3. 使用第三方库生成pdf文件，并将表格插入到pdf中。
4. 将pdf文件上传到服务器或者保存到本地。

具体实现可以参考以下步骤：

1. 获取货单数据

在微信小程序中，可以通过接口或者表单获取货单数据，以json格式保存。例如，可以定义一个包含货单信息的json对象：

let invoice = {
    "customer": "张三",
    "date": "2022-10-01",
    "items": [
        {"name": "商品1", "price": 10, "quantity": 2},
        {"name": "商品2", "price": 20, "quantity": 1}
    ],
    "total": 40
};

2. 转换为表格形式

使用第三方库将货单数据转换为表格形式，例如使用 `jsPDF` 库。该库提供了表格相关的API，可以便捷地生成表格。首先需要使用 `doc.autoTable()` 方法创建一个表格，然后使用 `doc.autoTableAddPage()` 方法添加新页面，最后使用 `doc.save()` 方法保存pdf文件。

// 初始化一个doc对象
let doc = new jsPDF();

// 创建一个表格
doc.autoTable({
    head: [['商品', '单价', '数量', '总价']],
    body: invoice.items.map(item => [item.name, item.price, item.quantity, item.price * item.quantity])
});

// 添加页面
doc.autoTableAddPage();

// 保存pdf文件
doc.save('invoice.pdf');

3. 上传到服务器或保存到本地

使用 `wx.uploadFile()` 方法可以将pdf文件上传到服务器，也可以使用 `wx.saveFile()` 方法将pdf文件保存到本地。

上传到服务器：

wx.uploadFile({
    url: 'https://example.com/upload',
    filePath: 'invoice.pdf',
    name: 'file',
    success: function(res) {
        console.log(res);
    }
});

保存到本地：

wx.saveFile({
    tempFilePath: 'invoice.pdf',
    success: function(res) {
        console.log(res.savedFilePath);
    }
});

综上所述，以上是微信小程序生成货单的表格pdf页面的实现步骤。