ccsens_zhengzhichuan
/
acupuncture
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

newMaster
1747191978@qq.com 4 months ago
parent
ade7790d69
commit
99d9a9c9b3
4 changed files with 396 additions and 374 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 381
      acupuncture-前台/src/views/index.vue
  2. 6
      acupuncture-前台/src/views/system/user/profile/index.vue
  3. 379
      acupuncture-后台/src/views/index.vue
  4. 4
      acupuncture-后台/src/views/system/user/profile/index.vue

381
acupuncture-前台/src/views/index.vue
View File

@ -1,206 +1,219 @@
<template> <template>
<div class="app-container home" v-resize="resize"> <div class="app-container home" v-resize="resize">
<div></div> <div></div>
<div> <div>
<el-card shadow="always"> <el-card shadow="always">
<search @picker-change="pickerChage" title="患者信息统计" type="1"></search> <search
</el-card> @picker-change="pickerChage"
<patient ref="patient"></patient> title="患者信息统计"
</div> type="1"
<div> ></search>
<el-card shadow="always"> </el-card>
<search @picker-change="pickerChage" title="诊疗信息统计" type="2"></search> <patient ref="patient"></patient>
</el-card> </div>
<JM ref="JM"></JM> <div>
</div> <el-card shadow="always">
<div> <search
<el-card shadow="always"> @picker-change="pickerChage"
<search @picker-change="pickerChage" title="治疗类型统计" type="3"></search> title="诊疗信息统计"
</el-card> type="2"
<XGZL ref="XGZL"></XGZL> ></search>
</div> </el-card>
<div> <JM ref="JM"></JM>
<el-card shadow="always"> </div>
<search @picker-change="pickerChage" title="随访统计" type="4"></search> <div>
</el-card> <el-card shadow="always">
<follow ref="follow"></follow> <search
</div> @picker-change="pickerChage"
</div> title="治疗类型统计"
type="3"
></search>
</el-card>
<XGZL ref="XGZL"></XGZL>
</div>
<div>
<el-card shadow="always">
<search @picker-change="pickerChage" title="随访统计" type="4"></search>
</el-card>
<follow ref="follow"></follow>
</div>
</div>
</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"; name: "Index",
import follow from "@/views/indexCom/follow"; components: {
export default { search,
name: "Index", patient,
components: { JM,
search, XGZL,
patient, follow,
JM, },
XGZL, data() {
follow return {};
}, },
data() { async created() {
return {}; // firstAidTest().then((res) => {
}, // console.log(res);
async created() { // });
// firstAidTest().then((res) => { const start = new Date();
// console.log(res); const end = new Date();
// }); start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
const start = new Date(); await setTimeout(async () => {
const end = new Date(); await this.$refs.patient.statistics([start, end], 4);
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); await this.$refs.JM.statistics([start, end], 4);
await setTimeout(async () => { await this.$refs.XGZL.statistics([start, end], 4);
await this.$refs.patient.statistics([start, end], 4); });
await this.$refs.JM.statistics([start, end], 4); },
await this.$refs.XGZL.statistics([start, end], 4); methods: {
}); resize() {
}, console.log(111);
methods: { // this.$refs.patient.getRenew();
resize() { // this.$refs.JM.getRenew();
console.log(111) // this.$refs.XGZL.getRenew();
// this.$refs.patient.getRenew(); // this.$refs.follow.getRenew();
// this.$refs.JM.getRenew(); },
// this.$refs.XGZL.getRenew(); // 周 月 季 年
// this.$refs.follow.getRenew(); radioChange(_data, _type, _timeType) {
}, this.initial(_data, _type, _timeType);
// 周 月 季 年 },
radioChange(_data, _type, _timeType) { // 时间
this.initial(_data, _type, _timeType); pickerChage(_data, _type, _timeType) {
}, this.initial(_data, _type, _timeType);
// 时间 },
pickerChage(_data, _type, _timeType) { // 数据处理 查询类型判断参数
this.initial(_data, _type, _timeType); initial(_data, _type, param) {
}, if (_type == 1) {
// 数据处理 查询类型判断参数 this.$refs.patient.statistics(_data, param);
initial(_data, _type, param) { }
if (_type == 1) { if (_type == 2) {
this.$refs.patient.statistics(_data, param); this.$refs.JM.statistics(_data, param);
} }
if (_type == 2) { if (_type == 3) {
this.$refs.JM.statistics(_data, param); this.$refs.XGZL.statistics(_data, param);
} }
if (_type == 3) { if (_type == 4) {
this.$refs.XGZL.statistics(_data, param); this.$refs.follow.statistics(_data, param);
} }
if (_type == 4) { },
this.$refs.follow.statistics(_data, param); },
} directives: {
}, // 使用局部注册指令的方式
}, resize: {
directives: { // 指令的名称
// 使用局部注册指令的方式 bind(el, binding) {
resize: { // el为绑定的元素，binding为绑定给指令的对象
// 指令的名称 let width = "",
bind(el, binding) { height = "";
// el为绑定的元素，binding为绑定给指令的对象
let width = "",
height = "";
function isReize() { function isReize() {
const style = document.defaultView.getComputedStyle(el); const style = document.defaultView.getComputedStyle(el);
if (width !== style.width) { if (width !== style.width) {
binding.value(); // 关键 binding.value(); // 关键
} }
width = style.width; width = style.width;
} }
el.__vueSetInterval__ = setInterval(isReize, 200); el.__vueSetInterval__ = setInterval(isReize, 200);
}, },
unbind(el) { unbind(el) {
clearInterval(el.__vueSetInterval__); clearInterval(el.__vueSetInterval__);
}, },
}, },
}, },
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.home { .header-title {
background: #f3f5f9; display: -webkit-box !important;
min-height: 100vh; overflow: hidden;
} text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.home {
background: #f3f5f9;
min-height: 100vh;
}
.home { .home {
blockquote { blockquote {
padding: 10px 20px; padding: 10px 20px;
margin: 0 0 20px; margin: 0 0 20px;
font-size: 17.5px; font-size: 17.5px;
border-left: 5px solid #eee; border-left: 5px solid #eee;
} }
hr { hr {
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
border: 0; border: 0;
border-top: 1px solid #eee; border-top: 1px solid #eee;
} }
.col-item { .col-item {
margin-bottom: 20px; margin-bottom: 20px;
} }
ul { ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
font-family: "open sans", font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
"Helvetica Neue", font-size: 13px;
Helvetica, color: #676a6c;
Arial, overflow-x: hidden;
sans-serif;
font-size: 13px;
color: #676a6c;
overflow-x: hidden;
ul { ul {
list-style-type: none; list-style-type: none;
} }
h4 { h4 {
margin-top: 0px; margin-top: 0px;
} }
h2 { h2 {
margin-top: 10px; margin-top: 10px;
font-size: 26px; font-size: 26px;
font-weight: 100; font-weight: 100;
} }
p { p {
margin-top: 10px; margin-top: 10px;
b { b {
font-weight: 700; font-weight: 700;
} }
} }
.update-log { .update-log {
ol { ol {
display: block; display: block;
list-style-type: decimal; list-style-type: decimal;
margin-block-start: 1em; margin-block-start: 1em;
margin-block-end: 1em; margin-block-end: 1em;
margin-inline-start: 0; margin-inline-start: 0;
margin-inline-end: 0; margin-inline-end: 0;
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
View File

@ -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">

379
acupuncture-后台/src/views/index.vue
View File

@ -1,206 +1,219 @@
<template> <template>
<div class="app-container home" v-resize="resize"> <div class="app-container home" v-resize="resize">
<div></div> <div></div>
<div> <div>
<el-card shadow="always"> <el-card shadow="always">
<search @picker-change="pickerChage" title="患者信息统计" type="1"></search> <search
</el-card> @picker-change="pickerChage"
<patient ref="patient"></patient> title="患者信息统计"
</div> type="1"
<div> ></search>
<el-card shadow="always"> </el-card>
<search @picker-change="pickerChage" title="诊疗信息统计" type="2"></search> <patient ref="patient"></patient>
</el-card> </div>
<JM ref="JM"></JM> <div>
</div> <el-card shadow="always">
<div> <search
<el-card shadow="always"> @picker-change="pickerChage"
<search @picker-change="pickerChage" title="治疗类型统计" type="3"></search> title="诊疗信息统计"
</el-card> type="2"
<XGZL ref="XGZL"></XGZL> ></search>
</div> </el-card>
<div> <JM ref="JM"></JM>
<el-card shadow="always"> </div>
<search @picker-change="pickerChage" title="随访统计" type="4"></search> <div>
</el-card> <el-card shadow="always">
<follow ref="follow"></follow> <search
</div> @picker-change="pickerChage"
</div> title="治疗类型统计"
type="3"
></search>
</el-card>
<XGZL ref="XGZL"></XGZL>
</div>
<div>
<el-card shadow="always">
<search @picker-change="pickerChage" title="随访统计" type="4"></search>
</el-card>
<follow ref="follow"></follow>
</div>
</div>
</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"; name: "Index",
import follow from "@/views/indexCom/follow"; components: {
export default { search,
name: "Index", patient,
components: { JM,
search, XGZL,
patient, follow,
JM, },
XGZL, data() {
follow return {};
}, },
data() { async created() {
return {}; // firstAidTest().then((res) => {
}, // console.log(res);
async created() { // });
// firstAidTest().then((res) => { const start = new Date();
// console.log(res); const end = new Date();
// }); start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
const start = new Date(); await setTimeout(async () => {
const end = new Date(); await this.$refs.patient.statistics([start, end], 4);
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); await this.$refs.JM.statistics([start, end], 4);
await setTimeout(async () => { await this.$refs.XGZL.statistics([start, end], 4);
await this.$refs.patient.statistics([start, end], 4); });
await this.$refs.JM.statistics([start, end], 4); },
await this.$refs.XGZL.statistics([start, end], 4); methods: {
}); resize() {
}, console.log(111);
methods: { this.$refs.patient.getRenew();
resize() { this.$refs.JM.getRenew();
console.log(111) this.$refs.XGZL.getRenew();
this.$refs.patient.getRenew(); this.$refs.follow.getRenew();
this.$refs.JM.getRenew(); },
this.$refs.XGZL.getRenew(); // 周 月 季 年
this.$refs.follow.getRenew(); radioChange(_data, _type, _timeType) {
}, this.initial(_data, _type, _timeType);
// 周 月 季 年 },
radioChange(_data, _type, _timeType) { // 时间
this.initial(_data, _type, _timeType); pickerChage(_data, _type, _timeType) {
}, this.initial(_data, _type, _timeType);
// 时间 },
pickerChage(_data, _type, _timeType) { // 数据处理 查询类型判断参数
this.initial(_data, _type, _timeType); initial(_data, _type, param) {
}, if (_type == 1) {
// 数据处理 查询类型判断参数 this.$refs.patient.statistics(_data, param);
initial(_data, _type, param) { }
if (_type == 1) { if (_type == 2) {
this.$refs.patient.statistics(_data, param); this.$refs.JM.statistics(_data, param);
} }
if (_type == 2) { if (_type == 3) {
this.$refs.JM.statistics(_data, param); this.$refs.XGZL.statistics(_data, param);
} }
if (_type == 3) { if (_type == 4) {
this.$refs.XGZL.statistics(_data, param); this.$refs.follow.statistics(_data, param);
} }
if (_type == 4) { },
this.$refs.follow.statistics(_data, param); },
} directives: {
}, // 使用局部注册指令的方式
}, resize: {
directives: { // 指令的名称
// 使用局部注册指令的方式 bind(el, binding) {
resize: { // el为绑定的元素，binding为绑定给指令的对象
// 指令的名称 let width = "",
bind(el, binding) { height = "";
// el为绑定的元素，binding为绑定给指令的对象
let width = "",
height = "";
function isReize() { function isReize() {
const style = document.defaultView.getComputedStyle(el); const style = document.defaultView.getComputedStyle(el);
if (width !== style.width) { if (width !== style.width) {
binding.value(); // 关键 binding.value(); // 关键
} }
width = style.width; width = style.width;
} }
el.__vueSetInterval__ = setInterval(isReize, 200); el.__vueSetInterval__ = setInterval(isReize, 200);
}, },
unbind(el) { unbind(el) {
clearInterval(el.__vueSetInterval__); clearInterval(el.__vueSetInterval__);
}, },
}, },
}, },
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.home { .header-title {
background: #f3f5f9; display: -webkit-box !important;
min-height: 100vh; overflow: hidden;
} text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.home {
background: #f3f5f9;
min-height: 100vh;
}
.home { .home {
blockquote { blockquote {
padding: 10px 20px; padding: 10px 20px;
margin: 0 0 20px; margin: 0 0 20px;
font-size: 17.5px; font-size: 17.5px;
border-left: 5px solid #eee; border-left: 5px solid #eee;
} }
hr { hr {
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
border: 0; border: 0;
border-top: 1px solid #eee; border-top: 1px solid #eee;
} }
.col-item { .col-item {
margin-bottom: 20px; margin-bottom: 20px;
} }
ul { ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
font-family: "open sans", font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
"Helvetica Neue", font-size: 13px;
Helvetica, color: #676a6c;
Arial, overflow-x: hidden;
sans-serif;
font-size: 13px;
color: #676a6c;
overflow-x: hidden;
ul { ul {
list-style-type: none; list-style-type: none;
} }
h4 { h4 {
margin-top: 0px; margin-top: 0px;
} }
h2 { h2 {
margin-top: 10px; margin-top: 10px;
font-size: 26px; font-size: 26px;
font-weight: 100; font-weight: 100;
} }
p { p {
margin-top: 10px; margin-top: 10px;
b { b {
font-weight: 700; font-weight: 700;
} }
} }
.update-log { .update-log {
ol { ol {
display: block; display: block;
list-style-type: decimal; list-style-type: decimal;
margin-block-start: 1em; margin-block-start: 1em;
margin-block-end: 1em; margin-block-end: 1em;
margin-inline-start: 0; margin-inline-start: 0;
margin-inline-end: 0; margin-inline-end: 0;
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
View File

@ -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>

Write Preview
Loading…
Cancel
Save