1

src/pages/user/personalData.vue

@@ -21,6 +21,12 @@
         width: 1px;
         padding: 20px 26px;
     }
+    .personalData .box_r2{
+        flex: 1;
+        width: 1px;
+        padding: 0px 0px;
+
+    }
 
     .personalData .box_l_t {
         margin-top: 28px;
@@ -126,11 +132,16 @@
                 <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==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>
-        <div class="box_r">
+        <!-- 个人资料 -->
+        <div v-if='rightType == 0' class="box_r2">
+            <summaryInfo></summaryInfo>
+        </div>
+        <div class="box_r" v-if='rightType !=0'>
             <template v-if='rightType == 1'>
                 <div style="font-size: 16px;font-weight: bold;color: #000000;">账户资料</div>
                 <div class="box_r_title">账户资料</div>
@@ -190,12 +201,9 @@
                             :rules="[val => !!val || '请再次输入新密码']" lazy-rules filled  />
                     </div>
                     <q-btn color="primary" style="width: 300px;margin-top: 50px;" :loading="loading2" label="确定修改" type="submit" > </q-btn>
-                </form>
-            </template>
-            <template v-if="rightType == 3">
-                <div>
                   
-                </div>
+
+                </form>
             </template>
         </div>
     </div>
@@ -216,19 +224,20 @@
         NewPassWord:'',
         NewSurePassWord:'',
     }
+    import summaryInfo from '../../components/user/summaryInfo'
     export default {
         meta: {
             title: "个人资料"
         },
         components: {
-
+            summaryInfo
         },
         data() {
             return {
                 loading1: false,
                 loading2:false,
                 showObj: {},
-                rightType: 1,//右边显示类型
+                rightType: 0,//右边显示类型
                 datamodify: {},
                 CompanyList: [],
                 passwordMsg:Object.assign({},defaultpassword),