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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 379
      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

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

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

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

@ -2,7 +2,7 @@
<div class="app-container">
<el-row :gutter="20">
<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">
<span>个人信息</span>
</div>
@ -23,10 +23,6 @@
<svg-icon icon-class="phone" />手机号码
<div class="pull-right">{{ user.phonenumber }}</div>
</li>
<li class="list-group-item">
<svg-icon icon-class="email" />用户邮箱
<div class="pull-right">{{ user.email }}</div>
</li>
<li class="list-group-item">
<svg-icon icon-class="tree" />所属部门
<div class="pull-right" v-if="user.dept">

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

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

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

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

Write Preview
Loading…
Cancel
Save