修改控件样式布局等

src/components/IStreamTable.vue

@@ -5,7 +5,8 @@
       class="eContainer-table"
       @selection-change="handleSelectionChange"
       :row-key="getRowKey"
-      :header-cell-style="{background: 'eef1f6', color: '#606266'}">
+      :header-cell-style="{background: 'eef1f6', color: '#606266'}"
+      border="true">
       <el-table-column type="selection" width="55" v-if="showSelection" :reserve-selection="true"></el-table-column>
       <el-table-column
         v-for="(item, key) in tableColumns"

src/components/IStreamTableDocpan.vue

@@ -5,7 +5,8 @@
       style="width: 100%"
       class="eContainer-table"
       :row-class-name="tableRowClassName"
-      :header-cell-style="{background: 'eef1f6', color: '#606266'}">
+      :header-cell-style="{background: 'eef1f6', color: '#606266'}"
+      border="true">
       <el-table-column
         v-for="(item, key) in tableColumns"
         :key="key"

src/views/Business/Ditopn/Addbcb.vue

@@ -5,7 +5,7 @@
                 <c-input
                     v-model="model.godnam"
                     maxlength="40"
-                    style="width: 80%"
+                    style="width: 30%"
                     placeholder="货物服务名称"
                 ></c-input>
             </el-form-item>
@@ -16,7 +16,7 @@
                 <el-col :span="8">
                     <c-select
                         v-model="model.litameadv"
-                        style="width: 100%"
+                        style="width: 70%"
                         placeholder="请选择特殊规定"
                     >
                         <el-option
@@ -32,25 +32,25 @@
         </el-col>
 
         <el-col :span="24">
-            <el-form-item label="" prop="ameadvrmk">
+            <el-form-item label="" prop="ameadvrmk" style="width: 60%">
                 <c-input
                     :disabled="model.litameadv != 2"
                     type="textarea"
                     v-model="model.ameadvrmk"
                     :autosize="{ minRows: 4, maxRows: 6 }"
                     maxlength="68"
-                    style="width: 80%"
+                    style="width: 50%"
                     show-word-limit
                 ></c-input>
             </el-form-item>
         </el-col>
 
         <el-col :span="24">
-            <el-form-item label="开证行" prop="bchname">
+            <el-form-item label="开证行" prop="bchname" style="width: 65%">
                 <c-input
                     v-model="model.bchname"
                     maxlength="40"
-                    style="width: 80%"
+                    style="width: 50%"
                     placeholder="请输入branch  name"
                 ></c-input>
             </el-form-item>

src/views/Business/Ditopn/Ccvpan.vue

@@ -216,8 +216,10 @@
       </el-row>
     </el-col>
 
+    <el-col :span="24"><div style="height:10px"></div></el-col>
+
     <el-col :span="24">
-      <c-table :list="model.liaall.liaccv.liaccvg" style="width:80%,text-align:center">
+      <c-table border :list="model.liaall.liaccv.liaccvg" style="width:80%,text-align:center">
         <el-table-column prop="ccdflg" label="CFO" width="auto"> </el-table-column>
         <el-table-column prop="ownref" label="保证金编号" width="auto"> </el-table-column>
         <el-table-column prop="cur" label="币种" width="auto"> </el-table-column>
@@ -263,7 +265,7 @@
        <el-col :span="24">
         <el-form-item label="金额总和">
             <el-col :span="8">
-            <c-input  v-model="model.liaall.liaccv.totcovamt"  placeholder="请输入金额总和"></c-input>
+            <c-input style="width:50%"  v-model="model.liaall.liaccv.totcovamt"  placeholder="请输入金额总和"></c-input>
             </el-col>
         </el-form-item>
        </el-col>       
@@ -271,7 +273,7 @@
                                    
        <el-col :span="12">
         <el-form-item label="Additional Information ">
-            <c-input type="textarea" v-model="model.liaall.liaccv.addinf" maxlength="70" show-word-limit placeholder="请输入Additional Information " ></c-input>
+            <c-input type="textarea" rows="5" v-model="model.liaall.liaccv.addinf" maxlength="200" show-word-limit placeholder="请输入Additional Information " ></c-input>
         </el-form-item>
         </el-col>
         

src/views/Business/Ditopn/Detp.vue

@@ -11,20 +11,18 @@
             </el-form-item>
 
             <el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" @keyup.enter.native="recTenmaxdayEvent">
-                <c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.rec.tenmaxday" placeholder="请输入"></c-input>
+                <c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:15%"></c-input>
             </el-form-item>
 
             <el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
-                <c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:70%;margin-right:20px;" maxlength="140" show-word-limit placeholder="请输入"></c-input>
-                <c-button size="small" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
-                    ...
+                <c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:70%;margin-right:20px;" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3}"></c-input>
+                <c-button size="medium" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
                 </c-button>
             </el-form-item>
 
             <el-form-item label="交单期限" prop="didgrp.blk.preper">
                 <c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:70%;margin-right:20px;" maxlength="105" show-word-limit placeholder="请输入"></c-input>
-                <c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
-                    ...
+                <c-button size="medium" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
                 </c-button>
             </el-form-item>
 
@@ -33,7 +31,7 @@
             </el-form-item>
 
             <el-form-item label="货物运输或交货方式/服务方式" prop="didgrp.rec.tratyp">
-                <c-select v-model="model.didgrp.rec.tratyp" style="width:100%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
+                <c-select v-model="model.didgrp.rec.tratyp" style="width:50%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
                     <el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
                         :value="item.value">
                     </el-option>
@@ -56,12 +54,12 @@
             </el-form-item>
 
             <el-form-item label="合同金额" prop="didgrp.rec.conamt">
-                <el-col :span="8">
-                    <c-select v-model="model.didgrp.rec.concur" style="width:100%" placeholder="请选择">
+                <el-col :span="10">
+                    <c-select v-model="model.didgrp.rec.concur" style="width:90%" placeholder="请选择">
                         <el-option label="CNY 人民币" value="CNY"></el-option>
                     </c-select>   
                 </el-col>
-                <el-col :span="16">
+                <el-col :span="14">
                     <c-input v-model="model.didgrp.rec.conamt" placeholder="请输入"></c-input>
                 </el-col>
             </el-form-item>
@@ -70,37 +68,37 @@
         <!-- ========================= Right ========================= -->
         <el-col :span="12">
             <el-form-item label="分批装运货物" prop="didgrp.rec.shppar">
-                <c-select v-model="model.didgrp.rec.shppar" style="width:100%" placeholder="请选择">
+                <c-select v-model="model.didgrp.rec.shppar" style="width:95%" placeholder="请选择">
                     <el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                 </c-select>
             </el-form-item>
 
             <el-form-item label="分期装运/提供服务" prop="didgrp.rec.fqzytgfw">
-                <c-input v-model="model.didgrp.rec.fqzytgfw" placeholder="请输入" :disabled="model.didgrp.rec.shppar == 'N'"></c-input>
+                <c-input v-model="model.didgrp.rec.fqzytgfw" placeholder="请输入" :disabled="model.didgrp.rec.shppar == 'N'" style="width:50%"></c-input>
             </el-form-item>
 
             <el-form-item label="分期装运/提供服务约定" prop="didgrp.rec.fqtime">
-                <c-input type="textarea" :rows="3" v-model="model.didgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入"></c-input>
+                <c-input type="textarea" :rows="3" v-model="model.didgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入" style="width:90%"></c-input>
             </el-form-item>
 
             <el-form-item label="转运" prop="didgrp.rec.shptrs">
-                <c-select v-model="model.didgrp.rec.shptrs" style="width:100%" placeholder="请选择" :disabled="model.didgrp.rec.mytype == 'F'">
+                <c-select v-model="model.didgrp.rec.shptrs" style="width:95%" placeholder="请选择" :disabled="model.didgrp.rec.mytype == 'F'">
                   <el-option label="不允许" value="1"></el-option>
                   <el-option label="允许" value="2"></el-option>
                 </c-select>
             </el-form-item>
 
             <el-form-item label="货物转运地(港)" prop="didgrp.rec.shpfro">
-                <c-input type="textarea" :rows="3" v-model="model.didgrp.rec.shpfro" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
+                <c-input type="textarea" style="width:90%" :rows="3" v-model="model.didgrp.rec.shpfro" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
             </el-form-item>
 
             <el-form-item label="货物目的地/交货地(港)" prop="didgrp.rec.shpto">
-                <c-input type="textarea" :rows="3" v-model="model.didgrp.rec.shpto" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
+                <c-input type="textarea" style="width:90%" :rows="3" v-model="model.didgrp.rec.shpto" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
             </el-form-item>
 
             <el-form-item label="服务提供地点" prop="didgrp.rec.shppro">
-                <c-input type="textarea" :rows="3" v-model="model.didgrp.rec.shppro" :disabled="model.didgrp.rec.mytype == 'H'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
+                <c-input type="textarea" style="width:90%" :rows="3" v-model="model.didgrp.rec.shppro" :disabled="model.didgrp.rec.mytype == 'H'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
             </el-form-item>
         </el-col>
 

src/views/Business/Ditopn/Docpan.vue

@@ -44,7 +44,7 @@
                     </c-select>
                 </template>
             </el-table-column>
-            <el-table-column label="语言">
+            <el-table-column label="语言" width="150%">
                 <template slot-scope="scope">
                     <c-select
                         v-model="
@@ -83,7 +83,7 @@
                     </c-select>
                 </template>
             </el-table-column>
-            <el-table-column label="Or.">
+            <el-table-column label="Or." width="65%">
                 <template slot-scope="scope">
                     <c-input
                         v-model="
@@ -96,7 +96,7 @@
                     </c-input>
                 </template>
             </el-table-column>
-            <el-table-column label="CC">
+            <el-table-column label="CC" width="65%">
                 <template slot-scope="scope">
                     <c-input
                         v-model="
@@ -104,6 +104,7 @@
                         "
                         style="width: 100%"
                         placeholder="请选择"
+                        
                     >
                     </c-input>
                 </template>
@@ -147,6 +148,17 @@
                     >
                 </template>
             </el-table-column>
+            <!-- <el-table-column label="">
+                <template slot-scope="scope">
+                    <el-button
+                        size="medium"
+                        type="danger"
+                        @click="handleDetail(scope.row.index, scope.row)"
+                        >明细</el-button
+                    >
+                </template>
+            </el-table-column> -->
+            
         </c-istream-table-docpan>
 
         <!-- <el-col :span="24">

src/views/Business/Ditopn/Engp.vue

@@ -2,7 +2,7 @@
   <div class="eibs-tab">
     Liability
        <el-col :span="24">
-      <c-table :list="model.liaall.liaallg" style="width:80%,text-align:center">
+      <c-table :list="model.liaall.liaallg" style="width:80%,text-align:center" border>
         <el-table-column prop="cbtpfx" label="Type" width="auto"> </el-table-column>
         <el-table-column prop="matdat" label="Maturity" width="auto"> </el-table-column>
         <el-table-column prop="tenday" label="Tenor" width="auto"> </el-table-column>
@@ -32,25 +32,25 @@
                                                                 
        <el-col :span="12">
         <el-form-item label="Sight Amount">
-            <c-input  v-model="model.liaall.outamt"  placeholder="请输入Sight Amount"></c-input>
+            <c-input style="width:50%"  v-model="model.liaall.outamt"  placeholder="请输入Sight Amount"></c-input>
         </el-form-item>
        </el-col>                 
                   
        <el-col :span="12">
         <el-form-item label="Sight Amount Percentage">
-            <c-input  v-model="model.liaall.outpct"  placeholder="请输入Sight Amount Percentage"></c-input>
+            <c-input style="width:50%"  v-model="model.liaall.outpct"  placeholder="请输入Sight Amount Percentage"></c-input>
         </el-form-item>
        </el-col>             
                                                     
        <el-col :span="12">
         <el-form-item label="External Booking Amount">
-            <c-input  v-model="model.liaall.concur" maxlength="3"  placeholder="请输入External Booking Amount"></c-input>
+            <c-input style="width:70%"  v-model="model.liaall.concur" maxlength="3"  placeholder="请输入External Booking Amount"></c-input>
         </el-form-item>
        </el-col>             
                   
        <el-col :span="12">
         <el-form-item label="Amount not yet assigned">
-            <c-input  v-model="model.liaall.misamt"  placeholder="请输入Amount not yet assigned"></c-input>
+            <c-input style="width:50%"  v-model="model.liaall.misamt"  placeholder="请输入Amount not yet assigned"></c-input>
         </el-form-item>
        </el-col>                 
                   
@@ -72,13 +72,13 @@
                                    
        <el-col :span="12">
         <el-form-item label="Old Amount booked externally">
-            <c-input  v-model="model.liaall.exttotoldamt"  placeholder="请输入Old Amount booked externally"></c-input>
+            <c-input style="width:50%"  v-model="model.liaall.exttotoldamt"  placeholder="请输入Old Amount booked externally"></c-input>
         </el-form-item>
        </el-col>                 
                                    
        <el-col :span="12">
         <el-form-item label="Total booking amount external assinged">
-            <c-input  v-model="model.liaall.exttotamt"  placeholder="请输入Total booking amount external assinged"></c-input>
+            <c-input style="width:50%"  v-model="model.liaall.exttotamt"  placeholder="请输入Total booking amount external assinged"></c-input>
         </el-form-item>
        </el-col>                 
                    </div>

src/views/Business/Ditopn/Limitbody.vue

@@ -74,6 +74,7 @@
                         maxlength="16"
                         placeholder=""
                         :disabled="true"
+                        style="width:90%"
                     ></c-input>
                 </el-form-item>
             </el-col>
@@ -118,6 +119,7 @@
                         maxlength="14"
                         placeholder="请输入合同流水号"
                         :disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'"
+                        style="width: 55%"
                     ></c-input>
                 </el-form-item>
             </el-col>
@@ -132,6 +134,7 @@
                         maxlength="16"
                         placeholder="请输入国结业务编号"
                         :disabled="true"
+                        style="width: 70%"
                     ></c-input>
                 </el-form-item>
             </el-col>
@@ -142,6 +145,7 @@
                         v-model="model.liaall.limmod.comamt"
                         placeholder="请输入业务余额"
                         :disabled="true"
+                        style="width: 70%"
                     ></c-input>
                 </el-form-item>
             </el-col>
@@ -152,6 +156,7 @@
                         v-model="model.liaall.limmod.ccvamt"
                         placeholder="请输入保证金余额"
                         :disabled="true"
+                        style="width: 70%"
                     ></c-input>
                 </el-form-item>
             </el-col>

src/views/Business/Ditopn/Ovwp.vue

@@ -2,7 +2,7 @@
     <el-row>
         <!-- =================顶部====================== -->
         <el-col :span="24">
-            <el-col :span="8">
+            <el-col :span="8" offset="">
                 <el-form-item label="参考号" prop="didgrp.rec.ownref">
                     <c-input
                         v-model="model.didgrp.rec.ownref"

src/views/Business/Ditopn/Setpan.vue

@@ -11,18 +11,19 @@
                 ></c-input>
             </el-form-item>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
             <el-form-item label="结算金额" label-width="100px">
                 <c-input
                     v-model="model.setmod.doccur"
                     style="width: 100%"
                     placeholder="CNY"
                     :readonly="true"
+                    
                 ></c-input>
             </el-form-item>
         </el-col>
 
-        <el-col :span="6">
+        <el-col :span="4">
             <el-form-item label="" label-width="20px">
                 <c-input
                     v-model="model.setmod.docamt"
@@ -82,6 +83,7 @@
                 style="text-align: center"
                 :list="model.setmod.setfog.setfol"
                 :paginationShow="false"
+                border
             >
                 <el-table-column label="Payer" prop="ptydbt" width="auto">
                     <template slot-scope="scope">
@@ -229,6 +231,7 @@
                 style="text-align: center"
                 :list="model.setmod.setfeg.setfel"
                 :paginationShow="false"
+                border
             >
                 <el-table-column label="Role" width="auto">
                     <template #default="scope">
@@ -299,6 +302,7 @@
                 style="text-align: center"
                 :list="model.setmod.setglg.setgll"
                 :paginationShow="false"
+                border
             >
                 <el-table-column label="Mod" prop="modflg" width="auto">
                 </el-table-column>

src/views/Business/Ditopn/Tk.vue

@@ -7,25 +7,25 @@
     -->          
        <el-col :span="24">
         <el-form-item label="货物描述" prop="didgrp.blk.lcrgod">
-            <c-input type="textarea" :autosize="{ minRows: 4, maxRows: 8}"  v-model="model.didgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input>
+            <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}"  v-model="model.didgrp.blk.lcrgod" style="width:60%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input>
        </el-form-item>
        </el-col>
                   
        <el-col :span="24">
         <el-form-item label="单据要求" prop="didgrp.blk.lcrdoc">
-            <c-input type="textarea" :autosize="{ minRows: 4, maxRows: 8}"  v-model="model.didgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit placeholder="请输入单据要求" ></c-input>
+            <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}"  v-model="model.didgrp.blk.lcrdoc" maxlength="1950" style="width:60%;margin-right:20px;" show-word-limit placeholder="请输入单据要求" ></c-input>
        </el-form-item>
        </el-col>
                                                     
        <el-col :span="24">
         <el-form-item label="附加条款" prop="didgrp.blk.adlcnd">
-            <c-input type="textarea" :autosize="{ minRows: 8, maxRows: 12}" v-model="model.didgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入附加条款" ></c-input>
+            <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 12}" v-model="model.didgrp.blk.adlcnd" style="width:60%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入附加条款" ></c-input>
        </el-form-item>
        </el-col>
                                                     
        <el-col :span="24">
         <el-form-item label="给付款丶承兑丶议付行的指示" prop="didgrp.blk.insbnk">
-            <c-input type="textarea" :autosize="{ minRows: 8, maxRows: 12}" v-model="model.didgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input>
+            <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 12}" v-model="model.didgrp.blk.insbnk" style="width:60%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input>
        </el-form-item>
        </el-col>