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

用户信息传入-改密码页面

master
李素 1 year ago
parent
a03ff8c7d1
commit
b4a8865afb
10 changed files with 131 additions and 47 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/api/index.js
  2. 9
      src/api/user.js
  3. 12
      src/assets/css/common.less
  4. 3
      src/config/env.development.js
  5. 5
      src/router/router.config.js
  6. 46
      src/store/index.js
  7. 1
      src/utils/request.js
  8. 72
      src/views/assistance/card.vue
  9. 2
      src/views/login/index.vue
  10. 24
      src/views/mine/index.vue

4
src/api/index.js
View File

@ -2,7 +2,9 @@ const api = {
Login: '/auth/login/govH5/loginByPassword',
UserInfo: '/epmetuser/customerstaff/govH5/detail',
Customerlist: '/epmetuser/customerstaff/customerlist',
ServiceList: '/governance/service/rcvAndProcess/waitingRcvServiceList'
ServiceList: '/governance/service/rcvAndProcess/waitingRcvServiceList',
Password: '/epmetuser/customerstaff/changePassword',
}
export default api

9
src/api/user.js
View File

@ -28,3 +28,12 @@ export function getCustomerlist(data) {
data,
})
}
// 用户修改密码 post 方法
export function changePassword(data) {
return request({
url: api.Password,
method: 'post',
data,
})
}

12
src/assets/css/common.less
View File

@ -66,11 +66,23 @@
margin-right: 12px;
}
}
.p-top12{
padding-top: 12px;
&-left{
padding-left: 12px;
}
}
.m-top5{
margin-top: 5px;
&-bottom{
margin-bottom: 5px;
}
&-left{
margin-left: 5px;
}
&-right{
margin-right: 5px;
}
}

3
src/config/env.development.js
View File

@ -3,7 +3,8 @@ module.exports = {
env: 'development',
title: 'e联社区',
baseUrl: 'http://192.168.1.144/', // 项目地址
baseApi: 'http://192.168.1.144/api', // 本地api请求地址,注意：如果你使用了代理，请设置成'/'
// baseApi: 'http://192.168.1.144/api', // 本地api请求地址,注意：如果你使用了代理，请设置成'/'
baseApi: 'http://219.146.91.110:30801/api', // 本地api请求地址,注意：如果你使用了代理，请设置成'/'
APPID: 'xxx',
APPSECRET: 'xxx',
}

5
src/router/router.config.js
View File

@ -19,5 +19,10 @@ export const constantRouterMap = [
path: '/assistance',
component: () => import('@/views/assistance'),
meta: { title: '诉求代办', keepAlive: false }
},
{
path: '/changePassword',
component: () => import('@/views/mine/changePassword'),
meta: { title: '修改密码', keepAlive: false }
}
]

46
src/store/index.js
View File

@ -1,3 +1,21 @@
// import Vue from 'vue'
// import Vuex from 'vuex'
// import getters from './getters'
// import app from './modules/app'
// Vue.use(Vuex)
// const store = new Vuex.Store({
// modules: {
// app
// },
// getters
// })
// export default store
import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
@ -5,11 +23,31 @@ import app from './modules/app'
Vue.use(Vuex)
const userInfo = {
state: {
userInfo: {
userName: '',
agencyName: '',
serviceOrgIdentities: []
}
},
mutations: {
setUserInfo(state, userInfo) {
state.userInfo = userInfo;
}
}
};
const userInfoGetters = {
userInfo: state => state.userInfo.userInfo
};
const store = new Vuex.Store({
modules: {
app
app,
userInfo
},
getters
})
getters: userInfoGetters
});
export default store
export default store;

1
src/utils/request.js
View File

@ -37,6 +37,7 @@ service.interceptors.response.use(
response => {
Toast.clear()
const res = response.data
const code = res.code;
if (res.status && res.status !== 200) {
return Promise.reject(res || 'error')
} else {

72
src/views/assistance/card.vue
View File

@ -1,121 +1,121 @@
<template>
<div class=''>
<div class="card rounded-corner">
<div class="m-top12 flex">
<van-tag type="primary" class="m-top12 m-top12-left">个性服务</van-tag>
<van-tag type="warning" class="m-top12 m-top12-left">共性需求</van-tag>
<div class="m-top12 m-top12-left opacity5 font-size13">
<div class="m- flex">
<van-tag type="primary" class="m- m--left">个性服务</van-tag>
<van-tag type="warning" class="m- m--left">共性需求</van-tag>
<div class="m- m--left opacity5 font-size13">
公益事业类-社区困难群体生活帮扶
</div>
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<img src="@/assets/images/icon/address.png" class="small_img">
张玉宝 13636520003<br>
<div style="margin-left: 21px;" class="opacity5 font-size13 m-top5">重庆南路15号1号楼1单元101
</div>
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<img src="@/assets/images/icon/time.png" class="small_img">
2024-05-0215:00
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<div class="flex flex-center3">
<img src="@/assets/images/icon/content.png" style="vertical-align: top;" class="small_img">
<div>社区86岁独居老人，上下楼不方便，需要上门进行送餐服务。</div>
</div>
</div>
<hr class="m-top12-left m-top12-right opacity5">
<div class="flex flex-fend m-top12-right">
<hr class="m--left m--right opacity5">
<div class="flex flex-fend m--right">
<van-button size="small" type="info" class="rounded-corner m-top5-bottom"
style="width: 60px;">接单</van-button>
</div>
</div>
<div class="card rounded-corner">
<div class="m-top12 flex">
<van-tag type="primary" class="m-top12 m-top12-left">个性服务</van-tag>
<van-tag type="warning" class="m-top12 m-top12-left">共性需求</van-tag>
<div class="m-top12 m-top12-left opacity5 font-size13">
<div class="m- flex">
<van-tag type="primary" class="m- m--left">个性服务</van-tag>
<van-tag type="warning" class="m- m--left">共性需求</van-tag>
<div class="m- m--left opacity5 font-size13">
公益事业类-社区困难群体生活帮扶
</div>
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<img src="@/assets/images/icon/address.png" class="small_img">
张玉宝 13636520003<br>
<div style="margin-left: 21px;" class="opacity5 font-size13 m-top5">重庆南路15号1号楼1单元101
</div>
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<img src="@/assets/images/icon/time.png" class="small_img">
2024-05-0215:00
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<div class="flex flex-center3">
<img src="@/assets/images/icon/content.png" style="vertical-align: top;" class="small_img">
<div>社区86岁独居老人，上下楼不方便，需要上门进行送餐服务。</div>
</div>
</div>
<hr class="m-top12-left m-top12-right opacity5">
<div class="flex flex-fend m-top12-right">
<hr class="m--left m--right opacity5">
<div class="flex flex-fend m--right">
<van-button size="small" type="info" class="rounded-corner m-top5-bottom"
style="width: 60px;">接单</van-button>
</div>
</div>
<div class="card rounded-corner">
<div class="m-top12 flex">
<van-tag type="primary" class="m-top12 m-top12-left">个性服务</van-tag>
<van-tag type="warning" class="m-top12 m-top12-left">共性需求</van-tag>
<div class="m-top12 m-top12-left opacity5 font-size13">
<div class="m- flex">
<van-tag type="primary" class="m- m--left">个性服务</van-tag>
<van-tag type="warning" class="m- m--left">共性需求</van-tag>
<div class="m- m--left opacity5 font-size13">
公益事业类-社区困难群体生活帮扶
</div>
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<img src="@/assets/images/icon/address.png" class="small_img">
张玉宝 13636520003<br>
<div style="margin-left: 21px;" class="opacity5 font-size13 m-top5">重庆南路15号1号楼1单元101
</div>
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<img src="@/assets/images/icon/time.png" class="small_img">
2024-05-0215:00
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<div class="flex flex-center3">
<img src="@/assets/images/icon/content.png" style="vertical-align: top;" class="small_img">
<div>社区86岁独居老人，上下楼不方便，需要上门进行送餐服务。</div>
</div>
</div>
<hr class="m-top12-left m-top12-right opacity5">
<div class="flex flex-fend m-top12-right">
<hr class="m--left m--right opacity5">
<div class="flex flex-fend m--right">
<van-button size="small" type="info" class="rounded-corner m-top5-bottom"
style="width: 60px;">接单</van-button>
</div>
</div>
<div class="card rounded-corner">
<div class="m-top12 flex">
<van-tag type="primary" class="m-top12 m-top12-left">个性服务</van-tag>
<van-tag type="warning" class="m-top12 m-top12-left">共性需求</van-tag>
<div class="m-top12 m-top12-left opacity5 font-size13">
<div class="m- flex">
<van-tag type="primary" class="m- m--left">个性服务</van-tag>
<van-tag type="warning" class="m- m--left">共性需求</van-tag>
<div class="m- m--left opacity5 font-size13">
公益事业类-社区困难群体生活帮扶
</div>
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<img src="@/assets/images/icon/address.png" class="small_img">
张玉宝 13636520003<br>
<div style="margin-left: 21px;" class="opacity5 font-size13 m-top5">重庆南路15号1号楼1单元101
</div>
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<img src="@/assets/images/icon/time.png" class="small_img">
2024-05-0215:00
</div>
<div class="m-top5 m-top12-left">
<div class="m-top5 m--left">
<div class="flex flex-center3">
<img src="@/assets/images/icon/content.png" style="vertical-align: top;" class="small_img">
<div>社区86岁独居老人，上下楼不方便，需要上门进行送餐服务。</div>
</div>
</div>
<hr class="m-top12-left m-top12-right opacity5">
<div class="flex flex-fend m-top12-right">
<hr class="m--left m--right opacity5">
<div class="flex flex-fend m--right">
<van-button size="small" type="info" class="rounded-corner m-top5-bottom"
style="width: 60px;">接单</van-button>
</div>

2
src/views/login/index.vue
View File

@ -11,7 +11,7 @@
</div>
<van-button type="info" round block style="margin-top: 35px;" native-type="submit">登录</van-button>
</van-form>
<div class="flex flex-end flex-center1 m-top12">
<div class="flex flex-end flex-center1 m-">
<van-checkbox v-model="autoLogin" shape="square">下次自动登录</van-checkbox>
<span class="text-blue">忘记密码?</span>
</div>

24
src/views/mine/index.vue
View File

@ -7,14 +7,17 @@
</div>
<div class="my_right">
<div class="mmm">
<div class="my_name">李某</div>
<div class="intro">|某某社区</div>
<div class="my_name">{{ userName }}</div>
<div class="intro">|{{ agencyName }}</div>
</div>
<div class="details">表堕书、朕津单位-忆跌科技、获建单位-亿联星、社区白组织-志硕生修队</div>
<div class="details"><span v-for="(item, index) in serviceOrgIdentities" :key="index">
{{ item }}
<span v-if="index < serviceOrgIdentities.length - 1">、</span>
</span></div>
</div>
</div>
<div class="my_card">
<div class="my_zzz">
<div class="my_zzz" @click="changePassword()">
<div class="z_left"><img src="@/assets/images/icon/password.png" class="z_img">修改密码</div>
<div class="z_right"><img src="@/assets/images/icon/right.png" class="z_img"></div>
</div>
@ -34,6 +37,9 @@ export default {
data() {
return {
show:false,
userName:'',
agencyName:'',
serviceOrgIdentities:[],
};
},
created() {
@ -44,6 +50,12 @@ export default {
let { data, code, msg } = await getUserInfo()
if (code == 0) {
console.log(data);
data.serviceOrgIdentities = data.serviceOrgIdentities.map(item => item.split('-')[0]);
this.$store.commit('setUserInfo', data);
console.log('this.$store.state.userInfo.userInfo',this.$store.state.userInfo.userInfo);
this.userName = data.userName
this.agencyName = data.agencyName
this.serviceOrgIdentities = data.serviceOrgIdentities
}
},
hadnelClicklogOut() {
@ -57,6 +69,10 @@ export default {
});
},
changePassword(){
console.log('changePassword')
this.$router.push('./changePassword')
}
},
components: {},

Write Preview
Loading…
Cancel
Save