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

src/api/index.js

@@ -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

src/api/user.js

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

src/assets/css/common.less

@@ -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;
+  }
 }
 
 

src/config/env.development.js

@@ -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',
 }

src/router/router.config.js

@@ -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 }
   }
 ]

src/store/index.js

@@ -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;

src/utils/request.js

@@ -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 {

src/views/assistance/card.vue

@@ -1,121 +1,121 @@
 <template>
     <div class=''>
         <div class="card rounded-corner">
-            <div class="m-top12 flex">
+            <div class="m- flex">
-                <van-tag type="primary" class="m-top12 m-top12-left">个性服务</van-tag>
+                <van-tag type="primary" class="m- m--left">个性服务</van-tag>
-                <van-tag type="warning" class="m-top12 m-top12-left">共性需求</van-tag>
+                <van-tag type="warning" class="m- m--left">共性需求</van-tag>
-                <div class="m-top12 m-top12-left opacity5 font-size13">
+                <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">
+            <hr class="m--left  m--right opacity5">
-            <div class="flex flex-fend m-top12-right">
+            <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">
+            <div class="m- flex">
-                <van-tag type="primary" class="m-top12 m-top12-left">个性服务</van-tag>
+                <van-tag type="primary" class="m- m--left">个性服务</van-tag>
-                <van-tag type="warning" class="m-top12 m-top12-left">共性需求</van-tag>
+                <van-tag type="warning" class="m- m--left">共性需求</van-tag>
-                <div class="m-top12 m-top12-left opacity5 font-size13">
+                <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">
+            <hr class="m--left  m--right opacity5">
-            <div class="flex flex-fend m-top12-right">
+            <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">
+            <div class="m- flex">
-                <van-tag type="primary" class="m-top12 m-top12-left">个性服务</van-tag>
+                <van-tag type="primary" class="m- m--left">个性服务</van-tag>
-                <van-tag type="warning" class="m-top12 m-top12-left">共性需求</van-tag>
+                <van-tag type="warning" class="m- m--left">共性需求</van-tag>
-                <div class="m-top12 m-top12-left opacity5 font-size13">
+                <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">
+            <hr class="m--left  m--right opacity5">
-            <div class="flex flex-fend m-top12-right">
+            <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">
+            <div class="m- flex">
-                <van-tag type="primary" class="m-top12 m-top12-left">个性服务</van-tag>
+                <van-tag type="primary" class="m- m--left">个性服务</van-tag>
-                <van-tag type="warning" class="m-top12 m-top12-left">共性需求</van-tag>
+                <van-tag type="warning" class="m- m--left">共性需求</van-tag>
-                <div class="m-top12 m-top12-left opacity5 font-size13">
+                <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">
+            <hr class="m--left  m--right opacity5">
-            <div class="flex flex-fend m-top12-right">
+            <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>

src/views/login/index.vue

@@ -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>

src/views/mine/index.vue

@@ -7,14 +7,17 @@
                 </div>
                 <div class="my_right">
                     <div class="mmm">
-                        <div class="my_name">李某</div>
+                        <div class="my_name">{{ userName }}</div>
-                        <div class="intro">|某某社区</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: {},