refactor(money-detail):调整导出按钮布局并居中
调整充值明细页面的导出按钮布局,使其在中心对齐,改善页面布局效果。此调整涉及使用`el-row`和`el-col`组件对导出按钮进行重新排布,并确保其在页面上水平居中。master
parent
2fdf565679
commit
804ad882d4
|
@ -2,17 +2,21 @@
|
|||
<div style="padding: 20px;">
|
||||
<h1 style="text-align: center; margin-bottom: 30px;">充值明细</h1>
|
||||
<el-divider></el-divider>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-hasPermi="['system:pay:export']"
|
||||
icon="el-icon-download"
|
||||
plain
|
||||
size="mini"
|
||||
type="warning"
|
||||
@click="handleExport"
|
||||
>导出
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-row>
|
||||
<el-col :span="50"></el-col>
|
||||
<el-col :span="5" :offset="15">
|
||||
<el-button
|
||||
v-hasPermi="['system:pay:export']"
|
||||
icon="el-icon-download"
|
||||
plain
|
||||
size="mini"
|
||||
type="warning"
|
||||
@click="handleExport"
|
||||
>导出
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
:data="listDate"
|
||||
style="width: 100%; border-collapse: collapse;">
|
||||
|
@ -98,7 +102,8 @@ export default {
|
|||
this.listDate = response.data.rows;
|
||||
this.total = response.data.total;
|
||||
}
|
||||
);}
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue