xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-07-29 18:57:32 +08:00
parent 3bf1274572
commit 4a21aac784
11 changed files with 131 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

BIN
src/assets/sy-table/sy-table20.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 752 B

BIN
src/assets/sy-table/sy-table21.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 720 B

34
src/components/header.vue
View File

@ -1,8 +1,11 @@
<template>
<teleport to="body">
<div class="header_content" style="position: absolute;z-index: 999;width: 1920px;">
<div
class="header_content"
style="position: absolute; z-index: 999; width: 1920px"
>
<div class="header">
<div class="headerGo" @click="to('/guide')"></div>
<!-- <img class="title" src="../assets/img_07.png" alt="" /> -->
<!-- <div class="time">
<div id="date-display"></div>
@ -11,14 +14,20 @@
<div class="header-menu">
<div class="header-menu-item header-menu-left">
<div :class="data.nowTab == item.url ? 'leftItemC' : 'leftItem'" v-for="item in data.urlLeft.slice(0, 4)"
:key="item.name">
<div
:class="data.nowTab == item.url ? 'leftItemC' : 'leftItem'"
v-for="item in data.urlLeft.slice(0, 4)"
:key="item.name"
>
<div class="itemText" @click="to(item.url)">{{ item.name }}</div>
</div>
</div>
<div class="header-menu-item header-menu-right">
<div :class="data.nowTab == item.url ? 'rightItemC' : 'rightItem'" v-for="item in data.urlLeft.slice(4, 8)"
:key="item.name">
<div
:class="data.nowTab == item.url ? 'rightItemC' : 'rightItem'"
v-for="item in data.urlLeft.slice(4, 8)"
:key="item.name"
>
<div class="itemText" @click="to(item.url)">{{ item.name }}</div>
</div>
</div>
@ -27,7 +36,6 @@
<img src="../assets/RightLine.gif" class="leftLineClass" />
</div>
</div>
</teleport>
</template>
@ -114,7 +122,17 @@ onMounted(() => {
});
</script>
<style lang="scss" scoped>
.headerGo {
cursor: pointer;
position: absolute;
top: 0;
right: 50%;
width: 700px;
height: 80px;
transform: translate(50%, 8%);
}
.header {
position: relative;
background-image: url(../assets/headerBg.png);
background-size: 100% 100%;
display: flex;
@ -251,7 +269,7 @@ onMounted(() => {
}
}
.header_content{
.header_content {
background: url("../assets/bgImg.png") no-repeat 0/100% 100%;
}
</style>

4
src/view/echarts_sy/zwfw1.vue
View File

@ -11,11 +11,11 @@ const chart = ref(); // 创建DOM引用
const dataList = [
{
name: "2.0收件数",
value: 33044,
value: 42277,
},
{
name: "总收件数",
value: 33295,
value: 42632,
},
];
//内圈数据

4
src/view/echarts_sy/zwfw2.vue
View File

@ -11,11 +11,11 @@ const chart = ref(); // 创建DOM引用
const dataList = [
{
name: "超期受理数",
value: 9,
value: 3,
},
{
name: "应受理数",
value: 32561,
value: 41341,
},
];
var data = [

4
src/view/echarts_sy/zwfw3.vue
View File

@ -11,11 +11,11 @@ const chart = ref(); // 创建DOM引用
const dataList = [
{
name: "超期办理数",
value: 7,
value: 0,
},
{
name: "应办理数",
value: 31615,
value: 39196,
},
];
var data = [

4
src/view/sy.vue
View File

@ -396,7 +396,7 @@
<div class="right">
<div class="name">平均受理时长</div>
<img class="line" src="@/assets/images/sy/zwfw_line.png" />
<div class="time"><span>0.22</span>小时</div>
<div class="time"><span>0.28</span>小时</div>
</div>
</div>
<div class="fgx"></div>
@ -405,7 +405,7 @@
<div class="right">
<div class="name">平均办理时长</div>
<img class="line" src="@/assets/images/sy/zwfw_line.png" />
<div class="time"><span>0.54</span>小时</div>
<div class="time"><span>0.78</span>小时</div>
</div>
</div>
</div>

12
src/view/sy_details.vue
View File

@ -20,9 +20,9 @@
:row-style="rowState"
:header-cell-style="tableHeaderColor"
>
<el-table-column prop="xm" label="姓名" width="60" />
<el-table-column prop="xm" label="姓名" width="90" />
<el-table-column prop="dz" label="地址" />
<el-table-column prop="nl" label="年龄" />
<el-table-column prop="nl" label="年龄" width="60" />
<!-- <el-table-column prop="sfzhm" label="身份证号" /> -->
<el-table-column prop="bq" label="人口标签" />
</el-table>
@ -113,9 +113,9 @@
:row-style="rowState"
:header-cell-style="tableHeaderColor"
>
<el-table-column prop="fullName" label="姓名" width="60" />
<el-table-column prop="fullName" label="姓名" width="90" />
<el-table-column prop="address" label="地址" />
<el-table-column prop="age" label="年龄" />
<el-table-column prop="age" label="年龄" width="60"/>
<!-- <el-table-column prop="IDNumber" label="身份证号" /> -->
<el-table-column prop="PopulationLabel" label="人口标签" />
</el-table>
@ -513,7 +513,7 @@ const data = reactive({
// 表格分页
const pagination = reactive({
total: 10,
pageSize: 10,
pageSize: 20,
currentPage: 1,
});
const pagination1 = reactive({
@ -523,7 +523,7 @@ const pagination1 = reactive({
});
const pagination2 = reactive({
total: 10,
pageSize: 10,
pageSize: 20,
currentPage: 1,
});
//表格分页

58
src/view/sy_map.vue
View File

@ -142,6 +142,13 @@ import b6 from "@/assets/images/map/b6.png";
import xcbg from "@/assets/images/map/xcbg.png";
import AED from "@/assets/images/map/AED.png";
const data = reactive({
serviceCircleList: [],
fwqCoordinates: "", //服务圈中心坐标
fwqCoordinates1: [], //服务圈中心坐标
fwqCoordinates2: [], //服务圈中心坐标
});
//删除(存放渲染的地块及图标)
const jdm_arr = ref([]);
const jdm_number_arr = ref([]);
@ -459,9 +466,11 @@ const BMAP = () => {
// 添加服务圈
var circle;
const drawACircle = (v) => {
console.log(data.fwqCoordinates);
// forEach;
if (!circle) {
var point = new BMapGL.Point(119.184803, 28.853725);
circle = new BMapGL.Circle(point, 900, {
var point = new BMapGL.Point(data.fwqCoordinates1, data.fwqCoordinates2);
circle = new BMapGL.Circle(point, 1000, {
strokeColor: "yellow",
strokeWeight: 2,
@ -480,7 +489,7 @@ const drawACircle = (v) => {
circle.show();
map.addOverlay(circle);
map.setViewport({
center: new BMapGL.Point(119.184803, 28.853725),
center: new BMapGL.Point(data.fwqCoordinates1, data.fwqCoordinates2),
zoom: 14,
});
}
@ -560,7 +569,7 @@ const addPolygonCounty = () => {
choose.value.person == "tyjr" ||
choose.value.person == "kjer"
) {
console.log(5555555555555555);
// console.log(5555555555555555);
// getDataBq(cfJd.value, "");
getDataBqs2(cfJd.value, cfCs.value, choose.value.person, false);
} else {
@ -962,7 +971,7 @@ const createCustomOverlayJd2 = (polygon, indexx) => {
}
let num = "";
if (choose.value.person == "6666") {
console.log(1);
// console.log(1);
num = "swrs";
} else if (
choose.value.person == "cjr" ||
@ -1268,14 +1277,29 @@ const DGcreateCs2 = (polygon, indexx) => {
//创建公共服务圈
const addggfwq = () => {
if (fwqList.value) {
data.fwqCoordinates1 = [];
data.fwqCoordinates1 = [];
// console.log(fwqList.value,444);
fwqList.value.map((item, index) => {
data.fwqCoordinates1.push(item.point[0]);
data.fwqCoordinates2.push(item.point[1]);
createCustomOverlay(item, index);
});
function calculateAverage(coordinates) {
const numericCoordinates = coordinates.map(Number); // 将字符串转换为数字
const sum = numericCoordinates.reduce((acc, val) => acc + val, 0); // 计算总和
return sum / numericCoordinates.length; // 计算平均值
}
data.fwqCoordinates1 = calculateAverage(data.fwqCoordinates1);
data.fwqCoordinates2 = calculateAverage(data.fwqCoordinates2);
// console.log(average1,average2, 555);
drawACircle();
}
};
// 添加公共服务圈的图标
const createCustomOverlay = (polygon, indexx) => {
drawACircle();
data.fwqCoordinates = polygon.point;
function createLabelDOM() {
var content = document.createElement("div");
content.style.display = "flex";
@ -1455,16 +1479,15 @@ const changeFwq = async (id, list, center, name, names) => {
fwq_list_arr.value.forEach((item, index) => {
map.removeOverlay(fwq_list_arr.value[index]); // 清空服务圈 图标
});
drawACircle("hide"); //隐藏服务圈 圆
} else {
await getServiceCircle(names, name);
choose.value.fwq = id;
map.clearOverlays(); //清空地图上所有的覆盖物
choose.value.person=''
choose.value.person = "";
addggfwq(); //创建公共服务圈
setTimeout(() => {
goMapCenter(center, 16); //中心点缩放
goMapCenter([data.fwqCoordinates1,data.fwqCoordinates2], 16); //中心点缩放
}, 500);
}
};
@ -2605,6 +2628,7 @@ const getDataBqJD = async (bq) => {
await http.get(`/api/ggfwyth/ysyzt/getTsbqByXzjdOrCsq`, data).then((res) => {
if (res.code == 200) {
if (res?.data) {
mapTownCount.map((item) => {
item.numbers = 0;
res.data.map((items) => {
@ -2614,6 +2638,7 @@ const getDataBqJD = async (bq) => {
});
});
}
}
});
};
//适配
@ -2889,11 +2914,12 @@ onMounted(() => {
.jbggfwq {
.jbggfwq_content {
height: 550px;
height: 500px;
overflow: auto;
margin-top: 15px;
display: flex;
flex-direction: column;
margin-top: 15px;
margin-bottom: 34px;
.jbggfwq_content_item {
margin-bottom: 5px;
@ -2912,8 +2938,8 @@ onMounted(() => {
width: 370px;
display: flex;
flex-flow: row wrap;
border-radius: 6px;
overflow: hidden;
// border-radius: 6px;
.jbggfwq_content_item_right_item {
cursor: pointer;
@ -2968,7 +2994,7 @@ onMounted(() => {
}
.zyys {
margin-top: 25px;
// margin-top: 25px;
.zyys_content {
margin-top: 20px;
box-sizing: border-box;
@ -2977,14 +3003,14 @@ onMounted(() => {
flex-flow: row wrap;
.zyys_content_item {
width: 110px;
height: 54px;
cursor: pointer;
margin-bottom: 15px;
margin-bottom: 20px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
width: 110px;
height: 42px;
background: rgba(124, 151, 180, 0.8);
.zyys_content_item_left {

43
src/view/sy_table.vue
View File

@ -6,11 +6,17 @@
<div class="menuBar">
<div class="tabPosition" v-for="(item, index) in data.tabPosition">
<div class="tabPositionBox" @click="toggleVisibility(item)">
<div style="display: flex;text-align: center;" >
<div class="img"><img :src="item.img" alt="" /></div>
<div class="tabsItem">
{{ item.name }}
</div>
</div>
<div class="img1">
<img src="@/assets/sy-table/sy-table21.png" v-if="item.visible" />
<img src="@/assets/sy-table/sy-table20.png" v-else />
</div>
</div>
<transition name="fade-scale">
<div v-show="item.visible">
<div
@ -506,21 +512,25 @@ const rowState = (row) => {
color: #ffffff;
text-align: left;
font-style: normal;
font-family: YouSheBiaoTiHei;
// font-family: YouSheBiaoTiHei;
font-family: titleNore;
text-shadow: 0px 2px 4px rgba(56, 50, 50, 0.5);
padding: 19px 0 0 17px;
}
.lineEnd {
height: 3px;
border-top: 1px solid #fff;
border-bottom: 1px dashed #fff;
width: 180px;
margin: 17px 0;
margin-left: 16px;
}
.menuBar::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.menuBar {
height: 100vh;
height: 100%;
overflow-y: auto;
}
.tabPosition {
@ -537,9 +547,18 @@ const rowState = (row) => {
margin-right: 10px;
vertical-align: middle;
}
.tabPosition .img1 {
img {
width: 20px;
height: 10px;
margin-right: 24px;
vertical-align: middle;
}
}
.tabPositionBox {
display: flex;
align-items: center;
justify-content: space-between;
margin: 12px 0 12px 19px;
cursor: pointer;
}
@ -547,10 +566,20 @@ const rowState = (row) => {
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
width: 200px;
// justify-content: center;
padding-left: 30px;
height: 50px;
border-radius: 4px;
background-color: #032862;
white-space: nowrap;
}
.tabPositionminBox::before {
content: "";
display: block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #ffffff;
margin-right: 6px;
}
.tabPositionminBoxBgc {
background: rgba(73, 121, 191);
@ -570,14 +599,13 @@ const rowState = (row) => {
width: 270px;
height: 943px;
box-sizing: border-box;
padding: 19px 17px;
// padding: 19px 17px;
// margin-right: 28px;
background: linear-gradient(
270deg,
rgba(3, 56, 127, 0.77) 0%,
rgba(3, 56, 127, 0.74) 100%
);
box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
border-radius: 0px 24px 24px 0px;
backdrop-filter: blur(3px);
}
@ -665,6 +693,7 @@ const rowState = (row) => {
font-size: 26px;
color: #ffffff;
letter-spacing: 2px;
font-family: titleNore;
}
.tableBoxCenter1 {
width: 70px;