feat: 更新合同内容样式，添加内边距，优化签署合同弹窗滚动逻辑

src/assets/css/public/contract.css

@@ -2,6 +2,7 @@
   max-height: 500px;
   max-height: 500px;
   overflow-y: auto;
   overflow-y: auto;
   color: #000;
   color: #000;
+  padding: 10px 0;
 }
 }
 .sign-contract-content .title h2 {
 .sign-contract-content .title h2 {
   font-size: 30px;
   font-size: 30px;

src/assets/css/public/contract.less

@@ -2,6 +2,7 @@
     max-height: 500px;
     max-height: 500px;
     overflow-y: auto;
     overflow-y: auto;
     color: #000;
     color: #000;
+    padding: 10px 0;
 
 
     .title {
     .title {
 
 

src/views/OrderTrack/goodsDetail.vue

@@ -111,7 +111,7 @@
 
 
     <!-- 签署合同弹窗 -->
     <!-- 签署合同弹窗 -->
     <el-dialog title="签署合同" :visible.sync="signDialogVisible" width="900px" :before-close="closeSignDialog">
     <el-dialog title="签署合同" :visible.sync="signDialogVisible" width="900px" :before-close="closeSignDialog">
-      <div class="sign-contract-content">
+      <div class="sign-contract-content" @scroll="handleScroll" ref="contractContent">
         <div class="title column rowCenter verCenter">
         <div class="title column rowCenter verCenter">
           <h2>深圳市猎芯科技有限公司</h2>
           <h2>深圳市猎芯科技有限公司</h2>
           <h4>采购合同</h4>
           <h4>采购合同</h4>
@@ -436,7 +436,19 @@ export default {
     // 签署合同
     // 签署合同
     showSignDialog(contractItem) {
     showSignDialog(contractItem) {
       this.contract_id = contractItem.contractId;
       this.contract_id = contractItem.contractId;
+      this.disabled = true; // 重置按钮状态
       this.signDialogVisible = true;
       this.signDialogVisible = true;
+      
+      // 等待DOM更新后检查初始滚动状态
+      this.$nextTick(() => {
+        var contractContent = this.$refs.contractContent;
+        if (contractContent) {
+          // 如果内容高度小于等于容器高度，直接启用按钮
+          if (contractContent.scrollHeight <= contractContent.clientHeight) {
+            this.disabled = false;
+          }
+        }
+      });
     },
     },
     // 关闭签署合同弹窗
     // 关闭签署合同弹窗
     closeSignDialog() {
     closeSignDialog() {
@@ -458,6 +470,19 @@ export default {
           this.$message.error(res.msg || '操作失败');
           this.$message.error(res.msg || '操作失败');
         }
         }
       })
       })
+    },
+    // 监听合同内容滚动事件，滚动到底部时启用签署按钮
+    handleScroll(event) {
+      // 如果已经启用按钮，不再检查滚动状态
+      if (!this.disabled) {
+        return;
+      }
+      
+      var contractContent = this.$refs.contractContent;
+      // 检查是否滚动到底部
+      if (contractContent.scrollHeight - contractContent.scrollTop === contractContent.clientHeight) {
+        this.disabled = false;
+      }
     }
     }
   },
   },
   components: {
   components: {
@@ -468,7 +493,6 @@ export default {
 <style scoped>
 <style scoped>
 @import "../../assets/css/goods/goods.min.css";
 @import "../../assets/css/goods/goods.min.css";
 @import "../../assets/css/public/contract.css";
 @import "../../assets/css/public/contract.css";
-
 .el-button--primary.is-disabled,
 .el-button--primary.is-disabled,
 .el-button--primary.is-disabled:active,
 .el-button--primary.is-disabled:active,
 .el-button--primary.is-disabled:focus,
 .el-button--primary.is-disabled:focus,