Skip to content

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

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

2.在院病人的疾病入组添加添加输入框
3.调整页面布局
4.调接口
5.媒体查询
parent c26da681
Showing with 120 additions and 116 deletions
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;
......@@ -1564,110 +1568,110 @@ export default {
padding: 20px;
overflow: hidden;
position: relative;
&_search {
// margin-bottom: 20px;
height: 15%;
margin-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
&_div1 {
color: #abafb3;
display: flex;
font-size: 12px;
align-items: center;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 200px;
}
&_span2 {
width: 120px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 300px;
}
&_span3 {
width: 120px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 120px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
&_span5 {
margin-left: 600px;
display: flex;
justify-content: flex-end;
}
}
&_div2 {
display: flex;
font-size: 12px;
align-items: center;
color: #abafb3;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 200px;
}
&_span2 {
width: 120px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 300px;
}
&_span3 {
width: 120px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 120px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
}
&_div3 {
color: #abafb3;
display: flex;
font-size: 12px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
}
}
&_search {
// margin-bottom: 20px;
height: 15%;
margin-bottom:10px;
display: flex;
flex-direction: column;
justify-content: space-between;
&_div1 {
color: #abafb3;
display: flex;
font-size: 12px;
align-items: center;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 500px;
}
&_span3 {
width:80px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
&_span5 {
margin-left: 290px;
display: flex;
justify-content: flex-end;
}
}
&_div2 {
display: flex;
font-size: 12px;
align-items: center;
color: #abafb3;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 500px;
}
&_span3 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
}
&_div3 {
color: #abafb3;
display: flex;
font-size: 12px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
}
}
&_centent {
background-color: #f1f5f8;
height: 70vh;
......
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