🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
应用中心提供了全新EXCEL表单设计器功能,新的EXCEL表单设计器基于纯网页架构实现,不依赖浏览器、不依赖插件,推荐使用谷歌浏览器chrome以可获得更好的操作体验。EXCEL表单设计器采用EXCEL形式绘制表单,然后在单元格中放置基础控件元素实现数据录入与显示。EXCEL表单设计器如下图: ![](https://www.tongda2000.com/oa/MYOA2019/manual/04%E7%94%A8%E6%88%B7%E6%89%8B%E5%86%8C/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83/media/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83_118.png) 从上图可以看出:EXCEL表单设计器由菜单栏、控件区、设计区和属性区构成,其中设计区包含工具栏、右键菜单以及由行、列、单元格构成的设计区域。工具栏包含的功能如下图: ![](https://www.tongda2000.com/oa/MYOA2019/manual/04%E7%94%A8%E6%88%B7%E6%89%8B%E5%86%8C/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83/media/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83_119.png) ### excel表单设计过程 通过EXCEL表单设计器设计表单与控件表单过程类似,区别在于绘制表单结构和表单样式过程不同。EXCEL表单设计器绘制表单结构和表单样式有两种方法:一种是导入现成Excel文件;另一种是直接在设计区里绘制表单,其操作过程和操作MS EXCEL或者WPS一致,这里不再一一赘述。以”门店日销售表”为例,说明EXCEL表单设计过程,首先设计表单结构如下图: ![](https://www.tongda2000.com/oa/MYOA2019/manual/04%E7%94%A8%E6%88%B7%E6%89%8B%E5%86%8C/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83/media/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83_120.png) 然后,从左侧控件区中推拽列表控件到中间设计区域B2单元格中,并在右侧属性区中定义列表子字段如下图: ![](https://www.tongda2000.com/oa/MYOA2019/manual/04%E7%94%A8%E6%88%B7%E6%89%8B%E5%86%8C/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83/media/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83_121.png) 点击设计表头,设计销售列表表头结构如下图: ![](https://www.tongda2000.com/oa/MYOA2019/manual/04%E7%94%A8%E6%88%B7%E6%89%8B%E5%86%8C/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83/media/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83_122.png) 最后在C3单元格放置日期控件,E3单元格放置单行文本控件,表单设计结果如下图: ![](https://www.tongda2000.com/oa/MYOA2019/manual/04%E7%94%A8%E6%88%B7%E6%89%8B%E5%86%8C/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83/media/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83_123.png) 点击”预览”菜单预览表单运行效果如下图: ![](https://www.tongda2000.com/oa/MYOA2019/manual/04%E7%94%A8%E6%88%B7%E6%89%8B%E5%86%8C/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83/media/%E5%BA%94%E7%94%A8%E4%B8%AD%E5%BF%83_124.png) 表单及其控件的其他属性请参考之前的章节方法设置。 友情提示 表单中的控件可通过拖拽从一个单元格移动到另外一个单元格中;如果要删除控件,右键该单元格,然后执行”常用”->”清除”操作。