修改样式

src/pages/financial/lessonCostStatistics.vue

@@ -245,7 +245,10 @@
             },
             goUrl(path, id) {
                 this.OpenNewUrl('/financial/' + path, {
-                    id: id
+                    id: id,
+                    datetype:this.datetype,
+                    valueyear:this.valueyear,
+                    valuemonth:this.valuemonth,
                 });
                 // this.$router.push({
                 //     path: '/financial/' + path,

src/pages/financial/saleAchievementsRank.vue

@@ -49,7 +49,7 @@
         background-color: transparent;
     }
 
-    .lessonCostStatistics .el-input__inner {
+    .lessonCostStatistics .page-search .el-input__inner {
         width: 100%;
         border: none;
         background-color: transparent;

src/pages/financial/studentsClassfee.vue

@@ -205,6 +205,15 @@
             if(this.$route.query && this.$route.query.id){
                 this.msg.TeacherId = Number(this.$route.query.id)
             }
+            if(this.$route.query && this.$route.query.datetype){
+                this.datetype = this.$route.query.datetype
+            }
+            if(this.$route.query && this.$route.query.valueyear){
+                this.valueyear = this.$route.query.valueyear
+            }
+            if(this.$route.query && this.$route.query.valuemonth){
+                this.valuemonth = this.$route.query.valuemonth
+            }
         },
         mounted() {
             this.getList();//获取提成周期列表

src/pages/financial/teacherclassfee.vue

@@ -173,7 +173,15 @@
             this.valueyear  = myDate.getFullYear().toString()
             if(this.$route.query && this.$route.query.id){
                 this.msg.TeacherId = Number(this.$route.query.id)
-
+            }
+            if(this.$route.query && this.$route.query.datetype){
+                this.datetype = this.$route.query.datetype
+            }
+            if(this.$route.query && this.$route.query.valueyear){
+                this.valueyear = this.$route.query.valueyear
+            }
+            if(this.$route.query && this.$route.query.valuemonth){
+                this.valuemonth = this.$route.query.valuemonth
             }
         },
         mounted() {

src/pages/user/personalData.vue

+<style>
+    .personalData {
+        justify-content: space-between;
+
+    }
+
+    .personalData .box_l,
+    .box_r {
+        background: #fff;
+        border-radius: 6px;
+    }
+
+    .personalData .box_l {
+        width: 380px;
+        margin-right: 30px;
+        padding: 40px;
+    }
+
+    .personalData .box_r {
+        flex: 1;
+        width: 1px;
+        padding: 20px 26px;
+    }
+
+    .personalData .box_l_t {
+        margin-top: 28px;
+        font-size: 14px;
+        color: #999999;
+    }
+
+    .personalData .box_l_t_l {
+        color: #3F4254;
+        font-weight: bold;
+    }
+
+    .personalData .box_l_title {
+        width: 100%;
+        height: 50px;
+        line-height: 50px;
+        background: #2961FE;
+        border-radius: 4px;
+        font-size: 16px;
+        font-weight: bold;
+        color: #FFFFFF;
+        padding-left: 39px;
+        margin-top: 55px;
+    }
+   .personalData .box_l_cen{
+        width: 100%;
+        height: 50px;
+        line-height: 50px;
+        border-radius: 4px;
+        font-size: 16px;
+        font-weight: bold;
+        color: #3F4254;
+        padding-left: 39px;
+        margin-top: 8px;
+        justify-content: space-between;
+    }
+   .personalData .headportrait{
+        width: 120px;
+        height: 120px;
+        border-radius: 20px;
+        position: relative;
+        margin-top: 20px;
+    }
+    .personalData .box_r_title{
+        font-size: 12px;font-weight: bold;color: #000000;margin-top: 27px
+    }
+    .personalData .box_r_input{
+        width: 55%;
+        height: 54px;
+        padding: 10px 22px;
+        border-radius: 4px;
+        background: #F0F5FB;
+        margin-top: 20px;
+    }
+</style>
+<template>
+    <div class="page-body personalData row" style="background: transparent;">
+        <div class="box_l">
+            <div class="q-mt-lg flex">
+                <q-avatar size="100px" font-size="36px" rounded style="background:#C9F7F5" text-color="white">
+                    <img :src="showObj.UserIcon" v-if="showObj.UserIcon">
+                    <span v-else>{{showObj.AccountName.substring(0,1)}}</span>
+                </q-avatar>
+                <div class="col q-ml-md">
+                    <div class="text-weight-bold" style="font-size:18px;font-weight: 800;color: #3F4254;">
+                        {{showObj.AccountName}}</div>
+                    <div class="text-muted" style="font-size:14px;margin-top: 12px;">
+                        {{showObj.SchoolName}}·{{showObj.PostName}}</div>
+                    <div class="q-mt-xs">
+                        <q-btn style="background: var(--q-color-negative);color: white;" @click="logout">退出登录</q-btn>
+                    </div>
+                </div>
+            </div>
+            <div class="box_l_t" style="margin-top: 40px;">
+                <span class="box_l_t_l">邮箱：</span>
+                <span>{{showObj.Email}}</span>
+            </div>
+            <div class="box_l_t">
+                <span class="box_l_t_l">电话：</span>
+                <span>{{showObj.UserMobile}}</span>
+            </div>
+            <div class="box_l_t">
+                <span class="box_l_t_l">部门：</span>
+                <span>{{showObj.DeptName}}</span>
+            </div>
+            <div class="box_l_title">概要信息</div>
+            <div class="box_l_cen">预警信息</div>
+            <div class="box_l_cen">账户资料</div>
+            <div class="box_l_cen">密码修改</div>
+        </div>
+        <div class="box_r">
+            <template v-if='rightType == 1'>
+                <div style="font-size: 16px;font-weight: bold;color: #000000;">账户资料</div>
+                <div class="box_r_title" >账户资料</div>
+                <div class="headportrait">
+                    <q-avatar size="120px" font-size="36px" rounded style="background:#C9F7F5" text-color="white">
+                        <img :src="showObj.UserIcon" v-if="showObj.UserIcon">
+                        <span v-else>{{showObj.AccountName.substring(0,1)}}</span>
+                    </q-avatar>
+                </div>
+                <div style="font-size: 12px;color: #999999;margin-top: 12px;">图片格式：png、jpg、jpeg</div>
+                <div class="box_r_title" >基础资料</div>
+                <div class="box_r_input">
+                    
+                </div>
+                <div class="box_r_input"></div>
+                <div class="box_r_title" >联系方式</div>
+            </template>
+        </div>
+    </div>
+</template>
+<script>
+    import {
+        queryStudentBackClassPage,
+    } from '../../api/sale/bill'
+
+    export default {
+        meta: {
+            title: "个人资料"
+        },
+        components: {
+
+        },
+        data() {
+            return {
+                showObj: {},
+                rightType:1,//右边显示类型
+            }
+        },
+        created() {
+            this.showObj = this.getLocalStorage();
+        },
+        mounted() {
+            // this.getStuBackBill();
+        },
+        methods: {
+
+            //获取退课单据分页列表
+            getStuBackBill() {
+
+                queryStudentBackClassPage(this.msg).then(res => {
+                    this.loading = false;
+                    this.data = res.Data.PageData;
+                    this.pageCount = res.Data.PageCount;
+                }).catch(() => {
+                    this.loading = false;
+                })
+            },
+            logout() {
+                this.$store
+                    .dispatch('LogOut')
+                    .then(() => {
+                        this.$router.push('/login')
+                    })
+                    .catch((e) => {
+
+                    })
+            },
+
+        },
+
+    }
+
+</script>
+<style lang="sass">
+    @import url('~assets/css/table.sass')
+</style>
\ No newline at end of file

src/router/routes.js

@@ -761,6 +761,12 @@ const routes = [{
     component: () =>
       import("pages/user/backbill.vue")
   },
+  {
+    path: "/user/personalData", //个人资料
+    component: () =>
+      import("pages/user/personalData.vue")
+  },
+  
   {
     path: "/course/questionlist", //题库列表
     component: () =>