个人中心密码修改

src/components/global/user-right-box.vue

@@ -144,9 +144,9 @@ export default {
             this.$emit('close')
         },
         goUrlgeren(){//个人资料
-            // this.$router.push({
-            //     path: '/user/personalData',
-            // })
+            this.$router.push({
+                path: '/user/personalData',
+            })
         },
         undefinedGongneng() {
            this.$q.dialog({

src/components/user/summaryInfo.vue

@@ -54,6 +54,50 @@
         border-radius: 6px;
         padding: 20px;
     }
+    .summaryInfo .textbox{
+        width: 100%;
+        height: 130px;
+        border-radius: 20px;
+        font-size: 16px;
+        padding-left: 29px;
+        padding-top: 29px;
+    }
+   .summaryInfo .lanstyle{
+        color: #3699FF;
+        background: #ECF6FF;
+    }
+    .summaryInfo .redstyle{
+        color: #F44E60;
+        background: #FFEEF0;
+    }
+    .summaryInfo .justyle{
+        color: #FFA800;
+        background: #FFF8EB;
+    }
+    .summaryInfo .lvstyle{
+        color: #1BC5C2;
+        background: #EEFEFD;
+    }
+
+    .summaryInfo .scrollbox::-webkit-scrollbar {
+    width: 3px;
+    height: 3px;
+    background-color: #F5F5F5;
+  }
+
+  /*!*定义滚动条轨道 内阴影+圆角*!*/
+  .summaryInfo .scrollbox::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+  }
+
+  /*!*定义滑块 内阴影+圆角*!*/
+  .summaryInfo .scrollbox::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
+    background-color: #0ae;
+  }
 </style>
 <template>
     <div class="summaryInfo">
@@ -68,7 +112,7 @@
                                 <span class="box_t_itext">公告</span>
                             </div>
                         </div>
-                        <div
+                        <div class="scrollbox"
                             style="margin-top: 10px;background: #fff;height: 368px; width: 100%;overflow-y: auto;cursor: pointer;padding: 2px;">
                             <div v-for="(item,index) in noticeList" :key='index' class="noticeitem"
                                 @click="goNoticeDetail(item)">
@@ -107,7 +151,7 @@
                                 <span class="box_t_itext">消息</span>
                             </div>
                         </div>
-                        <div
+                        <div class="scrollbox"
                             style="margin-top: 10px;background: #fff;height: 368px; width: 100%;overflow-y: auto;cursor: pointer;padding: 2px;">
                             <q-list v-if="socektArr.length>0">
                                 <q-item class="q-my-sm q-pa-xs items-start" v-for="(x,i) in socektArr" :key="i"
@@ -146,6 +190,39 @@
                             </div>
                         </div>
                         <div id="main" style="width: 100%;height:300px;"> </div>
+                        <div style="width: 100%;margin-top: 30px;">
+                            <el-row :gutter="30">
+                                <el-col :span="12">
+                                    <div class="lanstyle textbox">
+                                        <div>未完款订单</div>
+                                        <div style="font-size: 38px;font-weight: 800;">2</div>
+                                    </div>
+                                </el-col>
+                                <el-col :span="12">
+                                    <div class="redstyle textbox">
+                                        <div>课程进度未达标</div>
+                                        <div style="font-size: 38px;font-weight: 800;">1</div>
+                                    </div>
+                                </el-col>
+                            </el-row>
+                        </div>
+                        <div style="width: 100%;margin-top: 30px;">
+                            <el-row :gutter="30">
+                                <el-col :span="12">
+                                    <div class="justyle textbox">
+                                        <div>本月预计</div>
+                                        <div style="font-size: 26px;font-weight: 800;margin-top: 20px;">￥865</div>
+                                    </div>
+                                </el-col>
+                                <el-col :span="12">
+                                    <div class="lvstyle textbox">
+                                        <div>账单情况</div>
+                                        <div style="font-size: 20px;font-weight: 800;margin-top: 20px">已出单</div>
+                                    </div>
+                                </el-col>
+                            </el-row>
+                        </div>
+                       
                     </div>
                 </el-col>
                 <el-col :span="8">

src/pages/user/personalData.vue

@@ -132,8 +132,8 @@
                 <span>{{showObj.DeptName}}</span>
             </div>
             <!-- <div class="box_l_title" style="margin-top: 55px;">概要信息</div> -->
-            <div :class="rightType==0?'box_l_title':'box_l_cen'" @click='rightType=0'>概要信息</div>
-            <div :class="rightType==3?'box_l_title':'box_l_cen'" @click='rightType=3'>预警信息</div>
+            <!-- <div :class="rightType==0?'box_l_title':'box_l_cen'" @click='rightType=0'>概要信息</div>
+            <div :class="rightType==3?'box_l_title':'box_l_cen'" @click='rightType=3'>预警信息</div> -->
             <div :class="rightType==1?'box_l_title':'box_l_cen'" @click='rightType=1'>账户资料</div>
             <div :class="rightType==2?'box_l_title':'box_l_cen'" @click='rightType=2'>密码修改</div>
         </div>
@@ -225,6 +225,7 @@
         NewSurePassWord:'',
     }
     import summaryInfo from '../../components/user/summaryInfo'
+    import Lockr from 'lockr'
     export default {
         meta: {
             title: "个人资料"
@@ -237,7 +238,7 @@
                 loading1: false,
                 loading2:false,
                 showObj: {},
-                rightType: 0,//右边显示类型
+                rightType: 1,//右边显示类型
                 datamodify: {},
                 CompanyList: [],
                 passwordMsg:Object.assign({},defaultpassword),
@@ -338,11 +339,9 @@
                                 return
                             }
                         })
-                        let localStorageobj={
-                            data:this.showObj
-                        }
-                        localStorage.setItem("loginUserInfo", JSON.stringify(localStorageobj) );
-                        location.reload()
+                        Lockr.set("loginUserInfo",this.showObj)
+                        this.$store.dispatch("setUserUpdate",this.showObj)
+                        // location.reload()
                         // this.$router.push({
                         //     path: this.redirect || '/home'
                         // })

src/store/modules/user.js

@@ -47,6 +47,9 @@ const user = {
                     });
             });
         },
+        setUserUpdate({commit},u){
+            commit("SET_USERINFO", u);
+        },
 
         // 获取权限
         getAuth({ commit }) {