This commit is contained in:
duanxiaohai 2024-08-02 10:44:07 +08:00
commit 3e9df64a4c
5 changed files with 74 additions and 45 deletions

View File

@ -700,9 +700,9 @@ const minData = reactive({
zq: "1610", zq: "1610",
}, },
minPieData2: { minPieData2: {
wfgz: "1500", wfgz: "4754",
xstp: "1610", xstp: "31145",
skym: "1610", skym: "13255",
}, },
}); });
// //

View File

@ -293,9 +293,9 @@ const handle = (current) => {
.name { .name {
font-family: PangMenZhengDao, PangMenZhengDao; font-family: PangMenZhengDao, PangMenZhengDao;
font-weight: 600; font-weight: 600;
font-size: 20px; font-size: 22px;
color: #ffffff; color: #ffffff;
line-height: 38px; line-height: 27px;
text-align: center; text-align: center;
font-style: normal; font-style: normal;
letter-spacing: 2px; letter-spacing: 2px;
@ -316,4 +316,10 @@ const handle = (current) => {
.custom-table-font { .custom-table-font {
font-size: 10px; font-size: 10px;
} }
:deep(.el-table:not(.el-table--border) .el-table__cell){
padding: 3px 0px;
}
:deep(.el-pagination ){
transform: scale(0.8);
}
</style> </style>

View File

@ -70,17 +70,17 @@ const pieData = reactive([
{ {
name: "0-18岁", // name: "0-18岁", //
value: 0, // value: 0, //
per: 2, per: 9.67,
}, },
{ {
name: "19-60岁", name: "19-60岁",
value: 0, value: 0,
per: 8, per: 63.37,
}, },
{ {
name: "60岁以上", name: "60岁以上",
value: 0, value: 0,
per: 10, per: 26.97,
}, },
]); ]);

View File

@ -10,7 +10,7 @@
<div class="my-info"> <div class="my-info">
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label "></div> <div class="my-info-label ">&emsp;&emsp;</div>
<div class="my-info-content"> <div class="my-info-content">
<p>王一</p> <p>王一</p>
</div> </div>
@ -40,13 +40,13 @@
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label "></div> <div class="my-info-label ">&emsp;&emsp;</div>
<div class="my-info-content"> <div class="my-info-content">
<p></p> <p></p>
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label "></div> <div class="my-info-label ">&emsp;&emsp;</div>
<div class="my-info-content"> <div class="my-info-content">
<p></p> <p></p>
</div> </div>
@ -73,10 +73,11 @@
<div class="main-tag-item">出生</div> <div class="main-tag-item">出生</div>
<div class="main-tag-item">学习</div> <div class="main-tag-item">学习</div>
<div class="main-tag-item">工作</div> <div class="main-tag-item">工作</div>
<div class="main-tag-item">婚育</div>
<div class="main-tag-item">置业</div> <div class="main-tag-item">置业</div>
<div class="main-tag-item">婚育</div>
<div class="main-tag-item">退休<br />养老</div> <div class="main-tag-item">退休<br />养老</div>
<div class="main-tag-item">身后事</div> <div class="main-tag-item">身后事</div>
<div class="main-tag-item">综合</div>
<div class="person-main-person"> <div class="person-main-person">
</div> </div>
</div> </div>
@ -131,9 +132,9 @@
<el-table-column prop="sum" label="使用金额" width="115" align="center" /> <el-table-column prop="sum" label="使用金额" width="115" align="center" />
<el-table-column prop="sum" label="详情" width="135" align="center" /> <el-table-column prop="sum" label="详情" width="135" align="center" />
</el-table> </el-table>
<el-pagination background layout="prev, pager, next" :page-size="pagination.pageSize" <el-pagination background layout="prev, pager, next" :page-size="pagination1.pageSize"
:total="pagination.total" prev-text="上一页" next-text="下一页" :total="pagination1.total" prev-text="上一页" next-text="下一页"
v-model:current-page="pagination.currentPage" @current-change="handlePagination" /> v-model:current-page="pagination1.currentPage" @current-change="handlePagination" />
</div> </div>
</div> </div>
@ -205,7 +206,12 @@ const data1 = ref([
info: '人民医院******' info: '人民医院******'
}, },
]) ])
const pagination1 = reactive({
current: 1,
pageSize: 5,
total: 50,
showTotal: 0
})
const dialogShow = ref(false) const dialogShow = ref(false)
const tableType = reactive({ const tableType = reactive({
title: '基础养老金', title: '基础养老金',
@ -234,10 +240,10 @@ const paginationDialog = reactive({
showTotal: 0 showTotal: 0
}) })
const close = (pagination) => { const close = (pagination) => {
console.log dialogShow.value = false
} }
const handlePagination = (pagination) => { const handlePagination = (pagination) => {
console.log dialogShow.value = false
} }
</script> </script>
@ -305,8 +311,8 @@ const handlePagination = (pagination) => {
} }
&:nth-of-type(4) { &:nth-of-type(4) {
top: 30px; top: 420px;
right: 220px; left: 110px;
} }
&:nth-of-type(5) { &:nth-of-type(5) {
@ -324,6 +330,11 @@ const handlePagination = (pagination) => {
right: 80px; right: 80px;
} }
&:nth-of-type(8) {
top: 420px;
right: 110px;
}
&:hover { &:hover {
background: url('../../assets/person/tag-active.png') no-repeat; background: url('../../assets/person/tag-active.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;

View File

@ -1237,7 +1237,7 @@ const getDatas = async (e, i) => {
} }
if (cfJd.value != "") { if (cfJd.value != "") {
xkzCenter.map((item) => { xkzCenter.map((item) => {
// item.number = 0; item.swrs = 0;
res.data.committeeSwrs.map((items) => { res.data.committeeSwrs.map((items) => {
if (items.csq == item.name) { if (items.csq == item.name) {
item.swrs = items.swrs; item.swrs = items.swrs;
@ -1400,6 +1400,15 @@ const getDatas2 = async (e, i, cs) => {
} }
} }
}); });
if (choose.value.person == "") {
cs_dd_arr.value.map((item, index) => {
DGcreateCs(item, index);
});
} else {
cs_dd_arr.value.map((item, index) => {
DGcreateCs2(item, index);
});
}
}; };
// //
// //
@ -1599,7 +1608,6 @@ const to_jd = (item_name) => {
// } else { // } else {
// console.log(111, choose.value.person); // console.log(111, choose.value.person);
cfJd.value = item_name; cfJd.value = item_name;
//
let jdCenter = []; let jdCenter = [];
BMAP(); BMAP();
loadCs(item_name); loadCs(item_name);
@ -2016,7 +2024,7 @@ const createCustomOverlayJd = (polygon, indexx) => {
div.setAttribute("name", this.properties.title); div.setAttribute("name", this.properties.title);
var title = document.createElement("div"); var title = document.createElement("div");
title.style.fontSize = "10px"; title.style.fontSize = "12px";
title.style.fontWeight = "600"; title.style.fontWeight = "600";
title.style.color = "#000000"; title.style.color = "#000000";
div.appendChild(title); div.appendChild(title);
@ -2057,14 +2065,14 @@ const createCustomOverlayJd2 = (polygon, indexx) => {
div.setAttribute("name", this.properties.title); div.setAttribute("name", this.properties.title);
var title = document.createElement("div"); var title = document.createElement("div");
title.style.fontSize = "10px"; title.style.fontSize = "12px";
title.style.fontWeight = "600"; title.style.fontWeight = "600";
title.style.color = "#000000"; title.style.color = "#000000";
div.appendChild(title); div.appendChild(title);
title.appendChild(document.createTextNode(this.properties.title)); title.appendChild(document.createTextNode(this.properties.title));
content.appendChild(div); content.appendChild(div);
var number = document.createElement("div"); var number = document.createElement("div");
number.style.fontSize = "12px"; number.style.fontSize = "13px";
number.style.fontWeight = "600"; number.style.fontWeight = "600";
number.style.color = "#FEFF6C"; number.style.color = "#FEFF6C";
number.style.textShadow = "0px 2px 4px rgba(0,0,0,0.5)"; number.style.textShadow = "0px 2px 4px rgba(0,0,0,0.5)";
@ -2221,15 +2229,15 @@ const addPolygonCountyCs = () => {
getDatas2(cfJd.value, choose.value.person, cfCs.value); getDatas2(cfJd.value, choose.value.person, cfCs.value);
addCsChoose(); addCsChoose();
addCsUnChoose(); addCsUnChoose();
if (choose.value.person == "") { // if (choose.value.person == "") {
cs_dd_arr.value.map((item, index) => { // cs_dd_arr.value.map((item, index) => {
DGcreateCs(item, index); // DGcreateCs(item, index);
}); // });
} else { // } else {
cs_dd_arr.value.map((item, index) => { // cs_dd_arr.value.map((item, index) => {
DGcreateCs2(item, index); // DGcreateCs2(item, index);
}); // });
} // }
}); });
} }
}); });
@ -2323,11 +2331,12 @@ const addCsUnChoose = () => {
// ) { // ) {
// getDataBqs2(cfJd.value, cfCs.value, choose.value.person, false); // getDataBqs2(cfJd.value, cfCs.value, choose.value.person, false);
// } // }
if (choose.value.person == "") { // if (choose.value.person == "") {
cs_dd_arr.value.map((item, index) => { // cs_dd_arr.value.map((item, index) => {
DGcreateCs(item, index); // DGcreateCs(item, index);
}); // });
} else if ( // } else
if (
choose.value.person == "cjr" || choose.value.person == "cjr" ||
choose.value.person == "dibian" || choose.value.person == "dibian" ||
choose.value.person == "db" || choose.value.person == "db" ||
@ -2337,13 +2346,16 @@ const addCsUnChoose = () => {
choose.value.person == "kjer" choose.value.person == "kjer"
) { ) {
getDataBqs2(cfJd.value, cfCs.value, choose.value.person, false); getDataBqs2(cfJd.value, cfCs.value, choose.value.person, false);
} else {
setTimeout(() => {
cs_dd_arr.value.map((item, index) => {
DGcreateCs2(item, index);
});
}, 600);
} }
// if (choose.value.person == "") {
// cs_dd_arr.value.map((item, index) => {
// DGcreateCs(item, index);
// });
// } else {
// cs_dd_arr.value.map((item, index) => {
// DGcreateCs2(item, index);
// });
// }
addCsChoose(); addCsChoose();
addCsUnChoose(); addCsUnChoose();
}); });