修改

src/pages/contractView.vue

@@ -138,7 +138,7 @@
 
   .contractBuchong .commonContent {
     font-size: 18px;
-    line-height: 32px;
+    line-height: 40px;
   }
 
 </style>
@@ -150,7 +150,7 @@
         甲方：成都市锦江区甲鹤外语培训学校有限公司
       </div>
       <div class="contractCompany">
-        乙方：<div class="contractInput" style="width:360px;">{{dataList.StudentName}}</div>
+        乙方：<div class="contractInput" style="width:360px;text-align:left;text-indent:10px;font-size:20px;">{{dataList.StudentName}}</div>
       </div>
       <div class="operationAgree">甲鹤日语课程协议</div>
       <div class="operationDate">
@@ -212,7 +212,7 @@
           <td>
             <div class="contractInput input2">{{dataList.UrgentName}}</div>
           </td>
-          <td rowspan="4">
+          <td rowspan="4" style="vertical-align:top;padding-top:6px;">
             <div class="contractInput input2">{{dataList.GuardianIDCard}}</div>
           </td>
         </tr>
@@ -467,10 +467,10 @@
           <div class="commonTitle1">三、课程费用</div>
           <div class="commonContent">1、费用总计：以乙方选择课程之时，即时公布的课程收费标准为准。</div>
           <div>
-            人民币（大写）：<div class="contractInput" style="width:150px;">{{dataList.CNYCaps}}</div> 圆
+            人民币（大写）：<div class="contractInput" style="width:180px;">{{dataList.CNYCaps}}</div> 圆
           </div>
           <div style="margin:10px 0;">
-            人民币（小写）：<div class="contractInput" style="width:150px;">{{dataList.Money}}</div> 元
+            人民币（小写）：<div class="contractInput" style="width:180px;">{{dataList.Money}}</div> 元
           </div>
           <div class="commonContent">
             2、支付方式：<span style="color:red;">扫码支付（微信、支付宝）、POS机刷卡支付（信用卡，银行借记卡）、银行汇款/转账。</span>
@@ -700,28 +700,25 @@
           </div>
         </div>
         <div style="margin:40px;font-size:16px;" class="contractBuchong">
-          <div class="commonContent" style="text-indent:20px;">
-            本人<div class="contractInput" style="width:100px;"></div>（以下为签名者）为
-            <div class="contractInput" style="width:100px;"></div>学员（以下称“学员”）的监护人，本人为学员购买
-            了甲鹤日语
-          </div>
-          <div class="commonContent">
-            <div class="contractInput" style="width:100px;"></div>课程共
-            <div class="contractInput" style="width:50px;"></div> 课时，并签署了合同编号为
-            <div class="contractInput" style="width:100px;"></div>的《甲鹤日语课程协议》。
-          </div>
-          <div class="commonContent" style="text-indent:20px;margin-top:30px;">
+          <div class="commonContent" style="text-indent:2em;">
+            本人<div class="contractInput" style="width:150px;text-indent:0;text-align:center;">{{dataList.ParentName}}</div>（以下为签名者）为
+            <div class="contractInput" style="width:150px;text-indent:0;text-align:center;">{{dataList.StudentName}}</div>学员（以下称“学员”）的监护人，本人为学员购买了
+            甲鹤日语 <div class="contractInput" style="width:400px;text-indent:10px;text-align:left;">{{dataList.CourseName}}</div>课程共
+            <div class="contractInput" style="width:200px;text-indent:0;text-align:center;">{{dataList.TotalClassHours}}</div> 课时，并签署了合同编号为
+            <div class="contractInput" style="width:200px;text-indent:0;text-align:center;">{{dataList.ContractNo}}</div>的《甲鹤日语课程协议》。
+          </div>
+          <div class="commonContent" style="text-indent:2em;margin-top:30px;letter-spacing:3px;">
             本人知晓中国现行关于校外培训机构不得一次性收取超过三个月费用的规定，甲鹤工作人员也已经明确告知公司的收费政策，一次性只能收取三个月的费用。由于本人自身的原因，本人主动要求并坚持一次性支付合同编号为
-            <div class="contractInput" style="width:100px;"></div>的《甲鹤日语课程协议》项下的所有费用。
+            <div class="contractInput" style="width:250px;text-indent:0;text-align:center;">{{dataList.ContractNo}}</div>的《甲鹤日语课程协议》项下的所有费用。
           </div>
-          <div class="commonContent" style="text-indent:20px;margin-top:30px;">
+          <div class="commonContent" style="text-indent:2em;margin-top:30px;letter-spacing:3px;">
             本人承诺，该一次性付款行为完全是由本人自主决定并要求的。除了付款事宜，本人、学员与甲鹤之间的权利义务按所签署的《甲鹤日语课程协议》履行。
           </div>
-          <div class="commonContent" style="margin:200px 0;">
+          <div class="commonContent" style="margin:100px 0;">
             特此说明。
           </div>
-          <div style="text-align:right;margin-bottom:200px;">
-            乙方学员签字（正楷）<img style="width:50px;" :src="dataList.Sign" />
+          <div style="text-align:right;margin-bottom:200px;position:relative;">
+            乙方学员签字（正楷）<img style="width:50px;position:absolute;top:-40px;" :src="dataList.Sign" />
           </div>
           <div style="margin:200px 0;display:flex;justify-content:space-between;">
             <div>甲方签字（盖章）</div>