2022.01.11 wujia 信用证修改调整

src/views/Business/Ditame/Adcpame.vue

@@ -22,7 +22,7 @@
                     maxlength="50"
                     show-word-limit
                     placeholder="请输入Additional  Conditions Amendment History"
-                    :rows="15"
+                    :rows="12"
                     disabled
                 ></c-input>
             </el-form-item>
@@ -46,14 +46,8 @@
             </el-form-item>
         </c-col>
 
-        <c-col :span="1">
-            <c-button
-                size="small"
-                type="primary"
-                @click="onAdlcndameButtxmsel"
-                style="margin-left:5px"
-            >
-                ...
+        <c-col :span="1" style="text-align: right">
+            <c-button size="small" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onAdlcndameButtxmsel">
             </c-button>
         </c-col>
     </div>

src/views/Business/Ditame/Addbcb.vue

@@ -5,7 +5,7 @@
                 <c-input
                     v-model="model.godnam"
                     maxlength="40"
-                    style="width: 30%"
+                    style="width: 50%"
                     placeholder="货物服务名称"
                 ></c-input>
             </el-form-item>
@@ -16,7 +16,7 @@
                 <c-col :span="8">
                     <c-select
                         v-model="model.litameadv"
-                        style="width: 70%"
+                        style="width: 150%"
                         placeholder="请选择特殊规定"
                     >
                         <el-option
@@ -32,12 +32,12 @@
         </c-col>
 
         <c-col :span="24">
-            <el-form-item label="" prop="ameadvrmk" style="width: 60%">
+            <el-form-item label="" prop="ameadvrmk">
                 <c-input
                     :disabled="model.litameadv == '无特殊规定'"
                     type="textarea"
                     v-model="model.ameadvrmk"
-                    :autosize="{ minRows: 4, maxRows: 6 }"
+                    :rows="4"
                     maxlength="68"
                     style="width: 50%"
                     show-word-limit
@@ -50,55 +50,11 @@
                 <c-input
                     v-model="model.bchname"
                     maxlength="40"
-                    style="width: 50%"
+                    style="width: 81.2%"
                     placeholder="请输入branch  name"
                 ></c-input>
             </el-form-item>
         </c-col>
-
-        <c-col :span="24">
-            <el-form-item label="地址" prop="issadr" style="width: 65%">
-                <c-input
-                    v-model="model.issadr"
-                    maxlength="40"
-                    style="width: 50%"
-                    placeholder="请输入地址"
-                ></c-input>
-            </el-form-item>
-        </c-col>
-
-        <c-col :span="24">
-            <el-form-item label="邮编" prop="pobzip" style="width: 65%">
-                <c-input
-                    v-model="model.pobzip"
-                    maxlength="40"
-                    style="width: 30%"
-                    placeholder="请输入邮编"
-                ></c-input>
-            </el-form-item>
-        </c-col>
-
-        <c-col :span="24">
-            <el-form-item label="电话" prop="tel" style="width: 65%">
-                <c-input
-                    v-model="model.tel"
-                    maxlength="40"
-                    style="width: 30%"
-                    placeholder="请输入电话"
-                ></c-input>
-            </el-form-item>
-        </c-col>
-
-        <c-col :span="24">
-            <el-form-item label="传真" prop="fax" style="width: 65%">
-                <c-input
-                    v-model="model.fax"
-                    maxlength="40"
-                    style="width: 30%"
-                    placeholder="请输入传真"
-                ></c-input>
-            </el-form-item>
-        </c-col>
     </div>
 </template>
 <script>

src/views/Business/Ditame/Amep.vue

@@ -109,14 +109,14 @@
         <el-form-item label="溢短装" prop="olddidgrp.rec.nomtop">
           <c-input
             v-model="model.olddidgrp.rec.nomtop"
-            style="width: 45%"
+            style="width: 46.9%"
             disabled
           ></c-input>
           <label style="display: inline-block; width: 28px; text-align: center"
             >-</label>
           <c-input
             v-model="model.olddidgrp.rec.nomton"
-            style="width: 45%"
+            style="width: 47%"
             disabled
           ></c-input>
         </el-form-item>
@@ -233,12 +233,12 @@
       <el-form-item prop="trnmod.swiadd.newnomtopame">
         <c-input
           v-model="model.trnmod.swiadd.newnomtopame"
-          style="width: 45%"
+          style="width: 46.9%"
         ></c-input>
         <label style="display: inline-block; width: 28px; text-align: center">-</label>
         <c-input
           v-model="model.trnmod.swiadd.newnomtoname"
-          style="width: 45%"
+          style="width: 47%"
         ></c-input>
       </el-form-item>
     </c-col>

src/views/Business/Ditame/Detp.vue

@@ -5,13 +5,13 @@
         <c-col :span="11"> 
             <el-form-item label="信用证兑付方式" prop="didgrp.rec.avbby">
                 <c-select v-model="model.didgrp.rec.avbby" style="width:100%" @change="avbbykeyEvent" placeholder="请选择">
-                    <el-option v-for="item in codes.avbby0" :key="item.value" :label="item.label" :value="item.value">
+                    <el-option v-for="item in avbby0" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                 </c-select>
             </el-form-item>
 
             <el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" >
-                <c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:17%" maxlength="3"></c-input>
+                <c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:100%" maxlength="3"></c-input>
             </el-form-item>
 
             <el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
@@ -39,8 +39,8 @@
             </el-form-item>
 
             <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'">
+            <c-col :span="24">
+                <c-select v-model="model.didgrp.rec.tratyp" style="width:100%" 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>
@@ -78,22 +78,26 @@
         <!-- ========================= Right ========================= -->
         <c-col :span="11" :offset="1">
             <el-form-item label="分批装运货物" prop="didgrp.rec.shppar">
-                <c-select v-model="model.didgrp.rec.shppar" style="width:50%" placeholder="请选择">
+                <c-select v-model="model.didgrp.rec.shppar" style="width:100%" placeholder="请选择">
                     <el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                 </c-select>
             </el-form-item>
 
             <el-form-item label="分期装运/提供服务" prop="didgrp.rec.fqzytgfw">
-                <c-input v-model="model.didgrp.rec.fqzytgfw" placeholder="请输入" :disabled="model.didgrp.rec.shppar == 'N'" style="width:100%"></c-input>
+                <c-select v-model="model.didgrp.rec.fqzytgfw" placeholder="请选择" :disabled="model.didgrp.rec.shppar != 'Y'" style="width:100%">
+                    <el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
+                    </el-option>
+                </c-select>
             </el-form-item>
 
             <el-form-item label="分期装运/提供服务约定" prop="didgrp.rec.fqtime">
-                <c-input type="textarea" :rows="3" v-model="model.didgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入" style="width:100%"></c-input>
+                <c-input type="textarea" :rows="3" v-model="model.didgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入" style="width:100%"
+                :disabledBankno="model.didgrp.rec.fqzytgfw != 'Y'"></c-input>
             </el-form-item>
 
             <el-form-item label="转运" prop="didgrp.rec.shptrs">
-                <c-select v-model="model.didgrp.rec.shptrs" style="width:50%" placeholder="请选择" :disabled="model.didgrp.rec.mytype == 'F'">
+                <c-select v-model="model.didgrp.rec.shptrs" style="width:100%" placeholder="请选择" :disabled="model.didgrp.rec.mytype == 'F'">
                   <el-option label="不允许" value="禁止"></el-option>
                   <el-option label="允许" value="允许"></el-option>
                 </c-select>
@@ -133,7 +137,6 @@
 <script>
 import Api from "~/service/Api"
 import CommonProcess from "~/mixin/CommonProcess";
-import CodeTable from "~/config/CodeTable"
 import Event from "~/model/Ditopn/Event"
 import Utils from "~/utils";
 
@@ -145,9 +148,25 @@ export default {
         return {
             flag:false,
             mytypeFlag:true,
+            avbby0: [
+                { label: "远期付款", value: "D" },
+                { label: "即期付款", value: "P" },
+            ]
         }
     },
     methods:{...Event,
+        async onDefdetButtxmsel(){
+            let rtnmsg = await this.executeRule("txmmod.buttxmsel");   //BUTTXMSEL
+            if(rtnmsg.respCode = SUCCESS){
+                Utils.copyValueFromVO(this.model, rtnmsg.data);
+            }
+        },
+        async onPreperButtxmsel(){
+            let rtnmsg = await this.executeRule("txmmod.buttxmsel");   //BUTTXMSEL
+            if(rtnmsg.respCode = SUCCESS){
+                Utils.copyValueFromVO(this.model, rtnmsg.data);
+            }
+        },
         preperflgExtkeyEvent(){
             this.flag = !this.model.didgrp.blk.preperflg
             if (this.flag === true){

src/views/Business/Ditame/Detp1.vue

@@ -20,6 +20,7 @@
             maxlength="16"
             placeholder="请输入External Key of Address"
             @keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
+            disabled
           ></c-input>
         </el-form-item>
       </c-col>
@@ -53,6 +54,7 @@
         ></c-input>
       </el-form-item> -->
       <c-ptapdome
+        :disabledBankno="true"
         :disabledJigomc="true"
         :disabledDizhii="true"
         :model="model"
@@ -86,7 +88,7 @@
         </el-form-item>
       </c-col>
       <!-- ============= 议付行 ========================= -->
-      <c-col :span="13">
+      <c-col :span="24">
         <el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
           <c-select
             v-model="model.didgrp.rec.fenctg"
@@ -110,6 +112,7 @@
             v-model="model.didgrp.rec.avbwth"
             style="width: 100%"
             placeholder="请选择指定的有关银行"
+            @change="chooseBank"
           >
             <el-option
               v-for="item in codes.avbwth"
@@ -154,9 +157,9 @@
         ></c-input>
       </el-form-item> -->
       <c-ptapdome
-        :disabledBankno="model.didgrp.rec.fenctg != 'Y'"
+        :disabledBankno="true"
         :disabledJigomc="true"
-        :disabledDizhii="model.didgrp.rec.fenctg != 'Y'"
+        :disabledDizhii="true"
         :model="model"
         :argadr="{
           title: '议付行',
@@ -165,7 +168,7 @@
         }"
       ></c-ptapdome>
       <!-- ========================转让行 ======================== -->
-      <c-col :span="13">
+      <c-col :span="24">
         <el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
           <c-select
             v-model="model.didgrp.rec.lcrtyp"
@@ -302,7 +305,7 @@
         </el-form-item>
       </c-col>
       <!-- =========================保兑行========================= -->
-        <c-col :span="13">
+        <c-col :span="24">
           <el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
             <c-select
               v-model="model.didgrp.rec.bdflg"
@@ -389,6 +392,7 @@
         ></c-input>
       </el-form-item> -->
       <c-ptapdome
+        
         :disabledJigomc="true"
         :model="model"
         :argadr="{
@@ -445,6 +449,12 @@ export default {
   },
   methods: {
     ...Event,
+    async chooseBank(){
+      let rtnmsg = await this.executeRule("didgrp.rec.avbwth");   //DIDGRP\REC\AVBWTH
+      if(rtnmsg.respCode = SUCCESS){
+        Utils.copyValueFromVO(this.model, rtnmsg.data);
+      }
+    },
   },
   created: function () {},
 };

src/views/Business/Ditame/Dogpame.vue

@@ -46,14 +46,8 @@
             </el-form-item>
         </c-col>
 
-        <c-col :span="1">
-            <c-button
-                size="small"
-                type="primary"
-                @click="onLcrgodameButtxmsel"
-                style="margin-left:5px"
-            >
-            ...
+        <c-col :span="1" style="text-align: right">
+            <c-button size="small" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onLcrgodameButtxmsel">
             </c-button>   
         </c-col>
     </div>

src/views/Business/Ditame/Dorpame.vue

@@ -41,14 +41,8 @@
             </el-form-item>
         </c-col>
 
-        <c-col :span="1">
-            <c-button
-                size="small"
-                type="primary"
-                @click="onLcrdocameButtxmsel"
-                style="margin-left:5px"
-            >
-            ...
+        <c-col :span="1" style="text-align: right">
+            <c-button size="small" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onLcrdocameButtxmsel">
             </c-button>
         </c-col>
     </div>

src/views/Business/Ditame/Mt799.vue

@@ -33,7 +33,9 @@ import CodeTable from "~/config/CodeTable"
 import Event from "~/model/Ditopn/Event"
 
 export default {
+    inject: ['root'],
     props:["model","codes"],
+    mixins: [CommonProcess],
     data(){
         return {
 

src/views/Business/Ditame/Ovwp.vue

@@ -36,7 +36,7 @@
               style="margin:0 0"
                 size="small"
                 type="primary"
-                :disabled="this.flag"
+                disabled
                 @click="onDitpButgetref"
               >
                 获取
@@ -120,6 +120,7 @@
             v-model="model.didgrp.cbs.nom1.amt"
             style="text-align: left; width: 100%"
             placeholder="请输入信用证金额"
+            disabled
             @keyup.enter.native="defaultFunction('didgrp.cbs.nom1.amt', model.didgrp.cbs.nom1.amt)"
           ></c-input-currency>
         </el-form-item>
@@ -135,19 +136,21 @@
         </el-form-item>
       </c-col>
       <c-col :span="24">
-      <c-col :span="13">
+      <c-col :span="24">
         <el-form-item label="上下浮动限额" prop="didgrp.rec.nomtop">
           <c-input
             v-model="model.didgrp.rec.nomtop"
             maxlength="9"
-            style="width: 40%"
+            style="width: 44.3%"
+            disabled
             placeholder="请输入Amount Tolerance - Positive"
           ></c-input>
           <label style="display:inline-block;width:10%;text-align:center;">-</label>
           <c-input
             v-model="model.didgrp.rec.nomton"
             maxlength="9"
-            style="width: 40%"
+            style="width: 44.3%"
+            disabled
             placeholder="请输入Amount Tolerance - Negative"
           ></c-input>
         </el-form-item>
@@ -234,20 +237,21 @@
       </c-col>
 
       <c-col :span="24">
-      <c-col :span="13">
+      <c-col :span="24">
         <el-form-item label="开证日期" prop="didgrp.rec.opndat">
           <c-date-picker
             type="date"
             v-model="model.didgrp.rec.opndat"
             value-format="yyyy-MM-dd"
-            style="width: 95%"
+            style="width: 100%"
             placeholder="请选择Date"
+            disabled
           ></c-date-picker>
         </el-form-item>
       </c-col>
       </c-col>
        <c-col :span="24">
-      <c-col :span="13">
+      <c-col :span="24">
         <el-form-item
           v-if="model.didgrp.rec.mytype == 'H'"
           label="最迟货物装运日"
@@ -257,8 +261,9 @@
             type="date"
             v-model="model.didgrp.rec.shpdat"
             value-format="yyyy-MM-dd"
-            style="width: 95%"
+            style="width: 100%"
             placeholder="请选择Date"
+            disabled
           ></c-date-picker>
         </el-form-item>
         <el-form-item
@@ -270,8 +275,9 @@
             type="date"
             v-model="model.didgrp.rec.shpdat"
             value-format="yyyy-MM-dd"
-            style="width: 95%"
+            style="width: 100%"
             placeholder="请选择Date"
+            disabled
           ></c-date-picker>
         </el-form-item>
         <el-form-item
@@ -283,21 +289,23 @@
             type="date"
             v-model="model.didgrp.rec.shpdat"
             value-format="yyyy-MM-dd"
-            style="width: 95%"
+            style="width: 100%"
             placeholder="请选择"
+            disabled
           ></c-date-picker>
         </el-form-item>
       </c-col>
       </c-col>
       <c-col :span="24">
-      <c-col :span="13">
+      <c-col :span="24">
         <el-form-item label="有效日期" prop="didgrp.rec.expdat">
           <c-date-picker
             type="date"
             v-model="model.didgrp.rec.expdat"
             value-format="yyyy-MM-dd"
-            style="width: 95%"
+            style="width: 100%"
             placeholder="请选择Date"
+            disabled
           ></c-date-picker>
         </el-form-item>
       </c-col>
@@ -318,6 +326,7 @@
             v-model="model.didgrp.rec.elcflg"
             style="width: 95%"
             placeholder="请选择是否通过电证系统"
+            disabled
           >
             <el-option
               v-for="item in codes.elcflg"
@@ -333,6 +342,7 @@
         <el-form-item label="报文类型" label-width="80px">
           <c-select 
           v-if="model.didgrp.rec.elcflg == 'N'"
+          style="width: 100%"
           v-model="model.ditp.msgtyp" placeholder="请选择报文类型" disabled>
             <el-option
               v-for="item in codes.msgtyp"
@@ -344,7 +354,7 @@
           </c-select>
           <c-select 
           v-else
-          v-model="model.ditp.msgtyp" placeholder="请选择报文类型">
+          v-model="model.ditp.msgtyp" placeholder="请选择报文类型" disabled>
             <el-option
               v-for="item in codes.msgtyp"
               :key="item.value"
@@ -369,6 +379,7 @@
               :key="item.value"
               :label="item.label"
               :value="item.value"
+              disabled
             >
             </el-option>
           </c-select>
@@ -379,7 +390,6 @@
           <c-input
             v-model="model.didgrp.rec.idcode"
             maxlength="18"
-            disabled
             placeholder="请输入申请人统一社会信用代码"
           ></c-input>
         </el-form-item>
@@ -422,7 +432,7 @@
     <!-- ========================右边======================= -->
     <c-col :span="11" :offset="1">
       <c-col :span="24">
-        <c-ptap
+        <c-ptap1
           :model="model"
           :argadr="{
             title: '申请人',
@@ -434,7 +444,7 @@
           @onSeainf="onSeainf"
           @onAplpDet="onBenpDet"
         >
-        </c-ptap>
+        </c-ptap1>
       </c-col>
       <!-- <c-col :span="24">
         <el-form-item
@@ -787,9 +797,12 @@ import CommonProcess from "~/mixin/CommonProcess";
 import Event from "~/model/Ditopn/Event";
 import Utils from "~/utils";
 import Ptap from "~/views/Public/Ptap";
+import Ptap1 from "./Ptap";
 
 export default {
-  components: { "c-ptap": Ptap },
+  components: { "c-ptap": Ptap ,
+                "c-ptap1": Ptap1,
+              },
   inject: ["root"],
   props: ["model", "codes"],
   mixins: [CommonProcess],

src/views/Business/Ditame/Ptap.vue

+<template>
+  <div class="eibs-tab">
+    <c-col v-if="!noRef" :span="24">
+      <el-form-item
+        :label="`${argadr.title}参考号`"
+        :prop="`${argadr.grp}.${argadr.rol}.pts.ref`"
+      >
+        <c-input
+          v-model="model[argadr.grp][argadr.rol].pts.ref"
+          :placeholder="'请输入' + argadr.title + '参考号'"
+        ></c-input>
+      </el-form-item>
+    </c-col>
+
+    <c-col :span="20">
+      <el-form-item
+        :label="`${argadr.title}ID`"
+        :prop="`${argadr.grp}.${argadr.rol}.pts.extkey`"
+        style="width: 100%"
+      >
+        <c-input
+          style="width: 95%"
+          v-model="model[argadr.grp][argadr.rol].pts.extkey"
+          :placeholder="'请输入' + argadr.title + 'Extkey'"
+          disabled
+          @keyup.enter.native="
+            showGridPromptDialog(`${argadr.grp}.${argadr.rol}.pts.extkey`)
+          "
+          @change="valueChange"
+        ></c-input>
+      </el-form-item>
+    </c-col>
+
+    <c-col :span="1">
+      <!-- <el-form-item label="" label-width="5px"> -->
+      <c-button
+        style="margin:0 10px 0 0;padding: 0 10px;"
+        class="searchButton"
+        size="small"
+        type="primary"
+        icon="el-icon-search"
+        @click="onSeainf(`${argadr.grp}.${argadr.rol}.pts.extkey`)"
+      >
+      </c-button>
+    </c-col>
+    <c-col :span="3" style="text-align: right">
+      <c-button
+        style="margin:0 0"
+        class="detailsButton"
+        size="small"
+        type="primary"
+        @click="onAplpDet"
+      >
+        {{ $t('buttons.details') }}
+      </c-button>
+      <!-- </el-form-item> -->
+    </c-col>
+
+    <template v-if="!onlySearch">
+      <c-col v-if="isAdrblk" :span="24">
+        <el-form-item
+          label="名称地址"
+          :prop="`${argadr.grp}.${argadr.rol}.pts.adrblk`"
+        >
+          <c-input
+            type="textarea"
+            :rows="4"
+            v-model="model[argadr.grp][argadr.rol].pts.adrblk"
+            maxlength="35"
+            show-word-limit
+            placeholder="请输入名称地址"
+            :disabled="disabled"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <template v-else>
+        <c-col :span="24">
+          <el-form-item
+            :label="`${argadr.title}名称`"
+            :prop="`${argadr.grp}.${argadr.rol}.namelc`"
+          >
+            <c-input
+              type="textarea"
+              v-model="model[argadr.grp][argadr.rol].namelc"
+              :placeholder="'请输入' + argadr.title + '名称'"
+
+              :rows="2"
+              maxlength="35"
+              show-word-limit
+            ></c-input>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="24">
+          <el-form-item
+            :label="`${argadr.title}地址`"
+            :prop="`${argadr.grp}.${argadr.rol}.adrelc`"
+          >
+            <c-input
+              type="textarea"
+              :rows="2"
+              v-model="model[argadr.grp][argadr.rol].adrelc"
+              :placeholder="'请输入' + argadr.title + '地址'"
+
+              maxlength="35"
+              show-word-limit
+            ></c-input>
+          </el-form-item>
+        </c-col>
+      </template>
+    </template>
+  </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: "", //角色
+          grp: "", //所属模块
+        };
+      },
+    },
+    disabled: {
+      //名称地址是否灰显
+      type: Boolean,
+      default: false,
+    },
+
+    isAdrblk: {
+      //名称地址是否为大字段
+      type: Boolean,
+      default: true,
+    },
+    onlySearch: {
+      //是否只展示extkey
+      type: Boolean,
+      default: false,
+    },
+    noRef: {
+      //无需参考号
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      data: [],
+    };
+  },
+  watch: {},
+  methods: {
+    onSeainf(data) {
+      this.$emit("onSeainf", data);
+    },
+
+    onAplpDet() {
+      this.$emit("onAplpDet");
+    },
+
+    valueChange() {
+      if (this.onlySearch) return;
+      // this.showGridPromptDialog(
+      //   `${this.argadr.grp}.${this.argadr.rol}.pts.extkey`
+      // );
+    },
+  },
+
+  created: function () {},
+};
+</script>
+<style>
+.searchButton {
+  text-align: center;
+  /* margin: 0 10px; */
+  margin-right: 10px;
+  padding: 0 10px;
+}
+.detailsButton {
+  margin-left: 10px;
+  
+}
+</style>

src/views/Business/Ditame/index.vue

@@ -140,12 +140,12 @@ import CommonProcess from "~/mixin/CommonProcess";
 import CommonFuncs from "~/mixin/CommonFuncs";
 import Pattern from "~/model/Ditame/Pattern";
 import Amep from "./Amep";
-import Ovwp from "../Ditopn/Ovwp";
-import Detp from "../Ditopn/Detp";
+import Ovwp from "./Ovwp";
+import Detp from "./Detp";
 import Tk from "../Ditopn/Tk";
-import Mt799 from "../Ditopn/Mt799";
-import Detp1 from "../Ditopn/Detp1";
-import Addbcb from "../Ditopn/Addbcb";
+import Mt799 from "./Mt799";
+import Detp1 from "./Detp1";
+import Addbcb from "./Addbcb";
 import Narp from "./Narp";
 import Dogpame from "./Dogpame";
 import Dorpame from "./Dorpame";