LETNOT UI改造

288875a3 · LiRui · e8914af3 · 288875a3 · 288875a3 · 288875a3
Commit 288875a3 authored Oct 25, 2022 by LiRui
12 changed files
--- a/src/views/Business/Letnot/Aamp.vue
+++ b/src/views/Business/Letnot/Aamp.vue
 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
    <!-- ====================左边======================= -->
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="13">
        <el-form-item label="附加金额" prop="ledgrp.cbs.max2.cur">
          <c-select v-model="model.ledgrp.cbs.max2.cur" style="width:100%" placeholder="请选择附加金额" disabled>

--- a/src/views/Business/Letnot/Adcp.vue
+++ b/src/views/Business/Letnot/Adcp.vue
 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
    <c-col :span="20">
      <el-form-item label="附加条款" prop="ledgrp.blk.adlcnd">
        <c-input
@@ -19,10 +19,9 @@
      <c-button
        size="small"
        type="primary"
-        icon="el-icon-search"
+        icon="el-icon-more"
        @click="showGridPromptDialog('letp.adlcnd.buttxmsel', null, null,{TXT: 'ledgrp.blk.adlcnd'}, {TXT: false},'doxpDialog')"
      >
-        ...
      </c-button>
    </c-col>
@@ -70,10 +69,9 @@
      <c-button
        size="small"
        type="primary"
-        icon="el-icon-search"
+        icon="el-icon-more"
        @click="showGridPromptDialog('letp.insbnk.buttxmsel', null, null,{TXT: 'ledgrp.blk.insbnk'}, {TXT: false},'doxpDialog')"
      >
-        ...
      </c-button>
    </c-col>
  </div>

--- a/src/views/Business/Letnot/Addbcb.vue
+++ b/src/views/Business/Letnot/Addbcb.vue
+<template>
+<div class="eibs-tab">
+    <el-collapse v-model="activeNames" @change="handleChange">
+        <el-collapse-item title="附言" name="coninfp">
+            <m-coninfp :model="model" :codes="codes" />
+        </el-collapse-item>
+    </el-collapse>
+</div>
+</template>
+<script>
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import Event from "~/model/Letame/Event";
+import Coninfp from "~/views/Public/Coninfp";
+export default {
+    components: {
+    "m-coninfp": Coninfp,
+  },
+    inject: ["root"],
+    props: ["model", "codes"],
+    mixins: [commonProcess],
+    data() {
+        return {
+            activeNames: ["coninfp"],
+        };
+    },
+    methods: {
+    ...Event,
+    handleChange(val) {
+      console.log(val);
+    },
+  },
+      created: function () {},
+};
+</script>
+<style>
+</style>
--- a/src/views/Business/Letnot/Detp.vue
+++ b/src/views/Business/Letnot/Detp.vue
 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
    <c-row>
      <!-- =========================================左边============================================= -->
-      <c-col :span="11">
+      <c-col :span="12" style="padding-right: 20px;">
        <!-- Available with -->
        <c-col :span="24">
          <el-form-item label="指定银行" prop="ledgrp.rec.avbwth">
@@ -112,11 +112,10 @@
                <c-button
                  size="small"
                  type="primary"
-                  icon="el-icon-search"
+                  icon="el-icon-more"
                  @click="showGridPromptDialog('letp.lcrdftat.buttxmsel', null, null,{TXT: 'ledgrp.blk.dftat'}, {TXT: false},'doxpDialog')"
                  :disabled="blkDftatFlag"
                >
-                  ...
                </c-button>
              </template>
            </c-fullbox>
@@ -210,7 +209,7 @@
      <!-- =========================================右边============================================= -->
      <!-- Mixed Payment Details -->
-      <c-col :span="11" :offset="1">
+      <c-col :span="12" style="padding-left: 20px;">
        <c-col :span="24">
          <el-form-item label="混合付款指示" prop="ledgrp.blk.mixdet">
            <c-input
@@ -287,11 +286,10 @@
                <c-button
                  size="small"
                  type="primary"
-                  icon="el-icon-search"
+                  icon="el-icon-more"
                  @click="showGridPromptDialog('letp.preper.buttxmsel', null, null,{TXT: 'ledgrp.rec.prepers18'}, {TXT: false},'doxpDialog')"
                  disabled
                >
-                  ...
                </c-button>
              </template>
            </c-fullbox>
@@ -325,10 +323,9 @@
                <c-button
                  size="small"
                  type="primary"
-                  icon="el-icon-search"
+                  icon="el-icon-more"
                  @click="showGridPromptDialog('letp.charia.buttxmsel', null, null,{TXT: 'ledgrp.blk.feetxt'}, {TXT: false},'doxpDialog')"
                >
-                  ...
                </c-button>
              </template>
            </c-fullbox>

--- a/src/views/Business/Letnot/Dogp.vue
+++ b/src/views/Business/Letnot/Dogp.vue
 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
    <!-- Description of Goods -->
    <c-col :span="20">
      <el-form-item label="货物描述" prop="ledgrp.blk.lcrgod">
@@ -19,10 +19,9 @@
      <c-button
        size="small"
        type="primary"
-        icon="el-icon-search"
+        icon="el-icon-more"
        @click="showGridPromptDialog('letp.lcrgod.buttxmsel', null, null,{TXT: 'ledgrp.blk.lcrgod'}, {TXT: false},'doxpDialog')"
      >
-        ...
      </c-button>
    </c-col>
    <br />

--- a/src/views/Business/Letnot/Dorp.vue
+++ b/src/views/Business/Letnot/Dorp.vue
 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
    <!-- 单据要求 -->
    <c-col :span="20">
      <el-form-item label="所需单据" prop="ledgrp.blk.lcrdoc">
@@ -19,10 +19,9 @@
      <c-button
        size="small"
        type="primary"
-        icon="el-icon-search"
+        icon="el-icon-more"
        @click="showGridPromptDialog('letp.lcrdoc.buttxmsel', null, null,{TXT: 'ledgrp.blk.lcrdoc'}, {TXT: false},'doxpDialog')"
      >
-        ...
      </c-button>
    </c-col>
  </div>

--- a/src/views/Business/Letnot/Ovwp.vue
+++ b/src/views/Business/Letnot/Ovwp.vue
--- a/src/views/Business/Letnot/Ovwp1.vue
+++ b/src/views/Business/Letnot/Ovwp1.vue
--- a/src/views/Business/Letnot/Ptyp.vue
+++ b/src/views/Business/Letnot/Ptyp.vue
 <template>
-  <c-row>
+  <div class="eibs">
-    <!-- =================================左边================================= -->
+    <c-row>
-    <!-- 第一通知行 -->
+      <!-- =================================左边================================= -->
-    <c-col :span="11">
+      <!-- 第一通知行 -->
-      <c-col :span="24">
+      <c-col :span="12" style="padding-right: 20px;">
-        <c-ptap
+        <c-col :span="24">
-          :model="model"
+          <c-ptap
-          :argadr="{
+            :model="model"
-            title: '第一通知行',
+            :argadr="{
-            grp: 'ledgrp',
+              title: '第一通知行',
-            rol: 'adv',
+              grp: 'ledgrp',
-          }"
+              rol: 'adv',
-          @onSeainf="onSeainf"
+            }"
-          @onAplpDet="onAdvpDet"
+            @onSeainf="onSeainf"
-          disabled
+            @onAplpDet="onAdvpDet"
-          disabledRef
+            disabled
-          disabledExtkey
+            disabledRef
-        >
+            disabledExtkey
-        </c-ptap>
+          >
-      </c-col>
+          </c-ptap>
+        </c-col>
-      <!-- 第二通知行 -->
+        <!-- 第二通知行 -->
-      <c-col :span="24">
+        <c-col :span="24">
-        <c-ptap
+          <c-ptap
-          :model="model"
+            :model="model"
-          :argadr="{
+            :argadr="{
-            title: '第二通知行',
+              title: '第二通知行',
-            grp: 'ledgrp',
+              grp: 'ledgrp',
-            rol: 'a2b',
+              rol: 'a2b',
-          }"
+            }"
-          @onSeainf="onSeainf"
+            @onSeainf="onSeainf"
-          @onAplpDet="onA2bpDet"
+            @onAplpDet="onA2bpDet"
-        >
+          >
-        </c-ptap>
+          </c-ptap>
-      </c-col>
+        </c-col>
-      <!-- Confirm. Instruct. -->
+        <!-- Confirm. Instruct. -->
-      <c-col :span="24">
+        <c-col :span="24">
-        <el-form-item label="第二通知行确认指令" prop="ledgrp.rec.cnfins">
+          <el-form-item label="第二通知行确认指令" prop="ledgrp.rec.cnfins">
-          <c-select
+            <c-select
-            v-model="model.ledgrp.rec.cnfins"
+              v-model="model.ledgrp.rec.cnfins"
-            style="width: 100%"
+              style="width: 100%"
-            placeholder="第二通知行确认指令"
+              placeholder="第二通知行确认指令"
-            :code="codes.cnfflg1"
+              :code="codes.cnfflg1"
-            :disabled="model.ledgrp.a2b.pts.extkey==''"
+              :disabled="model.ledgrp.a2b.pts.extkey==''"
+            >
+            </c-select>
+          </el-form-item>
+        </c-col>
+      </c-col>
+      <!-- ========================右边======================= -->
+      <c-col :span="12" style="padding-left: 20px;">
+        <!-- Applicant's Bank -->
+        <c-col :span="24">
+          <c-ptap
+            :model="model"
+            :argadr="{
+              title: '申请银行',
+              grp: 'ledgrp',
+              rol: 'apb',
+            }"
+            @onSeainf="onSeainf"
+            @onAplpDet="onApbpDet"
+          >
+          </c-ptap>
+        </c-col>
+        <!-- Send Directly to Applicant's Bank -->
+        <!-- <c-col :span="24">
+          <c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd" style="margin-left:150px;"
+            >直接发送至申请银行</c-checkbox
+          >
+        </c-col> -->
+        <el-form-item label="" prop="ledgrp.rec.aplbnkdirsnd" class="checkbox-left">
+          <c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd"
+            >直接发送至申请银行</c-checkbox
          >
-          </c-select>
        </el-form-item>
-      </c-col>
-    </c-col>
-    <!-- ========================右边======================= -->
-    <c-col :span="11" :offset="1">
-      <!-- Applicant's Bank -->
-      <c-col :span="24">
-        <c-ptap
-          :model="model"
-          :argadr="{
-            title: '申请银行',
-            grp: 'ledgrp',
-            rol: 'apb',
-          }"
-          @onSeainf="onSeainf"
-          @onAplpDet="onApbpDet"
-        >
-        </c-ptap>
-      </c-col>
-      <!-- Send Directly to Applicant's Bank -->
-      <c-col :span="24">
-        <c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd" style="margin-left:150px;"
-          >直接发送至申请银行</c-checkbox
-        >
-      </c-col>
-      <!-- Reimbursement Bank -->
+        <!-- Reimbursement Bank -->
-      <c-col :span="24">
+        <c-col :span="24">
-        <c-ptap
+          <c-ptap
-          :model="model"
+            :model="model"
-          :argadr="{
+            :argadr="{
-            title: '偿付银行',
+              title: '偿付银行',
-            grp: 'ledgrp',
+              grp: 'ledgrp',
-            rol: 'rmb',
+              rol: 'rmb',
-          }"
+            }"
-          @onSeainf="onSeainf"
+            @onSeainf="onSeainf"
-          @onAplpDet="onRmbpDet"
+            @onAplpDet="onRmbpDet"
-        >
+          >
-        </c-ptap>
+          </c-ptap>
-      </c-col>
+        </c-col>
-      <!-- Confirmation  Bank -->
+        <!-- Confirmation  Bank -->
-      <c-col :span="24">
+        <c-col :span="24">
-        <c-ptap
+          <c-ptap
-          :model="model"
+            :model="model"
-          :argadr="{
+            :argadr="{
-            title: '保兑行',
+              title: '保兑行',
-            grp: 'ledgrp',
+              grp: 'ledgrp',
-            rol: 'con',
+              rol: 'con',
-          }"
+            }"
-          :onlySearch="true"
+            :onlySearch="true"
-          @onSeainf="onSeainf"
+            @onSeainf="onSeainf"
-          @onAplpDet="onConpDet"
+            @onAplpDet="onConpDet"
-          disabled
-          disabledRef
-          disabledExtkey
-        >
-        </c-ptap>
-      </c-col>
-      <c-col :span="24">
-        <el-form-item label="" prop="ledgrp.con.pts.nam">
-          <c-input
-            v-model="model.ledgrp.con.pts.nam"
-            maxlength="40"
-            placeholder="请输入Name of Party"
            disabled
-          ></c-input>
+            disabledRef
-        </el-form-item>
+            disabledExtkey
-      </c-col>
-    </c-col>
-    <!-- =============================底部表格========================= -->
-    <c-edit-table :model="model" v-bind="ptsaddg">
-      <el-table-column label="操作" text-align="center">
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            @click="handleEdit(scope.$index, scope.row)"
-            type="primary"
-            >详情</el-button
          >
-        </template>
+          </c-ptap>
-      </el-table-column>
+        </c-col>
-    </c-edit-table>
+        <c-col :span="24">
-  </c-row>
+          <el-form-item label="" prop="ledgrp.con.pts.nam">
+            <c-input
+              v-model="model.ledgrp.con.pts.nam"
+              maxlength="40"
+              placeholder="请输入Name of Party"
+              disabled
+            ></c-input>
+          </el-form-item>
+        </c-col>
+      </c-col>
+      <!-- =============================底部表格========================= -->
+      <c-edit-table :model="model" v-bind="ptsaddg">
+        <el-table-column label="操作" text-align="center">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="handleEdit(scope.$index, scope.row)"
+              type="primary"
+              >详情</el-button
+            >
+          </template>
+        </el-table-column>
+      </c-edit-table>
+    </c-row>
+  </div>
 </template>
 <script>
 import Api from '~/service/Api'

--- a/src/views/Business/Letnot/Spcbenp.vue
+++ b/src/views/Business/Letnot/Spcbenp.vue
 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
    <!-- Special Payment Cond.for BeneficiaryI -->
    <c-col :span="20">
      <el-form-item label="受益人特殊付款条款" prop="ledgrp.blk.spcben">
@@ -19,10 +19,9 @@
      <c-button
        size="small"
        type="primary"
-        icon="el-icon-search"
+        icon="el-icon-more"
        @click="showGridPromptDialog('letp.spcben.buttxmsel', null, null,{TXT: 'ledgrp.blk.spcben'}, {TXT: false},'doxpDialog')"
      >
-        ...
      </c-button>
    </c-col>
  </div>

--- a/src/views/Business/Letnot/Spcrcvp.vue
+++ b/src/views/Business/Letnot/Spcrcvp.vue
 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
    <c-col :span="20">
      <el-form-item label="银行专用特殊付款条款" prop="ledgrp.blk.spcrcb">
        <c-input
@@ -18,10 +18,9 @@
      <c-button
        size="small"
        type="primary"
-        icon="el-icon-search"
+        icon="el-icon-more"
        @click="showGridPromptDialog('letp.spcrcb.buttxmsel', null, null,{TXT: 'ledgrp.blk.spcrcb'}, {TXT: false},'doxpDialog')"
      >
-        ...
      </c-button>
    </c-col>
  </div>

--- a/src/views/Business/Letnot/index.vue
+++ b/src/views/Business/Letnot/index.vue
 <template>
-  <c-page title="出口信用证预通知">
+  <div class="eContainer">
-    <div class="eContainer">
+    <c-page title="出口信用证预开立">
-      <!-- <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>
      <el-form
        :model="model"
        :rules="rules"
@@ -34,113 +16,49 @@
          type="card"
          @tab-click="myTabClick"
        >
-          <!--PD000017 -->
+          <el-tab-pane label="业务信息" name="ovwp">
-          <el-tab-pane label="内容" name="ovwp">
            <c-content>
              <m-ovwp :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>
-          <!--PD000001  Additional Amount 附加金额/额外款项-->
+          <el-tab-pane label="费用/账务" name="setpan,glepan">
-          <el-tab-pane
-            label="附加金额"
-            name="aamp"
-            v-if="model.letp.aamp.aammod.addamtflg == 'X'"
-          >
-            <c-content>
-              <m-aamp :model="model" :codes="codes" />
-            </c-content>
-          </el-tab-pane>
-          <!--PD000063 -->
-          <el-tab-pane label="信用证详情" name="detp">
-            <c-content>
-              <m-detp :model="model" :codes="codes" />
-            </c-content>
-          </el-tab-pane>
-          <!--PD000042 -->
-          <el-tab-pane label="银行信息" name="ptyp">
-            <c-content>
-              <m-ptyp :model="model" :codes="codes" />
-            </c-content>
-          </el-tab-pane>
-          <!--PD000055 -->
-          <el-tab-pane label="货物说明" name="dogp">
-            <c-content>
-              <m-dogp :model="model" :codes="codes" />
-            </c-content>
-          </el-tab-pane>
-          <!--PD000057 -->
-          <el-tab-pane label="单据要求" name="dorp">
-            <c-content>
-              <m-dorp :model="model" :codes="codes" />
-            </c-content>
-          </el-tab-pane>
-          <!--PD000060 -->
-          <el-tab-pane label="其他条款" name="adcp">
            <c-content>
-              <m-adcp :model="model" :codes="codes" />
+              <div class="eibs-tab">
+                <el-collapse v-model="activeNames">
+                  <el-collapse-item title="结算" name="setpan">
+                    <!-- 结算 -->
+                    <m-setpan :model="model" :codes="codes" />
+                  </el-collapse-item>
+                  <el-collapse-item title="会计分录" name="glepan">
+                    <!-- 会计分录 -->
+                    <m-glepan :model="model" :codes="codes" />
+                  </el-collapse-item>
+                </el-collapse>
+              </div>
            </c-content>
          </el-tab-pane>
-          <!--PD000000 -->
+          <el-tab-pane label="备查/附言" name="addbcb">
-          <el-tab-pane label="账务" name="setpan">
            <c-content>
-              <m-setpan :model="model" :codes="codes" />
+              <m-addbcb :model="model" :codes="codes" />
-            </c-content>
-          </el-tab-pane>
-          <el-tab-pane label="会计分录" name="glepan">
-            <c-content>
-              <m-glepan :model="model" :codes="codes" />
-            </c-content>
-          </el-tab-pane>
-          <!--PD000000 -->
-          <el-tab-pane label="附言" name="coninfp">
-            <c-content>
-              <m-coninfp :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>
          <!--PD000529 -->
-          <el-tab-pane label="报文及面函" name="docpan">
+          <el-tab-pane label="报文/面函" name="docpan">
            <c-content>
              <m-docpan :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>
          <!--PD000546 -->
-          <el-tab-pane label="附件" name="doctre">
+          <el-tab-pane label="附件信息" name="doctre">
            <c-content>
              <m-doctre :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>
-          <!--PD000422 -->
-          <el-tab-pane
-            label="银行专用特殊付款条款"
-            name="spcrcvp"
-            v-if="model.ledgrp.rec.spcrcbflg == 'X'"
-          >
-            <c-content>
-              <m-spcrcvp :model="model" :codes="codes" />
-            </c-content>
-          </el-tab-pane>
-          <!--PD000394 -->
-          <el-tab-pane
-            label="受益人特殊付款条款"
-            name="spcbenp"
-            v-if="model.ledgrp.rec.spcbenflg == 'X'"
-          >
-            <c-content>
-              <m-spcbenp :model="model" :codes="codes" />
-            </c-content>
-          </el-tab-pane>
        </c-tabs>
      </el-form>
      <c-grid-ety-prompt-dialog
@@ -155,8 +73,16 @@
        @select-ety="selectMsg"
      >
      </c-grid-ety-prompt-dialog>
-    </div>
-  </c-page>
+      <!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
+      <c-function-btn
+        :handleSubmit="handleSubmit"
+        :handleCheck="handleCheck"
+        :handleStash="handleStash"
+      >
+      </c-function-btn>
+    </c-page>
+  </div>
 </template>
 <script>
 import Api from '~/service/Api'
@@ -169,16 +95,17 @@ import Check from '~/model/Letnot/Check'
 import Default from '~/model/Letnot/Default'
 import Pattern from '~/model/Letnot/Pattern'
 import Ovwp from './Ovwp'
-import Aamp from './Aamp'
+import Addbcb from './Addbcb'
+// import Aamp from './Aamp'
 import Spcrcvp from './Spcrcvp'
-import Spcbenp from './Spcbenp'
+// import Spcbenp from './Spcbenp'
-import Detp from './Detp'
+// import Detp from './Detp'
-import Ptyp from './Ptyp'
+// import Ptyp from './Ptyp'
-import Dogp from './Dogp'
+// import Dogp from './Dogp'
-import Dorp from './Dorp'
+// import Dorp from './Dorp'
-import Adcp from './Adcp'
+// import Adcp from './Adcp'
-import Coninfp from '~/views/Public/Coninfp'
+// import Coninfp from '~/views/Public/Coninfp'
 import Setpan from '~/views/Public/Setpan'
 import Glepan from '~/views/Public/Glepan'
 import Docpan from '~/views/Public/Docpan'
@@ -188,20 +115,21 @@ export default {
  name: 'Letnot',
  components: {
    'm-ovwp': Ovwp,
-    'm-aamp': Aamp,
+    // 'm-aamp': Aamp,
-    'm-detp': Detp,
+    // 'm-detp': Detp,
-    'm-ptyp': Ptyp,
+    // 'm-ptyp': Ptyp,
-    'm-dogp': Dogp,
+    // 'm-dogp': Dogp,
-    'm-dorp': Dorp,
+    // 'm-dorp': Dorp,
-    'm-adcp': Adcp,
+    // 'm-adcp': Adcp,
    // "m-notcha": Notcha,
    'm-setpan': Setpan,
    'm-glepan': Glepan,
-    'm-coninfp': Coninfp,
+    // 'm-coninfp': Coninfp,
    'm-docpan': Docpan,
    'm-doctre': Doctre,
-    'm-spcrcvp': Spcrcvp,
+    'm-addbcb': Addbcb,
-    'm-spcbenp': Spcbenp,
+    // 'm-spcrcvp': Spcrcvp,
+    // 'm-spcbenp': Spcbenp,
  },
  provide() {
    return {
@@ -219,6 +147,7 @@ export default {
      pattern: Pattern,
      rules: null,
      codes: { ...CodeTable },
+      activeNames: ["setpan"]
    }
  },
  methods: {