SwiftCode查询工具条实现

src/widget/SwiftCode/index.vue

@@ -10,36 +10,34 @@
       <c-col :span="8" class="col-left">
         <c-col :span="24">
           
-          <el-form-item label="银行名称" prop="nam1">
-            <c-input v-model="model.nam1" placeholder="请输入银行名称">
+          <el-form-item label="银行中文" prop="nam">
+            <c-input v-model="model.nam" placeholder="请输入银行中文">
             </c-input>
           </el-form-item>
         </c-col>
         <c-col :span="24">
-          <el-form-item label="银行编号" prop="extkey">
-            <c-input v-model="model.extkey" placeholder="请输入银行编号"></c-input>
+          
+          <el-form-item label="银行英文" prop="nam1">
+            <c-input v-model="model.nam1" placeholder="请输入银行英文">
+            </c-input>
           </el-form-item>
         </c-col>
         
       </c-col>
       <c-col :span="8" class="col-left col-right">
         <c-col :span="24">
-          <el-form-item label="街道" prop="str1">
-            <c-input
-              v-model="model.str1"
-              maxlength="34"
-              placeholder="请输入街道"
-            ></c-input>
+          <el-form-item label="银行编号" prop="extkey">
+            <c-input v-model="model.extkey" placeholder="请输入银行编号"></c-input>
           </el-form-item>
         </c-col>
 
         <c-col :span="24">
-          <el-form-item label="BIC" prop="bic">
-            <c-select
+          <el-form-item label="SwiftCode" prop="bic">
+            <c-input
               v-model="model.bic"
-              placeholder="请输入BIC"
+              placeholder="请输入SwiftCode"
               style="width: 100%"
-            ></c-select>
+            ></c-input>
           </el-form-item>
         </c-col>
         
@@ -47,21 +45,21 @@
       <c-col :span="8" class="col-right">
         
         <c-col :span="24">
-          <el-form-item label="城市" prop="loctxt">
+          <el-form-item label="客户类型" prop="ptytyp">
             <c-select
-              v-model="model.loctxt"
+              v-model="model.ptytyp"
               style="width: 100%"
-              placeholder="请输入城市"
+              placeholder="请输入客户类型"
             >
             </c-select>
           </el-form-item>
         </c-col>
 
-        <c-col :span="24">
+        <!-- <c-col :span="24">
           <el-form-item label="ZIP-Code" prop="loczip">
             <c-input v-model="model.loczip" placeholder="请输入ZIP-Code"> </c-input>
           </el-form-item>
-        </c-col>
+        </c-col> -->
       </c-col>
       <c-col :span="24" style="text-align: right">
         <el-button size="small" @click="handleReset">重置</el-button>
@@ -91,8 +89,7 @@
 
 <script>
 import codes from "~/config/CodeTable";
-import { queryByPage } from "~/service/test/act.js";
-
+import { queryByPage } from "~/service/test/pty.js";
 /**
  * SwiftCode查询
  */
@@ -102,21 +99,25 @@ export default {
     return {
       tableData: [],
       tableColumns: [
-        { label: "银行编号", prop: "extkey", width: "200" },
-        { label: "银行名称", prop: "nam1", width: "200" },
-        { label: "街道", prop: "str1", width: "100" },
-        { label: "ZIP", prop: "loczip", width: "200" },
-        { label: "城市", prop: "loctxt", width: "200" },
-        { label: "BIC", prop: "bic", width: "100" },
+        { label: "银行编号", prop: "extkey", width: "auto" },
+        { label: "银行中文", prop: "nam", width: "auto" },
+        { label: "银行英文", prop: "nam1", width: "auto" },
+        { label: "SwiftCode", prop: "bic", width: "auto" },
+        // { label: "街道", prop: "str1", width: "auto" },
+        { label: "邮政编码", prop: "loczip", width: "auto" },
+        { label: "城市名称", prop: "loctxt", width: "auto" },  
+        
       ],
       model: {
         // adr，查询条件的字段
-        nam1: "",
         extkey: "",
+        nam:"",
+        nam1: "",
         str1: "",
         bic: "",
         loctxt: "",
         loczip: "",
+        ptytyp:"",//客户类型
         pageNum: 1,
         pageSize: 5,
         total: 0,