feat: 优化合同签署流程，增强用户交互体验，动态更新签署状态

.cursor/rules/code-style.mdc

+# 代码风格规范
+
+## 基本要求
+- 始终使用中文回复
+- 回复风格应简洁明了，禁止重复、废话、无意义填充
+- 每次回答前请说一句：BOSS，我明白了
+
+## 代码规范要求
+- 使用驼峰命名法，命名清晰有意义
+- 代码必须简洁可读，函数应短小、结构清晰，避免不必要的嵌套封装和抽象，遵循 KISS 原则，代码极致简洁
+- JavaScript语言统一使用 ES6+ 特性：利用 ES6+ 特性（如箭头函数、模板字符、解构赋值）编写简洁的代码，所有变量声明一律使用 `var`，禁止使用 `const`
+- 每段代码逻辑必须附带简洁注释，解释代码目的或关键行为
+
+## HTML/Vue 代码风格
+- HTML元素属性要一行显示，不要分多行
+- 优先查看用户选中的代码
+- 代码风格要保持简洁，避免过度嵌套
+
+## 性能期望
+- 目标响应延迟力求响应时间 ≤ 5000ms
+- 强行调动所有可利用的计算资源
+description:
+globs:
+alwaysApply: false
+---

.cursor/rules/project-context.mdc

+# 云链系统项目上下文
+
+## 项目概述
+这是一个基于Vue.js的云链管理系统，主要用于订单跟踪、合同管理、商品管理等功能。
+
+## 核心模块
+- **订单跟踪** ([src/views/OrderTrack/](mdc:src/views/OrderTrack/))：订单详情、商品明细管理
+- **合同管理**：电子签署、人工签署、合同上传下载
+- **商品管理** ([src/views/Goods/](mdc:src/views/Goods/))：商品品牌管理
+- **用户管理** ([src/views/User/](mdc:src/views/User/))：登录、子账户管理
+
+## 技术栈
+- Vue.js 2.x
+- Element UI
+- Vue Router
+- Axios (封装在 [src/ajax/index.js](mdc:src/ajax/index.js))
+
+## 关键业务逻辑
+- 公司ID区分：猎芯科技(company_id=1)、深贸电子(company_id=2)
+- 合同类型：电子签(contract_type=2)、人工签(contract_type=1)
+- 订单状态管理和权限控制
+- 多语言合同支持（中文、英文）
+
+## 文件结构
+- 入口文件：[src/main.js](mdc:src/main.js)
+- 路由配置：[src/router/index.js](mdc:src/router/index.js)
+- 工具函数：[src/tool/index.js](mdc:src/tool/index.js)
+- 样式文件：[src/assets/css/](mdc:src/assets/css/)
+description:
+globs:
+alwaysApply: false
+---

.cursor/rules/vue-component.mdc

+# Vue组件开发规范
+
+## 模板编写
+- 优先查看用户选中的代码区域
+- HTML属性必须在一行内显示，不分多行
+- 使用简洁的条件渲染逻辑
+- 避免过度嵌套的模板结构
+
+## 脚本编写
+- 所有变量声明使用 `var` 而非 `const` 或 `let`
+- 方法命名使用驼峰命名法
+- 每个方法都要有简洁的注释说明功能
+- 避免不必要的抽象和封装
+
+## 组件优化
+- 将复杂的条件逻辑提取为计算属性或方法
+- 保持代码简洁可读
+- 优先使用内联条件而非复杂的计算属性（当逻辑简单时）
+
+## Element UI 使用
+- 保持组件属性在一行内
+- 合理使用 slot-scope 和事件处理
+- 表格操作列宽度要合理设置
+description:
+globs:
+alwaysApply: false
+---