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 @@ ...@@ -2,7 +2,7 @@
* @Author: wsq * @Author: wsq
* @Date: 2022-03-02 16:34:58 * @Date: 2022-03-02 16:34:58
* @LastEditors: wsq * @LastEditors: wsq
* @LastEditTime: 2022-07-21 15:48:27 * @LastEditTime: 2022-07-21 17:47:42
* @Description: * @Description:
--> -->
<template> <template>
...@@ -229,7 +229,7 @@ ...@@ -229,7 +229,7 @@
<div class="outaddrecordEnrollment_search"> <div class="outaddrecordEnrollment_search">
<div class="outaddrecordEnrollment_search_div1"> <div class="outaddrecordEnrollment_search_div1">
<span class="outaddrecordEnrollment_search_div1_span1" <span class="outaddrecordEnrollment_search_div1_span1"
>主诊断:</span ><span style="color:red">*</span> 主诊断:</span
> >
<el-select <el-select
class="outaddrecordEnrollment_search_div1_inp1" class="outaddrecordEnrollment_search_div1_inp1"
...@@ -240,6 +240,7 @@ ...@@ -240,6 +240,7 @@
placeholder="请输入主诊断" placeholder="请输入主诊断"
:remote-method="remoteMethod" :remote-method="remoteMethod"
size="mini" size="mini"
clearable
> >
<el-option <el-option
v-for="item in zdoptions" v-for="item in zdoptions"
...@@ -263,6 +264,7 @@ ...@@ -263,6 +264,7 @@
placeholder="请输入其他诊断" placeholder="请输入其他诊断"
:remote-method="otremoteMethod" :remote-method="otremoteMethod"
size="mini" size="mini"
clearable
> >
<el-option <el-option
v-for="item in otzdoptions" v-for="item in otzdoptions"
...@@ -274,19 +276,19 @@ ...@@ -274,19 +276,19 @@
<span class="outaddrecordEnrollment_search_div1_span3">年龄:</span> <span class="outaddrecordEnrollment_search_div1_span3">年龄:</span>
<el-input <el-input
v-model="ageinput" v-model="ageinput"
placeholder="单位：岁" placeholder="请输入年龄"
class="outaddrecordEnrollment_search_div1_inp3" class="outaddrecordEnrollment_search_div1_inp3"
size="mini" size="mini"
/> />&nbsp;岁
<span class="outaddrecordEnrollment_search_div1_span4" <span class="outaddrecordEnrollment_search_div1_span4"
>ICU总时长:</span >ICU总时长:</span
> >
<el-input <el-input
v-model="icuinput" v-model="icuinput"
placeholder="单位：分钟" placeholder="请输入ICU总时长"
class="outaddrecordEnrollment_search_div1_inp4" class="outaddrecordEnrollment_search_div1_inp4"
size="mini" size="mini"
/> />&nbsp;分钟
<span class="outaddrecordEnrollment_search_div1_span5"> <span class="outaddrecordEnrollment_search_div1_span5">
<el-button size="mini" type="primary" @click="addsearch" <el-button size="mini" type="primary" @click="addsearch"
>查询</el-button >查询</el-button
...@@ -306,6 +308,7 @@ ...@@ -306,6 +308,7 @@
placeholder="请输入主手术" placeholder="请输入主手术"
:remote-method="ssremoteMethod" :remote-method="ssremoteMethod"
size="mini" size="mini"
clearable
> >
<el-option <el-option
v-for="item in ssoptions" v-for="item in ssoptions"
...@@ -330,6 +333,7 @@ ...@@ -330,6 +333,7 @@
placeholder="请输入其他手术" placeholder="请输入其他手术"
:remote-method="otssremoteMethod" :remote-method="otssremoteMethod"
size="mini" size="mini"
clearable
> >
<el-option <el-option
v-for="item in otssoptions" v-for="item in otssoptions"
...@@ -344,10 +348,10 @@ ...@@ -344,10 +348,10 @@
> >
<el-input <el-input
v-model="ageinput2" v-model="ageinput2"
placeholder="单位：天" placeholder="请输入新生儿年龄"
class="outaddrecordEnrollment_search_div2_inp3" class="outaddrecordEnrollment_search_div2_inp3"
size="mini" size="mini"
/> />&nbsp;天
<span class="outaddrecordEnrollment_search_div2_span4" <span class="outaddrecordEnrollment_search_div2_span4"
>离院方式:</span >离院方式:</span
> >
...@@ -783,10 +787,10 @@ export default { ...@@ -783,10 +787,10 @@ export default {
const addgetlist = () => { const addgetlist = () => {
http http
.post(`/medical/post/GetCorePercentsByAssemble`, { .post(`/medical/post/GetCorePercentsByAssemble`, {
a14: state.ageinput, // 年龄 a14: state.ageinput?state.ageinput:'0', // 年龄
a16: state.ageinput2, // 年龄不足一周岁（天） a16: state.ageinput2?state.ageinput2:'0', // 年龄不足一周岁（天）
a12C: state.sexvalue, // 性别 a12C: state.sexvalue, // 性别
icuTime: state.icuinput, // icu总时长（分钟） icuTime: state.icuinput?state.icuinput:'0', // icu总时长（分钟）
b34C: state.leavevalue, // 离院方式 b34C: state.leavevalue, // 离院方式
diagList: state.diagList, // 诊断集合 diagList: state.diagList, // 诊断集合
opsList: state.opsList, // 手术集合 opsList: state.opsList, // 手术集合
...@@ -879,7 +883,7 @@ export default { ...@@ -879,7 +883,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../styles/mixin.scss"; @import "../styles/mixin.scss";
@import '../styles/outHistorygrouping.scss';
.outsetgrouping { .outsetgrouping {
height: 900px; height: 900px;
background-color: white; background-color: white;
...@@ -1564,110 +1568,110 @@ export default { ...@@ -1564,110 +1568,110 @@ export default {
padding: 20px; padding: 20px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
&_search { &_search {
// margin-bottom: 20px; // margin-bottom: 20px;
height: 15%; height: 15%;
margin-bottom: 10px; margin-bottom:10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
&_div1 { &_div1 {
color: #abafb3; color: #abafb3;
display: flex; display: flex;
font-size: 12px; font-size: 12px;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
&_span1 { &_span1 {
width: 50px; width: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp1 { &_inp1 {
width: 200px; width: 400px;
} }
&_span2 { &_span2 {
width: 120px; width: 70px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp2 { &_inp2 {
width: 300px; width: 500px;
} }
&_span3 { &_span3 {
width: 120px; width:80px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp3 { &_inp3 {
width: 100px; width: 100px;
} }
&_span4 { &_span4 {
width: 120px; width: 80px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp4 { &_inp4 {
width: 150px; width: 150px;
} }
&_span5 { &_span5 {
margin-left: 600px; margin-left: 290px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
} }
&_div2 { &_div2 {
display: flex; display: flex;
font-size: 12px; font-size: 12px;
align-items: center; align-items: center;
color: #abafb3; color: #abafb3;
margin-bottom: 10px; margin-bottom: 10px;
&_span1 { &_span1 {
width: 50px; width: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp1 { &_inp1 {
width: 200px; width: 400px;
} }
&_span2 { &_span2 {
width: 120px; width: 70px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp2 { &_inp2 {
width: 300px; width: 500px;
} }
&_span3 { &_span3 {
width: 120px; width: 80px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp3 { &_inp3 {
width: 100px; width: 100px;
} }
&_span4 { &_span4 {
width: 120px; width: 80px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp4 { &_inp4 {
width: 150px; width: 150px;
} }
} }
&_div3 { &_div3 {
color: #abafb3; color: #abafb3;
display: flex; display: flex;
font-size: 12px; font-size: 12px;
&_span1 { &_span1 {
width: 50px; width: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
} }
} }
&_centent { &_centent {
background-color: #f1f5f8; background-color: #f1f5f8;
height: 70vh; 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