优化商户账号管理-增加按账本名称搜索;显示绑定类型

src/views/business/agentAdmin/index.vue

@@ -25,6 +25,14 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="账本名称" prop="alipayBookNo">
+        <el-input
+          v-model="queryParams.alipayBookNo"
+          placeholder="账本名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item label="绑定类型" prop="bindType">
         <el-select v-model="queryParams.bindType" placeholder="请选择" clearable>
           <el-option label="自有账户" :value="1" />
@@ -58,17 +66,18 @@
             <div>{{ scope.row.accName}} </div>
           </template>
         </el-table-column>
-        <el-table-column label="通道" align="center" prop="channelCode">
+        <el-table-column label="类型/通道" align="center" prop="channelCode">
           <template slot-scope="scope">
-            {{ sysPayChannelMap.get(scope.row.channelCode) }}
+            <el-tag v-if="2 === scope.row.bindType">代发账户</el-tag>
+            <el-tag v-else-if="1 === scope.row.bindType" type="success" >直属账户</el-tag>
+            <div>{{ sysPayChannelMap.get(scope.row.channelCode) }}</div>
           </template>
         </el-table-column>
         <el-table-column label="备注" align="center" prop="channelCode">
           <template slot-scope="scope">
-            <span v-if="scope.row.channelCode
+            <div v-if="scope.row.channelCode
             && scope.row.channelCode.indexOf('ALIPAY_BOOK') > -1">
-              记账本名称： {{ scope.row.alipayBookNo }}
-            </span>
+              记账本名称： {{ scope.row.alipayBookNo }}</div>
           </template>
         </el-table-column>
       </el-table-column>
@@ -203,6 +212,7 @@ export default {
         pageSize: 10,
         companyName: undefined,
         accName: undefined,
+        alipayBookNo: undefined,
         alipayCardNo: undefined,
         bindType: null
       },