除了数据分析和底边登录其余完成

This commit is contained in:
2026-04-15 00:40:21 +08:00
parent 4b6a45afb3
commit c87a4f63e3
11 changed files with 246 additions and 47 deletions

View File

@@ -7,14 +7,9 @@
</view>
<view class="headers_middle">
<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">
<swiper-item v-if="banner_content">
<view class="swiper-item">
</view>
</swiper-item>
<swiper-item>
<view class="swiper-item">
<swiper-item v-for="path in banner_content">
<view class="swiper-item" >
<image :src="`http://124.93.196.45:10091/Neusoft/times-model${path}`"></image>
</view>
</swiper-item>
</swiper>
@@ -61,14 +56,14 @@
data() {
const imagepath = Array.from({
length: 4
}).map((_, x) => `../../static/c${x+1}.png`)
}).map((_, x) => `../../static/a${x+1}.png`)
const textarray = ["首页", "公益", "心得", "我的"]
const endbottom = imagepath.map((value, index) => [value, textarray[index]])
return {
endbottom,
banner_title: null,
part_nums: 5,
banner_content:null
banner_content: null
}
},
computed: {
@@ -86,9 +81,9 @@
methods: {
showmore() {
this.part_nums = 10
this.part_nums = Math.min(this.part_nums + 5, 42)
},
async requests(updown,path) {
async requests(updown, path) {
let response
if (updown == "up") {
response = await fetch(`http://124.93.196.45:10091/Neusoft/times-model${path}`, {
@@ -106,10 +101,10 @@
method: "GET",
headers: {
"Content-Type": "application/json",
"Authorization": "eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImJjYtrrMxSx0OvYuqZ_0UL738RhVLuq-IxBIyHH1kt0gXAANbdsg"
"Authorization":(await this.requests("up", "/app/login")).token
},
})
}
const data = await response.json()
console.log(data)
@@ -117,8 +112,14 @@
}
},
async mounted() {
this.banner_title = await this.requests("down","/appNotice/app-o/modelSpirit")
this.banner_content =await this.requests("down","/appNotice/app-o/modelSpirit")
this.banner_title = await this.requests("down", "/appNotice/app-o/modelSpirit")
let datavalue = []
for (let i = 1; i < 4; i++) {
datavalue.push(this.requests("down", `/appNotice/app-o/loopMapDetail?id=${i}`))
}
datavalue = (await Promise.all(datavalue)).map(x => x.data.picPath)
this.banner_content =datavalue
console.log(datavalue)
},
}
</script>
@@ -152,11 +153,17 @@
}
.headers_middle {
height: 20vh;
height: 25vh;
border: 1px red solid;
background-color: #fff !important;
}
.headers_middle swiper{
height: 100%;
}
.headers_middle swiper .swiper-item image{
width: 100%;
height: 25vh;
}
.headers_bottom {
height: 10vh;
display: flex;
@@ -250,4 +257,4 @@
.nav_bottom:nth-child(1) p {
color: #C2050F;
}
</style>
</style>

View File

@@ -39,7 +39,7 @@
data() {
const imagepath = Array.from({
length: 4
}).map((_, x) => `../../static/c${x+1}.png`)
}).map((_, x) => `../../static/a${x+1}.png`)
const textarray = ["首页", "公益", "心得", "我的"]
const endbottom = imagepath.map((value, index) => [value, textarray[index]])
console.log(endbottom)
@@ -60,12 +60,42 @@
}
},
insertShow() {
this.write_none =true;
this.write_none = true;
},
if_none() {
this.write_none =false;
this.write_none = false;
this.useInput = ""
},
async requests(updown,path) {
let response
if (updown == "up") {
response = await fetch(`http://124.93.196.45:10091/Neusoft/times-model${path}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
"password": "0CYdq6Hn",
"username": "6dOMIgIU"
})
})
} else if (updown == "down") {
response = await fetch(`http://124.93.196.45:10091/Neusoft/times-model${path}`, {
method: "GET",
headers: {
"Content-Type": "application/json",
"Authorization": (await this.requests("up", "/app/login")).token
},
})
}
const data = await response.json()
console.log(data)
return data
}
},
async mounted(){
await this.requests("down","/appStudy/app/deleteStatement")
}
}
</script>
@@ -118,4 +148,4 @@
.nav_bottom:nth-child(3) p {
color: #C2050F;
}
</style>
</style>

View File

@@ -7,17 +7,20 @@
@clickItem="togglecurrent"></uni-segmented-control>
<view class="content">
<view v-show="current === 0">
<view class="voluteer_card">
<image src="../../static/c1.png"></image>
<p>携手防疫志愿服务活动</p>
<view class="voluteer_card" v-for="ever in morevalue">
<image :src="`http://124.93.196.45:10091/Neusoft/times-model${ever[0]}`"></image>
<view class="voluteer_card_bottom">
<p>活动时间2022/04/15 09:00 ~ 2022/04/15 11:30</p>
<p>发起方社区志愿服务队</p>
<p>简介因最近疫情频繁各大城市相继出现无症状患者以及无症状患者无症状患者无症状患者无症状患者</p>
<p>{{ever[1]}}</p>
<p>活动时间
{{ever[2]}}~ {{ever[3]}}
</p>
<p>发起方{{ever[4]}}</p>
<p>简介{{ever[5]}}</p>
</view>
<view>
<view>
<image src="../../static/component.png"></image>已报名12138人
<image src="../../static/baoming_icon.png"></image>
<text>已报名{{ever[6]}}</text>
</view>
<view>去报名</view>
</view>
@@ -35,7 +38,8 @@
data() {
return {
current: 0,
value: ["全部活动", "已报名"]
value: ["全部活动", "已报名"],
morevalue: null
}
},
methods: {
@@ -43,16 +47,53 @@
if (this.current != e.currentIndex) {
this.current = e.currentIndex
}
},
async requests(updown, path) {
let response
if (updown == "up") {
response = await fetch(`http://124.93.196.45:10091/Neusoft/times-model${path}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
"password": "0CYdq6Hn",
"username": "6dOMIgIU"
})
})
} else if (updown == "down") {
response = await fetch(`http://124.93.196.45:10091/Neusoft/times-model${path}`, {
method: "GET",
headers: {
"Content-Type": "application/json",
"Authorization": (await this.requests("up", "/app/login")).token
},
})
}
const data = await response.json()
console.log(data)
return data
}
},
async mounted() {
// await this.requests("down","/activity/app-o/detail?id=1")
this.morevalue = (await this.requests("down", "/activity/app-o/list")).rows.map(x => [x.picPath, x.title, x
.startDate, x.endDate, x.sponsor, x.content, x.signUpNum
])
console.log(this.morevalue);
}
}
</script>
<style>
/* .voluteer_card {} */
* {
padding: 0;
margin: 0;
}
.begin {
background-color: rgb(244, 244, 244);
background-color: rgb(246, 246, 246);
height: 95vh;
display: flex;
flex-direction: column;
@@ -64,4 +105,62 @@
text-align: center;
}
</style>
.voluteer_card {
height: 40vh;
background-color:#fff;
margin: 2%;
border-radius: 10px;
}
.voluteer_card image {
width: 100%;
height: 25vh;
border-radius: 10px;
}
.voluteer_card_bottom {
padding: 0% 4% 2% 4%;
}
.voluteer_card_bottom p:nth-child(1) {
font-size: 1.1rem;
}
.voluteer_card_bottom p:not(:nth-child(1)) {
font-size: 0.8rem;
padding: 1% auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.voluteer_card_bottom p:last-child {
padding-bottom: 2%;
border-bottom: 1px solid rgb(220, 220, 220);
}
.voluteer_card_bottom+view{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0% 4% 2% 4%;
}
.voluteer_card_bottom+view>view:first-child{
display: flex;
justify-content: space-evenly;
align-items: center;
}
.voluteer_card_bottom+view>view:first-child image{
width: 20px;
height: 20px;
}
.voluteer_card_bottom+view>view:nth-child(2){
text-align: center;
line-height: 30px;
width: 100px;
height: 30px;
background-color: red;
color: white;
border-radius: 15px;
}
</style>