修改

src/pages/contractConfirm.vue

@@ -439,11 +439,11 @@
               </el-row>
             </li>
             <li>
-              <el-row>
-                <el-col :span="12">身份证号</el-col>
+              <el-row style="display:flex;align-items:center;">
+                <el-col :span="12">身份证</el-col>
                 <el-col :span="12">
                   <span v-if="dataList.StuIDCard">{{dataList.StuIDCard}}</span>
-                  <el-input v-else></el-input>
+                  <el-input v-else v-model="StuIDCard"></el-input>
                 </el-col>
               </el-row>
             </li>
@@ -804,6 +804,7 @@
         },
         dataList: {},
         ActiveTab: 1,
+        StuIDCard:''
       };
     },
     created() {
@@ -830,12 +831,24 @@
       },
       //跳转至合同签名
       goSign(){
+        if(this.dataList.StuIDCard==''||this.dataList.StuIDCard==null){
+          if(this.StuIDCard==''){
+            this.ActiveTab=2;
+            this.$q.notify({
+              type: 'negative',
+              position: "top",
+              message: `请输入身份证号`
+            })
+            return
+          }
+        }
         this.$router.push({
             path: '/contractSign',
             query: {
               a: encodeURIComponent(Encrypt(this.gmsg.ContractId.toString())),
               Money:this.dataList.Money,
-              StudentName:this.dataList.StudentName
+              StudentName:this.dataList.StudentName,
+              StuIDCard:this.StuIDCard
             }
         });
       }

src/pages/contractSign.vue

@@ -98,7 +98,8 @@
         moving: false, // 是否正在绘制中且移动
         msg: {
           ContractId: 0,
-          Sign: ''
+          Sign: '',
+          StuIDCard: ''
         },
         Money: 0,
         Type: 1, //1为电子合同签字 2为退课协议签字
@@ -132,6 +133,9 @@
       if (this.$route.query.Type) {
         this.Type = this.$route.query.Type;
       }
+      if(this.$route.query.StuIDCard){
+        this.msg.StuIDCard = this.$route.query.StuIDCard;
+      }
     },
     methods: {
       // 触摸(开始)

src/pages/contractView.vue

@@ -149,9 +149,14 @@
       <div class="contractCompany">
         甲方：成都市锦江区甲鹤外语培训学校有限公司
       </div>
-      <div class="contractCompany">
+      <div class="contractCompany" style="display:flex;justify-content:space-between;">
+        <div>
           乙方：<div class="contractInput" style="width:360px;text-align:left;text-indent:10px;font-size:20px;">{{dataList.StudentName}}</div>
-        身份证:{{dataList.StuIDCard}}
+        </div>
+        <div>
+          身份证：
+          <div class="contractInput" style="width:360px;text-align:left;text-indent:10px;font-size:20px;">{{dataList.StuIDCard}}</div>
+        </div>
       </div>
       <div class="operationAgree">甲鹤日语课程协议</div>
       <div class="operationDate">
@@ -674,7 +679,9 @@
           <div class="contractContent">6、本合同自乙方缴纳全额课程学费及签订协议之日起正式生效。</div>
         </div>
         <div class="conTractInner ConTract_Line" style="margin-left:5px;">
-          <div class="contractContent" style="margin:20px 0 100px 0;">7、本合同协议部分到此为止，以下为空白。</div>
+          <div class="contractContent" style="margin:20px 0 20px 0;">7、本合同协议部分到此为止，以下为空白。</div>
+          <div class="comFirstTitle">十、合同补充协议</div>
+          <div class="contractContent" style="margin-bottom:100px;">{{dataList.CourseContracrInfo}}</div>
           <div class="contractContent" style="position:relative;">
             甲方签字（盖章）：<img v-if="dataList.IsCompanySeal==1&&dataList.GroupSealImg" style="width:100px;position:absolute;top:-40px;" :src="dataList.GroupSealImg" />
           </div>