# 免费开源电子合同

**Repository Path**: TeilTime/mini-contract

## Basic Information

- **Project Name**: 免费开源电子合同
- **Description**: 🔥🔥🔥 Mini-Contract是一款自主研发、拥有自主知识产权的免费开源电子合同产品，我们的产品创新地采用了“证据链”与“非证据链”两种签署模式，支持在线电子签名、电子合同、电子签章、电子合同SDK、电子合同API、多方合同发起、骑缝章等多种功能。我们提供Web端管理、H5、微信小程序平台，以及深度个性化的定制综合解决方案，支持数据和项目私有化本地，降低数据泄露
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 208
- **Created**: 2025-07-22
- **Last Updated**: 2025-07-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

Mini-Contract(Free and Open Source Electronic Contracts)
===============

Current Latest Version: v2.0.1 (Release Date: 2024-02-08)


#### Introduction



<h3 align="center">Mini-Contract</h3>

⭐️⭐️⭐️Mini-Contract is an open-source product that has been separated from the commercial product "YiHetong" by "Chongqing Yeeco Technology Co., Ltd." This tool provides a comprehensive solution customized for industry-specific needs and business scenarios. It enables convenient online contract signing, ensuring security, compliance, and reliability. It builds a time-saving and efficient closed-loop service system for small and medium-sized enterprises and users, creating a worry-free legal protection system. The underlying electronic contract technology is based on "eSign" and other "contract vendors," which are nationally certified and secure.



### Why Choose Mini-Contract ?

Mini-Contract aggregates various electronic contract solution providers in the market, so you don't need to integrate with each contract vendor one by one, saving you time and effort. We have already handled this integration for you, and you only need a single interface to access all our service providers. Additionally, you can enjoy our interface channel prices. Mini-Contract is the result of our real-world project experience, offering concise code, the latest technology stack, and is suitable for front-end developers with various needs. It is also the preferred choice for small and medium-sized enterprises, as it can help reduce over 80% of the repetitive work in front-end projects. If you don't mind using our user interface style, you can quickly launch your project without worrying about copyright issues.



### Commercial Licensing

The commercial version of the code is identical to the open-source version.

Commercial licensing is perpetual and supports lifelong upgrades.

For commercial use, please contact the technical team below for licensing details.




### Open Source Notice

1. Only allowed for personal study and research use.
2. Prohibited from selling the code and resources in any form or under any name.



### Business Scenarios

1. Human Resource Dispatch Company

   > Facing the need for frequent contract signings, the high cost of paper contracts, and the requirement for bulk contract signings.

2. Financial Company

   > Seeking to complete contract signings online, ensuring the retention of timely and effective contract management.

3. Sales Sign-off Company

   > Engaged in the rapid collaboration and immediate signing of contracts when selling products through online channels in the market.

4. Leasing Company

   > Requiring quick contract signings for offline leasing companies, along with online contract management, query functionalities, and automatic reminders for contract expiration.




Directory Structure
-----------------------------------

```
├─App.vue                           // Application configuration, used for configuring global styles and event listeners
├─index.html                        // Provides functionality for web page development and serves as a template
├─jsconfig.json                     // Configuration for code linting, etc.
├─main.js                           // Entry file
├─manifest.json                     //  Configuration for application name, appid, logo, version, etc.
├─pages.json                        // Configuration for page routes, navigation bars, tabs, and other page-related information
├─README.md                         // Help documentation
├─uni.scss                          // Pre-set SCSS variables for easy control of the application's style
├─vue.config.js                     // Development settings
├─api                               // Interface management, categorized by functionality
├─components                        // Public component library
│  ├─backTop                        // Back to top button
│  ├─BaseEmpty                      //  Empty page
│  ├─baseline                       // No more data
│  ├─btn-fixed                      // Fixed bottom component (slot)
│  ├─checkUser                      // Switch identity
│  ├─contractState                  // Contract status
│  ├─FileItem                       // File information
│  ├─loading                        // Page loading
│  ├─loadMore                       // Load more data
│  ├─SwitchEnvironment              // Switch environment
│  ├─tag-auth                       // User identity
│  ├─userInfo                       // User information
│  └─v-tabs                         // Tab switch
├─config                            //  Configuration
│  ├─config.js                      // System configuration (domain, etc.)
│  ├─net.config.js                  // Domain configuration
│  └─setting.js                     // Other global configurations (e.g., page sharing messages)
├─filters                           // Filters
├─mixins                            // Mixins
│  └─share.js                       // Page sharing
├─pages                             // Page folders
│  ├─contract                       // Contract-related pages
│  │  ├─index.vue                   // Contract home
│  │  │    └─index.vue              // Contract details
│  │  ├─sign                        // Initiate signing
│  │  └─revoke                      // Revoke contract
│  ├─home                           // Home
│  │  └─contractTemplate            // Contract templates
│  ├─index                          // Start page
│  ├─login                          // Login and registration
│  └─user                           // My account
│     ├─company                     // Company-related
│     │    ├─addCompany.vue         // Add company
│     │    ├─addSeal.vue            // Add seal
│     │    ├─authorize.vue          // Web-view page
│     │    ├─Certification.vue      // Company certification
│     │    ├─companySeal.vue        // Company seal management
│     │    ├─create.vue             // Create company (deprecated)
│     │    ├─myCompany.vue          // My company
│     │    └─removeComfirm.vue      // Remove company
│     ├─companyMembers              // Members
│     │    ├─createMember.vue       // Add member
│     │    └─index.vue              // Company members
│     ├─createUser                  // Signers
│     │    ├─addPerson.vue          // Add recent signers (deprecated)
│     │    └─index.vue              // Recent signers
│     ├─file                        // File management
│     ├─package                     // Packages
│     │    ├─buy.vue                // Purchase packages
│     │    └─comboDetails.vue       // My packages
│     ├─personal                    // Personal
│     │    └─Certification.vue      // Personal certification
│     └─setting                     // Settings
│          ├─changeIdentity.vue     // Switch identity (deprecated)
│          ├─password.vue           // Change password (deprecated)
│          └─Privacy.vue            // Privacy statement
├─static                            // Static resources storage, such as images, videos
│  └─tabbar                         // Tabbar icons
├─store                             // State management library
├─style                             // Public style library
├─uni_modules                       // Project components, pages, common modules, etc.
├─unpackage                         // Build directory
└─utils                             // Utilities
   ├─cache.js                       // Cache management
   ├─common.js                      // Common functions
   ├─compress.js                    // Image compression
   ├─reg.js                         // Common regular expressions
   └─request.js                     // Network request settings
```



Technical Architecture
-----------------------------------

#### Development Environment

- Language: Vue 2.0

- IDE (Front-end): VSCode, HBuilder

- Dependency Management: npm



#### Mobile Framework

| Description       | Framework       | Description       | Framework       |
| ------------------ | --------------- | ------------------ | --------------- |
| Basic Framework    | uni-app         | JavaScript Version | ES6             |
| Basic JS Framework | Vue.js          | Video Player      | Native video    |
| Routing Management | Vue Router      | State Management  | Vuex            |
| Network Requests  | axios           | CSS Pre-processing | SCSS            |
| Map Engine        | map             |                  |                 |



### Function Modules

```
Business Functions
├─Login and Registration
│  ├─Account Method
│  └─WeChat Authorization
├─Home
│  ├─Quick Contract Handling
│  │  ├─To Be Processed by Me
│  │  └─To Be Processed by Others
│  └─Recent Contracts
├─Contracts
│  ├─To Be Processed by Me
│  ├─To Be Processed by Others
│  ├─Completed
│  ├─Rejected
│  ├─Revoked
│  └─Overdue
├─Initiate New Signing Contracts
└─My Account
   ├─My Company
   ├─Company Seals
   ├─File Management
   ├─Package Management
   ├─Privacy Policy
   ├─Change Password
   └─Personal Center
      ├─Company Packages
      └─Personal Packages
```




Project Screenshots
----



![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_01.png)
![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_02.png)



#### User Interface (Mobile)

> The homepage allows for quick initiation of contract signing, supporting multiple selections of signatories or companies (i.e., simultaneous signing by multiple individuals or companies), and also enables setting the validity period of the contract for this signing, thereby avoiding potential legal risks.



![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_12.png)



![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_03.png)



> As an enterprise, you need to complete "enterprise authentication" and "legal representative real-name authentication" before signing. Additionally, if the quota is used up during the usage, you can purchase more quota on your own.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_04.png)



> After logging into the application, you can access various features such as enterprise management, seal management, document signing management, signing quota purchase, and more.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_05.png)



> Users or businesses can independently set and upload their own personalized signatures and seals.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_13.png)

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_14.png)



> Before signing, individuals are required to complete "real-name authentication," "ID card verification," "facial recognition," and other processes to ensure the authenticity of the information.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_06.png)



> In the signing details, you can view the signing status information of the contract signatories and all parties involved. The signing parties can also click to sign the document, with signing methods including "handwritten signature" and "seal" options. 

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_07.png)



> As an enterprise administrator, you have the ability to manage members of the organization and grant them the authority to sign documents

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_09.png)



> After completing the real-name authentication process for the enterprise, you can automatically generate compliant CA certificate signatures. As an enterprise administrator, you can set different signing permissions for each member.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_10.png)



> The platform provides a wide range of rich contract templates for your use, and we regularly update these templates. As a developer, you can enjoy these templates for free.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_11.png)

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_15.png)



> Batch initiating signature, one-to-many, generating multiple contracts, with fixed data for one party and variable data for the other party/parties. After setting the parameters, multiple contracts can be generated simultaneously, improving the efficiency of initiating contracts (applicable to industries such as human resources where one company entity remains the same but multiple other parties need to sign).

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_19.png)



> To quickly create contracts, you can use the option of generating an online contract directly, eliminating the hassle of downloading and then uploading the contract.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_16.png)

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_17.png)



> Even before signing the contract, it is possible to support the management and uploading of temporary contract files (you can think of it as using our platform as a cloud storage, haha).

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_18.png)



> Simultaneously, the current capability supports batch contract signing (primarily targeting business scenarios where one party's information remains constant while the other party's information varies, such as scenarios with a fixed Party A and a variable Party B).

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_20.png)

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_21.png)





> Signatories involved in the contract can receive SMS reminders about the signing process. Within the validity period, they can click the link to access the H5 or mini program to complete the signing. Once all signatories have completed the signing, a text message notification will be sent to inform them.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_08.png)


#### User Interface (Web)

> The web-based user interface allows users to sign and view their contracts in the backend.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_pc_01.png)



> On the web user interface, there is support for signing contracts online. By clicking on "Sign," you will be redirected to the corresponding signing page.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_pc_02.png)



> In English, it means "Handwritten signature and upload your unique personal signature information."

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_pc_03.png)

>  Web user interface supports switching between different identities, such as "personal" and "business".

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_pc_04.png)



> As a business manager, you can also manage members on the web platform.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_pc_05.png)



> Adding a member can be done by entering their "phone number" and "name".

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_pc_06.png)



>  On the web platform, you can also perform queries based on the status of contract signings, such as "Initiated by me", "Pending my action", "Pending others' action", "Completed", "Rejected", "Cancelled", and "Overdue".

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_pc_07.png)



> As a company manager or an individual, you can view all the signed and archived contracts on the web platform. It supports online viewing, downloading, and other operations.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_pc_08.png)



> The web management portal also supports operations such as changing accounts and modifying passwords.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_pc_09.png)





#### Platform Interface

***Data Overview***

> Gain insights into basic information about all users on the contract platform and aggregate and summarize data.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_01.png)

***Personal Certification***

> The platform can view desensitized basic information for all personal certifications.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_02.png)

***Company Certification***

> The platform can view desensitized basic information for all company certifications.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_03.png)

***Sales Orders***

> The platform can view all contract sales information.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_04.png)

***Service Usage***

> The platform can view all contract usage and consumption information.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_05.png)

***Pricing Settings***

> The platform can set prices based on contract operational needs.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_06.png)

***Account Management***

> The platform can configure user permissions based on different roles.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_07.png)



***Sideways classification***

> The new operations platform allows for the independent operation of contract templates, making platform management more flexible and convenient. Once the operations platform establishes contract templates, all contract users and businesses can benefit from the pre-set templates provided by the operations platform.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_08.png)



![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_09.png)



>  When setting up the contract template, it is possible to pre-set the signatory roles as "individual" or "enterprise". Currently, a single template supports up to 10 signatory objects.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_10.png)



![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_12.png)





> The contract template supports dynamically setting parameter information inside it, and it can also pre-set some parameter information in advance, greatly increasing the flexibility of the contract.

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_admin_13.png)



### Operation Demonstration (Mini Program version)



### Updates Logs

##### v 2.0.0

[New] Introducing a brand new page style, enhancing the overall user experience.

- [x] **[New]** Support for one-to-many bulk contract initiation, improving efficiency in scenarios where a single entity corresponds to multiple signatories.
- [x] **[New]** Support for personalized signatures, allowing users to define their own signature styles.
- [x] **[New]** Intelligent rapid contract generation, enabling quick generation of online contracts through mobile phone camera or image upload.
- [x] **[New]** Drafts feature to address interruptions during the signing process.
- [x] **[New]** Initiator reminders to ensure contracts are signed within the valid period.
- [x] **[New]** File management feature for temporary file storage, doubling as a cloud drive.
- [x] **[New]**  Convenient share button on the contract details page for quick sharing with signatories.
- [x] **[Optimization]** Other user experience improvements.
- [x] **[Bug Fix]** Known bugs have been addressed.



##### v 1.5.5 

- [x] **[New]** Added "ID Card Comparison" in the real-name authentication process
- [x] **[New]** Send SMS notifications to signing parties upon completion
- [x] **[New]** Support for signing parties who are not the initiators (can delegate contract initiation)
- [x] **[Optimization]** Improved experience for switching between corporate and individual ID cards
- [x] **[Optimization]** Enhanced user experience
- [x] **[Bug Fix]**  Fixed known issues



#####  v 1.5.0
- [x] **[New]** Added non-evidence chain contract signing (suitable for daily internal approval within enterprises)
- [x] **[Optimization]** Seal management
- [x] **[Optimization]** Corporate real-name authentication logic
- [x] **[Optimization]**  Evidence chain multi-channel signing logic
- [x] **[[Upgrade]**  Third-party plugin version
- [x] **[Optimization]** Privacy protection agreement content
- [x] **[Optimization]** User experience
- [x] **[Bug Fix]**  Fixed known issues




##### v 1.1.2

- [x] **[New]**  Added support for backend management to view enterprise contract information
- [x] **[Optimization]** Improved user experience
- [x] **[Bug Fix]**   Fixed known issues




##### v 1.1.1 

- [x] **[Optimization]** Adjusted the number of electronic contract packages for enterprises and individuals
- [x] **[Optimization]** Improved user experience
- [x] **[Bug Fix]**  Fixed known issues



##### v 1.1.0 

- [x] **[New]** Added a variety of contract templates
- [x] **[New]** In-app contract signing for improved user experience
- [x] **[New]** SMS notifications for signatories to avoid delayed communication
- [x] **[Optimization]** Enhanced user experience
- [x] **[Bug Fix]**  Fixed known issues




### Technical Documentation

* Online Demo：

![](https://leepm.oss-cn-beijing.aliyuncs.com/public-images/yihetong_qrcode.png)



### Contact and Collaboration


If you have any ideas, suggestions, or business collaboration needs regarding the Mini-Contract product, please scan the QR code to add the Mini-Contract project team for further communication:
![输入图片说明](http://babyedu.oss-cn-chengdu.aliyuncs.com/9441725516387_.pic.jpg)

## Donations

If you find it useful, please consider Watching, Starred, and Forked ☺