Skip to content

V
vue-composition-api
Commit b91eaf30 by nlp97
Options

init

parent ddf98c81
Showing with 931 additions and 22 deletions
src/styles/media/components/outpatientDetails.scss 0 → 100644
@import '../../mixin.scss';
// 1024
@media screen and (min-width: 769px) and (max-width: 1024px) {
.outpatientDetails {
&_top {
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 9px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 9px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_title {
span {
font-size: 13px;
}
}
&_bottom {
height: 64% !important;
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
&_ul {
.active {
flex-direction: column !important;
align-items: flex-start !important;
.fc2 {
width: 100% !important;
.iconfont {
font-size: 10px !important;
}
}
.fc3 {
width: 100% !important;
}
}
}
li {
font-size: 9px !important;
height: 65px !important;
div {
font-size: 9px !important;
height: 61px !important;
flex-direction: column !important;
.sp1 {
width: 100% !important;
}
.sp2 {
width: 100% !important;
justify-content: start !important;
&_avg {
justify-content: start !important;
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
justify-content: flex-end;
}
}
}
}
}
&_right {
width: 50%;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
&_rght2 {
&_top {
height: 27% !important;
&_title {
font-size: 12px !important;
}
&_mes {
flex-direction: column !important;
&_span1 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span2 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span3 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span4 {
width: 100% !important;
font-size: 12px !important;
}
}
}
&_bottom {
margin-top: 10px !important;
&_li {
&_title {
width: 54px !important;
height: 25px !important;
font-size: 16px !important;
}
&_cont {
font-size: 12px !important;
}
}
}
}
}
}
}
//1280
@media screen and (max-width:1280px) {
.outpatientDetails {
&_top {
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 9px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 9px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_title {
span {
font-size: 13px;
}
}
&_bottom {
height: 64% !important;
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
&_ul {
.active {
flex-direction: column !important;
align-items: flex-start !important;
.fc2 {
width: 100% !important;
.iconfont {
font-size: 10px !important;
}
}
.fc3 {
width: 100% !important;
}
}
}
li {
font-size: 9px !important;
height: 65px !important;
div {
font-size: 9px !important;
height: 61px !important;
flex-direction: column !important;
.sp1 {
width: 100% !important;
}
.sp2 {
width: 100% !important;
justify-content: start !important;
&_avg {
justify-content: start !important;
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
justify-content: flex-end;
}
}
}
}
}
&_right {
width: 50%;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
&_rght2 {
&_top {
height: 27% !important;
&_title {
font-size: 12px !important;
}
&_mes {
flex-direction: column !important;
&_span1 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span2 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span3 {
width: 100% !important;
font-size: 12px !important;
margin-bottom: 5px !important;
}
&_span4 {
width: 100% !important;
font-size: 12px !important;
}
}
}
&_bottom {
margin-top: 10px !important;
&_li {
&_title {
width: 54px !important;
height: 25px !important;
font-size: 16px !important;
}
&_cont {
font-size: 12px !important;
}
}
}
}
}
}
}
// 1366px
@media screen and (min-width: 1366px) and(max-width:1439px) {
.outpatientDetails {
&_top {
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 9px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 9px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_title {
span {
font-size: 13px;
}
}
&_bottom {
height: 64% !important;
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
&_ul {
.active {
.fc2 {
.iconfont {
font-size: 10px !important;
}
}
.fc3 {}
}
}
li {
font-size: 9px !important;
div {
font-size: 9px !important;
.sp1 {}
.sp2 {
&_avg {
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
justify-content: flex-end;
}
}
}
}
}
&_right {
width: 50%;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
&_rght2 {
&_top {
&_title {
font-size: 13px !important;
}
&_mes {
&_span1 {
font-size: 12px !important;
}
&_span2 {
font-size: 12px !important;
}
&_span3 {
font-size: 12px !important;
}
&_span4 {
font-size: 12px !important;
}
}
}
&_bottom {
&_li {
&_title {
width: 54px !important;
height: 25px !important;
font-size: 16px !important;
}
&_cont {
font-size: 14px !important;
}
}
}
}
}
}
}
//1400
@media screen and (min-width: 1440px) and(max-width:1599px) {
.outpatientDetails {
&_bottom {
// margin-top: 10px !important;
&_li {
&_title {
width: 54px !important;
height: 25px !important;
font-size: 16px !important;
}
&_cont {
font-size: 16px !important;
}
}
}
}
}
//1600
@media screen and (min-width: 1600px) and(max-width:1919px) {
.outpatientDetails {
&_top {
.span1 {
font-size: 14px;
}
&_message {
&_left {
.iconfont {
font-size: 18px !important;
}
&_t1 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_centert {
.iconfont {
font-size: 18px;
}
&_t2 {
font-size: 9px !important;
span {
color: #787e8a;
}
}
}
&_right {
.iconfont {
font-size: 18px !important;
}
&_t3 {
font-size: 9px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
}
}
&_msg {
.iconfont {
font-size: 18px !important;
}
span:nth-child(2) {
margin-left: 21px;
}
span:nth-child(n + 2) {
font-size: 9px !important;
}
span:nth-child(n + 7) {
margin-right: 5px;
}
}
&_title {
span {
font-size: 13px;
}
}
&_bottom {
height: 64% !important;
// 无数据
&_box {
&_img {
width: 200px;
height: 200px;
}
&_text {
font-size: 9px !important;
}
}
// 有数据
&_left {
&_ul {
.active {
.fc2 {
.iconfont {
font-size: 10px !important;
}
}
}
}
li {
font-size: 9px !important;
div {
font-size: 9px !important;
.sp2 {
&_avg {
padding-left: 5px !important;
}
&_reto {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
justify-content: flex-end;
}
}
}
}
}
&_right {
width: 50%;
// 无数据样式
&_box {
&_text {
font-size: 12px !important;
}
}
&_table {
height: calc(100% - 100px);
}
.isverifyStyle {
background-color: #f4f5f8;
}
.paginations {
text-align: right;
}
}
&_rght2 {
&_top {
height: 20% !important;
&_title {
height: 24px !important;
font-size: 16px !important;
}
&_mes {
&_span1 {
font-size: 12px !important;
}
&_span2 {
font-size: 12px !important;
}
&_span3 {
font-size: 12px !important;
}
&_span4 {
font-size: 12px !important;
}
}
}
&_bottom {
&_li {
&_title {
font-size: 18px !important;
}
&_cont {
font-size: 16px !important;
}
}
}
}
}
}
}
\ No newline at end of file
src/styles/mixin.scss
......@@ -160,5 +160,6 @@ $Boxwidth:1024;
@return 0;
}
@return math.div($px, $Boxwidth) * 100vw;
// @return math.div($px, $Boxwidth) * 100vw;
@return $px/ $Boxwidth * 100vw;
}
\ No newline at end of file
src/views/HelloWorld.vue
......@@ -2,7 +2,7 @@
* @Author: wsq
* @Date: 2022-04-22 14:21:50
* @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 09:10:32
* @LastEditTime: 2022-06-07 09:46:11
* @Description:
-->
<template>
......@@ -115,13 +115,12 @@
<script lang="ts">
import http from '../utils/http';
import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api';
// import { ElMessage, ElMessageBox } from 'element-plus';
// import { useRoute, useRouter } from 'vue-router';
import $ from 'jquery';
// import { ElLoading } from 'element-plus';
import { setItem, getItem } from '../utils/auth';
// import medicalRecordHomepage from 'comps/medicalRecordHomepage/index.vue';
export default {
components: {
// medicalRecordHomepage,
},
name: 'outseeQualityControl',
setup() {
......@@ -147,13 +146,13 @@ export default {
keys: [], //获取所有的问卷key
values: [], //
});
var route = useRoute();
// var route = useRoute();
//同步数据
const getSynchronous = (id) => {
// var loadingInstance1 = ElLoading.service(loadingOption1);
http
.post(`/medical/get/Synchronization?id=${route.query.id}`)
.post(`/medical/get/Synchronization?id=${'7d1e97e6-c4ab-11ec-9bd0-00155d016553'}`)
.then((data) => {
// loadingInstance1.close();
// ElMessage.success(data.message);
......@@ -190,13 +189,6 @@ export default {
);
}
}
const loadingOption1 = {
// 加载loading
fullscreen: true,
text: '正在加载...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.5)',
};
// 获取病案首页数据
......@@ -234,10 +226,10 @@ export default {
};
onMounted(() => {
if (route.query.id) {
getHomePage(route.query.id);
getScoringDetails(route.query.id);
setItem('outpid', route.query.id)
if ('7d1e97e6-c4ab-11ec-9bd0-00155d016553') {
getHomePage('7d1e97e6-c4ab-11ec-9bd0-00155d016553');
getScoringDetails('7d1e97e6-c4ab-11ec-9bd0-00155d016553');
setItem('outpid', '7d1e97e6-c4ab-11ec-9bd0-00155d016553')
}
});
......@@ -253,8 +245,8 @@ export default {
</script>
<style lang="scss">
@import 'styles/mixin.scss';
// @import 'styles/media/components/outseeQualityControl.scss';
@import '../styles/mixin.scss';
@import '../styles/media/components/outpatientDetails.scss';
.outseeQualityControl {
// height: calc(100% - 50px);
......
vue.config.js
......@@ -2,7 +2,7 @@
* @Author: ninglupeng
* @Date: 2022-06-07 00:31:25
* @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 00:40:32
* @LastEditTime: 2022-06-07 09:36:58
* @Description:
*/
const path = require('path');
......@@ -17,7 +17,7 @@ module.exports = {
port: 8066, //测试端口
proxy: {
'/api': {
target: 'https://testjx.suvalue.com/',
target: 'http://192.168.18.166:8099/',
changeOrigin: true,
pathRewrite: {
'^/': '/'
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment