bttsnd UI 改造

src/views/Business/Bttsnd/Dscins.vue

 <template>
-  <c-row>
+  <div>
     <!-- left -->
     <c-col :span="12" style="padding-right: 20px;">
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-col :span="22">
           <c-form-item label="不符点描述" prop="btdgrp.blk.docdis">
             <c-input
@@ -35,9 +35,43 @@
             ...
           </c-button>
         </c-col>
-      </c-col>
-
+      </c-col> -->
       <c-col :span="24">
+          <c-form-item label="不符点描述" prop="btdgrp.blk.docdis">
+            <c-fullbox>
+              <c-input
+                type="textarea"
+                v-model="model.btdgrp.blk.docdis"
+                maxlength="65"
+                show-word-limit
+                placeholder="请输入不符点描述"
+                rows="4"
+              ></c-input>
+              <template slot="footer">
+                <c-button
+                  size="small"
+                  type="primary"
+                  style="margin-left: 10px"
+                  class="point"
+                  icon="el-icon-search"
+                  @click="
+                    showGridPromptDialog(
+                      'bttp.docdis.buttxmsel',
+                      null,
+                      null,
+                      { TXT: 'btdgrp.blk.docdis' },
+                      { TXT: false },
+                      'doxpDialog'
+                    )
+                  "
+                >
+                </c-button>
+              </template>
+            </c-fullbox>
+          </c-form-item>
+        </c-col>
+
+      <!-- <c-col :span="24">
         <c-col :span="22">
           <el-form-item label="国内不符点描述" prop="btdgrp.blk.intdis">
             <c-input
@@ -70,9 +104,43 @@
             ...
           </c-button>
         </c-col>
+      </c-col> -->
+      <c-col :span="24">
+        <el-form-item label="国内不符点描述" prop="btdgrp.blk.intdis">
+          <c-fullbox>
+            <c-input
+              type="textarea"
+              v-model="model.btdgrp.blk.intdis"
+              maxlength="65"
+              show-word-limit
+              placeholder="请输入国内不符点描述"
+              rows="4"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                class="point"
+                type="primary"
+                style="margin-left:10px"
+                icon="el-icon-search"
+                @click="
+                  showGridPromptDialog(
+                    'bttp.intdis.buttxmsel',
+                    null,
+                    null,
+                    { TXT: 'btdgrp.blk.intdis' },
+                    { TXT: false },
+                    'doxpDialog'
+                  )
+                "
+              >
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
       </c-col>
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-col :span="22">
           <el-form-item label="评论和结论" prop="btdgrp.blk.comcon">
             <c-input
@@ -105,8 +173,43 @@
             ...
           </c-button>
         </c-col>
-      </c-col>
+      </c-col> -->
       <c-col :span="24">
+        <el-form-item label="评论和结论" prop="btdgrp.blk.comcon">
+          <c-fullbox>
+            <c-input
+              type="textarea"
+              v-model="model.btdgrp.blk.comcon"
+              maxlength="65"
+              show-word-limit
+              placeholder="请输入评论和结论"
+              rows="2"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                class="point"
+                type="primary"
+                style="margin-left: 10px"
+                icon="el-icon-search"
+                @click="
+                  showGridPromptDialog(
+                    'bttp.comcon.buttxmsel',
+                    null,
+                    null,
+                    { TXT: 'btdgrp.blk.comcon' },
+                    { TXT: false },
+                    'doxpDialog'
+                  )
+                "
+              >
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <!-- <c-col :span="24">
         <c-col :span="22">
           <el-form-item
             label="本单据结算说明"
@@ -143,6 +246,43 @@
             ...
           </c-button>
         </c-col>
+      </c-col> -->
+      <c-col :span="24">
+        <el-form-item
+          label="本单据结算说明"
+          prop="btdgrp.blk.setinsbt"
+        >
+          <c-fullbox>
+            <c-input
+              type="textarea"
+              v-model="model.btdgrp.blk.setinsbt"
+              maxlength="65"
+              show-word-limit
+              placeholder="请输入本单据结算说明"
+              rows="4"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                class="point"
+                type="primary"
+                style="margin-left: 10px"
+                icon="el-icon-search"
+                @click="
+                  showGridPromptDialog(
+                    'bttp.setins.buttxmsel',
+                    null,
+                    null,
+                    { TXT: 'btdgrp.blk.setinsbt' },
+                    { TXT: false },
+                    'doxpDialog'
+                  )
+                "
+              >
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
       </c-col>
 
       <c-col :span="24">
@@ -157,7 +297,7 @@
         ></c-docpre>
       </c-col>
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-docpre
           :model="model"
           rol="docgrdmbe1"
@@ -167,15 +307,17 @@
             code: 'docpre',
           }"
         ></c-docpre>
-      </c-col>
+      </c-col> -->
     </c-col>
 
     <!-- right -->
     <c-col :span="12" style="padding-left: 20px;">
       <c-col :span="24">
-        <c-checkbox v-model="model.btdgrp.blk.docdisflg" disabled
+        <el-form-item label="" prop="" class="checkbox-left">
+          <c-checkbox v-model="model.btdgrp.blk.docdisflg" disabled
           >不符点描述修改</c-checkbox
         >
+         </el-form-item>
       </c-col>
 
       <c-col :span="24">
@@ -191,13 +333,17 @@
       </c-col>
 
       <c-col :span="24">
-        <c-checkbox v-model="model.btdgrp.rec.approvcod"
+        <el-form-item label="" prop="" class="checkbox-left">
+          <c-checkbox v-model="model.btdgrp.rec.approvcod"
           >不符点寄单</c-checkbox
         >
+         </el-form-item>
       </c-col>
 
       <c-col :span="24">
-        <c-checkbox v-model="model.bttp.cre752flg">收到开证行的MT752报文的状态登记</c-checkbox>
+        <el-form-item label="" prop="" class="checkbox-left">
+          <c-checkbox v-model="model.bttp.cre752flg">收到开证行的MT752报文的状态登记</c-checkbox>
+         </el-form-item>
       </c-col>
 
       <c-col :span="24">
@@ -226,26 +372,45 @@
       </c-col>
 
       <c-col :span="24">
-        <c-checkbox v-model="model.btdsnd.snd732" disabled
+        <el-form-item label="" prop="" class="checkbox-left">
+          <c-checkbox v-model="model.btdsnd.snd732" disabled
           >创建732报文</c-checkbox
         >
+         </el-form-item>
       </c-col>
 
       <c-col :span="24">
-        <c-checkbox v-model="model.rmbclmlate"
+        <c-docpre
+        style="margin-top: 14px"
+          :model="model"
+          rol="docgrdmbe1"
+          :argadr="{
+            path: 'btdgrp.blk.prsdocbe1',
+            grp: 'bttp',
+            code: 'docpre',
+          }"
+        ></c-docpre>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="" prop="" class="checkbox-left">
+          <c-checkbox v-model="model.rmbclmlate"
           >后期索汇</c-checkbox
         >
+         </el-form-item>
       </c-col>
 
-      <c-col :span="24">
-        <c-checkbox
+      <c-col :span="12">
+        <el-form-item label="" prop="" class="checkbox-left">
+          <c-checkbox
           v-model="model.rmbclmnow"
           :disabled="model.rmbclmlate !== ''"
           >即期索汇</c-checkbox
         >
+         </el-form-item>
       </c-col>
     </c-col>
-  </c-row>
+  </div>
 </template>
 <script>
 import Api from "~/service/Api";

src/views/Business/Bttsnd/Payp.vue

@@ -206,7 +206,7 @@
           ></c-date-picker>
         </el-form-item>
       </c-col>
-      <c-col :span="24">
+      <c-col :span="12">
         <c-form-item label="新受益人参考号" prop="btdgrp.blk.benref">
           <c-input
             type="textarea"
@@ -217,6 +217,47 @@
           ></c-input>
         </c-form-item>
       </c-col>
+      <c-col :span="12">
+        <c-form-item label="手续费" prop="btdgrp.rec.lescom">
+          <c-input
+            v-model="model.btdgrp.rec.lescom"
+            placeholder="请输入手续费"
+          ></c-input>
+        </c-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-form-item
+          label="给第一受益人的指示"
+          prop="btdgrp.blk.be1ins"
+        >
+          <c-input
+            type="textarea"
+            v-model="model.btdgrp.blk.be1ins"
+            maxlength="65"
+            show-word-limit
+            placeholder="请输入给第一受益人的指示"
+            rows="4"
+          ></c-input>
+        </c-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-form-item
+          label="给第二受益人的指示"
+          prop="btdgrp.blk.be2ins"
+        >
+          <c-input
+            type="textarea"
+            v-model="model.btdgrp.blk.be2ins"
+            maxlength="65"
+            show-word-limit
+            placeholder="请输入给第二受益人的指示"
+            rows="4"
+            disabled
+          ></c-input>
+        </c-form-item>
+      </c-col>
 
       
 
@@ -261,15 +302,147 @@
           ></c-input>
         </el-form-item>
       </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="第一受益人参考号" prop="btdgrp.be1.pts.ref">
+          <c-input
+            v-model="model.btdgrp.be1.pts.ref"
+            maxlength="16"
+            style="width: 100%"
+            placeholder="请输入第一受益人参考号"
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="" prop="btdgrp.be1.pts.nam" label-width="120px">
+          <c-input
+            v-model="model.btdgrp.be1.pts.nam"
+            maxlength="40"
+            style="width: 100%"
+            placeholder="请输入"
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="第二受益人参考号" prop="btdgrp.be2.pts.ref">
+          <c-input
+            v-model="model.btdgrp.be2.pts.ref"
+            maxlength="16"
+            style="width: 100%"
+            placeholder="请输入第二受益人参考号"
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="" prop="btdgrp.be2.pts.nam" label-width="120px">
+          <c-input
+            v-model="model.btdgrp.be2.pts.nam"
+            maxlength="40"
+            style="width: 100%"
+            placeholder="请输入"
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="寄单行参考号" prop="btdgrp.prb.pts.ref">
+          <c-input
+            v-model="model.btdgrp.prb.pts.ref"
+            maxlength="16"
+            style="width: 100%"
+            placeholder="请输入寄单行参考号"
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="" prop="btdgrp.prb.pts.nam" label-width="120px">
+          <c-input
+            v-model="model.btdgrp.prb.pts.nam"
+            maxlength="40"
+            style="width: 100%"
+            placeholder="请输入"
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-form-item label="交单行的名称及地址" prop="btdgrp.rec.docprbrol">
+          <c-select
+            v-model="model.btdgrp.rec.docprbrol"
+            style="width: 100%"
+            placeholder="请选择交单行的名称及地址"
+            :code="codes.rolall"
+            @change="selectOrCheckboxRule('btdgrp.rec.docprbrol')"
+          >
+          </c-select>
+        </c-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-ptap1
+          :model="model"
+          :argadr="{
+            title: '',
+            grp: 'btdgrp',
+            rol: 'prb',
+          }"
+          :disabled1="true"
+          @onSeainf="onSeainf"
+          @onAplpDet="onPrbpDet"
+        >
+        </c-ptap1>
+      </c-col>
+
+
+
+      <c-col :span="24">
+        <el-form-item label="付款行" prop="btdgrp.rec.payrol">
+          <c-select
+            v-model="model.btdgrp.rec.payrol"
+            style="width: 100%"
+            placeholder="请选择付款行"
+            :code="codes.rolall1"
+            @change="selectOrCheckboxRule('btdgrp.rec.payrol')"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-ptap1
+          :model="model"
+          :argadr="{
+            title: '',
+            grp: 'btdgrp',
+            rol: 'oth',
+          }"
+          @onSeainf="onSeainf"
+          @onAplpDet="onOthpDet"
+          :disabled1="model.btdgrp.rec.payrol != 'OTH'"
+        >
+        </c-ptap1>
+      </c-col>
+
+
+
     </c-col>
 
+    
+
 
     <!-- S0000257 : 信用证编号 -->
 
-    <c-row>
-      <c-col :span="12">
-        <c-col :span="18">
-          <c-col :span="14">
+    <!-- <c-row> -->
+      <!-- <c-col :span="12"> -->
+        <!-- <c-col :span="18"> -->
+          <!-- <c-col :span="14">
             <el-form-item label="单据金额" prop="btdgrp.cbs.max.cur">
               <c-select
                 disabled
@@ -277,7 +450,7 @@
                 style="width: 100%"
                 placeholder="请选择币种"
               >
-                <!--@keyup.enter.native="nom1CurEvent"-->
+                @keyup.enter.native="nom1CurEvent"
                 <el-option
                   v-for="item in codes.cur"
                   :key="item.value"
@@ -288,9 +461,9 @@
                 </el-option>
               </c-select>
             </el-form-item>
-          </c-col>
+          </c-col> -->
 
-          <c-col :span="9" :offset="1">
+          <!-- <c-col :span="9" :offset="1">
             <el-form-item
               style="text-align: left"
               label-width="0"
@@ -304,14 +477,14 @@
               ></c-input-currency>
             </el-form-item>
           </c-col>
-        </c-col>
-        <c-col :span="5" :offset="1">
+        </c-col> -->
+        <!-- <c-col :span="5" :offset="1">
           <c-checkbox disabled v-model="model.bttp.aammod.addamtflg"
             >附加金额</c-checkbox
           >
         </c-col>
-      </c-col>
-      <c-col :span="11">
+      </c-col> -->
+      <!-- <c-col :span="11">
         <el-form-item label="第一受益人参考号" prop="btdgrp.be1.pts.ref">
           <c-input
             v-model="model.btdgrp.be1.pts.ref"
@@ -321,10 +494,10 @@
             disabled
           ></c-input>
         </el-form-item>
-      </c-col>
-    </c-row>
+      </c-col> -->
+    <!-- </c-row> -->
 
-    <el-row>
+    <!-- <el-row>
       <c-col :span="12">
         <c-col :span="18">
           <c-col :span="14">
@@ -335,7 +508,7 @@
                 style="width: 100%"
                 placeholder="请选择币种"
               >
-                <!--@keyup.enter.native="nom1CurEvent"-->
+                @keyup.enter.native="nom1CurEvent"
                 <el-option
                   v-for="item in codes.cur"
                   :key="item.value"
@@ -363,8 +536,8 @@
             </el-form-item>
           </c-col>
         </c-col>
-      </c-col>
-      <c-col :span="11">
+      </c-col> -->
+      <!-- <c-col :span="11">
         <el-form-item label="" prop="btdgrp.be1.pts.nam">
           <c-input
             v-model="model.btdgrp.be1.pts.nam"
@@ -374,10 +547,10 @@
             disabled
           ></c-input>
         </el-form-item>
-      </c-col>
-    </el-row>
+      </c-col> -->
+    <!-- </el-row> -->
 
-    <el-row>
+    <!-- <el-row>
       <c-col :span="11">
         <el-form-item label="单据类型" prop="btdgrp.rec.doctypcod">
           <c-select
@@ -389,8 +562,8 @@
             disabled
           ></c-select>
         </el-form-item>
-      </c-col>
-      <c-col :span="11" :offset="1">
+      </c-col> -->
+      <!-- <c-col :span="11" :offset="1">
         <el-form-item label="第二受益人参考号" prop="btdgrp.be2.pts.ref">
           <c-input
             v-model="model.btdgrp.be2.pts.ref"
@@ -400,11 +573,11 @@
             disabled
           ></c-input>
         </el-form-item>
-      </c-col>
-    </el-row>
+      </c-col> -->
+    <!-- </el-row> -->
     <!-- S0000250 : 单据金额 -->
 
-    <el-row>
+    <!-- <el-row>
       <c-col :span="11">
         <el-form-item label="到期日" prop="btdgrp.rec.matdat">
           <c-date-picker
@@ -415,8 +588,8 @@
             disabled
           ></c-date-picker>
         </el-form-item>
-      </c-col>
-      <c-col :span="11" :offset="1">
+      </c-col> -->
+      <!-- <c-col :span="11" :offset="1">
         <el-form-item label="" prop="btdgrp.be2.pts.nam">
           <c-input
             v-model="model.btdgrp.be2.pts.nam"
@@ -426,10 +599,10 @@
             disabled
           ></c-input>
         </el-form-item>
-      </c-col>
-    </el-row>
+      </c-col> -->
+    <!-- </el-row> -->
 
-    <el-row>
+    <!-- <el-row>
       <c-col :span="11">
         <el-form-item label="交单日期" prop="btdgrp.rec.predat">
           <c-date-picker
@@ -440,9 +613,9 @@
             disabled
           ></c-date-picker>
         </el-form-item>
-      </c-col>
+      </c-col> -->
 
-      <c-col :span="11" :offset="1">
+      <!-- <c-col :span="11" :offset="1">
         <el-form-item label="寄单行参考号" prop="btdgrp.prb.pts.ref">
           <c-input
             v-model="model.btdgrp.prb.pts.ref"
@@ -452,11 +625,11 @@
             disabled
           ></c-input>
         </el-form-item>
-      </c-col>
-    </el-row>
+      </c-col> -->
+    <!-- </el-row> -->
     <!-- S0000249 : 余额 -->
 
-    <el-row>
+    <!-- <el-row>
       <c-col :span="11">
         <el-form-item label="单据状态" prop="btdgrp.rec.docsta">
           <c-select
@@ -468,9 +641,9 @@
             disabled
           ></c-select>
         </el-form-item>
-      </c-col>
+      </c-col> -->
 
-      <c-col :span="11" :offset="1">
+      <!-- <c-col :span="11" :offset="1">
         <el-form-item label="" prop="btdgrp.prb.pts.nam">
           <c-input
             v-model="model.btdgrp.prb.pts.nam"
@@ -480,9 +653,9 @@
             disabled
           ></c-input>
         </el-form-item>
-      </c-col>
-    </el-row>
-    <c-row>
+      </c-col> -->
+    <!-- </el-row> -->
+    <!-- <c-row>
       <c-col :span="6">
         <el-form-item label="交单日期" prop="btdgrp.rec.predat">
           <c-date-picker
@@ -492,11 +665,11 @@
             placeholder="请选择交单日期"
           ></c-date-picker>
         </el-form-item>
-      </c-col>
+      </c-col> -->
       <!-- S0000248 : 第二受益人 -->
       <!-- S0000254 : Ref. -->
 
-      <c-col :span="6">
+      <!-- <c-col :span="6">
         <el-form-item label="从第一受益人那收到单据日期" prop="btdgrp.rec.rcvdatbe1">
           <c-date-picker
             type="string"
@@ -505,11 +678,11 @@
             placeholder="请输入从第一受益人那收到单据日期"
           ></c-date-picker>
         </el-form-item>
-      </c-col>
+      </c-col> -->
 
       <!-- S0000252 : 单据类型 -->
 
-      <c-col :span="11">
+      <!-- <c-col :span="11">
         <c-form-item label="交单行的名称及地址" prop="btdgrp.rec.docprbrol">
           <c-select
             v-model="model.btdgrp.rec.docprbrol"
@@ -520,16 +693,16 @@
           >
           </c-select>
         </c-form-item>
-      </c-col>
-    </c-row>
+      </c-col> -->
+    <!-- </c-row> -->
 
     <!--左边-->
-    <c-col :span="12">
-      <c-col :span="12" :offset="12">
+    <!-- <c-col :span="12"> -->
+      <!-- <c-col :span="12" :offset="12">
         
-      </c-col>
+      </c-col> -->
 
-      <c-col :span="11">
+      <!-- <c-col :span="11">
         <c-form-item label="新受益人参考号" prop="btdgrp.blk.benref">
           <c-input
             type="textarea"
@@ -548,9 +721,9 @@
             placeholder="请输入手续费"
           ></c-input>
         </c-form-item>
-      </c-col>
+      </c-col> -->
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-form-item
           label="给第一受益人的指示"
           prop="btdgrp.blk.be1ins"
@@ -564,9 +737,9 @@
             rows="4"
           ></c-input>
         </c-form-item>
-      </c-col>
+      </c-col> -->
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-form-item
           label="给第二受益人的指示"
           prop="btdgrp.blk.be2ins"
@@ -581,11 +754,11 @@
             disabled
           ></c-input>
         </c-form-item>
-      </c-col>
-    </c-col>
+      </c-col> -->
+    <!-- </c-col> -->
 
     <!--右边-->
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <c-col :span="24">
         <c-ptap1
           :model="model"
@@ -599,9 +772,9 @@
           @onAplpDet="onPrbpDet"
         >
         </c-ptap1>
-      </c-col>
+      </c-col> -->
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <el-form-item label="付款行" prop="btdgrp.rec.payrol">
           <c-select
             v-model="model.btdgrp.rec.payrol"
@@ -612,9 +785,9 @@
           >
           </c-select>
         </el-form-item>
-      </c-col>
+      </c-col> -->
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-ptap1
           :model="model"
           :argadr="{
@@ -627,8 +800,8 @@
           :disabled1="model.btdgrp.rec.payrol != 'OTH'"
         >
         </c-ptap1>
-      </c-col>
-    </c-col>
+      </c-col> -->
+    <!-- </c-col> -->
   </div>
 </template>
 <script>