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