diff --git a/src/view/person/index.vue b/src/view/person/index.vue
index dab707b..b18a106 100644
--- a/src/view/person/index.vue
+++ b/src/view/person/index.vue
@@ -98,7 +98,7 @@
返回
-
diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue
index 7b035e7..da51bdf 100644
--- a/src/view/sy_map.vue
+++ b/src/view/sy_map.vue
@@ -199,7 +199,7 @@
- 数据加载中...
+ 加载中...
@@ -294,83 +294,7 @@ const mapTownDataDK = reactive([]);
//社区地块
const xkzDk = reactive([]);
//社区中心点
-const xkzCenter = reactive([
- {
- name: "溪口村",
- center: [119.2002156322304, 28.83866363229786],
- number: "50",
- },
- {
- name: "扁石村",
- center: [119.18143177857742, 28.858795781247416],
- number: "50",
- },
- {
- name: "大垄村",
- center: [119.15947390269743, 28.856881986353613],
- number: "50",
- },
- {
- name: "枫林村",
- center: [119.2244601402551, 28.874916936765324],
- number: "50",
- },
- {
- name: "双港口村",
- center: [119.2112370831526, 28.873145674638753],
- number: "50",
- },
- {
- name: "灵上村",
- center: [119.18997199384468, 28.871170115155575],
- number: "50",
- },
- {
- name: "灵下村",
- center: [119.19215588030731, 28.890692457149832],
- number: "50",
- },
- {
- name: "下徐村",
- center: [119.13517530022014, 28.877528537725134],
- number: "50",
- },
- {
- name: "大沃口村",
- center: [119.17629950196843, 28.895987778606404],
- number: "50",
- },
- {
- name: "寺下村",
- center: [119.15115841066512, 28.913624042836545],
- number: "50",
- },
- {
- name: "大阳家村",
- center: [119.165141274073, 28.89860048623702],
- number: "50",
- },
- {
- name: "石角村",
- center: [119.12327500764461, 28.911094612057784],
- number: "50",
- },
- {
- name: "红罗村",
- center: [119.18884846618927, 28.911017362099795],
- number: "50",
- },
- {
- name: "冷水村",
- center: [119.19787638778016, 28.934598743672993],
- number: "50",
- },
- {
- name: "新溪社区",
- center: [119.184555, 28.853068],
- number: "50",
- },
-]);
+const xkzCenter = reactive([]);
//村社颜色列表
const colorList = [
{
@@ -403,35 +327,15 @@ const colorList = [
];
//存放特殊标签中文对应的简写
const tsbq_id_total = ref([
- {
- name: "残疾人",
- id: "cjr",
- tagId: 5,
- },
- {
- name: "低边",
- id: "dibian",
- tagId: 2,
- },
{
name: "低保",
id: "db",
tagId: 1,
},
{
- name: "高血压",
- id: "gxy",
- tagId: 9,
- },
- {
- name: "糖尿病",
- id: "tnb",
- tagId: 7,
- },
- {
- name: "退役军人",
- id: "tyjr",
- tagId: 8,
+ name: "低边",
+ id: "dibian",
+ tagId: 2,
},
{
name: "困境儿童",
@@ -443,11 +347,31 @@ const tsbq_id_total = ref([
id: "ge",
tagId: 4,
},
+ {
+ name: "残疾人",
+ id: "cjr",
+ tagId: 5,
+ },
{
name: "特困",
id: "tk",
tagId: 6,
},
+ {
+ name: "糖尿病",
+ id: "tnb",
+ tagId: 7,
+ },
+ {
+ name: "退役军人",
+ id: "tyjr",
+ tagId: 8,
+ },
+ {
+ name: "高血压",
+ id: "gxy",
+ tagId: 9,
+ },
]);
//单选中社区区块
const chooseCsList = ref([]);
@@ -612,7 +536,7 @@ const PopulationRatio = ref([
bgColor: "rgba(222, 173, 98, 1)",
},
]);
-//特殊标签
+//特殊标签左侧数据
const tsbqTotal = ref([
{
id: 10,
@@ -693,14 +617,6 @@ const fwqList = ref([]);
//资源要素
const yaosuTotal = ref([
- {
- id: 11,
- name: "摄像头",
- img: j11,
- img_map:j11_map,
- wz: false,
- url: "/api/ggfwyth/ysyzt/getJashsxt",
- },
{
id: 0,
name: "体育场所",
@@ -768,6 +684,14 @@ const yaosuTotal = ref([
img: j10,
wz: true,
},
+ {
+ id: 11,
+ name: "摄像头",
+ img: j11,
+ img_map: j11_map,
+ wz: false,
+ url: "/api/ggfwyth/ysyzt/getJashsxt",
+ },
]);
//选中的资源要素
const yaosuList = ref([]);
@@ -840,12 +764,12 @@ const tableType = reactive({
{
label: "户口登记地",
property: "domicAddr",
- width: "300px",
+ width: "200px",
},
{
label: "",
property: "sxt",
- width: "50px",
+ width: "30px",
type: "slot",
},
],
@@ -1247,12 +1171,8 @@ const getDatas = async (e, i, y = true) => {
} else {
if (y) {
if (choose.value.person == "") {
- console.log(1111111111);
-
addCs();
} else {
- console.log(2222222222);
-
addCs2();
}
}
@@ -1439,19 +1359,28 @@ const getDataBq = async (jd, cs) => {
.then((res) => {
if (res.code == 200) {
tsbqTotal.value.length = 0;
- res.data.forEach((item, index) => {
- // let idd = "";
- // tsbq_id_total.value.forEach((itemm, indexx) => {
- // if (item.bq == itemm.name) {
- // idd = itemm.id;
- // }
- // });
- tsbqTotal.value.push({
- id: item.bq,
- name: item.bq,
- rksl: item.rs || 0,
- tagId: item.tagId,
+
+ tsbq_id_total.value.forEach((item, index) => {
+ let b = 0;
+ res.data.forEach((itemm, indexx) => {
+ if (itemm.bq == item.name) {
+ tsbqTotal.value.push({
+ id: itemm.bq,
+ name: itemm.bq,
+ rksl: itemm.rs || 0,
+ tagId: itemm.tagId,
+ });
+ b = 1;
+ }
});
+ if (b == 0) {
+ tsbqTotal.value.push({
+ id: item.name,
+ name: item.name,
+ rksl: 0,
+ tagId: item.tagId,
+ });
+ }
});
}
});
@@ -1771,15 +1700,15 @@ const changeys = (name) => {
if (item.name == name) {
url = item.url;
img = item.img;
- img_map=item.img_map;
+ img_map = item.img_map;
}
});
if (name == "摄像头") {
- getZyys(url, name, img,img_map);
+ getZyys(url, name, img, img_map);
}
}
};
-const getZyys = (url, name, img,img_map) => {
+const getZyys = (url, name, img, img_map) => {
http.get(url).then((res) => {
if (res.code == 200) {
yaosuIcon.value[name].sj = res.data;
@@ -3175,6 +3104,7 @@ onMounted(async () => {
background-repeat: no-repeat;
background-size: 100% 100%;
margin-bottom: 12px;
+ border-radius: 5px;
}
.content_item_name {
position: relative;
@@ -3228,6 +3158,7 @@ onMounted(async () => {
background-size: 100% 100%;
margin-bottom: 12px;
font-size: 18px;
+ border-radius: 5px;
}
.content_item:first-child {
@@ -3243,6 +3174,7 @@ onMounted(async () => {
background-repeat: no-repeat;
background-size: 100% 100%;
margin-bottom: 12px;
+ border-radius: 5px;
}
// .content_item:nth-child(2) {
@@ -3330,6 +3262,7 @@ onMounted(async () => {
background-size: 100% 100%;
margin-bottom: 12px;
font-size: 18px;
+ border-radius: 5px;
}
// .content_item:last-child {
@@ -3404,7 +3337,7 @@ onMounted(async () => {
.jbggfwq {
.jbggfwq_content {
- height: 500px;
+ height: 520px;
overflow: auto;
display: flex;
flex-direction: column;
@@ -3416,7 +3349,6 @@ onMounted(async () => {
display: flex;
// align-items: center;
color: #ffffff;
-
.jbggfwq_content_item_left {
margin-right: 10px;
width: 80px;
@@ -3448,6 +3380,7 @@ onMounted(async () => {
margin-bottom: 4px;
position: relative;
/* 必须设置 position 属性以便伪元素定位 */
+ border-radius: 5px;
}
.jbggfwq_content_item_right_item::after {
@@ -3502,7 +3435,7 @@ onMounted(async () => {
align-items: center;
justify-content: center;
background: rgba(124, 151, 180, 0.8);
-
+ border-radius: 5px;
.zyys_content_item_left {
width: 18px;
height: 18px;
@@ -3542,8 +3475,8 @@ onMounted(async () => {
position: absolute;
left: 50%;
top: 50%;
- width: 120px;
- height: 120px;
+ width: 80px;
+ height: 80px;
background: rgba(0, 0, 0, 0.3);
border-radius: 8px;
backdrop-filter: blur(2px);
@@ -3575,8 +3508,8 @@ onMounted(async () => {
}
.loading {
- width: 50px;
- height: 50px;
+ width: 30px;
+ height: 30px;
}
.loading > div {
@@ -3637,7 +3570,6 @@ onMounted(async () => {
animation-delay: 0s;
}
-
@keyframes ball-spin-clockwise-fade {
50% {
opacity: 0.25;
@@ -3653,10 +3585,10 @@ onMounted(async () => {
.text {
margin-top: 10px;
font-family: PingFangSC, PingFang SC;
- font-weight: 600;
- font-size: 12px;
+ font-weight: 400;
+ font-size: 10px;
color: #ffffff;
- line-height: 22px;
+ line-height: 20px;
letter-spacing: 2px;
text-align: center;
}