This commit is contained in:
duanxiaohai 2024-10-21 19:16:36 +08:00
parent 6d4ec2d795
commit c16e756fd7
4 changed files with 25 additions and 20 deletions

View File

@ -339,7 +339,7 @@ onBeforeUnmount(() => {
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
height: 62px; height: 62px;
width: 160px; width: 190px;
margin: 0 -14px; margin: 0 -14px;
} }
@ -348,7 +348,7 @@ onBeforeUnmount(() => {
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
height: 62px; height: 62px;
width: 160px; width: 190px;
margin: 0 -14px; margin: 0 -14px;
} }
@ -357,7 +357,7 @@ onBeforeUnmount(() => {
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
height: 62px; height: 62px;
width: 160px; width: 190px;
margin: 0 -14px; margin: 0 -14px;
} }
@ -366,17 +366,17 @@ onBeforeUnmount(() => {
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
height: 62px; height: 62px;
width: 160px; width: 190px;
margin: 0 -14px; margin: 0 -14px;
} }
.itemText { .itemText {
width: 150px; width: 160px;
height: 62px; height: 62px;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
line-height: 62px; line-height: 62px;
font-size: 18px; font-size: 22px;
color: #fff; color: #fff;
} }
} }

View File

@ -66,7 +66,7 @@
:data="data.tableData" :data="data.tableData"
height="390px" height="390px"
max-height="390" max-height="390"
:header-cell-style="{ background: 'rgba(0, 143, 205, 0.63)' }" :header-cell-style="{ background: 'rgba(0, 143, 205, 0.63)', fontSize:' 22px' }"
:row-style="rowState" :row-style="rowState"
@row-click="handleRowClick" @row-click="handleRowClick"
stripe stripe
@ -188,7 +188,7 @@ const props = defineProps({
const emit = defineEmits(["close", "handle", "showList"]); const emit = defineEmits(["close", "handle", "showList"]);
const rowState = (row) => { const rowState = (row) => {
return { return {
fontSize: "22px", fontSize: "19px",
lineHeight: "33px", lineHeight: "33px",
// letterSpacing: "1px", // letterSpacing: "1px",
// height: "36px", // height: "36px",
@ -406,10 +406,13 @@ const closeDialog = () => {
color: #fff; color: #fff;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 18px; font-size: 22px;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 46px; margin-top: 46px;
span{
font-size: 22px;
}
img { img {
width: 36px; width: 36px;
height: 36px; height: 36px;

View File

@ -33,10 +33,10 @@
<div class="pagePart"> <div class="pagePart">
<el-pagination <el-pagination
size="small" size="small"
:pager-count="5" :pager-count="3"
class="mt-4" class="mt-4"
background background
layout="total,prev, pager, next" layout="prev, pager, next,total"
:page-size="data.pagination.pageSize" :page-size="data.pagination.pageSize"
:total="data.pagination.total" :total="data.pagination.total"
:current-page="data.pagination.current" :current-page="data.pagination.current"
@ -120,8 +120,8 @@
size="small" size="small"
class="mt-4" class="mt-4"
background background
layout="total,prev, pager, next" layout="prev, pager, next ,total"
:pager-count="5" :pager-count="3"
:page-size="data.pagination1.pageSize" :page-size="data.pagination1.pageSize"
:total="data.pagination1.total" :total="data.pagination1.total"
:current-page="data.pagination1.current" :current-page="data.pagination1.current"
@ -178,7 +178,8 @@
size="small" size="small"
class="mt-4" class="mt-4"
background background
layout="total,prev, pager, next" layout="prev, pager, next ,total"
:pager-count="3"
:page-size="data.pagination.pageSize" :page-size="data.pagination.pageSize"
:total="data.pagination.total" :total="data.pagination.total"
:current-page="data.pagination.current" :current-page="data.pagination.current"

View File

@ -306,7 +306,7 @@ const data = reactive({
{ {
label: "年龄", label: "年龄",
property: "nl", property: "nl",
width: "60", width: "80",
}, },
{ {
label: "人口标签", label: "人口标签",
@ -359,7 +359,7 @@ const data = reactive({
{ {
label: "年龄", label: "年龄",
property: "nl", property: "nl",
width: "60", width: "80",
}, },
{ {
label: "人口标签", label: "人口标签",
@ -720,7 +720,7 @@ const tableHeaderColor = (arg) => {
return { return {
// paddingLeft: "10px", // paddingLeft: "10px",
letterSpacing: "1px", letterSpacing: "1px",
fontSize: "16px", fontSize: "20px",
height: "79px", height: "79px",
backgroundColor: "rgba(23, 62, 115)", backgroundColor: "rgba(23, 62, 115)",
color: "#fff", color: "#fff",
@ -734,7 +734,7 @@ const rowState = (row) => {
if (row.rowIndex % 2 == 0) { if (row.rowIndex % 2 == 0) {
return { return {
letterSpacing: "1px", letterSpacing: "1px",
fontSize: "22px", fontSize: "19px",
height: "36px", height: "36px",
backgroundColor: "rgba(31, 63, 113, 1)", backgroundColor: "rgba(31, 63, 113, 1)",
color: "#fff", color: "#fff",
@ -742,7 +742,7 @@ const rowState = (row) => {
} else if (row.rowIndex % 2 !== 0) { } else if (row.rowIndex % 2 !== 0) {
return { return {
letterSpacing: "1px", letterSpacing: "1px",
fontSize: "22px", fontSize: "19px",
height: "36px", height: "36px",
backgroundColor: "rgba(43, 74, 121, 1)", backgroundColor: "rgba(43, 74, 121, 1)",
color: "#fff", color: "#fff",
@ -941,6 +941,7 @@ onMounted(() => {
top: 0; top: 0;
width: 100%; width: 100%;
height: 79px; height: 79px;
font-size: 20px;
// background: linear-gradient( // background: linear-gradient(
// 270deg, // 270deg,
// rgba(0, 52, 131, 0.20) 0%, // rgba(0, 52, 131, 0.20) 0%,
@ -1030,7 +1031,7 @@ onMounted(() => {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
span { span {
font-size: 23px; font-size: 28px;
font-weight: 500; font-weight: 500;
font-family: titleNore; font-family: titleNore;
margin-left: 20px; margin-left: 20px;