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
6370f8a555
commit
bd39beb2bc
4 changed files with 191 additions and 197 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. 1
      acupuncture-前台/package.json
  2. 2
      acupuncture-前台/src/main.js
  3. 377
      acupuncture-前台/src/views/index.vue
  4. 8
      acupuncture-前台/src/views/indexCom/query.vue

1
acupuncture-前台/package.json
View File

@ -48,6 +48,7 @@
"js-beautify": "1.13.0", "js-beautify": "1.13.0",
"js-cookie": "3.0.1", "js-cookie": "3.0.1",
"jsencrypt": "3.0.0-rc.1", "jsencrypt": "3.0.0-rc.1",
"moment": "^2.30.1",
"nprogress": "0.2.0", "nprogress": "0.2.0",
"quill": "2.0.2", "quill": "2.0.2",
"screenfull": "5.0.2", "screenfull": "5.0.2",

2
acupuncture-前台/src/main.js
View File

@ -13,6 +13,7 @@ import router from './router'
import directive from './directive' // directive import directive from './directive' // directive
import plugins from './plugins' // plugins import plugins from './plugins' // plugins
import { download } from '@/utils/request' import { download } from '@/utils/request'
import moment from 'moment';
import './assets/icons' // icon import './assets/icons' // icon
import './permission' // permission control import './permission' // permission control
@ -48,6 +49,7 @@ Vue.prototype.selectDictLabel = selectDictLabel
Vue.prototype.selectDictLabels = selectDictLabels Vue.prototype.selectDictLabels = selectDictLabels
Vue.prototype.download = download Vue.prototype.download = download
Vue.prototype.handleTree = handleTree Vue.prototype.handleTree = handleTree
Vue.prototype.$moment = moment
// 全局组件挂载 // 全局组件挂载
Vue.component('DictTag', DictTag) Vue.component('DictTag', DictTag)

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

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

8
acupuncture-前台/src/views/indexCom/query.vue
View File

@ -6,7 +6,7 @@
</div> </div>
<div> <div>
<div> <div>
<el-radio-group <!-- <el-radio-group
v-model="radioValue" v-model="radioValue"
size="small" size="small"
style="height: 36px" style="height: 36px"
@ -16,11 +16,7 @@
<el-radio label="1" border style="margin: 0 20px 0 0">月</el-radio> <el-radio label="1" border style="margin: 0 20px 0 0">月</el-radio>
<el-radio label="2" border style="margin: 0 20px 0 0">季</el-radio> <el-radio label="2" border style="margin: 0 20px 0 0">季</el-radio>
<el-radio label="3" border style="margin: 0 20px 0 0">年</el-radio> <el-radio label="3" border style="margin: 0 20px 0 0">年</el-radio>
<!-- <el-radio label="4" border style="margin: 0 20px 0 0">周</el-radio> </el-radio-group> -->
<el-radio label="4" border style="margin: 0 20px 0 0">月</el-radio>
<el-radio label="1" border style="margin: 0 20px 0 0">季</el-radio>
<el-radio label="1" border style="margin: 0 20px 0 0">年</el-radio> -->
</el-radio-group>
<el-date-picker <el-date-picker
v-model="pickerValue" v-model="pickerValue"
type="daterange" type="daterange"

Write Preview
Loading…
Cancel
Save