ditopn布局优化

src/App.vue

@@ -36,8 +36,8 @@ export default {
   margin-left: 10px;
 }
 
-.el-form-item--small{
+/* .el-form-item--small{
   margin-right: 30px;
-}
+} */
 
 </style>

src/views/Business/Bddsel/index.vue

 <template>
   <div class="eContainer">
     <el-form :model="model" :rules="rules" ref="modelForm" label-width="100px" size="small">
-       <c-tabs ref="elment" type="card" @tab-click="tabClick">
+       <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
         
             <!--PD000008 -->
            <el-tab-pane label="国内证单据查询" name="infsea">
@@ -27,12 +27,13 @@ export default {
     },
     provide() {
         return {
-            root: this
+            root: this,
         }
     },
     mixins: [CommonProcess],    // 里面包含了Default、Check等的公共处理
     data(){
         return {
+            tabVal:"infsea",
             model:new Bddsel().data,
             // defaultRule:Default,
             // rules:this.mergeRules(Pattern,Check),

src/views/Business/Bdtudp/Limitbody.vue

@@ -18,8 +18,8 @@
 
       <c-col :span="6">
         <div class="button_contains">
-          <c-button size="small" type="primary;width:10%" @click="onSeainf"
-            >i</c-button
+          <c-button size="small" type="primary" icon="el-icon-search" @click="onSeainf"
+            ></c-button
           >
           <c-button
             size="small"

src/views/Business/BusRouter.js

@@ -22,7 +22,7 @@ import Infusr from "./Infusr"
 import Infcpd from "./Infcpd"
 import Bctacc from "./Bctacc"
 import Infcur from "./Infcur"
-import Infdet from "./Infdet"
+// import Infdet from "./Infdet"
 
 /**
  * 带有name的才会被添加进顶部的标签页里
@@ -54,6 +54,6 @@ const BusRouter = [
   { path: 'infcpd', component: Infcpd, name: 'Infcpd', meta: { title: '汇款查询' } },
   { path: 'bctacc', component: Bctacc, name: 'Bctacc', meta: { title: 'Bctacc' } },
   { path: 'infcur', component: Infcur, name: 'Infcur', meta: { title: 'Infcur' } },
-  { path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } },
+  // { path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } },
 ]
 export default BusRouter
\ No newline at end of file

src/views/Business/Cptadv/Opnp1.vue

 <template>
   <div class="eibs-tab">
-    <c-col :span="8">
-      <el-form-item label="业务编号">
+    <c-col :span="11">
+      <c-col :span="18">
+        <el-form-item label="业务编号" style="width:100%">
           <c-input
             v-model="model.cpdgrp.rec.ownref"
             maxlength="16"
@@ -11,11 +12,18 @@
         </el-form-item>
       </c-col>
 
+      <c-col :span="2">
+        <el-form-item label="" label-width="5px">
+          <c-button
+            size="small"
+            type="primary"
+            icon="el-icon-search"
+            @click="onSeainf"
+          ></c-button>
+        </el-form-item>
+      </c-col>
       <c-col :span="4">
-      <el-form-item label="" label-width="15px">
-        <c-button size="small" type="primary;width:10%" @click="onSeainf"
-          >i</c-button
-        >
+        <el-form-item label="" label-width="5px">
           <c-button
             size="small"
             type="primary"
@@ -26,8 +34,9 @@
           </c-button>
         </el-form-item>
       </c-col>
+    </c-col>
 
-    <c-col :span="11">
+    <c-col :span="11" :offset="1">
       <el-form-item label="Name">
         <c-input
           v-model="model.cpdgrp.rec.nam"
@@ -38,10 +47,11 @@
       </el-form-item>
     </c-col>
 
+    <c-col :span="24">
     <!-- ========================左边======================= -->
     <c-col :span="11">
       <c-col :span="18">
-        <el-form-item label="清算编号">
+        <el-form-item label="清算编号" style="width:100%">
           <c-input
             v-model="model.cpdgrp.rec.sysno"
             maxlength="21"
@@ -137,8 +147,8 @@
         </el-form-item>
       </c-col>
 
-      <c-col :span="10">
-        <el-form-item label="">
+      <c-col :span="12">
+        <el-form-item label="" style="width:100%">
           <c-input
             v-model="model.cpdgrp.ori.pts.extkey"
             maxlength="16"
@@ -146,13 +156,20 @@
           ></c-input>
         </el-form-item>
       </c-col>
-      <c-col :span="8">
+      <c-col :span="2">
+        <el-form-item label="" label-width="15px">
+          <c-button
+            size="small"
+            type="primary"
+            icon="el-icon-search"
+            @click="onSeainf"
+          ></c-button>
+        </el-form-item>
+      </c-col>
+      <c-col :span="4">
         <el-form-item label="" label-width="15px">
-          <c-button size="small" type="primary;width:10%" @click="onSeainf"
-            >i</c-button
-          >
           <c-button size="small" type="primary" @click="onOripDet">
-            Details
+            详情
           </c-button>
         </el-form-item>
       </c-col>
@@ -197,9 +214,12 @@
       </c-col>
       <c-col :span="8">
         <el-form-item label="" label-width="15px">
-          <c-button size="small" type="primary;width:10%" @click="onSeainf"
-            >i</c-button
-          >
+          <c-button
+            size="small"
+            type="primary"
+            icon="el-icon-search"
+            @click="onSeainf"
+          ></c-button>
           <c-button size="small" type="primary" @click="onOrcpDet">
             Details
           </c-button>
@@ -350,9 +370,12 @@
       </c-col>
       <c-col :span="8">
         <el-form-item label="" label-width="15px">
-          <c-button size="small" type="primary;width:10%" @click="onSeainf"
-            >i</c-button
-          >
+          <c-button
+            size="small"
+            type="primary"
+            icon="el-icon-search"
+            @click="onSeainf"
+          ></c-button>
           <c-button size="small" type="primary" @click="onSndpDet">
             Details
           </c-button>
@@ -453,7 +476,11 @@
       </c-col>
       <c-col :span="8">
         <el-form-item label="" label-width="15px">
-          <c-button size="small" type="primary;width:10%" @click="onSeainf"
+          <c-button
+            size="small"
+            type="primary"
+            icon="el-icon-search"
+            @click="onSeainf"
             >i</c-button
           >
           <c-button size="small" type="primary" @click="onPyepDet">
@@ -479,6 +506,7 @@
         </el-form-item>
       </c-col>
     </c-col>
+    </c-col>
 
     <!-- <c-col :span="12">
         <el-form-item label="Drag  Drop Sender">
@@ -1126,7 +1154,7 @@ import CodeTable from "~/config/CodeTable";
 import Event from "~/model/Cptadv/Event";
 
 export default {
-  inject: ['root'],
+  inject: ["root"],
   props: ["model", "codes"],
   mixins: [CommonProcess],
   data() {

src/views/Business/Cptopn/Finp.vue

@@ -161,8 +161,8 @@
       </c-col>
       <c-col :span="7" >
        
-        <c-button size="small" type="primary;width:10%" @click="onSeainf"
-            >i</c-button
+        <c-button size="small" type="primary" icon="el-icon-search" @click="onSeainf"
+            ></c-button
           >
         <c-button size="small" type="primary" @click="onFippDet">
           Details

src/views/Business/Ditopn/Limitbody.vue

@@ -33,11 +33,12 @@
         -->
 
         <!-- ====================左边======================= -->
-        <c-col :span="12">
-            <c-col :span="16">
+        <c-col :span="11">
+            <c-col :span="18">
                 <el-form-item
                     label="国内信用证项下开证授信额度:"
                     prop="liaall.limmod.limpts.wrk.pts.extkey"
+                    style="width:100%"
                 >
                     <c-input
                         v-model="model.liaall.limmod.limpts.wrk.pts.extkey"
@@ -48,21 +49,25 @@
                 </el-form-item>
             </c-col>
 
-            <c-col :span="8">
-                <el-form-item label="" label-width="20px">
+            <c-col :span="2">
+                <el-form-item label="" label-width="5px">
                     <c-button
                         size="small"
-                        type="primary;width:10%"
+                        type="primary"
+                        icon="el-icon-search"
                         @click="onSeainf"
-                        >i</c-button
+                        ></c-button
                     >
+                </el-form-item>
+            </c-col>
+            <c-col :span="4">
+                <el-form-item label="" label-width="5px">
                     <c-button
                         size="small"
                         type="primary"
-                        icon="el-icon-search"
                         @click="onPreperButtxmsel"
                     >
-                        Details
+                        详情
                     </c-button>
                 </el-form-item>
             </c-col>
@@ -102,7 +107,7 @@
             </c-col>
 
             <c-col :span="12">
-                <el-form-item label="">
+                <el-form-item label="" label-width="10px">
                     <c-button size="small" type="primary" @click="onLimptsGet1">
                         查询
                     </c-button>
@@ -126,7 +131,7 @@
         </c-col>
 
         <!-- ========================右边======================= -->
-        <c-col :span="12">
+        <c-col :span="11" :offset="1">
             <c-col :span="24">
                 <el-form-item label="业务编号" prop="liaall.limmod.ownref">
                     <c-input