优化界面

This commit is contained in:
wcq 2023-08-02 21:17:05 +08:00
parent 248f7d09c0
commit 4ab994da7a
2 changed files with 43 additions and 13 deletions

View File

@ -20,7 +20,7 @@
</div>
</div>
<el-divider style="margin: 0.6rem"/>
<el-table class="flex-1" :data="data" style="width: 100%">
<el-table class="flex-1 data-edit-table" :data="data" style="width: 100%">
<!-- <el-table-column prop="id" label="ID" align="center" width="50" /> -->
<el-table-column prop="company_name" label="企业名称" align="center"/>
<el-table-column align="center" prop="mgr_data_state" label="数据准备">
@ -84,12 +84,24 @@
</template>
</el-table-column>
</el-table>
<div class="flex justify-center">
<!-- <div class="flex justify-center">-->
<!-- <el-pagination-->
<!-- v-model:current-page="query.page"-->
<!-- :page-size="query.page_size"-->
<!-- :small="false"-->
<!-- layout="prev, pager, next"-->
<!-- :total="count"-->
<!-- @current-change="getData"-->
<!-- />-->
<!-- </div>-->
<div class="flex justify-center mt-1.5">
<el-pagination
v-model:current-page="query.page"
:page-size="query.page_size"
v-model:page-size="query.page_size"
@size-change="getData"
:page-sizes="[10, 20,30,40]"
:small="false"
layout="prev, pager, next"
layout="total,sizes,prev, pager, next"
:total="count"
@current-change="getData"
/>
@ -458,7 +470,7 @@ const query = ref({
rate_level: null,
company_name: null,
page: 1,
page_size: 10
page_size: 20
});
const manDataEditVisible = ref(false);
@ -650,6 +662,14 @@ onMounted(() => {
});
</script>
<style scoped>
.data-edit-table {
width: 100%;
border: 1px solid #ffffff24;
border-radius: 0.5rem;
border-bottom: none;
}
.search-icon {
font-size: 1rem;
width: 1.5rem;

View File

@ -20,7 +20,7 @@
</div>
</div>
<el-divider style="margin: 0.6rem"/>
<el-table class="flex-1" :data="data" style="width: 100%">
<el-table class="flex-1 data-edit-table" :data="data" style="width: 100%">
<!-- <el-table-column prop="id" label="ID" align="center" width="50" /> -->
<el-table-column prop="company_name" label="企业名称" align="center"/>
<!-- <el-table-column align="center" prop="mgr_data_state" label="数据准备">
@ -128,7 +128,7 @@
prop="rate_time"
width="180"
></el-table-column>
<el-table-column align="center" label="操作" width="250">
<el-table-column align="center" label="操作" width="270">
<template #default="scope">
<div class="flex flex-c">
<el-button type="success" @click="doRate(scope.row)" size="small"
@ -162,12 +162,14 @@
</template>
</el-table-column>
</el-table>
<div class="flex justify-center">
<div class="flex justify-center mt-1.5">
<el-pagination
v-model:current-page="query.page"
:page-size="query.page_size"
v-model:page-size="query.page_size"
@size-change="getData"
:page-sizes="[10, 20,30,40]"
:small="false"
layout="prev, pager, next"
layout="total,sizes,prev, pager, next"
:total="count"
@current-change="getData"
/>
@ -287,7 +289,7 @@ const query = ref({
rate_level: null,
company_name: null,
page: 1,
page_size: 10
page_size: 20
});
function ellipsis(value) {
@ -362,8 +364,8 @@ function showDeleteConfirm(row: RateData) {
}
function showDetail(row: RateData) {
api.post("/wd-smebiz/cmebiz_rate/company_rate/get", {id: row.id}).then(res=>{
rowTemp.value=res.data
api.post("/wd-smebiz/cmebiz_rate/company_rate/get", {id: row.id}).then(res => {
rowTemp.value = res.data
if (rowTemp.value?.rate_data) {
const data = JSON.parse(rowTemp.value.rate_data);
console.log("data", data);
@ -387,6 +389,14 @@ onMounted(() => {
getData();
});
</script>
<style scoped>
.data-edit-table {
width: 100%;
border: 1px solid #ffffff24;
border-radius: 0.5rem;
border-bottom: none;
}
</style>
<style>
.detailCard .el-dialog__body {
padding-top: 0.5rem;