getopn缺陷解决

src/views/Business/Getopn/Opnp.vue

 <template>
   <div class="eibs">
-    <c-col :span="12">
-      <el-form-item label="是否SWIFT格式" prop="gitp.swiftflg">
-        <c-select
-          v-model="model.gitp.swiftflg"
-          style="width: 100%"
-          placeholder="请选择是否SWIFT格式"
-        >
-          <el-option
-            v-for="item in codes.swiftflg"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
+      <!-- =======================================左边======================================== -->
+    <c-col :span="12" style="padding-right: 20px;">
+      <c-col :span="24">
+        <el-form-item label="是否SWIFT格式" prop="gitp.swiftflg">
+          <c-select
+            v-model="model.gitp.swiftflg"
+            style="width: 100%"
+            placeholder="请选择是否SWIFT格式"
           >
-          </el-option>
-        </c-select>
-      </el-form-item>
-    </c-col>
-
-    <c-col :span="12">
-      <el-form-item label="是否对外担保" prop="gidgrp.rec.fingua">
-        <c-select
-          disabled
-          v-model="model.gidgrp.rec.fingua"
-          style="width: 100%"
-          placeholder="请选择是否对外担保"
-        >
-          <el-option
-            v-for="item in codes.fingua"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
+            <el-option
+              v-for="item in codes.swiftflg"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <c-col :span="model.gidgrp.cbs.max.cur == 'CNY'? 20 : 24">
+          <el-form-item label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
+            <c-select
+              disabled
+              v-model="model.gidgrp.rec.cfaguatyp"
+              :style="model.gidgrp.cbs.max.cur == 'CNY'? 'width:90%' : 'width:100%'"
+              placeholder="请选择对外担保类型"
+            >
+              <el-option
+                v-for="item in codes.cfaguatyp"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </c-select>
+          </el-form-item>
+        </c-col>
+        <c-col :span="4" class="centerLable">
+          <c-checkbox
+            v-if="model.gidgrp.cbs.max.cur == 'CNY'"
+            disabled
+            v-model="model.gidgrp.rec.cmtflg"
+            >跨境人民币保函</c-checkbox
           >
-          </el-option>
-        </c-select>
-      </el-form-item>
+        </c-col>
+        <!-- <c-checkbox v-if="model.gidgrp.rec.fingua=='Y'" disabled v-model="model.gidgrp.rec.cmtflg">跨境人民币保函</c-checkbox> -->
+      </c-col>
     </c-col>
-
-    <c-col :span="12">
-      <c-col :span="20">
-        <el-form-item label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
+  <!-- =======================================右边======================================== -->
+    <c-col :span="12" style="padding-left: 20px;">
+      <c-col :span="24">
+        <el-form-item label="是否对外担保" prop="gidgrp.rec.fingua">
           <c-select
             disabled
-            v-model="model.gidgrp.rec.cfaguatyp"
-            style="width: 90%"
-            placeholder="请选择对外担保类型"
+            v-model="model.gidgrp.rec.fingua"
+            style="width: 95%"
+            placeholder="请选择是否对外担保"
           >
             <el-option
-              v-for="item in codes.cfaguatyp"
+              v-for="item in codes.fingua"
               :key="item.value"
               :label="item.label"
               :value="item.value"
@@ -56,15 +69,6 @@
           </c-select>
         </el-form-item>
       </c-col>
-      <c-col :span="4" class="centerLable">
-        <c-checkbox
-          v-if="model.gidgrp.cbs.max.cur == 'CNY'"
-          disabled
-          v-model="model.gidgrp.rec.cmtflg"
-          >跨境人民币保函</c-checkbox
-        >
-      </c-col>
-      <!-- <c-checkbox v-if="model.gidgrp.rec.fingua=='Y'" disabled v-model="model.gidgrp.rec.cmtflg">跨境人民币保函</c-checkbox> -->
     </c-col>
   </div>
 </template>