getopn缺陷解决

src/views/Business/Getopn/Opnp.vue

 <template>
   <div class="eibs">
-    <c-col :span="12">
+      <!-- =======================================左边======================================== -->
+    <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"
@@ -17,33 +19,13 @@
           </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>
-        </c-select>
-      </el-form-item>
-    </c-col>
-
-    <c-col :span="12">
-      <c-col :span="20">
+      <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="width: 90%"
+              :style="model.gidgrp.cbs.max.cur == 'CNY'? 'width:90%' : 'width:100%'"
               placeholder="请选择对外担保类型"
             >
               <el-option
@@ -66,6 +48,28 @@
         </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" style="padding-left: 20px;">
+      <c-col :span="24">
+        <el-form-item label="是否对外担保" prop="gidgrp.rec.fingua">
+          <c-select
+            disabled
+            v-model="model.gidgrp.rec.fingua"
+            style="width: 95%"
+            placeholder="请选择是否对外担保"
+          >
+            <el-option
+              v-for="item in codes.fingua"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+    </c-col>
   </div>
 </template>
 <script>