DMJS-IT
/
merchant-web
12
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

总订单和轮播图

This commit is contained in:
余同学 2025-01-03 17:55:50 +08:00
parent 715957e854
commit 3706f9d02c
9 changed files with 343 additions and 477 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/router/full-routers.js
View File

@ -89,6 +89,7 @@ export default {
orderNum: 0,
open: null,
list: [],
hideInMenu: true,
},
{
menuId: getUUID(),

4
src/router/index.js
View File

@ -86,7 +86,7 @@ const router = new Router({
});
router.beforeEach((to, from, next) => {
console.log("beforeEach");
console.log("beforeEach", to);
// 添加动态(菜单)路由
// 1. 已经添加 or 全局路由, 直接访问
// 2. 获取菜单列表, 添加并保存本地存储
@ -168,7 +168,7 @@ router.beforeEach((to, from, next) => {
// data.data.permissions
// );
console.log(permissionsData);
let _menu = filterTreeData(FULL_ROUTERS.menuList, permissionsData);
fnAddDynamicMenuRoutes(_menu);
sessionStorage.setItem("menuList", JSON.stringify(_menu));

220
src/views/main-sidebar.vue
View File

@ -5,8 +5,15 @@
:default-active="menuActiveName || 'home'"
:collapse="sidebarFold"
:collapseTransition="false"
class="site-sidebar__menu">
<el-input v-show="showSearchInput" class="search-input" v-model="keyWord" style="width" placeholder="快速搜索菜单"></el-input>
class="site-sidebar__menu"
>
<el-input
v-show="showSearchInput"
class="search-input"
v-model="keyWord"
style="width"
placeholder="快速搜索菜单"
></el-input>
<el-menu-item index="home" @click="$router.push({ name: 'home' })">
<icon-svg name="shouye" class="site-sidebar__menu-icon"></icon-svg>
<span slot="title">首页</span>
@ -29,7 +36,8 @@
v-for="menu in filterMenu"
:key="menu.menuId"
:menu="menu"
:dynamicMenuRoutes="dynamicMenuRoutes">
:dynamicMenuRoutes="dynamicMenuRoutes"
>
</sub-menu>
</el-menu>
</div>
@ -37,104 +45,138 @@
</template>
<script>
import SubMenu from './main-sidebar-sub-menu'
import { isURL } from '@/utils/validate'
export default {
data () {
return {
dynamicMenuRoutes: [],
//菜单搜索关键词
keyWord:""
}
import SubMenu from "./main-sidebar-sub-menu";
import { isURL } from "@/utils/validate";
export default {
data() {
return {
dynamicMenuRoutes: [],
//菜单搜索关键词
keyWord: "",
};
},
components: {
SubMenu,
},
computed: {
sidebarLayoutSkin: {
get() {
return this.$store.state.common.sidebarLayoutSkin;
},
},
components: {
SubMenu
sidebarFold: {
get() {
return this.$store.state.common.sidebarFold;
},
},
computed: {
sidebarLayoutSkin: {
get () { return this.$store.state.common.sidebarLayoutSkin }
menuList: {
get() {
return this.$store.state.common.menuList;
},
sidebarFold: {
get () { return this.$store.state.common.sidebarFold }
set(val) {
this.$store.commit("common/updateMenuList", val);
},
menuList: {
get () { return this.$store.state.common.menuList },
set (val) { this.$store.commit('common/updateMenuList', val) }
},
menuActiveName: {
get () { return this.$store.state.common.menuActiveName },
set (val) { this.$store.commit('common/updateMenuActiveName', val) }
},
mainTabs: {
get () { return this.$store.state.common.mainTabs },
set (val) { this.$store.commit('common/updateMainTabs', val) }
},
mainTabsActiveName: {
get () { return this.$store.state.common.mainTabsActiveName },
set (val) { this.$store.commit('common/updateMainTabsActiveName', val) }
},
//过滤后的菜单
filterMenu(){
//过滤的方法
const filterMethod=(list,keyWord)=>{
return list.filter(function f(item){
if(item.name.includes(keyWord)) return true;
if(item.list&&item.list.length>0){
//此处的目的是至展示有的菜单
return (item.list=item.list.filter(f)).length
}
})
}
let filterMenu=filterMethod(JSON.parse(JSON.stringify(this.menuList)),this.keyWord);
console.log(filterMenu);
return filterMenu.filter(item=>item.hideInMenu!=true);
},
//是否展示菜单搜索界面
showSearchInput(){
return this.$store.state.common.sidebarFold==false
}
},
watch: {
$route: 'routeHandle'
menuActiveName: {
get() {
return this.$store.state.common.menuActiveName;
},
set(val) {
this.$store.commit("common/updateMenuActiveName", val);
},
},
created () {
this.menuList = JSON.parse(sessionStorage.getItem('menuList') || '[]')
this.dynamicMenuRoutes = JSON.parse(sessionStorage.getItem('dynamicMenuRoutes') || '[]')
this.routeHandle(this.$route)
mainTabs: {
get() {
return this.$store.state.common.mainTabs;
},
set(val) {
this.$store.commit("common/updateMainTabs", val);
},
},
methods: {
// 路由操作
routeHandle (route) {
if (route.meta.isTab) {
// tab选中, 不存在先添加
var tab = this.mainTabs.filter(item => item.name === route.name)[0]
if (!tab) {
if (route.meta.isDynamic) {
route = this.dynamicMenuRoutes.filter(item => item.name === route.name)[0]
if (!route) {
return console.error('未能找到可用标签页!')
}
}
tab = {
menuId: route.meta.menuId || route.name,
name: route.name,
title: route.meta.title,
type: route.meta.isMicroApp?'microApp' : (isURL(route.meta.iframeUrl) ? 'iframe' : 'module'),
iframeUrl: route.meta.iframeUrl || '',
params: route.params,
query: route.query
}
this.mainTabs = this.mainTabs.concat(tab)
mainTabsActiveName: {
get() {
return this.$store.state.common.mainTabsActiveName;
},
set(val) {
this.$store.commit("common/updateMainTabsActiveName", val);
},
},
//过滤后的菜单
filterMenu() {
//过滤的方法
const filterMethod = (list, keyWord) => {
return list.filter(function f(item) {
if (item.name.includes(keyWord)) return true;
if (item.list && item.list.length > 0) {
//此处的目的是至展示有的菜单
return (item.list = item.list.filter(f)).length;
}
this.menuActiveName = tab.menuId + ''
this.mainTabsActiveName = tab.name
});
};
let filterMenu = filterMethod(
JSON.parse(JSON.stringify(this.menuList)),
this.keyWord
);
console.log(filterMenu, "filterMenu");
return filterMenu.filter((item) => {
item.list = item.list.filter((prop) => prop.hideInMenu != true);
return item.hideInMenu != true;
});
},
//是否展示菜单搜索界面
showSearchInput() {
return this.$store.state.common.sidebarFold == false;
},
},
watch: {
$route: "routeHandle",
},
created() {
this.menuList = JSON.parse(sessionStorage.getItem("menuList") || "[]");
this.dynamicMenuRoutes = JSON.parse(
sessionStorage.getItem("dynamicMenuRoutes") || "[]"
);
this.routeHandle(this.$route);
},
methods: {
// 路由操作
routeHandle(route) {
if (route.meta.isTab) {
// tab选中, 不存在先添加
var tab = this.mainTabs.filter((item) => item.name === route.name)[0];
if (!tab) {
if (route.meta.isDynamic) {
route = this.dynamicMenuRoutes.filter(
(item) => item.name === route.name
)[0];
if (!route) {
return console.error("未能找到可用标签页!");
}
}
tab = {
menuId: route.meta.menuId || route.name,
name: route.name,
title: route.meta.title,
type: route.meta.isMicroApp
? "microApp"
: isURL(route.meta.iframeUrl)
? "iframe"
: "module",
iframeUrl: route.meta.iframeUrl || "",
params: route.params,
query: route.query,
};
this.mainTabs = this.mainTabs.concat(tab);
}
this.menuActiveName = tab.menuId + "";
this.mainTabsActiveName = tab.name;
}
}
}
},
},
};
</script>
<style lang="scss" scoped>
.search-input{
.search-input {
position: sticky;
top: 0;
background: #fff;

30
src/views/modules/operation-management/banner/index.vue
View File

@ -12,7 +12,7 @@
>
<template slot="tableTop">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="模块">
<!-- <el-form-item label="模块">
<el-select
@change="changeModule"
class="filter-item"
@ -72,7 +72,7 @@
>
</el-option>
</el-select>
</el-form-item>
</el-form-item> -->
<el-form-item label="应用">
<el-select
class="filter-item"
@ -142,7 +142,7 @@ export default {
formInline: {
type: 0,
ownerId: "",
module: "shop",
module: "",
},
tableProp: {
"auto-resize": true,
@ -176,12 +176,24 @@ export default {
};
},
created() {
this.formInline = {
type: 0,
ownerId: this.shopId,
module: "shop",
app: 1,
};
if (
JSON.parse(sessionStorage.getItem("userInfo")).role === "ROLE_MANAGER"
) {
this.formInline = {
type: 0,
ownerId: this.marketId,
module: "market",
app: 1,
};
} else {
this.formInline = {
type: 0,
ownerId: this.shopId,
module: "shop",
app: 1,
};
}
this.$nextTick(() => {
this.$refs.oTable.reload();
});

74
src/views/modules/operation-management/banner/popup/add-or-update.vue
View File

@ -78,12 +78,12 @@ export default {
},
init(row) {
this.modalData = row;
this.fileList = row.img.split(",").map(item => {
this.fileList = row.img.split(",").map((item) => {
return {
name: "轮播图",
url: item,
}
})
};
});
},
},
computed: {
@ -101,40 +101,40 @@ export default {
trigger: "blur",
},
},
{
label: "分类",
prop: "type",
maxlength: "30",
rules: {
required: true,
message: "请输入轮播图名称",
trigger: "blur",
},
type: "jsx",
render: () => {
return (
<el-select
v-model={this.modalData.type}
placeholder="请选择销售单位"
>
{[
{ label: "菜市场", value: 0 },
{
label: "云店",
value: 1,
},
].map((item) => {
return (
<el-option
label={item.label}
value={item.value}
></el-option>
);
})}
</el-select>
);
},
},
// {
// label: "分类",
// prop: "type",
// maxlength: "30",
// rules: {
// required: true,
// message: "请输入轮播图名称",
// trigger: "blur",
// },
// type: "jsx",
// render: () => {
// return (
// <el-select
// v-model={this.modalData.type}
// placeholder="请选择销售单位"
// >
// {[
// { label: "菜市场", value: 0 },
// {
// label: "云店",
// value: 1,
// },
// ].map((item) => {
// return (
// <el-option
// label={item.label}
// value={item.value}
// ></el-option>
// );
// })}
// </el-select>
// );
// },
// },
{
label: "状态",
prop: "status",

33
src/views/modules/operation-management/notice/index.vue
View File

@ -12,7 +12,7 @@
>
<template slot="tableTop">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="模块">
<!-- <el-form-item label="模块">
<el-select
@change="changePosition"
class="filter-item"
@ -39,7 +39,7 @@
</el-select>
</el-form-item>
<el-form-item
v-if="storeList.length > 1 && formInline.position === '1'"
v-if="storeList.length > 1 && formInline.position === '3'"
label="摊铺"
>
<el-select
@ -72,7 +72,7 @@
>
</el-option>
</el-select>
</el-form-item>
</el-form-item> -->
<el-form-item label="应用">
<el-select
class="filter-item"
@ -176,12 +176,23 @@ export default {
};
},
created() {
this.formInline = {
type: 0,
targetId: this.shopId,
position: "3",
app: 1,
};
if (
JSON.parse(sessionStorage.getItem("userInfo")).role === "ROLE_MANAGER"
) {
this.formInline = {
type: 0,
targetId: this.marketId,
position: "2",
app: 1,
};
} else {
this.formInline = {
type: 0,
ownerId: this.shopId,
position: "3",
app: 1,
};
}
this.$nextTick(() => {
this.$refs.oTable.reload();
});
@ -202,7 +213,9 @@ export default {
this.$refs.addOrUpdate.toggle().add(this.formInline);
},
changePosition(e) {
if (e === "shop") {
console.log(e, this.shopId, this.marketId);
if (e == 3) {
this.formInline.targetId = this.shopId;
} else {
this.formInline.targetId = this.marketId;

445
src/views/modules/operation-management/order/index.vue
View File

@ -1,66 +1,108 @@
<template>
<div style="height: calc(100vh - 200px)">
<obj-table-plus
ref="oTable"
style="height: 100%"
:tableCols="tableCols"
:tableProp="tableProp"
@query="queryList"
v-model="dataList"
:tableEvent="tableEvent"
:enableAutoQuery="false"
<el-form
v-if="storeList.length > 1"
:inline="true"
:model="formInline"
class="demo-form-inline"
>
<template slot="tableTop">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<!-- <el-form-item label="订单号">
<el-select v-model="formInline.group" placeholder="请选择">
<el-option
v-for="item in statusList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> -->
<el-form-item v-if="storeList.length > 1" label="摊铺">
<el-select
class="filter-item"
style="width: 200px"
v-model="formInline.shopId"
placeholder="请选择摊铺"
>
<el-option
v-for="item in storeList"
:key="item.shopId"
:label="item.shopName"
:value="item.shopId"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="$refs.oTable.reload()"
>查询</el-button
>
<el-button type="primary" @click="Reset">重置</el-button>
</el-form-item>
</el-form>
<el-tabs v-model="formInline.group" @tab-click="handleClick">
<el-tab-pane
v-for="item in statusList"
:key="item.value"
:label="item.label"
:name="item.value"
></el-tab-pane>
</el-tabs>
<!-- <div class="mb-2">
<el-button type="primary" size="small" @click="addProduct"
>批量导出</el-button
>
</div> -->
</template>
</obj-table-plus>
<el-form-item label="摊铺">
<el-select
class="filter-item"
style="width: 200px"
v-model="formInline.shopId"
placeholder="请选择摊铺"
>
<el-option
v-for="item in storeList"
:key="item.shopId"
:label="item.shopName"
:value="item.shopId"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getList">查询</el-button>
<el-button type="primary" @click="Reset">重置</el-button>
<el-button
type="success"
@click="
$router.push({ name: 'operation-management-total-order/index' })
"
>菜市场总订单</el-button
>
</el-form-item>
</el-form>
<el-tabs v-model="formInline.group" @tab-click="handleClick">
<el-tab-pane
v-for="item in statusList"
:key="item.value"
:label="item.label"
:name="item.value"
></el-tab-pane>
</el-tabs>
<el-table :data="tableData" height="70vh" border style="width: 100%">
<el-table-column type="expand">
<template slot-scope="props">
<div style="padding-left: 20px" m="4">
<el-table :data="props.row.productOrders" :border="true">
<el-table-column type="index" width="50" label="序号">
</el-table-column>
<el-table-column label="商品订单号" prop="productOrderNo" />
<el-table-column label="商品名称" prop="productName" />
<el-table-column label="商品原价" prop="originPrice" />
<el-table-column label="商品终价" prop="finalPrice" />
<el-table-column label="商品订单金额" prop="productOrderMoney" />
<el-table-column label="商品数量" prop="productCount" />
<el-table-column label="商品单价" prop="productFinalPrice" />
<el-table-column label="商品图片" prop="productImg">
<template slot-scope="scope">
<el-image
style="width: 60px; height: 60px"
:src="scope.row.productImg"
:preview-src-list="[scope.row.productImg]"
>
</el-image>
</template>
</el-table-column>
</el-table>
</div>
</template>
</el-table-column>
<el-table-column label="总订单号" prop="orderNo" />
<el-table-column label="结算单位订单号" prop="unitOrderNo" />
<el-table-column label="总商品数量" prop="productCount" />
<el-table-column label="顾客实际支付" prop="totalMoney" />
<el-table-column label="商品总价" prop="productMoney" />
<el-table-column label="配送费" prop="deliveryMoney" />
<el-table-column label="优惠券减免" prop="couponMoney" />
<el-table-column label="支付时间" prop="payTime" />
<el-table-column label="预计送达时间" prop="predictDeliveryTime" />
<el-table-column label="预计收入" prop="predictIncome" />
<el-table-column label="距离" prop="distance" />
<el-table-column label="备注" prop="remark" />
<el-table-column fixed="right" width="100px" label="操作" align="center">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="view(scope.row)">
查看
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<div class="pagination-container">
<el-pagination
:current-page="formInline.pageNumber"
:page-sizes="[10, 20, 30, 50]"
:page-size="formInline.pageSize"
:total="total"
background
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
<!-- 订单详情 -->
<viewDetails ref="viewDetails"></viewDetails>
</div>
@ -68,26 +110,16 @@
<script>
import viewDetails from "./popup/view-details.vue";
import content from "./popup/content.vue";
import { mapState } from "vuex";
export default {
components: { content, viewDetails },
components: { viewDetails },
data() {
return {
activeName: "0",
value1: "1",
advanceSellStatus: "",
dataList: [],
formInline: {
group: "",
shopId: "",
},
tableProp: {
"auto-resize": true,
border: true,
height: "auto",
"row-id": "id",
"show-overflow": false,
pageNumber: 1,
pageSize: 10,
},
statusList: [
{
@ -111,8 +143,8 @@ export default {
value: "4",
},
],
productFilterType: "SALE",
selectList: [],
tableData: [],
total: 0,
};
},
created() {
@ -121,79 +153,19 @@ export default {
// marketId: this.marketId,
shopId: this.shopId,
};
this.$nextTick(() => {
this.$refs.oTable.reload();
});
this.getList();
},
methods: {
// getData() {
// this.$api.mer_admin
// .storeList({ marketId: this.formInline.marketId })
// .then((res) => {
// this.storeList = res.data.data;
// this.formInline.shopId = res.data.data[0].shopId;
// this.$nextTick(() => {
// this.$refs.oTable.reload();
// });
// });
// },
addProduct() {
this.$refs.addOrUpdate.toggle().add();
},
deleteProduct() {
console.log(this.selectList);
let integers = this.selectList.map((item) => {
return item.id;
});
this.$confirm("此操作将删除该商品, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
console.log("111");
this.$api.mer_admin.BatchDeleteProducts(integers).then((res) => {
this.$refs.oTable.reload();
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
queryList(pageNo, pageSize) {
//全部订单
// this.$api.mer_admin
// .orderPage({
// pageNumber: pageNo,
// pageSize: pageSize,
// ...this.formInline,
// })
// .then((res) => {
// console.log(res);
// this.$refs.oTable.complete(
// res.data.data.data,
// Number(res.data.data.total)
// );
// })
// .catch((err) => {
// this.$refs.oTable.complete(false);
// });
getList() {
//根据店铺查询
this.$api.mer_admin
.shopOrderPage({
pageNumber: pageNo,
pageSize: pageSize,
...this.formInline,
})
.then((res) => {
console.log(res);
this.$refs.oTable.complete(
res.data.data.data,
Number(res.data.data.total)
);
this.tableData = res.data.data.data;
this.total = Number(res.data.data.total);
});
},
Reset() {
@ -201,194 +173,25 @@ export default {
group: "0",
shopId: this.shopId,
};
this.$refs.oTable.reload();
this.getList();
},
handleClick(e) {
console.log(e.name);
if (e.name == "5") {
this.advanceSellStatus = "";
} else {
this.advanceSellStatus = e.name;
}
this.$refs.oTable.reload();
this.advanceSellStatus = e.name;
this.getList();
},
addEarlyWarning() {
this.$refs.earlyWarning.toggle().add();
view(row) {
this.$refs.viewDetails.toggle(row).update();
},
handleSizeChange(val) {
this.formInline.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.formInline.pageNumber = val;
this.getList();
},
},
computed: {
tableCols() {
return [
// { type: "checkbox", width: "60px", fixed: "left" },
{
type: "seq",
width: "60px",
fixed: "left",
align: "center",
title: "序号",
},
{
title: "商品详情",
// align: "center",
// width: "120px",
// field: "unitOrderStatus",
type: "jsx-out",
render: (col) => {
console.log(col);
return <content />;
},
},
{
title: "总订单号",
align: "center",
width: "120px",
field: "orderNo",
},
{
title: "结算单位订单号",
align: "center",
width: "120px",
field: "unitOrderNo",
},
{
title: "总商品数量",
align: "center",
width: "120px",
field: "productCount",
},
{
title: "顾客支付",
align: "center",
width: "120px",
field: "totalMoney",
},
{
title: "配送费",
align: "center",
width: "120px",
field: "deliveryMoney",
},
{
title: "优惠券减免",
align: "center",
width: "120px",
field: "couponMoney",
},
{
title: "下单时间",
align: "center",
width: "120px",
field: "payTime",
},
{
title: "预计送达时间",
align: "center",
width: "120px",
field: "predictDeliveryTime",
},
{
title: "预计收入",
align: "center",
width: "120px",
field: "predictIncome",
},
{
title: "距离",
align: "center",
width: "120px",
field: "distance",
},
{
title: "预计自动取消时间",
align: "center",
width: "120px",
field: "predictAutoCancelTime",
},
{
title: "备注",
align: "center",
width: "120px",
field: "remark",
},
{
title: "包装费",
align: "center",
width: "120px",
field: "packageMoney",
},
{
title: "平台服务费",
align: "center",
width: "120px",
field: "platformMoney",
},
{
title: "备餐完成时间",
align: "center",
width: "120px",
field: "completePrepareTime",
},
{
title: "开始配送时间",
align: "center",
width: "120px",
field: "startDeliveryTime",
},
{
title: "配送完成时间",
align: "center",
width: "120px",
field: "completeDeliveryTime",
},
{
title: "下单时间",
align: "center",
width: "120px",
field: "createTime",
},
{
title: "完成取货时间",
align: "center",
width: "120px",
field: "pickTime",
},
{
title: "订单完成时间",
align: "center",
width: "120px",
field: "completeTime",
},
{
title: "操作",
fixed: "right",
type: "jsx",
align: "center",
width: "100px",
render: ({ row }) => {
let view = () => {
this.$refs.viewDetails.toggle(row).update();
};
return (
<div>
<el-button size="mini" type="primary" onClick={view}>
查看
</el-button>
</div>
);
},
},
];
},
tableEvent() {
return {
"checkbox-all": ({ records, reserves }) => {
this.selectList = [...records, ...reserves];
},
"checkbox-change": ({ records, reserves }) => {
this.selectList = [...records, ...reserves];
},
};
},
...mapState("userData", [
"isMerchant",
"marketList",

11
src/views/modules/operation-management/total-order/index.vue
View File

@ -8,7 +8,7 @@
:name="item.value"
></el-tab-pane>
</el-tabs>
<el-table :data="tableData" border style="width: 100%">
<el-table :data="tableData" height="70vh" border style="width: 100%">
<el-table-column type="expand">
<template slot-scope="props">
<div style="padding-left: 20px" m="4">
@ -38,7 +38,7 @@
<el-table-column label="商品图片" prop="productImg">
<template #default="scope">
<el-image
style="width: 100px; height: 100px"
style="width: 60px; height: 60px"
:src="scope.row.productImg"
:zoom-rate="1.2"
:max-scale="7"
@ -146,12 +146,7 @@ export default {
.catch((err) => {});
},
handleClick(e) {
console.log(e, "11111111111111111111");
if (e.label == "全部订单") {
this.formInline.group = "";
} else {
this.formInline.group = e.name;
}
this.formInline.group = e.name;
this.getList();
},
handleSizeChange(val) {

2
src/views/modules/wallet/index.vue
View File

@ -13,7 +13,7 @@
</div>
<div>
<el-button
@click="$router.push({ path: 'bank-card-index' })"
@click="$router.push({ name: 'bank-card-index' })"
type="primary"
round
>绑定银行卡</el-button