Merge branch 'main' of https://git.cityme.com.cn/xiangshan/ggfwjsc
This commit is contained in:
duanxiaohai
commit
d42c899e01
|
|
@ -98,7 +98,7 @@
|
|||
<p>返回</p>
|
||||
</div>
|
||||
<!-- v-if="dataMyTag.camera" -->
|
||||
<div class="videoCamera" v-if="dataMyTag.camera">
|
||||
<div class="videoCamera" v-if="dataMyTag.camera" @click="openCamera()">
|
||||
<img src="@/assets/images/sxt_detail.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -199,7 +199,7 @@
|
|||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">数据加载中...</div>
|
||||
<div class="text">加载中...</div>
|
||||
</div>
|
||||
</div>
|
||||
</teleport>
|
||||
|
|
@ -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;
|
||||
// }
|
||||
// });
|
||||
|
||||
tsbq_id_total.value.forEach((item, index) => {
|
||||
let b = 0;
|
||||
res.data.forEach((itemm, indexx) => {
|
||||
if (itemm.bq == item.name) {
|
||||
tsbqTotal.value.push({
|
||||
id: item.bq,
|
||||
name: item.bq,
|
||||
rksl: item.rs || 0,
|
||||
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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue