This commit is contained in:
parent
6d4ec2d795
commit
c16e756fd7
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue