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-checkbox v-model="model.ledgrp.rec.spcbenflg"
-        :disabled="model.ledgrp.blk.spcben!=''">
-        受益人特殊付款条款</c-checkbox
-      >
+    <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-checkbox v-model="model.ledgrp.rec.spcrcbflg"
-        :disabled="model.ledgrp.blk.spcrcb!=''">
-        收款银行特殊付款条款</c-checkbox
-      >
+    <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-checkbox v-model="model.ledgrp.rec.redclsflg">
-        红、绿条款选项
-      </c-checkbox>
+    <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-checkbox v-model="model.ledgrp.rec.spcbenflg"
-        >受益人特殊付款条款</c-checkbox
-      >
+    <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-checkbox v-model="model.ledgrp.rec.spcrcbflg">
-        收款银行特殊付款条款</c-checkbox
-      >
+    <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-checkbox v-model="model.ledgrp.rec.redclsflg">红/绿条款</c-checkbox>
+    <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,11 @@ export default {
 };
 </script>
 <style>
+/*
 .letopn_adcp_cheak {
   margin: 0px 0 10px 120px;
   display: flex;
   justify-content: flex-start;
 }
+*/
 </style>