前言
发现一款开源的电子合同产品 Mini-Contract，该产品提供一站式的合同签署解决方案，产品创新地采用了“证据链”与“非证据链”两种签署模式，支持在线电子签名、电子合同、电子签章、电子合同SDK、电子合同API、多方合同发起、骑缝章等多种功能。其数据安全合规可靠，完全独立自主运营和管理合同，让您的合同信息得到最佳保护，拥有Web端管理、H5、微信小程序平台。
项目效果
用户端（移动端）
首页能快速的发起合同的签署，签署人或者公司支持多选择（就是支持多人或者多公司同时签署），同时还能设置本次签署合同的有效果期，从而避免地一些法律风险
作为企业需要在签署之前完成“企业认证”、“法人实名认证”；同时在使用过程中如果额度用完，可自行购买额度
登录应用之后能查看到相应的功能，企业管理，印章管理，签署的文件管理，签署额度购买等等
签署前如果是个人需要做“实名认证”、“人证比对”、“人脸识别”等，从而来确保信息的真实性
在签署详情里面能查看到合同签署人和各方签署的状态信息，同时签署方还可以点击进行签署，签署方式有“手写签名、盖章”等
作为企业管理人员，可以管理企业成员，同时可以授权企业成员是否拥签署权限
实名认证企业之后可自动生成合规的ca证书签章，企业管理人员可为每一个成员设置不同的签章权限
平台默认非常多非常丰富的合同模板，我们还会不定期更新模板，开发者或者可免费享用模板
参与签署的人可以收到签署的短信信息提醒，在有效期内点击链接可以到H5或者小程序里面进行签署，所有签署人都签署完成之后有短信通知提示
用户端（Web端）
Web 用户端，可以在后台对自己的合同进行相应的签署和查看
Web 用户端，支持在线签署合同，点击“签署”跳转到相应的签署页面
手写签署，以及上传自己专属的个性签名信息
Web 用户端支持，“个人” 和 “企业” 不同身份的切换
作为企业管理人员，在Web端也能管理成员
输入"手机号"和“姓名”即可完成成员增加
同时Web端还能根据合同签署的状态“我发起的”、“待我处理”、“待他人处理“、”已完成“、“已拒签”、“已撤销”、“已逾期” 进行查询
作为企业管理人员或者个人在Web端能查看到所有已经签署过并且归档的合同，支持在线查看，下载等操作
Web管理端还支持账号的更换和密码的修改等操作
平台端
数据概况
了解合同平台下所有使用者的基本信息，并对相应的数据进行综合概览汇总
个人认证
平台可查看到脱敏后的所有个人认证的基本信息
企业认证
平台可查看到脱敏后的所有企业认证的基本信息
销售订单
平台可查看所有合同销售情况
消耗服务
平台可查看到所有合同的使用和消费情况
价格设置
平台可根据自己合同运营情况设置相应的价格，可单独对企业和个人的合同购买金额进行设置
账号管理
平台根据不同角色进行相应的用户权限设置，不同的用户有不同的管理权限
横版分类
新增运营平台可独立运营自己的合同模板，让平台管理更加灵活更方便，运营平台建立起了合同模板之后，所有合同用户和企业都可以享受到运营平台提前设置好的合同模板
在设置合同横版的时候，可提前设置好该模板预设好的签署方“个人”、“企业”，目前单个横版最多支持10个签署对象
合同模板支持动态设置里面的参数信息，也可以提前预设一些参数信息，从而大大的增加了合同的灵活性
为什么选择Mini-Contract ?
汇集了市场上各类电子合同解决方案提供商，为您提供一站式便捷的独立合同运营管理平台服务。您无需逐一对接各个电子合同厂商，避免了费时费力的过程。我们已经完成了这项繁琐的工作，您只需一个接口就能轻松使用我们所有的服务商。同时，您还可以享受我们提供的接口渠道价格优势，让您的成本更加可控。
Mini-Contract 是基于企业实际项目经验精心打造的成果，采用简洁的代码和最新的技术栈，非常适合各种需求的前端研发人员。同时，能够帮助您解决前端项目中80%以上的重复工作，提高开发效率。
如果您愿意使用我们提供的界面风格，您可以直接采用，无需担心版权问题，从而快速实现项目落地。让我们的解决方案助您轻松应对电子合同需求，提高工作效率，让您的项目更加顺利地推进。
实际应用中的功能优势
- 高度集成：Mini-Contract 集成了市场上多种电子合同解决方案，通过统一接口实现快速对接，节省了与各个厂商单独对接的时间成本。
- 灵活性：支持企业内部非证据链签署方式，可根据业务需求选择合适的签署方式，满足不同场景下的合同签署需求。
- 易用性：简洁的代码和最新的技术栈使得项目易于理解和上手，有助于前端研发同学快速进行二次开发和功能扩展。
- 安全性：基于 e签宝 等国家认证的合同厂商，确保数据安全可靠，为企业提供安全无忧的司法保障体系。
技术实现与亮点
- 采用 Vue.js 框架：项目基于 Vue.js 开发，具有良好的模块化和组件化特性，便于代码维护和扩展。
- uni-app 跨平台开发：利用 uni-app 进行跨平台开发，一套代码可运行在多个平台，提高开发效率。
- 组件丰富：项目提供了丰富的组件库，如返回顶部、缺省页、合同状态等，方便开发者快速搭建页面。
- 良好的代码结构：清晰的目录结构和模块划分，有助于提高代码的可读性和可维护性。
部署与维护
- 文档完善：项目提供了详细的 README 文档，指导开发者如何安装、配置和使用，降低使用门槛。
- 社区支持：开源项目在 GitHub 上拥有活跃的社区支持，遇到问题可寻求社区帮助，同时也便于贡献者参与项目改进。
- 更新迭代：项目保持持续更新，修复已知 bug 并优化功能，确保软件的稳定性和可靠性。
目录结构
├─App.vue // 应用配置，用来配置APP全局样式以及监听
├─index.html // 给网页开发提供的功能，提供模板
├─jsconfig.json // 规范配置等
├─main.js // 入口文件
├─manifest.json // 配置应用名称、appid、logo、版本等打包信息
├─pages.json // 配置页面路由、导航条、选项卡等页面类信息
├─README.md // 帮助文档
├─uni.scss // scss变量预置, 为了方便整体控制应用的风格
├─vue.config.js // 开发设置
├─api // 接口管理，按照功能分类
├─components // 公共组件库
│ ├─backTop // 返回顶部
│ ├─BaseEmpty // 缺省页
│ ├─baseline // 没有更多数据
│ ├─btn-fixed // 固定在页面底部组件（插槽）
│ ├─checkUser // 切换身份
│ ├─contractState // 合同状态
│ ├─FileItem // 文件信息
│ ├─loading // 页面加载
│ ├─loadMore // 加载数据
│ ├─SwitchEnvironment // 切换环境
│ ├─tag-auth // 用户身份
│ ├─userInfo // 用户信息
│ └─v-tabs // tab切换
├─config // 配置
│ ├─config.js // 系统配置（域名等）
│ ├─net.config.js // 域名配置
│ └─setting.js // 其他全局配置（如：页面分享文案）
├─filters // 过滤器
├─mixins // 混入
│ └─share.js // 页面分享
├─pages // 页面文件夹
│ ├─contract // 合同相关页面
│ │ ├─index.vue // 合同首页
│ │ │ └─index.vue // 合同详情
│ │ ├─sign // 发起签署
│ │ └─revoke // 撤销合同
│ ├─home // 首页
│ │ └─contractTemplate // 合同模板
│ ├─index // 启动页
│ ├─login // 登录注册
│ └─user // 我的
│ ├─company // 企业相关
│ │ ├─addCompany.vue // 添加企业
│ │ ├─addSeal.vue // 添加印章
│ │ ├─authorize.vue // web-view页面
│ │ ├─Certification.vue // 企业认证
│ │ ├─companySeal.vue // 企业印章管理
│ │ ├─create.vue // 创建企业（已废弃）
│ │ ├─myCompany.vue // 我的企业
│ │ └─removeComfirm.vue // 移除企业
│ ├─companyMembers // 成员
│ │ ├─createMember.vue // 添加成员
│ │ └─index.vue // 企业成员
│ ├─createUser // 签署
│ │ ├─addPerson.vue // 添加最近签署人（已废弃）
│ │ └─index.vue // 最近签署人
│ ├─file // 文件管理
│ ├─package // 套餐
│ │ ├─buy.vue // 购买套餐
│ │ └─comboDetails.vue // 我的套餐
│ ├─personal // 个人
│ │ └─Certification.vue // 个人认证
│ └─setting // 设置
│ ├─changeIdentity.vue // 切换身份（已废弃）
│ ├─password.vue // 修改密码（已废弃）
│ └─Privacy.vue // 隐私申明
├─static // 存放静态资源，如图片、视频
│ └─tabbar // tabbar图标
├─store // 状态管理库
├─style // 公共样式库
├─uni_modules // 项目组件、页面、公共模块等
├─unpackage // 打包目录
└─utils // 工具
├─cache.js // 设置缓存
├─common.js // 公共方法
├─compress.js // 图片压缩
├─reg.js // 通用正则表达式
└─request.js // 网络请求设置
技术架构
开发环境
- 语言：Vue2.0
- IDE(前端)： Vscode、HBuilder
- 依赖管理：npm
移动端框架
| 说明 | 框架 | 说明 | 框架 |
|---|---|---|---|
| 基础框架 | uni-app | JS版本 | ES6 |
| 基础JS框架 | Vue.js | 视频播放器 | 原生video |
| 路由管理 | Vue Router | 状态管理 | Vuex |
| 网络请求 | axios | css预处理 | scss |
| 地图引擎 | map |
功能模块
业务功能
├─登录注册
│ ├─账号方式
│ └─微信授权
├─首页
│ ├─快捷合同处理
│ │ ├─待我处理
│ │ └─待他人处理
│ └─最近合同
├─合同
│ ├─待我处理
│ ├─待他人处理
│ ├─已完成
│ ├─已拒签
│ ├─已撤销
│ └─已逾期
├─发起新签署合同
└─个人中心
├─我的企业
├─企业印章
├─文件管理
├─套餐管理
├─隐私政策
├─修改密码
└─个人中心
├─企业套餐
└─个人套餐
最近更新
V1.5.0 更新日志
- 新增非证据链合同签署（可用于企业内部日常审批使用）
- 优化印章管理
- 优化企业实名认证逻辑
- 优化证据链多渠道签署逻辑
- 升级第三方插件版本
- 优化隐私保护协义内容
- 优化用户体验
- 修复已知bug
V1.1.2 更新日志
- 新增支持后台管理可查看企业合同情况
- 优化用户体验
- 修复已知bug
V1.1.1 更新日志
- 优化企业和个人电子合同套餐份数
- 优化用户体验
- 修复已知bug
V1.1.0 更新日志
- 新增丰富多样的合同模板
- 新增应用内合同签署，提升用户体验
- 新增签署方短信通知，避免消息不及时
- 优化用户体验
- 修复已知bug
如果你想加入我们的开源交流群，请扫码添加 Mini-Contract 项目团队，加入群聊：
如果你有任何对 Mini-Contract 产品上的想法、意见或建议，或商务上的合作需求，请扫码添加 Mini-Contract 项目团队进一步沟通：
Mini-Contract 是一款值得关注的电子合同解决方案。希望通过本文的深入剖析，能帮助您更好地了解和应用这一高效便捷的工具，提高合同签署效率，降低企业运营成本。
