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; ...@@ -160,5 +160,6 @@ $Boxwidth:1024;
@return 0; @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 @@ ...@@ -2,7 +2,7 @@
* @Author: wsq * @Author: wsq
* @Date: 2022-04-22 14:21:50 * @Date: 2022-04-22 14:21:50
* @LastEditors: ninglupeng * @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 09:10:32 * @LastEditTime: 2022-06-07 09:46:11
* @Description: * @Description:
--> -->
<template> <template>
...@@ -115,13 +115,12 @@ ...@@ -115,13 +115,12 @@
<script lang="ts"> <script lang="ts">
import http from '../utils/http'; import http from '../utils/http';
import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api'; 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 $ from 'jquery';
// import { ElLoading } from 'element-plus';
import { setItem, getItem } from '../utils/auth'; import { setItem, getItem } from '../utils/auth';
// import medicalRecordHomepage from 'comps/medicalRecordHomepage/index.vue';
export default { export default {
components: { components: {
// medicalRecordHomepage,
}, },
name: 'outseeQualityControl', name: 'outseeQualityControl',
setup() { setup() {
...@@ -147,13 +146,13 @@ export default { ...@@ -147,13 +146,13 @@ export default {
keys: [], //获取所有的问卷key keys: [], //获取所有的问卷key
values: [], // values: [], //
}); });
var route = useRoute(); // var route = useRoute();
//同步数据 //同步数据
const getSynchronous = (id) => { const getSynchronous = (id) => {
// var loadingInstance1 = ElLoading.service(loadingOption1); // var loadingInstance1 = ElLoading.service(loadingOption1);
http http
.post(`/medical/get/Synchronization?id=${route.query.id}`) .post(`/medical/get/Synchronization?id=${'7d1e97e6-c4ab-11ec-9bd0-00155d016553'}`)
.then((data) => { .then((data) => {
// loadingInstance1.close(); // loadingInstance1.close();
// ElMessage.success(data.message); // ElMessage.success(data.message);
...@@ -190,13 +189,6 @@ export default { ...@@ -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 { ...@@ -234,10 +226,10 @@ export default {
}; };
onMounted(() => { onMounted(() => {
if (route.query.id) { if ('7d1e97e6-c4ab-11ec-9bd0-00155d016553') {
getHomePage(route.query.id); getHomePage('7d1e97e6-c4ab-11ec-9bd0-00155d016553');
getScoringDetails(route.query.id); getScoringDetails('7d1e97e6-c4ab-11ec-9bd0-00155d016553');
setItem('outpid', route.query.id) setItem('outpid', '7d1e97e6-c4ab-11ec-9bd0-00155d016553')
} }
}); });
...@@ -253,8 +245,8 @@ export default { ...@@ -253,8 +245,8 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
@import 'styles/mixin.scss'; @import '../styles/mixin.scss';
// @import 'styles/media/components/outseeQualityControl.scss'; @import '../styles/media/components/outpatientDetails.scss';
.outseeQualityControl { .outseeQualityControl {
// height: calc(100% - 50px); // height: calc(100% - 50px);
......
vue.config.js
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: ninglupeng * @Author: ninglupeng
* @Date: 2022-06-07 00:31:25 * @Date: 2022-06-07 00:31:25
* @LastEditors: ninglupeng * @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 00:40:32 * @LastEditTime: 2022-06-07 09:36:58
* @Description: * @Description:
*/ */
const path = require('path'); const path = require('path');
...@@ -17,7 +17,7 @@ module.exports = { ...@@ -17,7 +17,7 @@ module.exports = {
port: 8066, //测试端口 port: 8066, //测试端口
proxy: { proxy: {
'/api': { '/api': {
target: 'https://testjx.suvalue.com/', target: 'http://192.168.18.166:8099/',
changeOrigin: true, changeOrigin: true,
pathRewrite: { 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