【Vue.js】生产设备规划工具（报价单Word文档生成）【开发全流程】

😗用户的需求的产生

前些天我一位制罐设备厂的经理李总找到我，想让我开发一个程序，用以帮他生成公司客户所需要的设备报价Word文档。具体如下，可以看出，面对着一条条繁琐的产品报价核算清单，他确实已经对这项枯燥的工作难以忍受所以才找到我帮忙。

🤔用户的具体需求

作为制罐设备厂的经理，李总的客户想要从他的公司订购一套流水线的设备用以生产对应规划的罐子。于是李总就需要根据用户想要生产的罐子类型，列出一条能够生产这种罐子的流水线设备清单给到他的客户，然后他就想让我帮他写一个程序用以生成类似于如下Word文档的报价单：

💻开发过程

一开始接触这个项目我也是有些懵逼，不知道如何入手。原本李总还想让我搞一个可以对话的AI智能体，他输入一段话然后让AI生成相应的文档。但是深入了解与思考之后我发现问题完全没有所想的那么复杂和高深，写个网页就能轻松完成~

1.写出一个选择罐子类型的选项栏

2.根据选项栏数据，生成相应选项所设定的默认设备列表

3.完善列表的修改，删除、核算报价的功能

4.根据关键字检索设备并添加到列表

5.最终将列表导出为Word文档

可以看到最后生成的文档中无法显示页面中相应的图片，我调试了老半天依然没法解决这个问题，希望知道如何解决的大佬能够指点一下。

➡️后续的事

在几次测试和修改之后李总也是满意了，并打算把这个模块添加到他公司的官网上面作为一个工具给大家使用，我的工作就到此结束了。相应的项目源码大家可以下载使用。