letopn/letnot中附加条款页面Adcp.vue勾选框布局微调

src/views/Business/Letnot/Adcp.vue

@@ -26,24 +26,30 @@
       </c-button>
     </c-col>
 
-    <c-col :span="24" class="letnot_adcp_cheak">
+    <c-col :span="24">
+      <el-form-item prop="ledgrp.rec.spcbenflg" class="checkbox-left" >
         <c-checkbox v-model="model.ledgrp.rec.spcbenflg"
           :disabled="model.ledgrp.blk.spcben!=''">
           受益人特殊付款条款</c-checkbox
         >
+      </el-form-item>
     </c-col>
 
-    <c-col :span="24" class="letnot_adcp_cheak">
+    <c-col :span="24">
+      <el-form-item prop="ledgrp.rec.spcrcbflg" class="checkbox-left">
         <c-checkbox v-model="model.ledgrp.rec.spcrcbflg"
           :disabled="model.ledgrp.blk.spcrcb!=''">
           收款银行特殊付款条款</c-checkbox
         >
+      </el-form-item>
     </c-col>
 
-    <c-col :span="24" class="letnot_adcp_cheak">
+    <c-col :span="24">
+      <el-form-item prop="ledgrp.rec.redclsflg" class="checkbox-left">
         <c-checkbox v-model="model.ledgrp.rec.redclsflg">
           红、绿条款选项
         </c-checkbox>
+      </el-form-item>
     </c-col>
 
     <c-col :span="20">
@@ -90,7 +96,5 @@ export default {
 };
 </script>
 <style>
-.letnot_adcp_cheak {
-  margin: 0px 0 10px 150px;
-}
+
 </style>

src/views/Business/Letopn/Adcp.vue

@@ -26,21 +26,27 @@
     </c-col> -->
 
     <!-- Special payment conditions for beneficiary  -->
-    <c-col :span="24" class="letopn_adcp_cheak">
+    <c-col :span="24">
+      <el-form-item prop="ledgrp.rec.spcbenflg" class="checkbox-left" >
         <c-checkbox v-model="model.ledgrp.rec.spcbenflg"
           >受益人特殊付款条款</c-checkbox
         >
+      </el-form-item>
     </c-col>
 
     <!-- Special payment conditions for receiving bank -->
-    <c-col :span="24" class="letopn_adcp_cheak">
+    <c-col :span="24">
+      <el-form-item prop="ledgrp.rec.spcrcbflg" class="checkbox-left">
         <c-checkbox v-model="model.ledgrp.rec.spcrcbflg">
           收款银行特殊付款条款</c-checkbox
         >
+      </el-form-item>
     </c-col>
 
-    <c-col :span="24" class="letopn_adcp_cheak">
+    <c-col :span="24">
+      <el-form-item prop="ledgrp.rec.redclsflg" class="checkbox-left">
         <c-checkbox v-model="model.ledgrp.rec.redclsflg">红/绿条款</c-checkbox>
+      </el-form-item>
     </c-col>
     <c-blkTextarea :model="model" v-bind="blk1"> </c-blkTextarea>
     <!-- Instructions to Pay,accept,negot,bank -->
@@ -108,9 +114,9 @@ export default {
 };
 </script>
 <style>
-.letopn_adcp_cheak {
+/* .letopn_adcp_cheak {
   margin: 0px 0 10px 120px;
   display: flex;
   justify-content: flex-start;
-}
+} */
 </style>