除了数据分析和底边登录其余完成
This commit is contained in:
@@ -6,7 +6,7 @@
|
|||||||
<p>{{part_content}}</p>
|
<p>{{part_content}}</p>
|
||||||
</view>
|
</view>
|
||||||
<view class="detele" :style="{ transform: 'translateX('+ (movemax +rightoffsetx+5) + 'px)' }"
|
<view class="detele" :style="{ transform: 'translateX('+ (movemax +rightoffsetx+5) + 'px)' }"
|
||||||
@click="deleteItem">
|
>
|
||||||
删除
|
删除
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -11,13 +11,13 @@
|
|||||||
<p>学习笔记</p>
|
<p>学习笔记</p>
|
||||||
<p @click="if_none">删除</p>
|
<p @click="if_none">删除</p>
|
||||||
</view>
|
</view>
|
||||||
<view v-show="true">
|
<view>
|
||||||
<textarea v-model="useInput" />
|
<textarea v-model="useInput" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view @click="insertShow()">
|
<view @click="insertShow()">
|
||||||
<image src="/static/template.png"></image>
|
<image :src="path[0]"></image>
|
||||||
<p>添加笔记</p>
|
<p :style="{color:path[1]}">添加笔记</p>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@@ -28,21 +28,84 @@
|
|||||||
return {
|
return {
|
||||||
useInput: "",
|
useInput: "",
|
||||||
block_none: true,
|
block_none: true,
|
||||||
write_none: false
|
write_none: false,
|
||||||
|
imagepath: [
|
||||||
|
["/static/experience_2.png", "orange"],
|
||||||
|
["/static/experience_1.png", "red"]
|
||||||
|
],
|
||||||
|
postif: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
insertShow() {
|
insertShow() {
|
||||||
this.write_none = true;
|
this.write_none = true;
|
||||||
|
this.postif = !this.postif
|
||||||
|
|
||||||
|
if (this.postif) {
|
||||||
|
uni.showModal({
|
||||||
|
content: '是否保存',
|
||||||
|
success: res => {
|
||||||
|
if (res.confirm) {
|
||||||
|
console.log(this.useInput)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
if_none() {
|
if_none() {
|
||||||
|
uni.showModal({
|
||||||
|
content: '是否删除',
|
||||||
|
success: res => {
|
||||||
|
if (res.confirm) {
|
||||||
this.write_none = false;
|
this.write_none = false;
|
||||||
this.useInput = ""
|
this.useInput = ""
|
||||||
|
} else if (res.cancel) {
|
||||||
|
this.write_none = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
async request() {
|
async requests(updown, path) {
|
||||||
const text = await fetch("http://124.93.196.45:10091/Neusoft/times-model/appNotice/app-o/loopMap",)
|
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 onLoad(){
|
||||||
|
await this.requests("down","")
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
path() {
|
||||||
|
if (this.write_none) {
|
||||||
|
return this.imagepath[0]
|
||||||
|
} else {
|
||||||
|
return this.imagepath[1]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -111,7 +174,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.page_div>view:last-child image {
|
.page_div>view:last-child image {
|
||||||
width: 3vw;
|
width: 4vw;
|
||||||
height: 3vh
|
height: 2vh
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -7,14 +7,9 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="headers_middle">
|
<view class="headers_middle">
|
||||||
<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">
|
<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">
|
||||||
<swiper-item v-if="banner_content">
|
<swiper-item v-for="path in banner_content">
|
||||||
<view class="swiper-item">
|
<view class="swiper-item" >
|
||||||
|
<image :src="`http://124.93.196.45:10091/Neusoft/times-model${path}`"></image>
|
||||||
</view>
|
|
||||||
</swiper-item>
|
|
||||||
<swiper-item>
|
|
||||||
<view class="swiper-item">
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
</swiper>
|
</swiper>
|
||||||
@@ -61,14 +56,14 @@
|
|||||||
data() {
|
data() {
|
||||||
const imagepath = Array.from({
|
const imagepath = Array.from({
|
||||||
length: 4
|
length: 4
|
||||||
}).map((_, x) => `../../static/c${x+1}.png`)
|
}).map((_, x) => `../../static/a${x+1}.png`)
|
||||||
const textarray = ["首页", "公益", "心得", "我的"]
|
const textarray = ["首页", "公益", "心得", "我的"]
|
||||||
const endbottom = imagepath.map((value, index) => [value, textarray[index]])
|
const endbottom = imagepath.map((value, index) => [value, textarray[index]])
|
||||||
return {
|
return {
|
||||||
endbottom,
|
endbottom,
|
||||||
banner_title: null,
|
banner_title: null,
|
||||||
part_nums: 5,
|
part_nums: 5,
|
||||||
banner_content:null
|
banner_content: null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -86,9 +81,9 @@
|
|||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
showmore() {
|
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
|
let response
|
||||||
if (updown == "up") {
|
if (updown == "up") {
|
||||||
response = await fetch(`http://124.93.196.45:10091/Neusoft/times-model${path}`, {
|
response = await fetch(`http://124.93.196.45:10091/Neusoft/times-model${path}`, {
|
||||||
@@ -106,7 +101,7 @@
|
|||||||
method: "GET",
|
method: "GET",
|
||||||
headers: {
|
headers: {
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
"Authorization": "eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImJjYtrrMxSx0OvYuqZ_0UL738RhVLuq-IxBIyHH1kt0gXAANbdsg"
|
"Authorization":(await this.requests("up", "/app/login")).token
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -117,8 +112,14 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
this.banner_title = await this.requests("down","/appNotice/app-o/modelSpirit")
|
this.banner_title = await this.requests("down", "/appNotice/app-o/modelSpirit")
|
||||||
this.banner_content =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>
|
</script>
|
||||||
@@ -152,11 +153,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.headers_middle {
|
.headers_middle {
|
||||||
height: 20vh;
|
height: 25vh;
|
||||||
border: 1px red solid;
|
border: 1px red solid;
|
||||||
background-color: #fff !important;
|
background-color: #fff !important;
|
||||||
}
|
}
|
||||||
|
.headers_middle swiper{
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.headers_middle swiper .swiper-item image{
|
||||||
|
width: 100%;
|
||||||
|
height: 25vh;
|
||||||
|
}
|
||||||
.headers_bottom {
|
.headers_bottom {
|
||||||
height: 10vh;
|
height: 10vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -39,7 +39,7 @@
|
|||||||
data() {
|
data() {
|
||||||
const imagepath = Array.from({
|
const imagepath = Array.from({
|
||||||
length: 4
|
length: 4
|
||||||
}).map((_, x) => `../../static/c${x+1}.png`)
|
}).map((_, x) => `../../static/a${x+1}.png`)
|
||||||
const textarray = ["首页", "公益", "心得", "我的"]
|
const textarray = ["首页", "公益", "心得", "我的"]
|
||||||
const endbottom = imagepath.map((value, index) => [value, textarray[index]])
|
const endbottom = imagepath.map((value, index) => [value, textarray[index]])
|
||||||
console.log(endbottom)
|
console.log(endbottom)
|
||||||
@@ -60,12 +60,42 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
insertShow() {
|
insertShow() {
|
||||||
this.write_none =true;
|
this.write_none = true;
|
||||||
},
|
},
|
||||||
if_none() {
|
if_none() {
|
||||||
this.write_none =false;
|
this.write_none = false;
|
||||||
this.useInput = ""
|
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>
|
</script>
|
||||||
|
|||||||
@@ -7,17 +7,20 @@
|
|||||||
@clickItem="togglecurrent"></uni-segmented-control>
|
@clickItem="togglecurrent"></uni-segmented-control>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view v-show="current === 0">
|
<view v-show="current === 0">
|
||||||
<view class="voluteer_card">
|
<view class="voluteer_card" v-for="ever in morevalue">
|
||||||
<image src="../../static/c1.png"></image>
|
<image :src="`http://124.93.196.45:10091/Neusoft/times-model${ever[0]}`"></image>
|
||||||
<p>携手防疫志愿服务活动</p>
|
|
||||||
<view class="voluteer_card_bottom">
|
<view class="voluteer_card_bottom">
|
||||||
<p>活动时间:2022/04/15 09:00 ~ 2022/04/15 11:30</p>
|
<p>{{ever[1]}}</p>
|
||||||
<p>发起方:社区志愿服务队</p>
|
<p>活动时间:
|
||||||
<p>简介:因最近疫情频繁,各大城市相继出现无症状患者,以及无症状患者无症状患者无症状患者无症状患者</p>
|
{{ever[2]}}~ {{ever[3]}}
|
||||||
|
</p>
|
||||||
|
<p>发起方:{{ever[4]}}</p>
|
||||||
|
<p>简介:{{ever[5]}}</p>
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<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>
|
<view>去报名</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -35,7 +38,8 @@
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
current: 0,
|
current: 0,
|
||||||
value: ["全部活动", "已报名"]
|
value: ["全部活动", "已报名"],
|
||||||
|
morevalue: null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -43,16 +47,53 @@
|
|||||||
if (this.current != e.currentIndex) {
|
if (this.current != e.currentIndex) {
|
||||||
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>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
/* .voluteer_card {} */
|
* {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.begin {
|
.begin {
|
||||||
background-color: rgb(244, 244, 244);
|
background-color: rgb(246, 246, 246);
|
||||||
height: 95vh;
|
height: 95vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -64,4 +105,62 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.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>
|
</style>
|
||||||
BIN
static/a1.png
Normal file
BIN
static/a1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
static/a2.png
Normal file
BIN
static/a2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
static/a3.png
Normal file
BIN
static/a3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
static/a4.png
Normal file
BIN
static/a4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
static/experience_1.png
Normal file
BIN
static/experience_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 698 B |
BIN
static/experience_2.png
Normal file
BIN
static/experience_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 723 B |
Reference in New Issue
Block a user