This commit is contained in:
parent
567f05588f
commit
c3bb58d616
|
|
@ -11,13 +11,8 @@
|
||||||
<div class="title_line"></div>
|
<div class="title_line"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div
|
<div class="content_item" v-for="(item, index) in personTotal" :class="{ choose: item.id == choose.person }"
|
||||||
class="content_item"
|
@click="buten(item)" :key="index">
|
||||||
v-for="(item, index) in personTotal"
|
|
||||||
:class="{ choose: item.id == choose.person }"
|
|
||||||
@click="buten(item)"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<div class="content_item_name">{{ item.ages }}</div>
|
<div class="content_item_name">{{ item.ages }}</div>
|
||||||
<div class="content_item_value">{{ item.rksl }}</div>
|
<div class="content_item_value">{{ item.rksl }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -29,13 +24,8 @@
|
||||||
<div class="title_line"></div>
|
<div class="title_line"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div
|
<div class="content_item" v-for="(item, index) in tsbqTotal" :class="{ choose: item.id == choose.person }"
|
||||||
class="content_item"
|
@click="buten2(item)" :key="index">
|
||||||
v-for="(item, index) in tsbqTotal"
|
|
||||||
:class="{ choose: item.id == choose.person }"
|
|
||||||
@click="buten2(item)"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<div class="content_item_name">{{ item.name }}</div>
|
<div class="content_item_name">{{ item.name }}</div>
|
||||||
<div class="content_item_value">{{ item.rksl }}</div>
|
<div class="content_item_value">{{ item.rksl }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -49,19 +39,11 @@
|
||||||
<div class="title_line"></div>
|
<div class="title_line"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="jbggfwq_content">
|
<div class="jbggfwq_content">
|
||||||
<div
|
<div class="jbggfwq_content_item" v-for="(item, index) in jbfwqTotal" :key="index">
|
||||||
class="jbggfwq_content_item"
|
|
||||||
v-for="(item, index) in jbfwqTotal"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<div class="jbggfwq_content_item_left">{{ item.name }}</div>
|
<div class="jbggfwq_content_item_left">{{ item.name }}</div>
|
||||||
<div class="jbggfwq_content_item_right">
|
<div class="jbggfwq_content_item_right">
|
||||||
<div
|
<div class="jbggfwq_content_item_right_item" v-for="itemm in item.child"
|
||||||
class="jbggfwq_content_item_right_item"
|
:class="{ choose: itemm.id == choose.fwq }" @click="changeFwq(itemm.id, itemm.fwqList, itemm.center)">
|
||||||
v-for="itemm in item.child"
|
|
||||||
:class="{ choose: itemm.id == choose.fwq }"
|
|
||||||
@click="changeFwq(itemm.id, itemm.fwqList, itemm.center)"
|
|
||||||
>
|
|
||||||
{{ itemm.name }}
|
{{ itemm.name }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -74,13 +56,8 @@
|
||||||
<div class="title_line"></div>
|
<div class="title_line"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="zyys_content">
|
<div class="zyys_content">
|
||||||
<div
|
<div class="zyys_content_item" v-for="(item, index) in yaosuTotal"
|
||||||
class="zyys_content_item"
|
:class="{ choose: item.id == choose.yaosu, wz: item.wz == true }" @click="changeys(item.id)" :key="index">
|
||||||
v-for="(item, index) in yaosuTotal"
|
|
||||||
:class="{ choose: item.id == choose.yaosu, wz: item.wz == true }"
|
|
||||||
@click="changeys(item.id)"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<img :src="item.img" class="zyys_content_item_left" />
|
<img :src="item.img" class="zyys_content_item_left" />
|
||||||
<div class="zyys_content_item_right">{{ item.name }}</div>
|
<div class="zyys_content_item_right">{{ item.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2102,18 +2079,19 @@ const getData = async (i, e) => {
|
||||||
personTotal.value.push({
|
personTotal.value.push({
|
||||||
id: index + 1,
|
id: index + 1,
|
||||||
rksl: item.rksl,
|
rksl: item.rksl,
|
||||||
age: item.age + "",
|
age: item.age + '',
|
||||||
ages: item.age + "岁",
|
ages: item.age + "岁",
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
// res.data.town.map((item) => {
|
mapTownCount.map((item) => {
|
||||||
// mapTownCount.map((items) => {
|
// item.number = 0;
|
||||||
// if (item.town == items.name) {
|
res.data.townWwrs.map((items) => {
|
||||||
// items.number = item.rksl;
|
if (items.xzjd == item.name) {
|
||||||
// }
|
item.swrs = items.swrs;
|
||||||
// });
|
}
|
||||||
// });
|
});
|
||||||
|
});
|
||||||
console.log(111, res.data.townWwrs);
|
console.log(111, res.data.townWwrs);
|
||||||
mapTownCount.map((item) => {
|
mapTownCount.map((item) => {
|
||||||
item.number = 0;
|
item.number = 0;
|
||||||
|
|
@ -2124,6 +2102,7 @@ const getData = async (i, e) => {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
console.log(mapTownCount, 'mapTownCount');
|
||||||
});
|
});
|
||||||
if (i) {
|
if (i) {
|
||||||
changeRs(i);
|
changeRs(i);
|
||||||
|
|
@ -2155,7 +2134,6 @@ const getDatas = async (e, i) => {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// res.data.committee.map((item) => {
|
// res.data.committee.map((item) => {
|
||||||
// xkzCenter.map((items) => {
|
// xkzCenter.map((items) => {
|
||||||
// if (item.committee == items.name) {
|
// if (item.committee == items.name) {
|
||||||
|
|
@ -2316,6 +2294,14 @@ const getDataBqs = async (jd, cs, bq) => {
|
||||||
// });
|
// });
|
||||||
// }
|
// }
|
||||||
if (vv == 1) {
|
if (vv == 1) {
|
||||||
|
mapTownCount.map((item) => {
|
||||||
|
// item.number = 0;
|
||||||
|
res.data.townWwrs.map((items) => {
|
||||||
|
if (items.xzjd == item.name) {
|
||||||
|
item.swrs = items.swrs;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
mapTownCount.map((item) => {
|
mapTownCount.map((item) => {
|
||||||
item.number = 0;
|
item.number = 0;
|
||||||
res.data.map((items) => {
|
res.data.map((items) => {
|
||||||
|
|
@ -2379,17 +2365,13 @@ onMounted(() => {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 520px;
|
width: 520px;
|
||||||
height: 960px;
|
height: 960px;
|
||||||
background: linear-gradient(
|
background: linear-gradient(270deg,
|
||||||
270deg,
|
|
||||||
rgba(0, 52, 131, 0.69) 0%,
|
rgba(0, 52, 131, 0.69) 0%,
|
||||||
rgba(0, 32, 83, 0.77) 50%,
|
rgba(0, 32, 83, 0.77) 50%,
|
||||||
rgba(0, 60, 131, 0.74) 100%
|
rgba(0, 60, 131, 0.74) 100%),
|
||||||
),
|
radial-gradient(128% 99% at 100% 46%,
|
||||||
radial-gradient(
|
|
||||||
128% 99% at 100% 46%,
|
|
||||||
rgba(0, 48, 125, 0.29) 0%,
|
rgba(0, 48, 125, 0.29) 0%,
|
||||||
rgba(0, 61, 134, 0.42) 100%
|
rgba(0, 61, 134, 0.42) 100%);
|
||||||
);
|
|
||||||
box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
|
box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
|
||||||
backdrop-filter: blur(3px);
|
backdrop-filter: blur(3px);
|
||||||
padding: 30px 26px;
|
padding: 30px 26px;
|
||||||
|
|
@ -2438,6 +2420,7 @@ onMounted(() => {
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_item:nth-child(2) {
|
.content_item:nth-child(2) {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -2560,17 +2543,13 @@ onMounted(() => {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 520px;
|
width: 520px;
|
||||||
height: 960px;
|
height: 960px;
|
||||||
background: linear-gradient(
|
background: linear-gradient(270deg,
|
||||||
270deg,
|
|
||||||
rgba(0, 52, 131, 0.69) 0%,
|
rgba(0, 52, 131, 0.69) 0%,
|
||||||
rgba(0, 32, 83, 0.77) 50%,
|
rgba(0, 32, 83, 0.77) 50%,
|
||||||
rgba(0, 60, 131, 0.74) 100%
|
rgba(0, 60, 131, 0.74) 100%),
|
||||||
),
|
radial-gradient(128% 99% at 100% 46%,
|
||||||
radial-gradient(
|
|
||||||
128% 99% at 100% 46%,
|
|
||||||
rgba(0, 48, 125, 0.29) 0%,
|
rgba(0, 48, 125, 0.29) 0%,
|
||||||
rgba(0, 61, 134, 0.42) 100%
|
rgba(0, 61, 134, 0.42) 100%);
|
||||||
);
|
|
||||||
box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
|
box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
|
||||||
backdrop-filter: blur(3px);
|
backdrop-filter: blur(3px);
|
||||||
padding: 30px 26px;
|
padding: 30px 26px;
|
||||||
|
|
@ -2640,6 +2619,7 @@ onMounted(() => {
|
||||||
:nth-child(4n).jbggfwq_content_item_right_item::after {
|
:nth-child(4n).jbggfwq_content_item_right_item::after {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
:last-child.jbggfwq_content_item_right_item::after {
|
:last-child.jbggfwq_content_item_right_item::after {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -2726,12 +2706,10 @@ onMounted(() => {
|
||||||
// line-height: 44px;
|
// line-height: 44px;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
background: linear-gradient(
|
background: linear-gradient(180deg,
|
||||||
180deg,
|
|
||||||
#ffffff 0%,
|
#ffffff 0%,
|
||||||
#ffffff 40%,
|
#ffffff 40%,
|
||||||
#00ffff 100%
|
#00ffff 100%);
|
||||||
);
|
|
||||||
/* 使文字没有背景颜色的背景 */
|
/* 使文字没有背景颜色的背景 */
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
/* 为了兼容性，添加渐变背景到IE */
|
/* 为了兼容性，添加渐变背景到IE */
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue