|
@@ -15,17 +15,15 @@
|
|
|
<div class="tit">个人形象</div>
|
|
|
</div>
|
|
|
<div class="cards">
|
|
|
- <div class="ctop">
|
|
|
- <img :src="avatar" class="avatar" />
|
|
|
- <div class="con">
|
|
|
- <div class="title">姓名:{{ nickName }}</div>
|
|
|
- <div class="desc">角色:{{ user.roleName ? user.roleName : '无角色' }}</div>
|
|
|
- <div class="desc">科室:{{ user.deptNameStr ? user.deptNameStr : '无科室' }}</div>
|
|
|
- <el-button icon="el-icon-edit" type="primary" class="xx">
|
|
|
- <router-link to="/user/profile">编辑我的形象</router-link>
|
|
|
- </el-button>
|
|
|
- <div class="ntc">只有医生才会在小程序上面展示个人形象</div>
|
|
|
- </div>
|
|
|
+ <img :src="user.avatar" class="avatar" />
|
|
|
+ <div class="con">
|
|
|
+ <div class="title">姓名:{{ user.nickName }}</div>
|
|
|
+ <div class="desc">角色:{{ user.roleName ? user.roleName : '无角色' }}</div>
|
|
|
+ <div class="desc">科室:{{ user.deptNameStr ? user.deptNameStr : '无科室' }}</div>
|
|
|
+ <el-button icon="el-icon-edit" type="primary" class="edit">
|
|
|
+ <router-link to="/user/profile">编辑我的形象</router-link>
|
|
|
+ </el-button>
|
|
|
+ <div class="ntc">只有医生才会在小程序上面展示个人形象</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -44,7 +42,7 @@
|
|
|
<div class="rint" style="background-color: rgb(242 232 255)">
|
|
|
<div class="icon" style="color: #8642df"></div>
|
|
|
<div class="rcon">
|
|
|
- <div class="rtt omit">所有患者</div>
|
|
|
+ <div class="rtt">患者数据</div>
|
|
|
<div class="rdesc">{{ data.count.visit || 0 }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -55,7 +53,7 @@
|
|
|
<div class="rint" style="background-color: rgb(255 245 229)">
|
|
|
<div class="icon" style="color: #fab22e"></div>
|
|
|
<div class="rcon">
|
|
|
- <div class="rtt omit">复诊提醒</div>
|
|
|
+ <div class="rtt">复诊提醒</div>
|
|
|
<div class="rdesc">{{ data.count.up || 0 }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -66,7 +64,7 @@
|
|
|
<div class="rint" style="background-color: rgb(237 246 254)">
|
|
|
<div class="icon" style="color: #489afd"></div>
|
|
|
<div class="rcon">
|
|
|
- <div class="rtt omit">回访记录</div>
|
|
|
+ <div class="rtt">回访记录</div>
|
|
|
<div class="rdesc">{{ data.count.record || 0 }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -77,7 +75,7 @@
|
|
|
<div class="rint" style="background-color: rgb(255 242 245)">
|
|
|
<div class="icon" style="color: #fa5376"></div>
|
|
|
<div class="rcon">
|
|
|
- <div class="rtt omit">知识库</div>
|
|
|
+ <div class="rtt">知识库</div>
|
|
|
<div class="rdesc">{{ data.count.knowledge || 0 }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -86,6 +84,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--快捷菜单-->
|
|
|
<div class="out">
|
|
|
<div class="int">
|
|
|
<div class="bos">
|
|
@@ -109,19 +108,17 @@
|
|
|
</div>
|
|
|
<!--手机预览-->
|
|
|
<div class="pop" style="width: 35%">
|
|
|
- <div class="out mar0">
|
|
|
+ <div class="out">
|
|
|
<div class="int">
|
|
|
<div class="bos">
|
|
|
<div class="div-mc">
|
|
|
<div class="guise-mobile">
|
|
|
<div class="guise-mobile-show" ref="scrollbar">
|
|
|
<div class="js">
|
|
|
- <div class="head">
|
|
|
- <img :src="avatar" />
|
|
|
- </div>
|
|
|
- <div class="name">{{ nickName }}</div>
|
|
|
- <div class="introduce" v-html="introduce" v-if="introduce"></div>
|
|
|
- <el-empty v-else description="暂无个人介绍" :image-size="100" v-else></el-empty>
|
|
|
+ <div class="head"><img :src="user.avatar" /></div>
|
|
|
+ <div class="name">{{ user.nickName }}</div>
|
|
|
+ <div class="introduce" v-html="user.introduce" v-if="user.introduce"></div>
|
|
|
+ <el-empty v-else description="暂无个人介绍" :image-size="80" v-else></el-empty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -135,7 +132,6 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { mapGetters } from 'vuex';
|
|
|
import Vue from 'vue';
|
|
|
export default {
|
|
|
name: 'Index',
|
|
@@ -184,7 +180,9 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapGetters(['avatar', 'nickName', 'introduce'])
|
|
|
+ user() {
|
|
|
+ return this.$store.state.user;
|
|
|
+ }
|
|
|
},
|
|
|
created() {
|
|
|
this.getData();
|
|
@@ -207,7 +205,7 @@ export default {
|
|
|
margin-top: -15px;
|
|
|
}
|
|
|
.chart-wrapper {
|
|
|
- margin-top: 8px;
|
|
|
+ margin-top: -15px;
|
|
|
.pop {
|
|
|
float: left;
|
|
|
width: 33.33%;
|
|
@@ -215,11 +213,12 @@ export default {
|
|
|
.out {
|
|
|
margin: 16px 10px 10px 10px;
|
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 10px;
|
|
|
.int {
|
|
|
padding: 15px;
|
|
|
background: #fff;
|
|
|
overflow: hidden;
|
|
|
- border-radius: 7px;
|
|
|
+ border-radius: 10px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -261,9 +260,9 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.ctt {
|
|
|
- color: #585858;
|
|
|
- font-size: 14px;
|
|
|
- padding-top: 18px;
|
|
|
+ color: #393939;
|
|
|
+ font-size: 15px;
|
|
|
+ padding-top: 19px;
|
|
|
}
|
|
|
}
|
|
|
}
|