elink-star
/
epmet-wx-pa-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

首页轮播图,议事接口

feature
mk 1 year ago
parent
715af60452
commit
c4e729a8ff
5 changed files with 59 additions and 39 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      src/api/home.js
  2. 7
      src/utils/request.js
  3. 33
      src/views/activity/detail.vue
  4. 45
      src/views/home/index.vue
  5. 2
      vue.config.js

9
src/api/home.js
View File

@ -9,3 +9,12 @@ export function communityActivity(data) {
data data
}) })
} }
// 【居民议事】列表
export function icEventOldDiscuss(data) {
return request({
url: `/governance/icEventOldDiscuss/pageList`,
method: 'post',
data
})
}

7
src/utils/request.js
View File

@ -27,7 +27,12 @@ service.interceptors.request.use(
if (store.state.app.appId) { if (store.state.app.appId) {
config.headers['AppId'] = store.state.app.appId config.headers['AppId'] = store.state.app.appId
} }
if (store.state.app.userInfo.customerId) {
config.headers['customerId'] = store.state.app.userInfo.customerId
}
if (store.state.app.userInfo.id) {
config.headers['userId'] = store.state.app.userInfo.id
}
config.baseURL = config.baseURL + '/' config.baseURL = config.baseURL + '/'
return config return config
}, },

33
src/views/activity/detail.vue
View File

@ -22,14 +22,17 @@
</div> </div>
<div class="card m-top10"> <div class="card m-top10">
<div class="title"><span>活动报名</span></div> <div class="title"><span>活动报名</span></div>
<van-cell-group v-for="(item,index) in signUp" :border="false"> <van-cell-group v-for="(item, index) in signUp" :border="false">
<van-field v-model="signUp[index].name" required :label="`姓名${index+1}`" placeholder="请输入用户名" /> <van-field v-model="signUp[index].name" required :label="`姓名${index + 1}`" placeholder="请输入用户名" />
<van-field v-model="signUp[index].mobile" required label="联系电话" placeholder="请输入您的电话号码" /> <van-field v-model="signUp[index].mobile" required label="联系电话" placeholder="请输入您的电话号码" />
<van-field v-model="signUp[index].remark" required label="备注" placeholder="请输入" rows="3" autosize type="textarea" /> <van-field v-model="signUp[index].remark" required label="备注" placeholder="请输入" rows="3" autosize
type="textarea" />
</van-cell-group> </van-cell-group>
<div class="flex flex-center1 m-top12"> <div class="flex flex-center1 m-top12">
<div class="flex flex-center2 flex-center1 flex1" @click="handelAddResi"> <img src="@/assets/images/icons/add.png" alt="" class="img_20 m-right7">添加</div> <div class="flex flex-center2 flex-center1 flex1" @click="handelAddResi"> <img
<div class="flex flex-center2 flex-center1 flex1" v-show="signUp.length>1" @click="handelDelResi"> <img src="@/assets/images/icons/del.png" alt="" class="img_20 m-right7">删除</div> src="@/assets/images/icons/add.png" alt="" class="img_20 m-right7">添加</div>
<div class="flex flex-center2 flex-center1 flex1" v-show="signUp.length > 1" @click="handelDelResi"> <img
src="@/assets/images/icons/del.png" alt="" class="img_20 m-right7">删除</div>
</div> </div>
</div> </div>
<div class="bot_btn flex flex-center2" style="height: 50px;"> <div class="bot_btn flex flex-center2" style="height: 50px;">
@ -47,8 +50,8 @@
export default { export default {
data() { data() {
return { return {
signUp:[ signUp: [
{name:"",mobile:"",remark:""}, { name: "", mobile: "", remark: "" },
] ]
}; };
}, },
@ -56,10 +59,10 @@ export default {
}, },
methods: { methods: {
handelAddResi(){ handelAddResi() {
this.signUp.push({name:"",mobile:"",remark:""}) this.signUp.push({ name: "", mobile: "", remark: "" })
}, },
handelDelResi(){ handelDelResi() {
this.signUp.pop() this.signUp.pop()
} }
}, },
@ -76,16 +79,20 @@ export default {
:deep(.van-cell) { :deep(.van-cell) {
padding: 16px 8px; padding: 16px 8px;
} }
:deep(.van-cell__title) { :deep(.van-cell__title) {
color: #666666; color: #666666;
display: flex;
&>span {
flex: 1;
}
} }
:deep(.van-cell__value) { :deep(.van-cell__value) {
text-align: left; text-align: left;
} }
:deep(.van-cell--required){
&::before{ :deep(.van-cell--required) {
&::before {
left: -5px; left: -5px;
} }
} }

45
src/views/home/index.vue
View File

@ -18,11 +18,9 @@
</div> </div>
<div class="swipe"> <div class="swipe">
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
<van-swipe-item><img src="@/assets/images/zhishu.png" alt="" <van-swipe-item v-for="item in activityList">
style="width: 100%; margin: 0 auto;"></van-swipe-item> <img :src="item.coverPic" alt="" style="width: 100%;height: 150px; margin: 0 auto;border-radius: 15px;">
<van-swipe-item>2</van-swipe-item> </van-swipe-item>
<van-swipe-item>3</van-swipe-item>
<van-swipe-item>4</van-swipe-item>
</van-swipe> </van-swipe>
</div> </div>
<div class="card flex flex-end flex-center2 m-top15 notice"> <div class="card flex flex-end flex-center2 m-top15 notice">
@ -83,15 +81,15 @@
<div class="activity_content flex" v-for="(item, index) in eventList"> <div class="activity_content flex" v-for="(item, index) in eventList">
<div class="flex flex-y flex1 flex-end" style="overflow: hidden;"> <div class="flex flex-y flex1 flex-end" style="overflow: hidden;">
<span class="van-multi-ellipsis--l2"> <span class="van-multi-ellipsis--l2">
{{ item.title }} {{ item.eventContent }}
</span> </span>
<div class="flex flex-end flex-center gray m-top10 font-size13"> <div class="flex flex-end flex-center gray m-top10 font-size13">
<div class="flex flex-center"><img src="@/assets/images/icons/resi.png" <div class="flex flex-center"><img src="@/assets/images/icons/resi.png"
class="img_16 m-right7" alt=""><span>参与 {{ item.total }}</span></div> class="img_16 m-right7" alt=""><span>参与 {{ item.total }}</span></div>
<div class="flex flex-center"><img src="@/assets/images/icons/support.png" alt="" <div class="flex flex-center"><img src="@/assets/images/icons/support.png" alt=""
class="img_16 m-right7"><span>支持 {{ item.support }}</span></div> class="img_16 m-right7"><span>支持 {{ item.supportNum }}</span></div>
<div class="flex flex-center"><img src="@/assets/images/icons/oppose.png" alt="" <div class="flex flex-center"><img src="@/assets/images/icons/oppose.png" alt=""
class="img_16 m-right7"><span>反对 {{ item.oppose }}</span></div> class="img_16 m-right7"><span>反对 {{ item.opposeNum }}</span></div>
</div> </div>
</div> </div>
</div> </div>
@ -103,7 +101,7 @@
<script> <script>
import registerDialog from '@/components/registerDialog'; import registerDialog from '@/components/registerDialog';
import { communityActivity } from '@/api/home'; import { communityActivity,icEventOldDiscuss } from '@/api/home';
export default { export default {
data() { data() {
return { return {
@ -136,26 +134,14 @@ export default {
} }
], ],
activityList: [], activityList: [],
eventList: [ eventList: [],
{
total: 100,
support: 50,
title: '社区活动测试测试测试时杀死社区活动测试测试测试时杀死还是上海市普陀区金沙江路还是上海市普陀区金沙江路',
oppose: 10
},
{
total: 100,
support: 50,
title: '社区活动测试测试测试时杀死社区活动测试测试测试时杀死还是上海市普陀区金沙江路还是上海市普陀区金沙江路',
oppose: 10
}
],
showRegister: false showRegister: false
}; };
}, },
created() { created() {
this.agencyId = this.$store.state.app.agencyId; this.agencyId = this.$store.state.app.agencyId;
this.communityActivity()//获取轮播图与活动列表 this.communityActivity()//获取轮播图与活动列表
this.icEventOldDiscuss()//获取居民议事列表
}, },
methods: { methods: {
async communityActivity() { async communityActivity() {
@ -176,6 +162,19 @@ export default {
this.activityList = res.list.slice(0, 2); this.activityList = res.list.slice(0, 2);
} }
}, },
async icEventOldDiscuss(){
let parm = {
pageSize: 10,
pageNo: 1,
agencyId: null,
icEventId:null
}
let res = await icEventOldDiscuss(parm)
if (res) {
console.log(res);
this.eventList = res.list.slice(0, 2)
}
},
handelClickJump(path) { handelClickJump(path) {
if (path === 'event' || path === 'service' || path === 'activity') { if (path === 'event' || path === 'service' || path === 'activity') {
if (this.$store.state.app.userInfo.mobile) { if (this.$store.state.app.userInfo.mobile) {

2
vue.config.js
View File

@ -31,7 +31,7 @@ module.exports = defineConfig({
proxy: { proxy: {
//配置跨域 //配置跨域
'/api': { '/api': {
target: `http://219.146.91.110:30801`, target: `http://192.168.1.144`,
// target: `http://127.0.0.1:8080`, // target: `http://127.0.0.1:8080`,
changeOrigin: true, changeOrigin: true,
ws: false, ws: false,

Write Preview
Loading…
Cancel
Save