添加安装协议

pages/lease/lease.vue

@@ -124,6 +124,36 @@
         </view>
       </view>
     </view>
+    <uv-popup ref="popup" :close-on-click-overlay="false" bg-color="#fff" mode="center" round="16">
+      <view class="protocol-popup">
+        <view class="popup-header">
+          <text class="title">安装协议</text>
+        </view>
+
+        <scroll-view class="popup-content" scroll-y>
+          <text class="content-text">
+            本协议由出租方与承租方共同订立，双方就灶台设备租赁安装事宜达成如下约定： ​​第一条
+            设备交付​​
+            出租方应于约定日期将灶台设备运送至指定安装位置，并负责专业安装调试，确保设备正常运行。
+            ​​第二条 安装标准​​
+            安装过程需符合安全规范，燃气接口必须密封完好，电路连接符合国家标准，排烟管道畅通无阻。
+            ​​第三条 使用培训​​
+            出租方需提供设备操作培训，指导承租方正确使用及日常维护方法，确保使用安全。 ​​第四条
+            维护责任​​
+            租赁期内正常使用出现的故障，由出租方负责免费维修。人为损坏需承租方承担维修费用。
+            ​​第五条 安全承诺​​
+            承租方应按照操作规程使用设备，定期检查安全隐患。如发现异常应立即停用并通知出租方。
+            ​​第六条 协议终止​​ 租赁期满后，出租方负责设备拆卸回收。如需续租应提前15日重新签订协议。
+            本协议一式两份，双方各执一份，自签字之日起生效。 出租方签字：__________
+            承租方签字：__________ 日期：年月日
+          </text>
+        </scroll-view>
+
+        <view class="popup-footer">
+          <button class="agree-btn" hover-class="btn-hover" @click="close">同意并继续</button>
+        </view>
+      </view>
+    </uv-popup>
   </view>
 </template>
 
@@ -148,6 +178,9 @@ export default {
     },
     // 检查是否可以支付 - 直接验证，不依赖formData默认值
   },
+  onShow() {
+    this.$refs.popup.open()
+  },
   onLoad() {
     uni.authorize({
       scope: 'scope.userLocation',
@@ -181,6 +214,9 @@ export default {
     }
   },
   methods: {
+    close() {
+      this.$refs.popup.close()
+    },
     onLocationSuccess(location) {
       // 接收到定位成功事件
       console.log('定位成功:', location)
@@ -714,4 +750,58 @@ export default {
     opacity: 1;
   }
 }
+
+.protocol-popup {
+  width: 80vw;
+  max-width: 600rpx;
+  padding: 0 30rpx;
+  box-sizing: border-box;
+
+  .popup-header {
+    padding: 30rpx 0;
+    text-align: center;
+    border-bottom: 1rpx solid #f5f5f5;
+
+    .title {
+      font-size: 36rpx;
+      font-weight: bold;
+      color: #333;
+    }
+  }
+
+  .popup-content {
+    max-height: 50vh;
+    padding: 30rpx 0;
+
+    .content-text {
+      font-size: 28rpx;
+      color: #666;
+      line-height: 1.6;
+      white-space: pre-line;
+    }
+  }
+
+  .popup-footer {
+    padding: 20rpx 0 30rpx;
+
+    .agree-btn {
+      width: 100%;
+      height: 80rpx;
+      line-height: 80rpx;
+      background: #f15a04;
+      color: #fff;
+      font-size: 32rpx;
+      border-radius: 40rpx;
+      border: none;
+
+      &::after {
+        border: none;
+      }
+    }
+
+    .btn-hover {
+      opacity: 0.9;
+    }
+  }
+}
 </style>