调整

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,8 +427,12 @@
           </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>
                 详情
@@ -475,8 +484,12 @@
           </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>
                 详情
@@ -508,8 +521,12 @@
           </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>
                 详情
@@ -623,15 +640,21 @@
                 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>
                 详情
@@ -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,7 +747,12 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta" icon="el-icon-search"></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>
@@ -862,7 +886,12 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta" icon="el-icon-search"></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>
@@ -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,7 +981,12 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta" icon="el-icon-search"></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>
@@ -1057,7 +1087,12 @@
           </c-col>
           <c-col :span="7">
             <el-form-item label="" label-width="15px">
-              <c-button size="small" type="primary" @click="onCptpGetInfpta" icon="el-icon-search"></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>
@@ -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,8 +1138,12 @@
           </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">
                 详情
@@ -1159,8 +1194,12 @@
           </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>
                 详情
@@ -1192,8 +1231,12 @@
           </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>
                 详情
@@ -1252,8 +1295,12 @@
           </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>
                 详情
@@ -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,8 +1349,12 @@
           </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">
                 详情
@@ -1356,8 +1405,12 @@
           </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>
                 详情
@@ -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,15 +1570,23 @@
         <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>
                 详情
@@ -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 () {},
 };