---

• 💂 个人网站: IT知识小屋
• 🤟 版权: 本文由【IT学习日记】原创、在CSDN首发、需要转载请联系博主
• 💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦

---

简介

电子合同系统：是一种融合互联网、电子签名与可信存证技术的合同管理工具。它让合同从起草、签署到归档全过程都可以在线完成，无需纸质文档，无需当面会签，让合同签署变得更高效、更安全、更合规。

相比传统纸质签约流程，电子合同系统不仅大大节省了人力与时间成本，还能通过电子签名、时间戳和区块链技术，确保每一份合同的真实性、完整性和不可篡改性。这也是越来越多企业走向数字化办公的关键一环。

M-Contract是一款完全自主研发并拥有自主知识产权的免费开源电子合同产品,项目设计时创新性地引入了“证据链”与“非证据链”两种签署模式，全面支持电子签名、电子合同、电子签章、多方协同签署、骑缝章等多种功能，同时提供电子合同SDK与API，助力用户快速集成。

M-Contract支持Web管理端、H5、微信小程序等多端使用，可根据不同行业和业务场景进行深度定制开发。同时，支持本地私有化部署，让企业在保障数据安全的同时，也拥有更高的灵活性与自主性，为企业构建安全、灵活、可靠的电子合同系统。

特点：

• 项目已经集成了市场上各类电子合同解决方案提供商，提供一站式便捷的独立合同运营管理平台服务。无需逐一对接各个电子合同厂商，避免了费时费力，只需一个接口就能轻松使用

• 项目前期调研工作深入、全面，功能基于各个企业的需求痛点

• 项目实现采用简洁的代码和最新的技术栈，帮助您解决项目中80%以上的重复工作，提高开发效率

应用场景

日常生活中，电子合同的应用场景非常广泛，主要包括：

• 人力资源管理：招聘入职时的劳动合同、三方协议、入职承诺书等文件可全部在线签署，大幅提升招聘效率，简化纸质存档流程

• 金融服务：在贷款、保险、理财等业务中，支持多方电子签约与合规存证，让交易过程安全合规，满足审计与监管需求

• 电商与平台型企业：用户协议、商家入驻合同、平台分销协议等支持批量签署与自动归档，降低人工操作成本，提升平台运营效率

• 销售与渠道管理：经销商合同、销售协议等可在线发送与签署，缩短业务响应时间，助力快速达成合作

• 房地产与租赁服务：租赁合同、房屋托管协议、物业服务合同等文档均可在线签署与管理，支持合同到期提醒、查阅留痕等功能，提升客户体验

• 教育培训行业：在线报名协议、培训服务协议支持网页签署，既方便用户操作，也减少线下纸质处理

---

架构

项目结构

├─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                     // 网络请求设置

---

功能模块

业务功能
├─登录注册
│  ├─账号方式
│  └─微信授权
├─首页
│  ├─快捷合同处理
│  │  ├─待我处理
│  │  └─待他人处理
│  └─最近合同
├─合同
│  ├─待我处理
│  ├─待他人处理
│  ├─已完成
│  ├─已拒签
│  ├─已撤销
│  └─已逾期
├─发起新签署合同
└─个人中心
   ├─我的企业
   ├─企业印章
	├─文件管理
   ├─套餐管理
	├─隐私政策
   ├─修改密码
   └─个人中心
      ├─企业套餐
      └─个人套餐

---

UI展示

纸质合同 VS 电子合同

核心功能

移动端(用户端)：首页能快速的发起合同的签署，支持多人或者多公司同时签署，同时还能设置本次签署合同的有效果期，规避一些法律风险

• 企业需要在签署之前完成“企业认证”、“法人实名认证”；同时在使用过程中如果额度用完，可自行购买额度

• 登录应用之后能查看到相应的功能，企业管理，印章管理，签署的文件管理，签署额度购买等等

• 支持用户或者企业可自行设置和上传自己的个人性的签名，骑缝章

• 合同签署前如果是个人需要做“实名认证”、“人证比对”、“人脸识别”等，从而来确保信息的真实性

• 签署详情里面能查看到合同签署人和各方签署的状态信息，同时签署方还可以点击进行签署，签署方式有“手写签名、盖章”等

• 企业管理人员，可以管理企业成员，同时可以授权企业成员是否拥签署权限

• 实名认证企业之后可自动生成合规的ca证书签章，企业管理人员可为每一个成员设置不同的签章权限

• 平台默认非常多非常丰富的合同模板，我们还会不定期更新模板，开发者或者可免费享用模板

• 在未签署合同的时候，还可以支持临时合同文件的管理和上传PS：相当于免费的云盘

• 支持批量签署合同能力（主要是针对在一对多的签署场景当中，如：甲方信息固定，乙方信息不固定的业务场景）

• 参与签署的人可以收到签署的短信信息提醒，在有效期内点击链接可以到H5或者小程序里面进行签署，所有签署人都签署完成之后有短信通知提示

Web端：在后台对自己的合同进行相应的签署和查看，支持在线签署合同，点击“签署”跳转到相应的签署页面

• 手写签署，以及上传自己专属的个性签名信息

• 支持“个人” 和 “企业” 不同身份的切换，管理成员

• Web端还能根据合同签署的状态“我发起的”、“待我处理”、“待他人处理“、”已完成“、“已拒签”、“已撤销”、“已逾期” 进行查询

平台端：可了解合同平台下所有使用者的基本信息，并对相应的数据进行综合概览汇总

• 可查看到脱敏后的所有个人认证的基本信息、可查看到脱敏后的所有企业认证的基本信息

• 可查看所有合同销售情况、可查看到所有合同的使用和消费情况

• 平台可根据自己合同运营情况设置相应的价格，可单独对企业和个人的合同购买金额进行设置

• 根据不同角色进行相应的用户权限设置，不同的用户有不同的管理权限

• 新增运营平台可独立运营自己的合同模板，让平台管理更加灵活更方便，运营平台建立起了合同模板之后，所有合同用户和企业都可以享受到运营平台提前设置好的合同模板

• 合同模板支持动态设置里面的参数信息，也可以提前预设一些参数信息，从而大大的增加了合同的灵活性

---

开源地址&使用手册

点击下方的【IT学习日记】回复【资源】领取！

如果这篇文章对您有帮助，请一定帮我点个 “关注” 和 “点赞”,这对我非常重要。我将会继续推荐更多优质项目和新闻。

写在最后

1000+优质开源项目更新进度：194/1000。如需更多类型优质项目推荐，请在文章后留言。