优化界面
This commit is contained in:
parent
248f7d09c0
commit
4ab994da7a
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue