stage：渠道列表优化

src/views/business/unitRechargeBank/index.vue

@@ -3,17 +3,11 @@
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
       <el-form-item label="所属银行" prop="bankIdx">
         <el-select v-model="queryParams.bankIdx" placeholder="请选择银行" @change="handleQuery" clearable>
-          <el-option v-for="dict in dict.type.sys_bank_idx" :key="dict.value" :label="dict.label"
-                     :value="dict.value" />
+          <el-option v-for="dict in dict.type.sys_bank_idx" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="卡号" prop="accountNo">
-        <el-input
-          v-model="queryParams.accountNo"
-          placeholder="请输入卡号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.accountNo" placeholder="请输入卡号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -23,43 +17,21 @@
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['business:unitRechargeBank:add']"
-        >新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['business:unitRechargeBank:edit']"
-        >修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['business:unitRechargeBank:remove']"
-        >删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['business:unitRechargeBank:export']"
-        >导出</el-button>
+        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['business:unitRechargeBank:add']">新增</el-button>
       </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button type="success" icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+          v-hasPermi="['business:unitRechargeBank:edit']">修改</el-button>
+      </el-col> -->
+      <!-- <el-col :span="1.5">
+        <el-button type="danger" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['business:unitRechargeBank:remove']">删除</el-button>
+      </el-col> -->
+      <!-- <el-col :span="1.5">
+        <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport"
+          v-hasPermi="['business:unitRechargeBank:export']">导出</el-button>
+      </el-col> -->
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -73,31 +45,16 @@
       <el-table-column label="联行号" align="center" prop="bankNumber" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['business:unitRechargeBank:edit']"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['business:unitRechargeBank:remove']"
-          >删除</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['business:unitRechargeBank:edit']">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['business:unitRechargeBank:remove']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
 
     <!-- 添加或修改税地企业来账收款卡信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@@ -108,12 +65,12 @@
               :value="dict.value" />
           </el-select>
         </el-form-item>
-<!--        <el-form-item label="所属支付通道" prop="channelCode">-->
-<!--          <el-input v-model="form.channelCode" placeholder="请输入所属支付通道" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="所属税地企业" prop="taxUnitId">-->
-<!--          <el-input v-model="form.taxUnitId" placeholder="请输入所属税地企业" />-->
-<!--        </el-form-item>-->
+        <!--        <el-form-item label="所属支付通道" prop="channelCode">-->
+        <!--          <el-input v-model="form.channelCode" placeholder="请输入所属支付通道" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="所属税地企业" prop="taxUnitId">-->
+        <!--          <el-input v-model="form.taxUnitId" placeholder="请输入所属税地企业" />-->
+        <!--        </el-form-item>-->
         <el-form-item label="户名" prop="accountName">
           <el-input v-model="form.accountName" placeholder="请输入户名" />
         </el-form-item>
@@ -225,6 +182,16 @@ export default {
     };
   },
   created() {
+
+  },
+  mounted() {
+    // console.log('传入的路由参数', this.$route.query);
+    if (this.$route.query.channelCode) {
+      this.queryParams.channelCode = this.$route.query.channelCode;
+    }
+    if (this.$route.query.companyId) {
+      this.queryParams.taxUnitId = this.$route.query.companyId;
+    }
     this.getList();
   },
   methods: {
@@ -272,7 +239,7 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
@@ -280,6 +247,10 @@ export default {
       this.reset();
       this.open = true;
       this.title = "添加税地企业来账收款卡信息";
+      this.form.channelCode = this.queryParams.channelCode;
+      this.form.taxUnitId = this.queryParams.taxUnitId;
+      // console.log('表单初始信息', this.form);
+
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -314,12 +285,12 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除税地企业来账收款卡信息编号为"' + ids + '"的数据项？').then(function() {
+      this.$modal.confirm('是否确认删除税地企业来账收款卡信息编号为"' + ids + '"的数据项？').then(function () {
         return delUnitRechargeBank(ids);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      }).catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {