Skip to content

V
vue-composition-api
Commit 63f33233 by DESKTOP-KM66R2T\Administrator
Options

1.病案入组添加添加多个输入框 

2.在院病人的疾病入组添加添加输入框
3.调整页面布局
4.调接口
5.媒体查询
parent c26da681
Showing with 657 additions and 24 deletions
src/styles/outHistorygrouping.scss 0 → 100644
//1024px
@media screen and (min-width: 769px) and (max-width: 1024px) {
.outoutaddrecordEnrollment {
&_top {
.span1 {}
&_message {
&_left {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t1 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
&_centert {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t2 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
&_right {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t3 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
}
}
&_top2 {
.span1 {}
&_message {
&_left {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t1 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
&_centert {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t2 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
&_right {
.iconfont {
padding-left: 12px !important;
font-size: 11px !important;
}
&_t3 {
font-size: 9px !important;
width: 82% !important;
margin-left: 17px !important;
}
}
}
}
&_title {
font-size: 9px !important;
}
&_search {
&_message {
&_left {
&_t1 {
width: 30% !important;
font-size: 9px !important;
.iconfont {
padding-left: 12px !important;
font-size: 16px !important;
}
}
&_t2 {
.el-input__inner {
font-size: 9px !important;
}
}
}
&_centert {
&_t1 {
width: 35% !important;
font-size: 9px !important;
.iconfont {
padding-left: 12px !important;
font-size: 16px !important;
}
}
&_t2 {
.el-input__inner {
font-size: 9px !important;
}
}
}
&_right {
width: 10% !important;
&_search {
height: 50% !important;
&_span2 {
font-size: 9px !important;
}
.iconfont {
font-size: 10px !important;
}
}
&_submit {
height: 50% !important;
&_span3 {
font-size: 9px !important;
}
.iconfont {
font-size: 10px !important;
}
}
}
}
}
&_centent {
&_totalnum {
// width: 1673px;
flex-direction: column !important;
height: 275px !important;
&_left {
width: 99% !important;
margin: 10px 15px !important;
}
&_right {
width: 100% !important;
&_echar1 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar2 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar3 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar4 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar5 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
}
}
&_nodata {
&_img {
img {
width: 61px !important;
height: 54px !important;
}
}
&_text {
font-size: 12px !important;
}
}
}
}
}
//1366px
@media screen and (min-width: 1366px) and(max-width:1439px) {
.outsetgrouping {
.outaddrecordEnrollment {
&_search {
&_div1 {
&_span1 {
width: 60px !important;
}
&_inp1 {
width:180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:270px !important;
}
&_span3 {
width: 70px !important;
}
&_span4 {
width: 90px !important;
}
&_span5 {
margin-left:180px !important;
}
}
&_div2 {
&_span1 {
width: 60px !important;
}
&_inp1 {
width:180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:270px !important;
}
&_span3 {
width: 70px !important;
}
&_span4 {
width: 90px !important;
}
}
&_div3 {
&_span1 {
width: 60px !important;
}
}
}
&_centent {
height: 67vh !important;
&_totalnum {
&_left {
margin: 10px 15px !important;
&_text1 {
span {
font-size: 10px !important;
}
}
&_text2 {
span {
font-size: 10px !important;
}
}
&_text3 {
span {
font-size: 10px !important;
}
}
}
&_right {
&_echar1 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar2 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar3 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar4 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar5 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
}
}
&_nodata {
&_img {
img {
width: 61px !important;
height: 54px !important;
}
}
&_text {
font-size: 12px !important;
}
}
}
}
}
}
//1440px
@media screen and (min-width: 1440px) and(max-width:1599px) {
.outaddrecordEnrollment {
&_search {
&_div1 {
&_span1 {
width: 50px !important;
}
&_inp1 {
width:180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:300px !important;
}
&_span3 {
width: 70px !important;
}
&_span4 {
width: 90px !important;
}
&_span5 {
margin-left:230px !important;
}
}
&_div2 {
&_span1 {
width: 50px !important;
}
&_inp1 {
width:180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:300px !important;
}
&_span3 {
width: 70px !important;
}
&_span4 {
width: 90px !important;
}
}
&_div3 {
&_span1 {
width: 50px !important;
}
}
}
&_centent {
height: 67vh !important;
&_totalnum {
&_left {
margin: 10px 15px !important;
&_text1 {
span {
font-size: 10px !important;
}
}
&_text2 {
span {
font-size: 10px !important;
}
}
&_text3 {
span {
font-size: 10px !important;
}
}
}
&_right {
&_echar1 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar2 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar3 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar4 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar5 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
}
}
&_nodata {
&_img {
img {
width: 61px !important;
height: 54px !important;
}
}
&_text {
font-size: 12px !important;
}
}
}
}
}
//1600px
@media screen and (min-width: 1600px) and(max-width:1919px) {
.outaddrecordEnrollment {
&_search {
&_div1 {
&_span1 {
width: 50px !important;
}
&_inp1 {
width:180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:300px !important;
}
&_span3 {
width: 70px !important;
}
&_span4 {
width: 90px !important;
}
&_span5 {
margin-left:400px !important;
}
}
&_div2 {
&_span1 {
width: 50px !important;
}
&_inp1 {
width:180px !important;
}
&_span2 {
width: 70px !important;
}
&_inp2 {
width:300px !important;
}
&_span3 {
width: 70px !important;
}
&_span4 {
width: 90px !important;
}
}
&_div3 {
&_span1 {
width: 50px !important;
}
}
}
&_centent {
height: 67vh !important;
&_totalnum {
&_left {
margin: 10px 15px !important;
&_text1 {
span {
font-size: 10px !important;
}
}
&_text2 {
span {
font-size: 10px !important;
}
}
&_text3 {
span {
font-size: 10px !important;
}
}
}
&_right {
&_echar1 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar2 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar3 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar4 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
&_echar5 {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 20%;
height: 132px;
}
}
}
&_nodata {
&_img {
img {
width: 61px !important;
height: 54px !important;
}
}
&_text {
font-size: 12px !important;
}
}
}
}
}
\ No newline at end of file
src/views/outHistorygrouping.vue
......@@ -2,7 +2,7 @@
* @Author: wsq
* @Date: 2022-03-02 16:34:58
* @LastEditors: wsq
* @LastEditTime: 2022-07-21 15:48:27
* @LastEditTime: 2022-07-21 17:47:42
* @Description:
-->
<template>
......@@ -229,7 +229,7 @@
<div class="outaddrecordEnrollment_search">
<div class="outaddrecordEnrollment_search_div1">
<span class="outaddrecordEnrollment_search_div1_span1"
>主诊断:</span
><span style="color:red">*</span> 主诊断:</span
>
<el-select
class="outaddrecordEnrollment_search_div1_inp1"
......@@ -240,6 +240,7 @@
placeholder="请输入主诊断"
:remote-method="remoteMethod"
size="mini"
clearable
>
<el-option
v-for="item in zdoptions"
......@@ -263,6 +264,7 @@
placeholder="请输入其他诊断"
:remote-method="otremoteMethod"
size="mini"
clearable
>
<el-option
v-for="item in otzdoptions"
......@@ -274,19 +276,19 @@
<span class="outaddrecordEnrollment_search_div1_span3">年龄:</span>
<el-input
v-model="ageinput"
placeholder="单位：岁"
placeholder="请输入年龄"
class="outaddrecordEnrollment_search_div1_inp3"
size="mini"
/>
/>&nbsp;岁
<span class="outaddrecordEnrollment_search_div1_span4"
>ICU总时长:</span
>
<el-input
v-model="icuinput"
placeholder="单位：分钟"
placeholder="请输入ICU总时长"
class="outaddrecordEnrollment_search_div1_inp4"
size="mini"
/>
/>&nbsp;分钟
<span class="outaddrecordEnrollment_search_div1_span5">
<el-button size="mini" type="primary" @click="addsearch"
>查询</el-button
......@@ -306,6 +308,7 @@
placeholder="请输入主手术"
:remote-method="ssremoteMethod"
size="mini"
clearable
>
<el-option
v-for="item in ssoptions"
......@@ -330,6 +333,7 @@
placeholder="请输入其他手术"
:remote-method="otssremoteMethod"
size="mini"
clearable
>
<el-option
v-for="item in otssoptions"
......@@ -344,10 +348,10 @@
>
<el-input
v-model="ageinput2"
placeholder="单位：天"
placeholder="请输入新生儿年龄"
class="outaddrecordEnrollment_search_div2_inp3"
size="mini"
/>
/>&nbsp;天
<span class="outaddrecordEnrollment_search_div2_span4"
>离院方式:</span
>
......@@ -783,10 +787,10 @@ export default {
const addgetlist = () => {
http
.post(`/medical/post/GetCorePercentsByAssemble`, {
a14: state.ageinput, // 年龄
a16: state.ageinput2, // 年龄不足一周岁（天）
a14: state.ageinput?state.ageinput:'0', // 年龄
a16: state.ageinput2?state.ageinput2:'0', // 年龄不足一周岁（天）
a12C: state.sexvalue, // 性别
icuTime: state.icuinput, // icu总时长（分钟）
icuTime: state.icuinput?state.icuinput:'0', // icu总时长（分钟）
b34C: state.leavevalue, // 离院方式
diagList: state.diagList, // 诊断集合
opsList: state.opsList, // 手术集合
......@@ -879,7 +883,7 @@ export default {
</script>
<style lang="scss" scoped>
@import "../styles/mixin.scss";
@import '../styles/outHistorygrouping.scss';
.outsetgrouping {
height: 900px;
background-color: white;
......@@ -1567,7 +1571,7 @@ export default {
&_search {
// margin-bottom: 20px;
height: 15%;
margin-bottom: 10px;
margin-bottom:10px;
display: flex;
flex-direction: column;
justify-content: space-between;
......@@ -1584,18 +1588,18 @@ export default {
justify-content: flex-end;
}
&_inp1 {
width: 200px;
width: 400px;
}
&_span2 {
width: 120px;
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 300px;
width: 500px;
}
&_span3 {
width: 120px;
width:80px;
display: flex;
justify-content: flex-end;
}
......@@ -1603,7 +1607,7 @@ export default {
width: 100px;
}
&_span4 {
width: 120px;
width: 80px;
display: flex;
justify-content: flex-end;
}
......@@ -1611,7 +1615,7 @@ export default {
width: 150px;
}
&_span5 {
margin-left: 600px;
margin-left: 290px;
display: flex;
justify-content: flex-end;
}
......@@ -1629,18 +1633,18 @@ export default {
justify-content: flex-end;
}
&_inp1 {
width: 200px;
width: 400px;
}
&_span2 {
width: 120px;
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 300px;
width: 500px;
}
&_span3 {
width: 120px;
width: 80px;
display: flex;
justify-content: flex-end;
}
......@@ -1648,7 +1652,7 @@ export default {
width: 100px;
}
&_span4 {
width: 120px;
width: 80px;
display: flex;
justify-content: flex-end;
}
......
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