zxk

src/components/SearchInput.vue

+<template>
+  <div class="search-wrapper" :class="{ 'customer-bor': resultDisplay }">
+    <c-input
+      prefix-icon="el-icon-search"
+      placeholder="全局搜索"
+      v-model="searchContent"
+      @keyup.enter.native="searchEvent"
+      @keydown.up.native="preDownEvent"
+      @keyup.up.native="preUpEvent"
+      @keydown.down.native="nextDownEvent"
+      @keyup.down.native="nextUpEvent"
+      @focus="focusInput"
+      @blur="blurInput"
+    ></c-input>
+    <div
+      class="search-sug"
+      v-show="resultDisplay"
+      @mouseenter="isChoosing = true"
+      @mouseleave="isChoosing = false"
+    >
+      <ul>
+        <li
+          :class="{ 'sug-selected': item.selected }"
+          v-for="(item, idx) in searchResult"
+          :key="idx"
+          @mouseover="liOverEvent(idx)"
+          @mouseup.left="searchEvent(item.text)"
+        >
+          {{ item.text }}
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+import debounce from "lodash/debounce";
+
+export default {
+  name: "SearchInput",
+  data() {
+    return {
+      searchContent: "",
+      searchResult: [],
+      selectedIndex: 0,
+      resultDisplay: false,
+      // 鼠标选择结果集的状态
+      isChoosing: false,
+      debounceWrapper: debounce(this.queryData, 500),
+    };
+  },
+  watch: {
+    searchContent: function(val, oldVal) {
+      // console.log(val, oldVal);
+      if (val.trim() === "") {
+        return;
+      }
+      if (this.searchResult.map(r => r.text).includes(val)) {
+        return;
+      }
+      this.debounceWrapper();
+    },
+  },
+  methods: {
+    queryData() {
+      const testData = [
+        { text: "打算大苏打", url: "" },
+        { text: "sfsdfsdfsd", url: "" },
+        { text: "是多少粉丝", url: "" },
+        { text: "士大夫大师傅士大夫", url: "" },
+        { text: "士大夫胜多负少", url: "" },
+        { text: "法国发过价格非常", url: "" },
+        { text: "让他换个风格和规范还没好v你", url: "" },
+        { text: "十分士大夫士大夫", url: "" },
+        { text: "v不错不错v吧", url: "" },
+        { text: "发的深入沟通和一个航班发", url: "" },
+        { text: "白飞飞更好发挥", url: "" },
+        { text: "价格和法国的", url: "" },
+        { text: "士大夫是任天堂", url: "" },
+        { text: "股份回购价款", url: "" },
+        { text: "分的高分很健康", url: "" },
+        { text: "热天语言同日u", url: "" },
+        { text: "微软谈好价格浮动", url: "" },
+        { text: "v成本v那么就会有投入广告费", url: "" },
+      ];
+      console.log("query data ..." + new Date().toLocaleString());
+      this.shuffle(testData);
+      const res = testData;
+      if (res && res.length > 0) {
+        this.resultDisplay = true;
+        this.searchResult = res;
+      } else {
+        this.searchResult = [];
+        this.resultDisplay = false;
+      }
+    },
+    shuffle(arr) {
+      let i = arr.length - 1;
+      while (i > 0) {
+        const n = (Math.random() * i) >>> 0;
+        [arr[n], arr[i]] = [arr[i], arr[n]];
+        i--;
+      }
+    },
+    searchEvent(val) {
+      if (typeof val === 'string') {
+        this.searchContent = val;
+      }
+      this.resultDisplay = false;
+      // TODO 
+      console.log("go to ...");
+    },
+    focusInput() {
+      if (this.searchResult.length > 0) {
+        this.resultDisplay = true;
+      }
+    },
+    blurInput() {
+      if (!this.isChoosing) {
+        this.resultDisplay = false;
+      }
+      this.selectedIndex = -1;
+      this.clearHighlightItem();
+    },
+    goNext() {
+      if (this.searchResult.length === 0) {
+        return;
+      }
+      if (this.selectedIndex >= this.searchResult.length - 1) {
+        this.selectedIndex = 0;
+      } else {
+        this.selectedIndex++;
+      }
+      this.highlightItem(this.selectedIndex, true);
+    },
+    goPre() {
+      if (this.searchResult.length === 0) {
+        return;
+      }
+      if (this.selectedIndex <= 0) {
+        this.selectedIndex = this.searchResult.length - 1;
+      } else {
+        this.selectedIndex--;
+      }
+      this.highlightItem(this.selectedIndex, true);
+    },
+    highlightItem(idx, changeVal) {
+      // console.log(idx);
+      const lis = this.$el.querySelectorAll(".search-sug ul li");
+      lis.forEach((li) => (li.className = ""));
+      if (lis[idx] && this.searchResult[idx]) {
+        lis[idx].className = "sug-selected";
+        if (changeVal) {
+          this.searchContent = this.searchResult[idx].text;
+        }
+      }
+    },
+    liOverEvent(idx) {
+      this.selectedIndex = idx;
+      this.highlightItem(idx, false);
+    },
+    clearHighlightItem() {
+      this.$el
+        .querySelectorAll(".search-sug ul li")
+        .forEach((li) => (li.className = ""));
+    },
+    /**
+     * up按下
+     */
+    preDownEvent() {
+      // console.log("up key: down");
+      this.goPre();
+    },
+    /**
+     * up弹起
+     */
+    preUpEvent() {
+      // console.log("up key: up");
+    },
+    /**
+     * down按下
+     */
+    nextDownEvent() {
+      // console.log("down key: down");
+      this.goNext();
+    },
+    /**
+     * down弹起
+     */
+    nextUpEvent() {
+      // console.log("down key: up");
+    },
+  },
+};
+</script>
+
+<style scoped>
+.search-wrapper {
+  position: relative;
+}
+.search-wrapper >>> .el-input {
+  z-index: 2001;
+}
+.search-wrapper >>> .el-input .el-input__inner {
+  height: 30px;
+}
+.search-sug {
+  position: absolute;
+  width: 590px;
+  top: 28px;
+  border-radius: 0 0 10px 10px;
+  border: 2px solid #4e71f2;
+  box-shadow: none;
+  font-family: "Microsoft YaHei", Arial, sans-serif;
+  z-index: 2000;
+  background: #fff;
+}
+.search-sug ul {
+  margin: 7px 14px 0;
+  padding: 8px 0 7px;
+  background: 0 0;
+  border-top: 2px solid #f5f5f6;
+}
+.search-sug ul li {
+  list-style: none;
+  width: auto;
+  padding: 0 8px;
+  padding-left: 14px;
+  margin-left: -14px;
+  margin-right: -14px;
+  color: #626675;
+  font: 14px arial;
+  line-height: 28px;
+  background: 0 0;
+  font-family: "Microsoft YaHei", Arial, sans-serif;
+  position: relative;
+  cursor: pointer;
+}
+.search-sug ul li.sug-selected {
+  background-color: #f5f5f6;
+  color: #315efb;
+}
+.search-wrapper >>> .el-input__inner:focus {
+  border: 2px solid #4e71f2;
+  outline: 0;
+}
+.customer-bor >>> .el-input__inner {
+  border-bottom: 0 !important;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+</style>

src/components/index.js

@@ -29,6 +29,7 @@ import Cascader from "./Cascader.vue"
 import List from "./List"
 import ListSearch from "./ListSearch"
 import HighlightContent from "./HighlightContent"
+import SearchInput from "./SearchInput.vue"
 // 循环组件
 import MessageArea from '~/widget/SwfMessage/MessageArea'
 import CycList from '~/widget/SwfMessage/CycList'
@@ -83,6 +84,7 @@ export default {
         Vue.component("c-checkbox-group", CheckboxGroup)
         Vue.component("c-cascader", Cascader)
         Vue.component("c-highlight-content", HighlightContent)
+        Vue.component("c-search-input", SearchInput)
         Vue.component("c-paged-select", PagedSelect)
         Vue.component("c-function-btn", FunctionBtn)
         Vue.component("c-bus-button", BusinessButon)

src/views/Business/Bctacc/Ptyp.vue

@@ -27,7 +27,7 @@
                   
        <c-col :span="12">
         <c-button size="small" type="primary"  @click="onDrepDet">
-            Details
+            详情
         </c-button>
        </c-col>
                   
@@ -45,7 +45,7 @@
                   
        <c-col :span="12">
         <c-button size="small" type="primary"  @click="onRmipDet">
-            Details
+            详情
         </c-button>
        </c-col>
                   
@@ -129,7 +129,7 @@
                   
        <c-col :span="12">
         <c-button size="small" type="primary"  @click="onCo2pDet">
-            Details
+            详情
         </c-button>
        </c-col>
                   
@@ -147,7 +147,7 @@
                   
        <c-col :span="12">
         <c-button size="small" type="primary"  @click="onDrrpDet">
-            Details
+            详情
         </c-button>
        </c-col>
                   

src/views/Business/Bctacc/index.vue

@@ -12,7 +12,7 @@
         <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>
       </c-function-btn>
     <el-form 
     :model="model" 

src/views/Business/Bdtudp/Limitbody.vue

@@ -38,7 +38,7 @@
             icon="el-icon-search"
             @click="onPreperButtxmsel"
           >
-            Details
+            详情
           </c-button>
         </div>
       </c-col>

src/views/Business/Bdtudp/Mt750p.vue

@@ -97,7 +97,7 @@
 
     <c-col :span="12">
       <c-button size="small" type="primary" @click="onAcbpDet">
-        Details
+        详情
       </c-button>
     </c-col>
 

src/views/Business/Bdtudp/Othadvtypp.vue

@@ -21,7 +21,7 @@
                   
        <c-col :span="12">
         <c-button size="small" type="primary"  @click="onBebpDet">
-            Details
+            详情
         </c-button>
        </c-col>
                   

src/views/Business/Bdtudp/Shpdet.vue

@@ -119,7 +119,7 @@
                   
        <!-- <el-col :span="12">
         <c-button size="small" type="primary"  @click="onShppDet">
-            Details
+            详情
         </c-button>
        </el-col> -->
                   

src/views/Business/Cptadv/Opnp1.vue

@@ -221,7 +221,7 @@
             @click="onSeainf"
           ></c-button>
           <c-button size="small" type="primary" @click="onOrcpDet">
-            Details
+            详情
           </c-button>
         </el-form-item>
       </c-col>
@@ -377,7 +377,7 @@
             @click="onSeainf"
           ></c-button>
           <c-button size="small" type="primary" @click="onSndpDet">
-            Details
+            详情
           </c-button>
         </el-form-item>
       </c-col>
@@ -481,10 +481,10 @@
             type="primary"
             icon="el-icon-search"
             @click="onSeainf"
-            >i</c-button
+            ></c-button
           >
           <c-button size="small" type="primary" @click="onPyepDet">
-            Details
+            详情
           </c-button>
         </el-form-item>
       </c-col>

src/views/Business/Cptopn/Doctre.vue

@@ -84,7 +84,7 @@
 
         <c-col :span="24" style="margin-top: 15px">
           <c-button size="small" type="primary" @click="onTrndocButadd">
-            Details
+            详情
           </c-button>
         </c-col>
 

src/views/Business/Cptopn/Finp.vue

@@ -165,7 +165,7 @@
             ></c-button
           >
         <c-button size="small" type="primary" @click="onFippDet">
-          Details
+          详情
         </c-button>
       </c-col>
 

src/views/Business/Cptopn/Opnp1.vue

@@ -13,8 +13,12 @@
       </c-col>
       <c-col :span="4">
         <el-form-item label="" label-width="15px">
-          <c-button size="small" type="primary" @click="onCptpGetref">
-            i
+          <c-button
+            size="small"
+            type="primary"
+            @click="onCptpGetref"
+            icon="el-icon-search"
+          >
           </c-button>
           <c-button size="small" type="primary" @click="onCptpGetref" disabled>
             GetRef
@@ -82,7 +86,7 @@
                 v-model="model.cpdgrp.cbs.nom1.cur"
                 style="width: 100%"
                 placeholder=""
-                 @change="onNom1CurChange"
+                @change="onNom1CurChange"
               >
                 <el-option
                   v-for="item in codes.cur"
@@ -124,7 +128,7 @@
                 v-model="model.cptp.payuil"
                 style="width: 100%"
                 placeholder="请选择汇款语种"
-                 @change="onPayuilChange"
+                @change="onPayuilChange"
               >
                 <el-option
                   v-for="item in codes.payuil"
@@ -325,7 +329,7 @@
                 style="width: 100%"
                 placeholder=""
                 v-model="model.cpdgrp.rec.swftyp"
-                :disabled="model.cptp.liqtyp!='C' && model.cptp.liqtyp!='S'"
+                :disabled="model.cptp.liqtyp != 'C' && model.cptp.liqtyp != 'S'"
               >
                 <el-option
                   v-for="item in codes.swftyp"
@@ -348,7 +352,9 @@
                 v-model="model.cptp.payeecountcode"
                 maxlength="3"
                 placeholder="请输入收款人常驻国家/地区代码"
-                @keyup.enter.native="showGridPromptDialog('cptp.payeecountcode')"
+                @keyup.enter.native="
+                  showGridPromptDialog('cptp.payeecountcode')
+                "
               ></c-input>
             </el-form-item>
           </c-col>
@@ -369,8 +375,7 @@
                 v-model="model.cptp.liqtyp"
                 style="width: 100%"
                 placeholder="请选择清算模式"
-                :disabled="
-                  model.cpdgrp.cbs.nom1.amt === '0.000' "
+                :disabled="model.cpdgrp.cbs.nom1.amt === '0.000'"
               >
                 <el-option
                   v-for="item in liqtypOptions"
@@ -422,11 +427,15 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet" disabled>
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -475,11 +484,15 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet" disabled>
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -508,11 +521,15 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet" disabled>
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -623,18 +640,24 @@
                 v-model="model.cpdgrp.orc.pts.extkey"
                 maxlength="14"
                 placeholder="请输入收款人"
-                @keyup.enter.native="showGridPromptDialog('cpdgrp.orc.pts.extkey')"
+                @keyup.enter.native="
+                  showGridPromptDialog('cpdgrp.orc.pts.extkey')
+                "
               ></c-input>
             </el-form-item>
           </c-col>
 
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet" disabled>
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -655,11 +678,7 @@
     </c-col>
 
     <!-- ====================清算模式-人行支付系统===================== -->
-    <c-col
-      :span="24"
-      v-if="model.cptp.liqtyp === 'B'"
-      style="margin-top: 20px"
-    >
+    <c-col :span="24" v-if="model.cptp.liqtyp === 'B'" style="margin-top: 20px">
       <!-- =========左========== -->
       <c-col :span="11">
         <c-col :span="24">
@@ -728,8 +747,13 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">i</c-button>
-              <c-button size="small" type="primary" disabled>Details</c-button>
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              ></c-button>
+              <c-button size="small" type="primary" disabled>详情</c-button>
             </el-form-item>
           </c-col>
         </c-col>
@@ -862,8 +886,13 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">i</c-button>
-              <c-button size="small" type="primary">Details</c-button>
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              ></c-button>
+              <c-button size="small" type="primary">详情</c-button>
             </el-form-item>
           </c-col>
         </c-col>
@@ -883,11 +912,7 @@
     </c-col>
 
     <!-- ====================清算模式-CIPS系统===================== -->
-    <c-col
-      :span="24"
-      v-if="model.cptp.liqtyp === 'S'"
-      style="margin-top: 20px"
-    >
+    <c-col :span="24" v-if="model.cptp.liqtyp === 'S'" style="margin-top: 20px">
       <!-- =========左========== -->
       <c-col :span="11">
         <c-col :span="24">
@@ -956,8 +981,13 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">i</c-button>
-              <c-button size="small" type="primary" disabled>Details</c-button>
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              ></c-button>
+              <c-button size="small" type="primary" disabled>详情</c-button>
             </el-form-item>
           </c-col>
         </c-col>
@@ -1057,8 +1087,13 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">i</c-button>
-              <c-button size="small" type="primary">Details</c-button>
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              ></c-button>
+              <c-button size="small" type="primary">详情</c-button>
             </el-form-item>
           </c-col>
         </c-col>
@@ -1078,11 +1113,7 @@
     </c-col>
 
     <!-- ======================清算模式-Other================ -->
-    <c-col
-      :span="24"
-      v-if="model.cptp.liqtyp === 'O'"
-      style="margin-top: 20px"
-    >
+    <c-col :span="24" v-if="model.cptp.liqtyp === 'O'" style="margin-top: 20px">
       <!-- ================左================= -->
       <c-col :span="11" style="margin-top: 20px">
         <c-col :span="24">
@@ -1107,11 +1138,15 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet">
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -1159,11 +1194,15 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet" disabled>
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -1192,11 +1231,15 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet" disabled>
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -1252,11 +1295,15 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet" disabled>
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -1275,11 +1322,9 @@
         </c-col>
       </c-col>
     </c-col>
-    
+
     <!-- ====================清算模式-代理行模式=================== -->
-    <c-col :span="24"
-      v-if="model.cptp.liqtyp === 'C'"
-      style="margin-top: 20px">
+    <c-col :span="24" v-if="model.cptp.liqtyp === 'C'" style="margin-top: 20px">
       <!-- ==============左============== -->
       <c-col :span="11">
         <c-col :span="24">
@@ -1304,11 +1349,15 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet">
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -1356,11 +1405,15 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet" disabled>
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -1381,42 +1434,43 @@
       <!-- ==============右============== -->
       <c-col :span="11" :offset="1">
         <c-col :span="24">
-      <el-form-item label="清算代理行">
-        <c-select
-          v-model="model.cptp.cleage"
-          style="width: 70%"
-          placeholder="请选择清算代理行"
-        >
-        <el-option
-        v-for="item in cleageOptions"
-        :key="item.value"
-        :label="item.label"
-        :value="item.value"></el-option>
-        </c-select>
-      </el-form-item>
-    </c-col>
-    <c-col :span="24">
-      <el-form-item label="光大开户行">
-        <c-select
-          v-model="model.cptp.evebch"
-          style="width: 70%"
-          placeholder="请选择光大开户行"
-        >
-        </c-select>
-      </el-form-item>
-    </c-col>
-    <c-col :span="24">
-      <el-form-item label="清算代理行账号">
-        <c-input
-          v-model="model.cptp.coract"
-          maxlength="32"
-          style="width: 90%"
-          placeholder="请输入清算代理行账号"
-          readonly
-        ></c-input>
-      </el-form-item>
-    </c-col>
-    <c-col :span="24">
+          <el-form-item label="清算代理行">
+            <c-select
+              v-model="model.cptp.cleage"
+              style="width: 70%"
+              placeholder="请选择清算代理行"
+            >
+              <el-option
+                v-for="item in cleageOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </c-select>
+          </el-form-item>
+        </c-col>
+        <c-col :span="24">
+          <el-form-item label="光大开户行">
+            <c-select
+              v-model="model.cptp.evebch"
+              style="width: 70%"
+              placeholder="请选择光大开户行"
+            >
+            </c-select>
+          </el-form-item>
+        </c-col>
+        <c-col :span="24">
+          <el-form-item label="清算代理行账号">
+            <c-input
+              v-model="model.cptp.coract"
+              maxlength="32"
+              style="width: 90%"
+              placeholder="请输入清算代理行账号"
+              readonly
+            ></c-input>
+          </el-form-item>
+        </c-col>
+        <c-col :span="24">
           <el-form-item label="指令代码" prop="cpdgrp.rec.f23e">
             <c-input
               v-model="model.cpdgrp.rec.f23e"
@@ -1479,24 +1533,28 @@
         </c-col>
         <c-col :span="24">
           <c-col :span="12">
-          <el-form-item label="银行操作码" prop="cpdgrp.rec.f23b">
-            <c-input
-              v-model="model.cpdgrp.rec.f23b"
-              style="width: 100%"
-              maxlength="4"
-              placeholder=""
-            ></c-input>
-          </el-form-item>
-        </c-col>
-        <c-col :span="12">
-          <el-form-item label="汇率" prop="cpdgrp.rec.f36" label-width="100px">
-            <c-input
-              v-model="model.cpdgrp.rec.f36"
-              style="width: 100%"
-              placeholder=""
-            ></c-input>
-          </el-form-item>
-        </c-col>
+            <el-form-item label="银行操作码" prop="cpdgrp.rec.f23b">
+              <c-input
+                v-model="model.cpdgrp.rec.f23b"
+                style="width: 100%"
+                maxlength="4"
+                placeholder=""
+              ></c-input>
+            </el-form-item>
+          </c-col>
+          <c-col :span="12">
+            <el-form-item
+              label="汇率"
+              prop="cpdgrp.rec.f36"
+              label-width="100px"
+            >
+              <c-input
+                v-model="model.cpdgrp.rec.f36"
+                style="width: 100%"
+                placeholder=""
+              ></c-input>
+            </el-form-item>
+          </c-col>
         </c-col>
         <c-col :span="24">
           <el-form-item label="帐号" prop="cpdgrp.rec.pyeact">
@@ -1512,18 +1570,26 @@
         <c-col :span="24">
           <c-col :span="17">
             <el-form-item label="收款人" prop="cpdgrp.orc.pts.extkey">
-              <c-input placeholder="" 
+              <c-input
+                placeholder=""
                 v-model="model.cpdgrp.orc.pts.extkey"
-                @keyup.enter.native="showGridPromptDialog('cpdgrp.orc.pts.extkey')"></c-input>
+                @keyup.enter.native="
+                  showGridPromptDialog('cpdgrp.orc.pts.extkey')
+                "
+              ></c-input>
             </el-form-item>
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta">
-                i
+              <c-button
+                size="small"
+                type="primary"
+                @click="onCptpGetInfpta"
+                icon="el-icon-search"
+              >
               </c-button>
               <c-button size="small" type="primary" @click="onSndpDet" disabled>
-                Details
+                详情
               </c-button>
             </el-form-item>
           </c-col>
@@ -1540,7 +1606,6 @@
             ></c-input>
           </el-form-item>
         </c-col>
-
       </c-col>
     </c-col>
 
@@ -2300,9 +2365,9 @@
       top="10vh"
       width="80%"
       custom-class="infptaDialog"
-      :before-close="handleClose">
+      :before-close="handleClose"
+    >
       <Infpta></Infpta>
-      
     </el-dialog>
   </div>
 </template>
@@ -2312,12 +2377,12 @@ import CodeTable from "~/config/CodeTable";
 import CommonProcess from "~/mixin/CommonProcess";
 import Event from "~/model/Cptopn/Event";
 import Utils from "~/utils";
-import Infpta from "~/views/Business/Infpta"
+import Infpta from "~/views/Business/Infpta";
 
 export default {
   inject: ["root"],
   props: ["model", "codes"],
-  components: { Infpta }, 
+  components: { Infpta },
   mixins: [CommonProcess],
   data() {
     return {
@@ -2333,23 +2398,19 @@ export default {
         { value: "O", label: "Other" },
         { value: "S", label: "CIPS系统" },
       ],
-      infptaVisible: false
+      infptaVisible: false,
     };
   },
   methods: {
     ...Event,
-    onCptpGetInfpta(){
-      this.infptaVisible=true
-    },
-    onCptpGetref() {
-
-    },
-    onCptpGetmod() {
-      
+    onCptpGetInfpta() {
+      this.infptaVisible = true;
     },
+    onCptpGetref() {},
+    onCptpGetmod() {},
     handleClose(done) {
       done();
-    }
+    },
   },
   created: function () {},
 };

src/views/Business/Cptopn/Setpan.vue

@@ -266,7 +266,7 @@
                         <el-button
                             size="mini"
                             @click="detail2(scoped.$index, scoped.row)"
-                            >details</el-button
+                            >详情</el-button
                         >
                     </template>
                 </el-table-column>

src/views/Business/Diasel/Diaselp.vue

@@ -111,7 +111,7 @@
                   placeholder="请输入User ID"
                   style="width: 70%"
                 ></c-input>
-                <c-button size="small" type="primary;width:10%">i</c-button>
+                <c-button size="small" type="primary" icon="el-icon-search"></c-button>
               </el-form-item>
               <el-form-item
                 v-if="model.usfmod.flt == '<SELB>'"

src/views/Business/Ditame/Amep.vue

@@ -24,7 +24,7 @@
             </c-col>
             <c-col :span="2">
                 <el-form-item label-width="15px">
-                    <c-button size="small" type="primary;width:10%">i</c-button>
+                    <c-button size="small" type="primary" icon="el-icon-search"></c-button>
                 </el-form-item>
             </c-col>
 

src/views/Business/Ditame/Docpan.vue

@@ -335,11 +335,11 @@
                                     style="width: 250px"
                                     v-model="dialog.rcv.pts.extkey"
                                 />
-                                <c-button size="small" type="primary;width:20%"
-                                    >i</c-button
+                                <c-button size="small" type="primary" icon="el-icon-search"
+                                    ></c-button
                                 >
                                 <c-button size="small" type="primary">
-                                    Details
+                                    详情
                                 </c-button>
                             </el-form-item>
                             <el-form-item v-else label="BIC">

src/views/Business/Ditame/Limitbody.vue

@@ -52,9 +52,10 @@
                 <el-form-item label="" label-width="20px">
                     <c-button
                         size="small"
-                        type="primary;width:10%"
+                        type="primary"
                         @click="onSeainf"
-                        >i</c-button
+                        icon="el-icon-search"
+                        ></c-button
                     >
                     <c-button
                         size="small"
@@ -62,7 +63,7 @@
                         icon="el-icon-search"
                         @click="onPreperButtxmsel"
                     >
-                        Details
+                        详情
                     </c-button>
                 </el-form-item>
             </c-col>

src/views/Business/Ditame/Ovwp.vue

@@ -16,9 +16,10 @@
                 <el-form-item label="" label-width="15px">
                     <c-button
                         size="small"
-                        type="primary;width:10%"
+                        type="primary"
                         @click="onSeainf"
-                        >i</c-button
+                        icon="el-icon-search"
+                        ></c-button
                     >
                     <c-button
                         size="small"
@@ -59,9 +60,10 @@
                 <el-form-item label="" label-width="15px">
                     <c-button
                         size="small"
-                        type="primary;width:10%"
+                        type="primary"
                         @click="onExtkey"
-                        >i</c-button
+                        icon="el-icon-search"
+                        ></c-button
                     >
                 </el-form-item>
             </c-col>
@@ -406,12 +408,13 @@
                 <el-form-item label="" label-width="15px">
                     <c-button
                         size="small"
-                        type="primary;width:10%"
+                        type="primary"
                         @click="onSeainf"
-                        >i</c-button
+                        icon="el-icon-search"
+                        ></c-button
                     >
                     <c-button size="small" type="primary" @click="onAplpDet">
-                        Details
+                        详情
                     </c-button>
                 </el-form-item>
             </c-col>
@@ -552,12 +555,13 @@
                 <el-form-item label="" label-width="12px">
                     <c-button
                         size="small"
-                        type="primary;width:10%"
+                        type="primary"
                         @click="onSeainf"
-                        >i</c-button
+                        icon="el-icon-search"
+                        ></c-button
                     >
                     <c-button size="small" type="primary" @click="onBenpDet">
-                        Details
+                        详情
                     </c-button>
                 </el-form-item>
             </c-col>

src/views/Business/Ditopn/Ccvpan.vue

@@ -17,7 +17,7 @@
             <c-select
               v-model="model.liaall.liaccv.concur"
               disabled
-              style="width: 100%"
+              style="width: 95%"
               placeholder="请选择Type of settlement"
             >
               <el-option
@@ -80,7 +80,7 @@
             <c-select
               v-model="model.liaall.liaccv.concur"
               disabled
-              style="width: 100%"
+              style="width: 95%"
               placeholder="请选择Type of settlement"
             >
               <el-option
@@ -150,7 +150,7 @@
             <c-select
               v-model="model.liaall.liaccv.concur"
               disabled
-              style="width: 100%"
+              style="width: 95%"
               placeholder="请选择Type of settlement"
             >
               <el-option

src/views/Business/Ditopn/Detp.vue

@@ -15,27 +15,37 @@
             </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:75%;margin-right:20px;" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
-                <c-button size="medium" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
+                <c-col :span="20">
+                <c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
+                </c-col>
+                <c-col :span="4" style="text-align: right">
+                <c-button size="medium" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
                 </c-button>
+                </c-col>
             </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:75%;margin-right:20px;" maxlength="105" show-word-limit placeholder="请输入"></c-input>
-                <c-button size="medium" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
+                <c-col :span="20">
+                <c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input>
+                </c-col>
+                <c-col :span="4" style="text-align: right">
+                <c-button size="medium" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
                 </c-button>
+                </c-col>
             </el-form-item>
 
             <el-form-item label="" prop="didgrp.blk.preperflg">
                 <c-checkbox v-model="model.didgrp.blk.preperflg" :click="preperflgExtkeyEvent()">修改交单期限文本</c-checkbox>
             </el-form-item>
 
-            <el-form-item label="货物运输或交货方式/服务方式" prop="didgrp.rec.tratyp">
-                <c-select v-model="model.didgrp.rec.tratyp" style="width:50%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
+            <el-form-item label="货物运输/交货/服务方式" prop="didgrp.rec.tratyp">
+            <c-col :span="10">
+                <c-select v-model="model.didgrp.rec.tratyp" style="width:90%" 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>
                 </c-select>
+                </c-col>
             </el-form-item>
 
             <el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs">

src/views/Business/Ditopn/Detp1.vue

 <template>
-    <div class="eibs-tab">
-        <!-- <c-row> -->
-        <c-col :span="24">
-            <c-col :span="11">
-                <el-form-item label="参考号" prop="didgrp.rec.tzref">
-                    <c-input
-                        v-model="model.didgrp.rec.tzref"
-                        maxlength="35"
-                        placeholder="请输入通知行编号"
-                    ></c-input>
-                </el-form-item>
-            </c-col>
-        </c-col>
-        <!-- =========================通知行========================= -->
-        <c-col :span="11">
-            <el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
-                <c-input
-                    v-model="model.didgrp.adv.pts.extkey"
-                    maxlength="16"
-                    placeholder="请输入External Key of Address"
-                    @keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
-                ></c-input>
-            </el-form-item>
-            <el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
-                <c-input
-                    v-model="model.didgrp.adv.pts.bankno"
-                    maxlength="20"
-                    placeholder="请输入Number of bank"
-                    @keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.bankno')"
-                ></c-input>
-            </el-form-item>
+  <div class="eibs-tab">
+    <!-- <c-row> -->
+    <!--=== ==========左边=============== -->
+    <c-col :span="11">
+      <c-col :span="24">
+        <el-form-item label="通知行参考号" prop="didgrp.rec.tzref">
+          <c-input
+            v-model="model.didgrp.rec.tzref"
+            maxlength="35"
+            placeholder="请输入通知行编号"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <!-- =========================通知行========================= -->
+      <c-col :span="24">
+        <el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
+          <c-input
+            v-model="model.didgrp.adv.pts.extkey"
+            maxlength="16"
+            placeholder="请输入External Key of Address"
+            @keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <!-- <el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
+        <c-input
+          v-model="model.didgrp.adv.pts.bankno"
+          maxlength="20"
+          placeholder="请输入Number of bank"
+          @keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.bankno')"
+        ></c-input>
+      </el-form-item>
 
-            <el-form-item label="通知行联行名称" prop="didgrp.adv.pts.jigomc">
-                <c-input
-                    disabled
-                    type="textarea"
-                    v-model="model.didgrp.adv.pts.jigomc"
-                    maxlength="35"
-                    show-word-limit
-                    placeholder="请输入联行名称  电证用"
-                ></c-input>
-            </el-form-item>
-            <el-form-item label="通知行地址" prop="didgrp.adv.pts.dizhii">
-                <c-input
-                    disabled
-                    type="textarea"
-                    v-model="model.didgrp.adv.pts.dizhii"
-                    maxlength="35"
-                    show-word-limit
-                    placeholder="请输入地址  电证用"
-                ></c-input>
-            </el-form-item>
-            <c-col :span="12">
-                <el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
-                    <c-input
-                        disabled
-                        v-model="model.didgrp.adv.pts.youzbm"
-                        maxlength="6"
-                        placeholder="请输入邮编  电证用"
-                    ></c-input>
-                </el-form-item> </c-col
-            ><c-col :span="12">
-                <el-form-item label="通知行电话" prop="didgrp.adv.pts.dihdig" label-width="100px">
-                    <c-input
-                        disabled
-                        v-model="model.didgrp.adv.pts.dihdig"
-                        maxlength="16"
-                        placeholder="请输入电话"
-                    ></c-input>
-                </el-form-item>
-            </c-col>
-        </c-col>
+      <el-form-item label="通知行联行名称" prop="didgrp.adv.pts.jigomc">
+        <c-input
+          disabled
+          type="textarea"
+          v-model="model.didgrp.adv.pts.jigomc"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入联行名称  电证用"
+        ></c-input>
+      </el-form-item>
+      <el-form-item label="通知行地址" prop="didgrp.adv.pts.dizhii">
+        <c-input
+          disabled
+          type="textarea"
+          v-model="model.didgrp.adv.pts.dizhii"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入地址  电证用"
+        ></c-input>
+      </el-form-item> -->
+      <c-ptapdome
+        :disabledJigomc="true"
+        :disabledDizhii="true"
+        :model="model"
+        :argadr="{
+          title: '通知行',
+          rol: 'adv',
+        }"
+      ></c-ptapdome>
+      <c-col :span="13">
+        <el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
+          <c-input
+            disabled
+            v-model="model.didgrp.adv.pts.youzbm"
+            maxlength="6"
+            placeholder="请输入邮编  电证用"
+          ></c-input>
+        </el-form-item> </c-col
+      ><c-col :span="11">
+        <el-form-item
+          label="通知行电话"
+          prop="didgrp.adv.pts.dihdig"
+          label-width="100px"
+        >
+          <c-input
+            disabled
+            v-model="model.didgrp.adv.pts.dihdig"
+            maxlength="16"
+            placeholder="请输入电话"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <!-- ============= 议付行 ========================= -->
+      <c-col :span="13">
+        <el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
+          <c-select
+            v-model="model.didgrp.rec.fenctg"
+            style="width: 100%"
+            placeholder="请选择是否可议付"
+          >
+            <el-option
+              v-for="item in codes.fenctg"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="指定的有关银行 " prop="didgrp.rec.avbwth">
+          <c-select
+            :disabled="model.didgrp.rec.fenctg != 'Y'"
+            v-model="model.didgrp.rec.avbwth"
+            style="width: 100%"
+            placeholder="请选择指定的有关银行"
+          >
+            <el-option
+              v-for="item in codes.avbwth"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <!-- <el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
+        <c-input
+          :disabled="model.didgrp.rec.fenctg != 'Y'"
+          v-model="model.didgrp.avb.pts.bankno"
+          maxlength="20"
+          placeholder="请输入Number of bank"
+          @keyup.enter.native="showGridPromptDialog('didgrp.avb.pts.bankno')"
+        ></c-input>
+      </el-form-item>
+
+      <el-form-item label="议付行名称" prop="didgrp.avb.pts.jigomc">
+        <c-input
+          disabled
+          type="textarea"
+          v-model="model.didgrp.avb.pts.jigomc"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入联行名称  电证用"
+        ></c-input>
+      </el-form-item>
+
+      <el-form-item label="议付行地址" prop="didgrp.avb.pts.dizhii">
+        <c-input
+          :disabled="model.didgrp.rec.fenctg != 'Y'"
+          type="textarea"
+          v-model="model.didgrp.avb.pts.dizhii"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入地址  电证用"
+        ></c-input>
+      </el-form-item> -->
+      <c-ptapdome
+        :disabledBankno="model.didgrp.rec.fenctg != 'Y'"
+        :disabledJigomc="true"
+        :disabledDizhii="model.didgrp.rec.fenctg != 'Y'"
+        :model="model"
+        :argadr="{
+          title: '议付行',
+          rol: 'avb',
+        }"
+      ></c-ptapdome>
+      <!-- ========================转让行 ======================== -->
+      <c-col :span="13">
+        <el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
+          <c-select
+            v-model="model.didgrp.rec.lcrtyp"
+            style="width: 100%"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in codes.lcrtyp"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <!-- </c-row> -->
+      <!-- <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
+        <c-input
+          :disabled="model.didgrp.rec.lcrtyp != 'IT'"
+          v-model="model.didgrp.cmb.pts.bankno"
+          maxlength="20"
+          placeholder="请输入Number of bank"
+          @keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
+        ></c-input>
+      </el-form-item>
+      <el-form-item label="转让行名称" prop="didgrp.cmb.pts.jigomc">
+        <c-input
+          disabled
+          type="textarea"
+          v-model="model.didgrp.cmb.pts.jigomc"
+          show-word-limit
+          placeholder="请输入联行名称  电证用"
+        ></c-input>
+      </el-form-item>
+      <el-form-item label="转让行地址" prop="didgrp.cmb.pts.dizhii">
+        <c-input
+          :disabled="model.didgrp.rec.lcrtyp != 'IT'"
+          type="textarea"
+          v-model="model.didgrp.cmb.pts.dizhii"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入地址  电证用"
+        ></c-input>
+      </el-form-item> -->
+      <c-ptapdome
+        :disabledBankno="model.didgrp.rec.lcrtyp != 'IT'"
+        :disabledJigomc="true"
+        :disabledDizhii="model.didgrp.rec.lcrtyp != 'IT'"
+        :model="model"
+        :argadr="{
+          title: '转让行',
+          rol: 'cmb',
+        }"
+      ></c-ptapdome>
+    </c-col>
+    <!--=== ==========右边=============== -->
+    <c-col :span="11" :offset="1">
         <!-- =========================开证行========================= -->
-        <c-col :span="11" :offset="1">
-            <el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
-                <c-input
-                    
-                    v-model="model.didgrp.iss.pts.extkey"
-                    maxlength="16"
-                    placeholder="请输入External Key of Address"
-                    @keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
-                ></c-input>
-            </el-form-item>
-            <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
+      <c-col :span="24">
+        <el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
+          <c-input
+            v-model="model.didgrp.iss.pts.extkey"
+            maxlength="16"
+            placeholder="请输入External Key of Address"
+            @keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <!-- <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
                 <c-input
                     disabled
                     v-model="model.didgrp.iss.pts.bankno"
@@ -109,260 +260,187 @@
                     show-word-limit
                     placeholder="请输入地址  电证用"
                 ></c-input>
-            </el-form-item>
-            <c-col :span="12">
-                <el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
-                    <c-input
-                        disabled
-                        v-model="model.didgrp.iss.pts.youzbm"
-                        maxlength="6"
-                        placeholder="请输入邮编  电证用"
-                    ></c-input>
-                </el-form-item>
-            </c-col>
-            <c-col :span="12">
-                <el-form-item label="开证行电话" prop="didgrp.iss.pts.dihdig" label-width="100px" >
-                    <c-input
-                        disabled
-                        v-model="model.didgrp.iss.pts.dihdig"
-                        maxlength="16"
-                        placeholder="请输入电话"
-                    ></c-input>
-                </el-form-item>
-            </c-col>
-        </c-col>
-        <!-- ============= 议付行 ========================= -->
-        <c-col :span="11">
-            <el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
-                <c-select
-                    v-model="model.didgrp.rec.fenctg"
-                    style="width: 50%"
-                    placeholder="请选择是否可议付"
-                >
-                    <el-option
-                        v-for="item in codes.fenctg"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value"
-                    >
-                    </el-option>
-                </c-select>
-            </el-form-item>
-            <el-form-item label="指定的有关银行 " prop="didgrp.rec.avbwth">
-                <c-select
-                    :disabled="model.didgrp.rec.fenctg != 'Y'"
-                    v-model="model.didgrp.rec.avbwth"
-                    style="width: 100%"
-                    placeholder="请选择指定的有关银行"
-                >
-                    <el-option
-                        v-for="item in codes.avbwth"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value"
-                    >
-                    </el-option>
-                </c-select>
-            </el-form-item>
-
-            <el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
-                <c-input
-                    :disabled="model.didgrp.rec.fenctg != 'Y'"
-                    v-model="model.didgrp.avb.pts.bankno"
-                    maxlength="20"
-                    placeholder="请输入Number of bank"
-                    @keyup.enter.native="showGridPromptDialog('didgrp.avb.pts.bankno')"
-                ></c-input>
-            </el-form-item>
+            </el-form-item> -->
+      <c-ptapdome
+        :disabledBankno="true"
+        :disabledJigomc="true"
+        :disabledDizhii="true"
+        :model="model"
+        :argadr="{
+          title: '开证行',
+          rol: 'iss',
+        }"
+        :isIss="true"
+      ></c-ptapdome>
 
-            <el-form-item label="议付行名称" prop="didgrp.avb.pts.jigomc">
-                <c-input
-                    disabled
-                    type="textarea"
-                    v-model="model.didgrp.avb.pts.jigomc"
-                    maxlength="35"
-                    show-word-limit
-                    placeholder="请输入联行名称  电证用"
-                ></c-input>
-            </el-form-item>
-
-            <el-form-item label="议付行地址" prop="didgrp.avb.pts.dizhii">
-                <c-input
-                    :disabled="model.didgrp.rec.fenctg != 'Y'"
-                    type="textarea"
-                    v-model="model.didgrp.avb.pts.dizhii"
-                    maxlength="35"
-                    show-word-limit
-                    placeholder="请输入地址  电证用"
-                ></c-input>
-            </el-form-item>
+      <c-col :span="13">
+        <el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
+          <c-input
+            disabled
+            v-model="model.didgrp.iss.pts.youzbm"
+            maxlength="6"
+            placeholder="请输入邮编  电证用"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="11">
+        <el-form-item
+          label="开证行电话"
+          prop="didgrp.iss.pts.dihdig"
+          label-width="100px"
+        >
+          <c-input
+            disabled
+            v-model="model.didgrp.iss.pts.dihdig"
+            maxlength="16"
+            placeholder="请输入电话"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <!-- =========================保兑行========================= -->
+        <c-col :span="13">
+          <el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
+            <c-select
+              v-model="model.didgrp.rec.bdflg"
+              style="width: 100%"
+              placeholder="请选择是否可保兑"
+            >
+              <el-option
+                v-for="item in codes.bdflg"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </c-select>
+          </el-form-item>
         </c-col>
-        <!-- =========================保兑行========================= -->
-        <c-col :span="11" :offset="1">
-            <el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
-                <c-select
-                    v-model="model.didgrp.rec.bdflg"
-                    style="width: 50%"
-                    placeholder="请选择是否可保兑"
-                >
-                    <el-option
-                        v-for="item in codes.bdflg"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value"
-                    >
-                    </el-option>
-                </c-select>
-            </el-form-item>
+        <!-- <el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
+        <c-input
+          :disabled="model.didgrp.rec.bdflg != 'Y'"
+          v-model="model.didgrp.rmb.pts.bankno"
+          maxlength="20"
+          placeholder="请输入Number of bank"
+          @keyup.enter.native="showGridPromptDialog('didgrp.rmb.pts.bankno')"
+        ></c-input>
+      </el-form-item>
 
-            <el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
-                <c-input
-                    :disabled="model.didgrp.rec.bdflg != 'Y'"
-                    v-model="model.didgrp.rmb.pts.bankno"
-                    maxlength="20"
-                    placeholder="请输入Number of bank"
-                    @keyup.enter.native="showGridPromptDialog('didgrp.rmb.pts.bankno')"
-                ></c-input>
-            </el-form-item>
-
-            <el-form-item label="保兑行名称" prop="didgrp.rmb.pts.jigomc">
-                <c-input
-                    disabled
-                    type="textarea"
-                    v-model="model.didgrp.rmb.pts.jigomc"
-                    maxlength="35"
-                    show-word-limit
-                    placeholder="请输入联行名称  电证用"
-                ></c-input>
-            </el-form-item>
-            <el-form-item label="保兑行地址" prop="didgrp.rmb.pts.dizhii">
-                <c-input
-                    :disabled="model.didgrp.rec.bdflg != 'Y'"
-                    type="textarea"
-                    v-model="model.didgrp.rmb.pts.dizhii"
-                    maxlength="35"
-                    show-word-limit
-                    placeholder="请输入地址  电证用"
-                ></c-input>
-            </el-form-item>
-        </c-col>
-        <c-col :span="24">&nbsp;</c-col>
-        <!-- ========================转让行 ======================== -->
-        <c-col :span="11">
-            <el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
-                <c-select
-                    v-model="model.didgrp.rec.lcrtyp"
-                    style="width: 50%"
-                    placeholder="请选择"
-                >
-                    <el-option
-                        v-for="item in codes.lcrtyp"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value"
-                    >
-                    </el-option>
-                </c-select>
-            </el-form-item>
-            <!-- </c-row> -->
-            <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
-                <c-input
-                    :disabled="model.didgrp.rec.lcrtyp != 'IT'"
-                    v-model="model.didgrp.cmb.pts.bankno"
-                    maxlength="20"
-                    placeholder="请输入Number of bank"
-                    @keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
-                ></c-input>
-            </el-form-item>
-            <el-form-item label="转让行名称" prop="didgrp.cmb.pts.jigomc">
-                <c-input
-                    disabled
-                    type="textarea"
-                    v-model="model.didgrp.cmb.pts.jigomc"
-                    show-word-limit
-                    placeholder="请输入联行名称  电证用"
-                ></c-input>
-            </el-form-item>
-            <el-form-item label="转让行地址" prop="didgrp.cmb.pts.dizhii">
-                <c-input
-                   :disabled="model.didgrp.rec.lcrtyp != 'IT'"
-                    type="textarea"
-                    v-model="model.didgrp.cmb.pts.dizhii"
-                    maxlength="35"
-                    show-word-limit
-                    placeholder="请输入地址  电证用"
-                ></c-input>
-            </el-form-item>
-        </c-col>
+      <el-form-item label="保兑行名称" prop="didgrp.rmb.pts.jigomc">
+        <c-input
+          disabled
+          type="textarea"
+          v-model="model.didgrp.rmb.pts.jigomc"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入联行名称  电证用"
+        ></c-input>
+      </el-form-item>
+      <el-form-item label="保兑行地址" prop="didgrp.rmb.pts.dizhii">
+        <c-input
+          :disabled="model.didgrp.rec.bdflg != 'Y'"
+          type="textarea"
+          v-model="model.didgrp.rmb.pts.dizhii"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入地址  电证用"
+        ></c-input>
+      </el-form-item> -->
+        <c-ptapdome
+          :disabledBankno="model.didgrp.rec.bdflg != 'Y'"
+          :disabledJigomc="true"
+          :disabledDizhii="model.didgrp.rec.bdflg != 'Y'"
+          :model="model"
+          :argadr="{
+            title: '保兑行',
+            rol: 'rmb',
+          }"
+        ></c-ptapdome>
         <!-- ========================申请行 ======================== -->
-        <c-col :span="11" :offset="1">
-            <el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
-                <c-input
-                    v-model="model.didgrp.apc.pts.bankno"
-                    maxlength="20"
-                    placeholder="请输入Number of bank"
-                    @keyup.enter.native="showGridPromptDialog('didgrp.apc.pts.bankno')"
-                ></c-input>
-            </el-form-item>
-            <el-form-item label="申请行名称" prop="didgrp.apc.pts.jigomc">
-                <c-input
-                    disabled
-                    type="textarea"
-                    v-model="model.didgrp.apc.pts.jigomc"
-                    maxlength="35"
-                    show-word-limit
-                    placeholder="请输入联行名称  电证用"
-                ></c-input>
-            </el-form-item>
-            <el-form-item label="申请行地址" prop="didgrp.apc.pts.dizhii">
-                <c-input
-                    type="textarea"
-                    v-model="model.didgrp.apc.pts.dizhii"
-                    maxlength="35"
-                    show-word-limit
-                    placeholder="请输入地址  电证用"
-                ></c-input> </el-form-item
-            >            <c-col :span="12">
-                <el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
-                    <c-input
-                        v-model="model.didgrp.apc.pts.youzbm"
-                        maxlength="6"
-                        placeholder="请输入邮编  电证用"
-                    ></c-input>
-                </el-form-item>
-            </c-col><c-col :span="12">
-                <el-form-item label="申请人电话" prop="didgrp.apc.pts.dihdig" label-width="100px">
-                    <c-input
-                        v-model="model.didgrp.apc.pts.dihdig"
-                        maxlength="16"
-                        show-word-limit
-                        placeholder="请输入电话 电证用"
-                    ></c-input>
-                </el-form-item>
-            </c-col>
-
+      <!-- <el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
+        <c-input
+          v-model="model.didgrp.apc.pts.bankno"
+          maxlength="20"
+          placeholder="请输入Number of bank"
+          @keyup.enter.native="showGridPromptDialog('didgrp.apc.pts.bankno')"
+        ></c-input>
+      </el-form-item>
+      <el-form-item label="申请行名称" prop="didgrp.apc.pts.jigomc">
+        <c-input
+          disabled
+          type="textarea"
+          v-model="model.didgrp.apc.pts.jigomc"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入联行名称  电证用"
+        ></c-input>
+      </el-form-item>
+      <el-form-item label="申请行地址" prop="didgrp.apc.pts.dizhii">
+        <c-input
+          type="textarea"
+          v-model="model.didgrp.apc.pts.dizhii"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入地址  电证用"
+        ></c-input>
+      </el-form-item> -->
+      <c-ptapdome
+        :disabledJigomc="true"
+        :model="model"
+        :argadr="{
+          title: '申请行',
+          rol: 'apc',
+        }"
+      ></c-ptapdome>
+      <c-col :span="13">
+        <el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
+          <c-input
+            v-model="model.didgrp.apc.pts.youzbm"
+            maxlength="6"
+            placeholder="请输入邮编  电证用"
+          ></c-input>
+        </el-form-item> 
         </c-col>
+      <c-col :span="11">
+        <el-form-item
+          label="申请人电话"
+          prop="didgrp.apc.pts.dihdig"
+          label-width="100px"
+        >
+          <c-input
+            v-model="model.didgrp.apc.pts.dihdig"
+            maxlength="16"
+            placeholder="请输入电话 电证用"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+    </c-col>
+
+    <!-- <c-col :span="24">&nbsp;</c-col> -->
+    
+
+    
 
-    </div>
+  </div>
 </template>
 <script>
 import Api from "~/service/Api";
 import CommonProcess from "~/mixin/CommonProcess";
 import Event from "~/model/Ditopn/Event";
 import Utils from "~/utils";
+import PtapDome from "~/views/Public/PtapDome";
 
 export default {
-    inject: ['root'],
-    props: ["model", "codes"],
-    mixins: [CommonProcess],
-    data() {
-        return {
-        };
-    },
-    methods: {
-        ...Event 
-    },
-    created: function () {}
+  components: { "c-ptapdome": PtapDome },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [CommonProcess],
+  data() {
+    return {};
+  },
+  methods: {
+    ...Event,
+  },
+  created: function () {},
 };
 </script>
 <style>

src/views/Business/Ditopn/Limitbody.vue

@@ -75,14 +75,14 @@
                 <!-- </el-form-item> -->
             </c-col>
 
-            <c-col :span="24">
+            <c-col :span="20">
                 <el-form-item label="" prop="liaall.limmod.limpts.wrk.pts.nam">
                     <c-input
                         v-model="model.liaall.limmod.limpts.wrk.pts.nam"
                         maxlength="16"
                         placeholder=""
                         :disabled="true"
-                        style="width:90%"
+                        style="width:95%"
                     ></c-input>
                 </el-form-item>
             </c-col>

src/views/Business/Ditopn/Ovwp.vue

@@ -5,7 +5,7 @@
       <c-col :span="11">
         <c-col :span="20">
           <el-form-item
-            label="参考号"
+            label="信用证号码"
             prop="didgrp.rec.ownref"
             style="width: 100%"
           >
@@ -296,11 +296,8 @@
       <c-col :span="24">
         <el-form-item label="有效地点" prop="didgrp.rec.expplc">
           <c-input
-            type="textarea"
-            :rows="3"
             v-model="model.didgrp.rec.expplc"
             maxlength="35"
-            show-word-limit
             placeholder="请输入Place of Expiry"
           ></c-input>
         </el-form-item>

src/views/Business/Ditopn/Rbip.vue

@@ -27,7 +27,7 @@
                   
        <c-col :span="12">
         <c-button size="small" type="primary"  @click="onRmbpDet">
-            Details
+            详情
         </c-button>
        </c-col>
                   

src/views/Business/Ditopn/Tk.vue

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

src/views/Business/Ditopn/index.vue

@@ -15,7 +15,7 @@
         <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>
       </c-function-btn>
       <el-form
         :model="model"
@@ -27,7 +27,7 @@
         :validate-on-rule-change="false"
       >
         <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
-          <el-tab-pane label="内容" name="ovwp">
+          <el-tab-pane label="基本信息" name="ovwp">
             <!--PD000001 -->
 						<c-content>
 							<m-ovwp :model="model" :codes="codes" />
@@ -46,19 +46,21 @@
                     <m-rbip :model="model" :codes="codes"/>
                 </el-tab-pane>
                 -->
-          <el-tab-pane label="银行明细" name="detp1">
+          <el-tab-pane label="其他当事人" name="detp1">
             <!--PD000452 -->
             <c-content>
 						  <m-detp1 :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
-          <el-tab-pane label="明细" name="detp">
+          <el-tab-pane label="详细信息" name="detp">
             <!--PD000077 -->
             <m-detp :model="model" :codes="codes" />
           </el-tab-pane>
-          <el-tab-pane label="条款" name="tk">
+          <el-tab-pane label="单据要求" name="tk">
             <!--PD000342 -->
+            <c-content>
             <m-tk :model="model" :codes="codes" />
+            </c-content>
           </el-tab-pane>
 
           <!-- document rules
@@ -75,7 +77,7 @@
                     <m-litrmbl1 :model="model" :codes="codes"/>
                 </el-tab-pane>
                 -->
-          <el-tab-pane label="帐务" name="setpan">
+          <el-tab-pane label="费用及账务" name="setpan">
             <!--PD000000 -->
             <c-content>
               <m-setpan :model="model" :codes="codes" />
@@ -85,7 +87,7 @@
             <m-glepan :model="model" :codes="codes" ref="glepan" />
           </el-tab-pane>
 
-          <el-tab-pane label="或有" name="engp">
+          <el-tab-pane label="表外" name="engp">
             <!--PD000027 -->
 
             <m-engp :model="model" :codes="codes" />
@@ -112,7 +114,7 @@
             <m-mt799 :model="model" :codes="codes" />
           </el-tab-pane>
           <!--PD000001 -->
-          <el-tab-pane label="统一授信" name="limitbody">
+          <el-tab-pane label="授信额度" name="limitbody">
             <m-limitbody :model="model" :codes="codes" />
           </el-tab-pane>
         </c-tabs>

src/views/Business/Ditsel/Sel.vue

@@ -17,7 +17,7 @@
         </c-col>
         <c-col :span="1">
             <el-form-item label="" label-width="15px">
-                <c-button size="mini" type="primary;width:10%">i</c-button>
+                <c-button size="mini" type="primary" icon="el-icon-search"></c-button>
             </el-form-item>
         </c-col>
 
@@ -275,7 +275,7 @@
             </c-col>
             <c-col :span="1">
                 <el-form-item label="" label-width="15px">
-                    <c-button size="mini" type="primary;width:10%">i</c-button>
+                    <c-button size="mini" type="primary" icon="el-icon-search"></c-button>
                 </el-form-item>
             </c-col>
 
@@ -481,8 +481,8 @@
                 </c-col>
                 <c-col :span="1">
                     <el-form-item label="" label-width="15px">
-                        <c-button size="mini" type="primary;width:10%"
-                            >i</c-button
+                        <c-button size="mini" type="primary" icon="el-icon-search"
+                            ></c-button
                         >
                     </el-form-item>
                 </c-col>
@@ -515,8 +515,8 @@
                 </c-col>
                 <c-col :span="1">
                     <el-form-item label="" label-width="15px">
-                        <c-button size="mini" type="primary;width:10%"
-                            >i</c-button
+                        <c-button size="mini" type="primary" icon="el-icon-search"
+                            ></c-button
                         >
                     </el-form-item>
                 </c-col>
@@ -678,8 +678,8 @@
                 </c-col>
                 <c-col :span="1">
                     <el-form-item label="" label-width="15px">
-                        <c-button size="mini" type="primary;width:10%"
-                            >i</c-button
+                        <c-button size="mini" type="primary" icon="el-icon-search"
+                            ></c-button
                         >
                     </el-form-item>
                 </c-col>
@@ -712,8 +712,8 @@
                 </c-col>
                 <c-col :span="1">
                     <el-form-item label="" label-width="15px">
-                        <c-button size="mini" type="primary;width:10%"
-                            >i</c-button
+                        <c-button size="mini" type="primary" icon="el-icon-search"
+                            ></c-button
                         >
                     </el-form-item>
                 </c-col>

src/views/Business/Infbed/Ovwp.vue

@@ -15,7 +15,7 @@
        </c-col>
                   
        <c-col :span="4">
-        <c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
+        <c-button size="small" type="primary" @click="onSeainf" icon="el-icon-search"></c-button>
        </c-col>
                  
        <c-col :span="12">
@@ -56,7 +56,7 @@
        </c-col> -->
 
        <c-col :span="4">
-        <c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
+        <c-button size="small" type="primary" @click="onSeainf" icon="el-icon-search"></c-button>
        </c-col>
                                    
        <c-col :span="12">

src/views/Business/Infcpd/Infconp.vue

@@ -21,7 +21,7 @@
                         </el-form-item>
                     </c-col>
                     <c-col :span="2" :offset="1">
-                        <c-button size="small" type="primary;width:10%" @click="">i</c-button>
+                        <c-button size="small" type="primary" icon="el-icon-search"></c-button>
                     </c-col>
                     <c-col :span="2">
                         <c-button size="small" type="primary" @click="onRecpanGetref">
@@ -278,7 +278,7 @@
                             title: '汇款人',
                             grp: 'cpdgrp',
                             rol: 'orc',
-                          }" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOrcpDet">
+                          }" :noRef="false" :onlySearch="false" @onAplpDet="onOrcpDet">
                         </c-ptap>
                     </c-col>
                 </c-row>
@@ -290,7 +290,7 @@
                             title: 'Ordering',
                             grp: 'cpdgrp',
                             rol: 'ori',
-                          }" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOripDet">
+                          }" :noRef="false" :onlySearch="false" @onAplpDet="onOripDet">
                         </c-ptap>
                     </c-col>
                 </c-row>
@@ -320,7 +320,7 @@
                             title: '收款人',
                             grp: 'cpdgrp',
                             rol: 'pye',
-                          }" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onPyepDet">
+                          }" :noRef="true" :onlySearch="false" @onAplpDet="onPyepDet">
                         </c-ptap>
                     </c-col>
                 </c-row>
@@ -332,7 +332,7 @@
                             title: '发报行',
                             grp: 'cpdgrp',
                             rol: 'snd',
-                          }" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onSndpDet">
+                          }" :noRef="true" :onlySearch="false" @onAplpDet="onSndpDet">
                         </c-ptap>
                     </c-col>
                 </c-row>

src/views/Business/Infcur/Curp0.vue

@@ -16,10 +16,10 @@
           </c-col>
           -->
           <c-col :span="3">
-            <c-button size="small" type="primary;width:10%" @click="">i</c-button>
+            <c-button size="small" type="primary" icon="el-icon-search"></c-button>
           </c-col>
           <c-col :span="3">
-            <c-button size="small" type="primary;width:10%" @click="">seainf</c-button>
+            <c-button size="small" type="primary" >seainf</c-button>
           </c-col>          
           <!--                              
           <c-col :span="3">

src/views/Business/Infpta/Ptap0.vue

@@ -15,7 +15,7 @@
         </c-col>
         <c-col :span="2">
           <el-form-item label="" label-width="15px">
-            <c-button type="primary" disabled>i</c-button>
+            <c-button type="primary" disabled icon="el-icon-search"></c-button>
           </el-form-item>
         </c-col>
       </c-col>
@@ -48,7 +48,7 @@
         </c-col>
         <c-col :span="2">
           <el-form-item label="" label-width="15px">
-            <c-button type="primary" disabled>i</c-button>
+            <c-button type="primary" disabled icon="el-icon-search"></c-button>
           </el-form-item>
         </c-col>
       </c-col>

src/views/Business/Infusr/Usrp0.vue

@@ -20,7 +20,7 @@
                         </el-form-item>
                     </c-col>
                     <c-col :span="3">
-                        <c-button size="small" type="primary;width:10%" @click="">i</c-button>
+                        <c-button size="small" type="primary" icon="el-icon-search"></c-button>
                     </c-col>
                     <c-col :span="3">
                         <el-form-item label="" prop="recgrp.rec.resusrflg" label-width="0">

src/views/Business/Letopn/Ovwp.vue

@@ -13,8 +13,8 @@
         </el-form-item>
       </c-col>
       <c-col :span="3">
-        <c-button size="small" type="primary;width:10%" @click="onSeainf"
-          >i</c-button
+        <c-button size="small" type="primary" @click="onSeainf" icon="el-icon-search"
+          ></c-button
         >
         <c-button
           size="small"

src/views/Business/Sptrou/Sptnegp.vue

@@ -70,7 +70,7 @@
 				</el-form-item>
 			</c-col>
 			<c-col :span="2" style="margin-left: 10px;">
-					<c-button type="primary">i</c-button>
+					<c-button type="primary" icon="el-icon-search"></c-button>
 				</c-col>
 			<c-col :span="12">
 				<el-form-item label="" prop="recpan.atpget.sdamod.seainf" label-width="10px">
@@ -96,7 +96,7 @@
 				</el-form-item>
 			</c-col>
 			<c-col :span="1" style="margin-left: 10px;">
-				<c-button type="primary" disabled>i</c-button>
+				<c-button type="primary" disabled icon="el-icon-search"></c-button>
 			</c-col>
 			<c-col :span="8">
 				<el-form-item
@@ -125,7 +125,7 @@
 				</el-form-item>
 			</c-col>
 			<c-col :span="1" style="margin-left: 10px;">
-				<c-button type="primary">i</c-button>
+				<c-button type="primary" icon="el-icon-search"></c-button>
 			</c-col>
 			<c-col :span="8">
 				<!-- WORK GROUP -->

src/views/Business/Trnrel/Inftrnps.vue

@@ -130,8 +130,8 @@
                         placeholder="请输入Transaction Type "
                       ></c-input>
                       <!-- <c-input  v-model="model.atpget.sdamod.seainf"  style="width:10%" placeholder="i"></c-input> -->
-                      <c-button size="small" type="primary;width:10%" @click="onSeainf"
-                        >i</c-button
+                      <c-button size="small" type="primary" @click="onSeainf" icon="el-icon-search"
+                        ></c-button
                       >
                     </el-form-item>
                   </c-col>

src/views/Business/Trnrel/Trnp0.vue

@@ -39,7 +39,7 @@
                   
        <c-col :span="12">
         <c-button size="small" type="primary"  @click="onRecpanDet">
-            &Details
+            详情
         </c-button>
        </c-col>
                   

src/views/Layout/SideMenu.vue

@@ -7,13 +7,9 @@
         @click="closeMenu"
       ></c-button>
       <c-button icon="el-icon-s-unfold" v-else @click="openMenu"></c-button>
-      <c-input
-        prefix-icon="el-icon-search"
-        v-if="menuOpen"
-        v-model="searchContent"
-        @keyup.enter.native="searchMenuEvent"
-        placeholder="全局搜索"
-      ></c-input>
+      <!-- <c-input prefix-icon="el-icon-search" v-if="menuOpen" v-model="searchContent"
+        @keyup.enter.native="searchMenuEvent" placeholder="全局搜索"></c-input> -->
+      <c-search-input></c-search-input>
     </div>
     <c-content :height="250">
       <img
@@ -217,13 +213,13 @@ export default {
   position: relative;
 }
 
-.eContainer-menu-search .el-input {
-  width: auto;
-  position: absolute;
-  right: 20px;
-  top: 10px;
-  left: 60px;
-}
+  .eContainer-menu-search .el-input, .eContainer-menu-search .search-wrapper {
+    width: auto;
+    position: absolute;
+    right: 20px;
+    top: 10px;
+    left: 60px;
+  }
 
 .eContainer-menu-search .el-input .el-input__inner {
   height: 30px;
@@ -268,13 +264,9 @@ export default {
 </style>
 
 <style>
-.eContainer-menu-search .el-input .el-input__inner {
-  height: 30px;
-}
-
-.el-menu-vertical-demo.el-menu--collapse {
-  width: 60px;
-}
+  .el-menu-vertical-demo.el-menu--collapse {
+    width: 60px;
+  }
 
 .el-submenu__title,
 .el-menu-item,

src/views/Layout/index.vue

@@ -5,15 +5,15 @@
     <el-header style="padding: 0">
       <headerCom></headerCom>
     </el-header>
-    <div style="height: 8px"></div>
+    <!-- <div style="height: 8px"></div> -->
     <el-container>
-      <el-aside width="200px" style="background-color: white">
+      <el-aside width="240px" style="background-color: white">
         <sideMenu></sideMenu>
       </el-aside>
       <div style="width: 8px"></div>
       <el-main class="m-app-main">
         <tagViews></tagViews>
-        <div style="height: 10px"></div>
+        <!-- <div style="height: 10px"></div> -->
         <business style="background-color: var(--bgcolor)"></business>
         <toolbars></toolbars>
       </el-main>
@@ -45,7 +45,8 @@ export default {
 .el-aside {
   height: 100%;
   transition: width 300ms;
-  overflow: hidden;
+  /* overflow: hidden; */
+  overflow: unset;
   padding-bottom: 68px;
   box-sizing: border-box;
 }

src/views/Public/Docpan.vue

@@ -130,7 +130,7 @@
                     </c-select>
                 </template>
             </el-table-column>
-            <el-table-column label="操作">
+            <el-table-column label="操作" width="160">
                 <template slot-scope="scope">
                     <el-button
                         size="mini"
@@ -336,11 +336,11 @@
                                     style="width: 250px"
                                     v-model="dialog.rcv.pts.extkey"
                                 />
-                                <c-button size="small" type="primary;width:20%"
-                                    >i</c-button
+                                <c-button size="small" type="primary" icon="el-icon-search"
+                                    ></c-button
                                 >
                                 <c-button size="small" type="primary">
-                                    Details
+                                    详情
                                 </c-button>
                             </el-form-item>
                             <el-form-item v-else label="BIC">

src/views/Public/Ptap.vue

@@ -14,7 +14,7 @@
 
     <c-col :span="20">
       <el-form-item
-        :label="`${argadr.title}编号`"
+        :label="`${argadr.title}ID`"
         :prop="`${argadr.grp}.${argadr.rol}.pts.extkey`"
         style="width: 100%"
       >
@@ -72,7 +72,7 @@
       <template v-else>
         <c-col :span="24">
           <el-form-item
-            label="名称"
+            label="电证名称"
             :prop="`${argadr.grp}.${argadr.rol}.namelc`"
           >
             <c-input
@@ -80,6 +80,7 @@
               v-model="model[argadr.grp][argadr.rol].namelc"
               :placeholder="'请输入' + argadr.title + '名称'"
               :disabled="disabled"
+              :rows="2"
               maxlength="35"
               show-word-limit
             ></c-input>
@@ -88,11 +89,12 @@
 
         <c-col :span="24">
           <el-form-item
-            label="地址"
+            label="电证地址"
             :prop="`${argadr.grp}.${argadr.rol}.adrelc`"
           >
             <c-input
               type="textarea"
+              :rows="2"
               v-model="model[argadr.grp][argadr.rol].adrelc"
               :placeholder="'请输入' + argadr.title + '地址'"
               :disabled="disabled"

src/views/Public/PtapDome.vue

+<template>
+  <div class="eibs-tab">
+    <c-col :span="24" v-if="!isIss">
+      <el-form-item
+        :label="`${argadr.title}联行行号`"
+        :prop="`didgrp.${argadr.rol}.pts.bankno`"
+      >
+        <c-input
+          v-model="model.didgrp[argadr.rol].pts.bankno"
+          maxlength="20"
+          :disabled="disabledBankno"
+          :placeholder="'请输入' + argadr.title + '联行行号'"
+          @keyup.enter.native="showGridPromptDialog(`didigrp.${argadr.rol}.pts.bankno`)"
+        ></c-input>
+      </el-form-item>
+    </c-col>
+    <c-col :span="24" v-else>
+      <el-form-item
+        :label="`${argadr.title}联行行号`"
+        :prop="`didgrp.${argadr.rol}.pts.bankno`"
+      >
+        <c-input
+          v-model="model.didgrp[argadr.rol].pts.bankno"
+          maxlength="20"
+          :disabled="disabledBankno"
+          :placeholder="'请输入' + argadr.title + '联行行号'"
+        ></c-input>
+      </el-form-item>
+    </c-col>
+
+    
+      <c-col :span="24">
+        <el-form-item
+          :label="`${argadr.title}联行名称`"
+          :prop="`didgrp.${argadr.rol}.pts.jigomc`"
+        >
+          <c-input
+            type="textarea"
+            :rows="2"
+            v-model="model.didgrp[argadr.rol].pts.jigomc"
+            maxlength="35"
+            show-word-limit
+            :placeholder="'请输入' + argadr.title + '联行名称'"
+            :disabled="disabledJigomc"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item
+          :label="`${argadr.title}地址`"
+          :prop="`didgrp.${argadr.rol}.pts.dizhii`"
+        >
+          <c-input
+            type="textarea"
+            :rows="2"
+            v-model="model.didgrp[argadr.rol].pts.dizhii"
+            maxlength="35"
+            show-word-limit
+            :placeholder="'请输入' + argadr.title + '地址'"
+            :disabled="disabledDizhii"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+        
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import CommonProcess from "~/mixin/CommonProcess";
+// 机构信息模块
+export default {
+  inject: ["root"],
+  mixins: [CommonProcess],
+
+  props: {
+    model: {
+      type: Object,
+      default: undefined,
+    },
+    argadr: {
+      type: Object,
+      default: function () {
+        return {
+          title: "", //角色名称
+          rol: "", //角色
+        };
+      },
+    },
+    disabledBankno: {
+      type: Boolean,
+      default: false,
+    },
+    disabledJigomc: {
+      type: Boolean,
+      default: false,
+    },
+    disabledDizhii: {
+      type: Boolean,
+      default: false,
+    },
+    isIss: {
+      //是否为开证行
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      data: [],
+    };
+  },
+  watch: {},
+  methods: {
+  },
+
+  created: function () {},
+};
+</script>
+<style>
+
+</style>