Browse Source

首页标题添加省略,我的信息调整

newMaster
1747191978@qq.com 4 months ago
parent
commit
99d9a9c9b3
  1. 71
      acupuncture-前台/src/views/index.vue
  2. 6
      acupuncture-前台/src/views/system/user/profile/index.vue
  3. 71
      acupuncture-后台/src/views/index.vue
  4. 4
      acupuncture-后台/src/views/system/user/profile/index.vue

71
acupuncture-前台/src/views/index.vue

@ -3,19 +3,31 @@
<div></div> <div></div>
<div> <div>
<el-card shadow="always"> <el-card shadow="always">
<search @picker-change="pickerChage" title="患者信息统计" type="1"></search> <search
@picker-change="pickerChage"
title="患者信息统计"
type="1"
></search>
</el-card> </el-card>
<patient ref="patient"></patient> <patient ref="patient"></patient>
</div> </div>
<div> <div>
<el-card shadow="always"> <el-card shadow="always">
<search @picker-change="pickerChage" title="诊疗信息统计" type="2"></search> <search
@picker-change="pickerChage"
title="诊疗信息统计"
type="2"
></search>
</el-card> </el-card>
<JM ref="JM"></JM> <JM ref="JM"></JM>
</div> </div>
<div> <div>
<el-card shadow="always"> <el-card shadow="always">
<search @picker-change="pickerChage" title="治疗类型统计" type="3"></search> <search
@picker-change="pickerChage"
title="治疗类型统计"
type="3"
></search>
</el-card> </el-card>
<XGZL ref="XGZL"></XGZL> <XGZL ref="XGZL"></XGZL>
</div> </div>
@ -29,23 +41,20 @@
</template> </template>
<script> <script>
import { import { getCodeImg, firstAidTest } from "@/api/login";
getCodeImg, import search from "@/views/indexCom/query";
firstAidTest import patient from "@/views/indexCom/patient";
} from "@/api/login"; import JM from "@/views/indexCom/JM";
import search from "@/views/indexCom/query"; import XGZL from "@/views/indexCom/XGZL";
import patient from "@/views/indexCom/patient"; import follow from "@/views/indexCom/follow";
import JM from "@/views/indexCom/JM"; export default {
import XGZL from "@/views/indexCom/XGZL";
import follow from "@/views/indexCom/follow";
export default {
name: "Index", name: "Index",
components: { components: {
search, search,
patient, patient,
JM, JM,
XGZL, XGZL,
follow follow,
}, },
data() { data() {
return {}; return {};
@ -65,7 +74,7 @@
}, },
methods: { methods: {
resize() { resize() {
console.log(111) console.log(111);
// this.$refs.patient.getRenew(); // this.$refs.patient.getRenew();
// this.$refs.JM.getRenew(); // this.$refs.JM.getRenew();
// this.$refs.XGZL.getRenew(); // this.$refs.XGZL.getRenew();
@ -118,16 +127,24 @@
}, },
}, },
}, },
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.home { .header-title {
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.home {
background: #f3f5f9; background: #f3f5f9;
min-height: 100vh; min-height: 100vh;
} }
.home { .home {
blockquote { blockquote {
padding: 10px 20px; padding: 10px 20px;
margin: 0 0 20px; margin: 0 0 20px;
@ -151,11 +168,7 @@
margin: 0; margin: 0;
} }
font-family: "open sans", font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
font-size: 13px; font-size: 13px;
color: #676a6c; color: #676a6c;
overflow-x: hidden; overflow-x: hidden;
@ -193,14 +206,14 @@
padding-inline-start: 40px; padding-inline-start: 40px;
} }
} }
} }
</style> </style>
<style scoped> <style scoped>
>>>.el-card { >>> .el-card {
margin-bottom: 16px; margin-bottom: 16px;
} }
>>>.el-card__body { >>> .el-card__body {
padding: 10px 20px; padding: 10px 20px;
} }
</style> </style>

6
acupuncture-前台/src/views/system/user/profile/index.vue

@ -2,7 +2,7 @@
<div class="app-container"> <div class="app-container">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6" :xs="24" style="height: 400px; border-radius: 4px"> <el-col :span="6" :xs="24" style="height: 400px; border-radius: 4px">
<el-card class="box-card"> <el-card style="height: 410px" class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>个人信息</span> <span>个人信息</span>
</div> </div>
@ -23,10 +23,6 @@
<svg-icon icon-class="phone" />手机号码 <svg-icon icon-class="phone" />手机号码
<div class="pull-right">{{ user.phonenumber }}</div> <div class="pull-right">{{ user.phonenumber }}</div>
</li> </li>
<li class="list-group-item">
<svg-icon icon-class="email" />用户邮箱
<div class="pull-right">{{ user.email }}</div>
</li>
<li class="list-group-item"> <li class="list-group-item">
<svg-icon icon-class="tree" />所属部门 <svg-icon icon-class="tree" />所属部门
<div class="pull-right" v-if="user.dept"> <div class="pull-right" v-if="user.dept">

71
acupuncture-后台/src/views/index.vue

@ -3,19 +3,31 @@
<div></div> <div></div>
<div> <div>
<el-card shadow="always"> <el-card shadow="always">
<search @picker-change="pickerChage" title="患者信息统计" type="1"></search> <search
@picker-change="pickerChage"
title="患者信息统计"
type="1"
></search>
</el-card> </el-card>
<patient ref="patient"></patient> <patient ref="patient"></patient>
</div> </div>
<div> <div>
<el-card shadow="always"> <el-card shadow="always">
<search @picker-change="pickerChage" title="诊疗信息统计" type="2"></search> <search
@picker-change="pickerChage"
title="诊疗信息统计"
type="2"
></search>
</el-card> </el-card>
<JM ref="JM"></JM> <JM ref="JM"></JM>
</div> </div>
<div> <div>
<el-card shadow="always"> <el-card shadow="always">
<search @picker-change="pickerChage" title="治疗类型统计" type="3"></search> <search
@picker-change="pickerChage"
title="治疗类型统计"
type="3"
></search>
</el-card> </el-card>
<XGZL ref="XGZL"></XGZL> <XGZL ref="XGZL"></XGZL>
</div> </div>
@ -29,23 +41,20 @@
</template> </template>
<script> <script>
import { import { getCodeImg, firstAidTest } from "@/api/login";
getCodeImg, import search from "@/views/indexCom/query";
firstAidTest import patient from "@/views/indexCom/patient";
} from "@/api/login"; import JM from "@/views/indexCom/JM";
import search from "@/views/indexCom/query"; import XGZL from "@/views/indexCom/XGZL";
import patient from "@/views/indexCom/patient"; import follow from "@/views/indexCom/follow";
import JM from "@/views/indexCom/JM"; export default {
import XGZL from "@/views/indexCom/XGZL";
import follow from "@/views/indexCom/follow";
export default {
name: "Index", name: "Index",
components: { components: {
search, search,
patient, patient,
JM, JM,
XGZL, XGZL,
follow follow,
}, },
data() { data() {
return {}; return {};
@ -65,7 +74,7 @@
}, },
methods: { methods: {
resize() { resize() {
console.log(111) console.log(111);
this.$refs.patient.getRenew(); this.$refs.patient.getRenew();
this.$refs.JM.getRenew(); this.$refs.JM.getRenew();
this.$refs.XGZL.getRenew(); this.$refs.XGZL.getRenew();
@ -118,16 +127,24 @@
}, },
}, },
}, },
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.home { .header-title {
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.home {
background: #f3f5f9; background: #f3f5f9;
min-height: 100vh; min-height: 100vh;
} }
.home { .home {
blockquote { blockquote {
padding: 10px 20px; padding: 10px 20px;
margin: 0 0 20px; margin: 0 0 20px;
@ -151,11 +168,7 @@
margin: 0; margin: 0;
} }
font-family: "open sans", font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
font-size: 13px; font-size: 13px;
color: #676a6c; color: #676a6c;
overflow-x: hidden; overflow-x: hidden;
@ -193,14 +206,14 @@
padding-inline-start: 40px; padding-inline-start: 40px;
} }
} }
} }
</style> </style>
<style scoped> <style scoped>
>>>.el-card { >>> .el-card {
margin-bottom: 16px; margin-bottom: 16px;
} }
>>>.el-card__body { >>> .el-card__body {
padding: 10px 20px; padding: 10px 20px;
} }
</style> </style>

4
acupuncture-后台/src/views/system/user/profile/index.vue

@ -31,10 +31,10 @@
<svg-icon icon-class="peoples" />所属角色 <svg-icon icon-class="peoples" />所属角色
<div class="pull-right">{{ roleGroup }}</div> <div class="pull-right">{{ roleGroup }}</div>
</li> </li>
<li class="list-group-item"> <!-- <li class="list-group-item">
<svg-icon icon-class="date" />创建日期 <svg-icon icon-class="date" />创建日期
<div class="pull-right">{{ user.createTime }}</div> <div class="pull-right">{{ user.createTime }}</div>
</li> </li> -->
</ul> </ul>
</div> </div>
</el-card> </el-card>

Loading…
Cancel
Save