brtdck ui

src/views/Business/Brtdck/Brtdckp.vue

@@ -3,7 +3,7 @@
     <c-row>
 
       <!-- =================================左边================================= -->
-      <c-col :span="12">
+      <c-col :span="12" class="col-left">
         <!-- S0000198 : 信用证编号 -->
         <c-col :span="24">
           <c-form-item label="信用证编号" prop="lidgrp.rec.ownref">
@@ -431,7 +431,7 @@
       </c-col>
 
       <!-- =================================右边=============================== -->
-      <c-col :span="11" :offset="1">
+      <c-col :span="12" class="col-right">
         
         <!-- S0000192 : 信用证余额 -->
         <c-col :span="12">

src/views/Business/Brtdck/Docpre.vue

@@ -2,7 +2,7 @@
   <div class="eibs-tab">
 
        <!--================================左边================================== -->
-   <c-col :span="11"> 
+   <c-col :span="12" class="col-left"> 
     <c-col :span="21" >           
         <el-form-item label="不符点信息" prop="brdgrp.blk.docdis" >
             <c-input type="textarea" v-model="model.brdgrp.blk.docdis" 
@@ -50,7 +50,7 @@
    </c-col>
   
           <!--===========================右边============================== -->
-   <c-col :span="11" :offset="1"> 
+   <c-col :span="12" class="col-right"> 
     <c-col :span="24">           
         <c-checkbox v-model="model.brdgrp.rec.igndisflg">忽略不符点</c-checkbox>
     </c-col>

src/views/Business/Brtdck/Shpdet.vue

 <template>
   <div class="eibs-tab">
 
-      <!--=== ==========左边=============== -->
-    <c-col :span="11"> 
+    <!--=== ==========左边=============== -->
+    <c-col :span="12" class="col-left"> 
       <c-col :span="24">
         <el-form-item label="提货担保申请人" prop="brdgrp.rec.relgodflg">
             <c-select v-model="model.brdgrp.rec.relgodflg" style="width:100%" placeholder="请选择提货担保申请人" :code="codes.relgod">
@@ -94,8 +94,8 @@
         </el-form-item>
       </c-col>
     </c-col>
-                <!--=== ==========右边=============== -->
-    <c-col :span="11" :offset="1">
+    <!--=== ==========右边=============== -->
+    <c-col :span="12" class="col-right">
       <c-col :span="24">
         <el-form-item label="合同编号" prop="brtp.connum">
             <c-input  v-model="model.brtp.connum" maxlength="35"  placeholder="请输入合同编号"></c-input>

src/views/Business/Brtdck/index.vue

 <template>
-  <div class="eContainer">
-    <!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
-    <c-function-btn
-      :handleSubmit="handleSubmit"
-      :handleCheck="handleCheck"
-      :handleStash="handleStash"
-    >
-      <el-button size="small">查询</el-button>
-      <el-button size="small">用户确认</el-button>
-      <el-button size="small">检核</el-button>
-      <el-button size="small">日志</el-button>
-      <!-- <el-button size="small">保存模板</el-button> -->
-      <!-- <el-button size="small">使用模板</el-button> -->
-      <el-button size="small">imgyge</el-button>
-      <!-- <el-button size="small">拆分报文</el-button> -->
-      <el-button size="small">img</el-button>
-      <el-button size="small">His.img</el-button>
-    </c-function-btn>
+  <c-page>
+    <div class="eContainer">
+      <!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
+      <el-form
+        :model="model"
+        :rules="rules"
+        ref="modelForm"
+        label-width="150px"
+        label-position="right"
+        size="small"
+        :validate-on-rule-change="false"
+      >
+        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
+          <!--brtdck PD000046 Documents Received  标签页-->
+          <el-tab-pane label="收单信息" name="brtdckp">
+            <!--在页面上添加滚动条，使用 c-content 组件，有个height属性，默认是250,height：指的是页面document的高度与自身dom元素高度的差值。-->
+            <c-content>
+              <m-brtdckp :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+          <!--brtp PD000062 Discr./Instr. -->
+          <el-tab-pane
+            label="不符点指示"
+            name="docpre"
+            v-if="model.brdgrp.rec.dscinsflg"
+          >
+            <c-content>
+              <m-docpre :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+          <!--brtp PD000079 Shipping Details -->
+          <el-tab-pane
+            label="装运详情"
+            name="shpdet"
+            v-if="model.brdgrp.rec.dscinsflg"
+          >
+            <c-content>
+              <m-shpdet :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
 
-    <el-form
-      :model="model"
-      :rules="rules"
-      ref="modelForm"
-      label-width="150px"
-      label-position="right"
-      size="small"
-      :validate-on-rule-change="false"
-    >
-      <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
-        <!--brtdck PD000046 Documents Received  标签页-->
-        <el-tab-pane label="收单信息" name="brtdckp">
-          <!--在页面上添加滚动条，使用 c-content 组件，有个height属性，默认是250,height：指的是页面document的高度与自身dom元素高度的差值。-->
-          <c-content>
-            <m-brtdckp :model="model" :codes="codes" />
-          </c-content>
-        </el-tab-pane>
-        <!--brtp PD000062 Discr./Instr. -->
-        <el-tab-pane
-          label="不符点指示"
-          name="docpre"
-          v-if="model.brdgrp.rec.dscinsflg"
-        >
-          <c-content>
-            <m-docpre :model="model" :codes="codes" />
-          </c-content>
-        </el-tab-pane>
-        <!--brtp PD000079 Shipping Details -->
-        <el-tab-pane
-          label="装运详情"
-          name="shpdet"
-          v-if="model.brdgrp.rec.dscinsflg"
-        >
-          <c-content>
-            <m-shpdet :model="model" :codes="codes" />
-          </c-content>
-        </el-tab-pane>
-        <!--liaall PD000027 Liability -->
-        <el-tab-pane label="表外记账" name="engp">
-          <c-content>
-            <m-engp :model="model" :codes="codes" />
-          </c-content>
-        </el-tab-pane>
-        <!--setmod PD000000 Settlement -->
-        <el-tab-pane label="结算" name="setpan">
-          <m-setpan :model="model" :codes="codes" />
-        </el-tab-pane>
-        <!--coninf PD000000 Completion -->
-        <el-tab-pane label="提示信息" name="coninfp">
-          <c-content>
-            <m-coninfp :model="model" :codes="codes" />
-          </c-content>
-        </el-tab-pane>
-        <!--trndoc PD000529 &Messages -->
-        <el-tab-pane label="报文和面函" name="docpan">
-          <m-docpan :model="model" :codes="codes" />
-        </el-tab-pane>
-        <!--trndoc PD000546 Attachments -->
-        <el-tab-pane label="附件" name="doctre">
-          <c-content>
-            <m-doctre :model="model" :codes="codes" />
-          </c-content>
-        </el-tab-pane>
-        <!--limmod PD000001 统一授信 -->
-        <el-tab-pane label="统一授信" name="limitbody">
-          <c-content>
-            <m-limitbody :model="model" :codes="codes" />
-          </c-content>
-        </el-tab-pane>
-      </c-tabs>
-    </el-form>
-    <c-grid-ety-prompt-dialog
-      ref="etyDialog"
-      :promptData="promptData"
-      v-on:select-ety="selectEty"
-    >
-    </c-grid-ety-prompt-dialog>
-    <c-grid-ety-prompt-dialog
-      ref="doxpDialog"
-      :isPty="false"
-      :promptData="promptData"
-      @select-ety="selectMsg"
-    >
-    </c-grid-ety-prompt-dialog>
-  </div>
+          <el-tab-pane label="费用/账务" name="engp,setpan">
+              <c-content>
+                <el-collapse v-model="fyzw">
+                  <el-collapse-item title="表外记账" name="engp">
+                    <!--liaall PD000027 Liability -->
+                    <m-engp :model="model" :codes="codes" />
+                  </el-collapse-item>
+                  <el-collapse-item title="结算" name="setpan">
+                    <!--setmod PD000000 Settlement -->
+                    <!-- 结算 -->
+                    <m-setpan :model="model" :codes="codes" />
+                  </el-collapse-item>
+                </el-collapse>
+              </c-content>
+            </el-tab-pane>
+
+          <!--coninf PD000000 Completion -->
+          <el-tab-pane label="提示信息" name="coninfp">
+            <c-content>
+              <m-coninfp :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+          <!--trndoc PD000529 &Messages -->
+          <el-tab-pane label="报文/面函" name="docpan">
+            <m-docpan :model="model" :codes="codes" />
+          </el-tab-pane>
+          <!--trndoc PD000546 Attachments -->
+          <el-tab-pane label="附件信息" name="doctre">
+            <c-content>
+              <m-doctre :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+          <!--limmod PD000001 统一授信 -->
+          <el-tab-pane label="统一授信" name="limitbody">
+            <c-content>
+              <m-limitbody :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+        </c-tabs>
+      </el-form>
+      <c-function-btn
+        :handleSubmit="handleSubmit"
+        :handleCheck="handleCheck"
+        :handleStash="handleStash"
+      >
+        <!-- <el-button size="small">查询</el-button> -->
+        <!-- <el-button size="small">用户确认</el-button> -->
+        <!-- <el-button size="small">检核</el-button> -->
+        <!-- <el-button size="small">日志</el-button> -->
+        <!-- <el-button size="small">保存模板</el-button> -->
+        <!-- <el-button size="small">使用模板</el-button> -->
+        <!-- <el-button size="small">imgyge</el-button> -->
+        <!-- <el-button size="small">拆分报文</el-button> -->
+        <!-- <el-button size="small">img</el-button> -->
+        <!-- <el-button size="small">His.img</el-button> -->
+      </c-function-btn>
+      <c-grid-ety-prompt-dialog
+        ref="etyDialog"
+        :promptData="promptData"
+        v-on:select-ety="selectEty"
+      >
+      </c-grid-ety-prompt-dialog>
+      <c-grid-ety-prompt-dialog
+        ref="doxpDialog"
+        :isPty="false"
+        :promptData="promptData"
+        @select-ety="selectMsg"
+      >
+      </c-grid-ety-prompt-dialog>
+    </div>
+  </c-page>
 </template>
 <script>
 import Api from '~/service/Api'