Skip to content

V
vue-composition-api
Commit 14670eb7 by DESKTOP-KM66R2T\Administrator
Options

Merge branch 'feature/修改' into develop

parents a4d05141 68386564
Showing with 1175 additions and 238 deletions
src/styles/media/components/outpatientDetails.scss
...@@ -424,6 +424,18 @@ ...@@ -424,6 +424,18 @@
} }
} }
} }
&_div6 {
.iconfont {
font-size: 18px !important;
}
&_t6 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_div5 { &_div5 {
.iconfont { .iconfont {
font-size: 18px !important; font-size: 18px !important;
...@@ -628,6 +640,30 @@ ...@@ -628,6 +640,30 @@
} }
} }
} }
&_div6 {
.iconfont {
font-size: 18px !important;
}
&_t6 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_div5 {
.iconfont {
font-size: 18px !important;
}
&_t5 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
} }
} }
&_msg { &_msg {
...@@ -810,6 +846,30 @@ ...@@ -810,6 +846,30 @@
} }
} }
} }
&_div6 {
.iconfont {
font-size: 18px !important;
}
&_t6 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
&_div5 {
.iconfont {
font-size: 18px !important;
}
&_t5 {
font-size: 12px !important;
text-align: start !important;
span {
color: #787e8a;
}
}
}
} }
} }
&_msg { &_msg {
......
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 @@ ...@@ -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-11 16:37:03 * @LastEditTime: 2022-07-21 17:47:42
* @Description: * @Description:
--> -->
<template> <template>
...@@ -227,57 +227,159 @@ ...@@ -227,57 +227,159 @@
<!-- 病案入组 --> <!-- 病案入组 -->
<div class="outaddrecordEnrollment" id="outaddrecordEnrollment"> <div class="outaddrecordEnrollment" id="outaddrecordEnrollment">
<div class="outaddrecordEnrollment_search"> <div class="outaddrecordEnrollment_search">
<div class="outaddrecordEnrollment_search_message"> <div class="outaddrecordEnrollment_search_div1">
<div class="outaddrecordEnrollment_search_message_left"> <span class="outaddrecordEnrollment_search_div1_span1"
<div class="outaddrecordEnrollment_search_message_left_t1"> ><span style="color:red">*</span> 主诊断:</span
<span class="iconfont icon-tingzhenqi"> </span >
><span <el-select
class="outaddrecordEnrollment_search_message_lef_t1_span2" class="outaddrecordEnrollment_search_div1_inp1"
>主诊断名称或诊断编码:</span v-model="outaddsearchForm.diagName"
> filterable
</div> remote
<el-autocomplete reserve-keyword
class="outaddrecordEnrollment_search_message_left_t2" placeholder="请输入主诊断"
v-model.trim="outaddsearchForm.diagName" :remote-method="remoteMethod"
:trigger-on-focus="true" size="mini"
placeholder="请输入主诊断名称或诊断编码" clearable
clearable >
:fetch-suggestions="addquerySearchGroup" <el-option
select-when-unmatched="true" v-for="item in zdoptions"
@clear="addclear" :key="item.name"
@select="addsearch" :label="item.name"
> :value="item.name"
</el-autocomplete> />
</div> </el-select>
<div class="outaddrecordEnrollment_search_message_centert"> <span class="outaddrecordEnrollment_search_div1_span2"
<div class="outaddrecordEnrollment_search_message_centert_t1"> >其他诊断:</span
<span class="iconfont icon-jiandaosvg"> </span >
><span <el-select
class="outaddrecordEnrollment_search_message_centert_t1_span2" class="outaddrecordEnrollment_search_div1_inp2"
>主手术名称或操作编码：</span v-model="otdiagName"
> multiple
</div> collapse-tags
<el-autocomplete collapse-tags-tooltip
class="outaddrecordEnrollment_search_message_centert_t2" filterable
v-model.trim="outaddsearchForm.opsName" remote
clearable reserve-keyword
:trigger-on-focus="true" placeholder="请输入其他诊断"
placeholder="请输入主手术名称或操作编码" :remote-method="otremoteMethod"
select-when-unmatched="true" size="mini"
:fetch-suggestions="addquerySearchGroup2" clearable
@select="addsearch" >
<el-option
v-for="item in otzdoptions"
:key="item.name"
:label="item.name"
:value="item.name"
/>
</el-select>
<span class="outaddrecordEnrollment_search_div1_span3">年龄:</span>
<el-input
v-model="ageinput"
placeholder="请输入年龄"
class="outaddrecordEnrollment_search_div1_inp3"
size="mini"
/>&nbsp;岁
<span class="outaddrecordEnrollment_search_div1_span4"
>ICU总时长:</span
>
<el-input
v-model="icuinput"
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
> >
</el-autocomplete> </span>
</div> </div>
<div <div class="outaddrecordEnrollment_search_div2">
class="outaddrecordEnrollment_search_message_right" <span class="outaddrecordEnrollment_search_div2_span1"
@click="addsearch" >主手术:</span
>
<el-select
class="outaddrecordEnrollment_search_div2_inp1"
v-model="outaddsearchForm.opsName"
filterable
remote
reserve-keyword
placeholder="请输入主手术"
:remote-method="ssremoteMethod"
size="mini"
clearable
>
<el-option
v-for="item in ssoptions"
:key="item.name"
:label="item.name"
:value="item.name"
/>
</el-select>
<span class="outaddrecordEnrollment_search_div2_span2"
>其他手术:</span
>
<el-select
class="outaddrecordEnrollment_search_div2_inp2"
v-model="otopsName"
multiple
collapse-tags
collapse-tags-tooltip
filterable
remote
reserve-keyword
placeholder="请输入其他手术"
:remote-method="otssremoteMethod"
size="mini"
clearable
>
<el-option
v-for="item in otssoptions"
:key="item.name"
:label="item.name"
:value="item.name"
/>
</el-select>
<span class="outaddrecordEnrollment_search_div2_span3"
>新生儿年龄:</span
> >
<span class="iconfont icon-sousuo_o"></span> <el-input
<span class="outaddrecordEnrollment_search_message_right_span2" v-model="ageinput2"
>查询</span placeholder="请输入新生儿年龄"
class="outaddrecordEnrollment_search_div2_inp3"
size="mini"
/>&nbsp;天
<span class="outaddrecordEnrollment_search_div2_span4"
>离院方式:</span
>
<el-select
v-model="leavevalue"
placeholder="请选择离院方式"
size="mini"
class="outaddrecordEnrollment_search_div2_inp4"
>
<el-option
v-for="item in leaveoptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</div>
<div class="outaddrecordEnrollment_search_div3">
<span class="outaddrecordEnrollment_search_div3_span1">性别:</span>
<el-radio-group v-model="sexvalue">
<el-radio
v-for="item in sexoptions"
:key="item.value"
:label="item.value"
size="small"
>{{ item.label }}</el-radio
> >
</div> </el-radio-group>
</div> </div>
</div> </div>
<div class="outaddrecordEnrollment_centent"> <div class="outaddrecordEnrollment_centent">
...@@ -323,7 +425,7 @@ ...@@ -323,7 +425,7 @@
</div> </div>
</div> </div>
<!-- 如果没有数据时的样式 --> <!-- 如果没有数据时的样式 -->
<div <!-- <div
v-show="addnodataShow" v-show="addnodataShow"
class="outaddrecordEnrollment_centent_nodata" class="outaddrecordEnrollment_centent_nodata"
> >
...@@ -333,7 +435,7 @@ ...@@ -333,7 +435,7 @@
<div class="outaddrecordEnrollment_centent_nodata_text"> <div class="outaddrecordEnrollment_centent_nodata_text">
请输入要搜索的内容 请输入要搜索的内容
</div> </div>
</div> </div> -->
<div <div
v-show="addnolistShow" v-show="addnolistShow"
class="outaddrecordEnrollment_centent_nodata" class="outaddrecordEnrollment_centent_nodata"
...@@ -352,7 +454,7 @@ ...@@ -352,7 +454,7 @@
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script > <script>
import http from "../utils/http"; import http from "../utils/http";
import { import {
reactive, reactive,
...@@ -395,13 +497,72 @@ export default { ...@@ -395,13 +497,72 @@ export default {
opsName: "", opsName: "",
}, },
addCorePercents: [], addCorePercents: [],
addnodataShow: true, //没有搜索时显示 addnolistShow: true, //没有搜索数据的时候显示
addnolistShow: false, //没有搜索数据的时候显示
addgroupList: [], //主诊断 addgroupList: [], //主诊断
addgroupArr: [], addgroupArr: [],
addgroupList2: [], //主手术 addgroupList2: [], //主手术
addgroupArr2: [], addgroupArr2: [],
addrecordEnrollmentShow: false, addrecordEnrollmentShow: false,
// 性别选择器
sexoptions: [
{
label: '未知',
value: '0',
},
{
label: '男',
value: '1',
},
{
label: '女',
value: '2',
},
],
//离院方式选择器
leaveoptions: [
{
label: '医嘱离院',
value: '1',
},
{
label: '医嘱转院',
value: '2',
},
{
label: '医嘱转社区卫生服务机构/乡镇卫生院',
value: '3',
},
{
label: '非医嘱离院',
value: '4',
},
{
label: '死亡',
value: '5',
},
{
label: '其他',
value: '9',
},
],
//性别输入框
sexvalue: '0',
//年龄 岁
ageinput: '0',
//年龄 天
ageinput2: '0',
//icu时长
icuinput: '0',
//离院方式
leavevalue: '1',
otdiagName: '', //其他诊断
otopsName: '', //其他手术
zdoptions: [], //诊断的数据
otzdoptions: [], //其他诊断数据
ssoptions: [], //主手术
otssoptions: [], //其他手术
diagList: [], //诊断
opsList: [], //手术
}); });
//返回 //返回
const router = useRouter(); const router = useRouter();
...@@ -499,98 +660,147 @@ export default { ...@@ -499,98 +660,147 @@ export default {
//关闭弹层前的回调 //关闭弹层前的回调
const closeDialog = () => { const closeDialog = () => {
state.addrecordEnrollmentShow=false; state.addrecordEnrollmentShow = false;
state.outaddsearchForm = { state.outaddsearchForm = {
diagName: "", diagName: "",
opsName: "", opsName: "",
}; };
addclear(); (state.otdiagName = []), (state.otopsName = []), addclear();
}; };
//获取主诊断模糊数据
function addgroupListMe() {
http
.post(
`/medical/get/GetDiagOpss?diagName=${
state.outaddsearchForm.diagName
}&type=${1}`,
{}
)
.then((data) => {
state.addgroupList = data;
for (let item of state.addgroupList) {
state.addgroupArr.push({
value: item.name,
});
}
})
.catch((error) => {});
}
function addquerySearchGroup(queryString, cb) {
if (state.outaddsearchForm.diagName.length > 0) {
addgroupListMe();
}
state.addgroupArr = [];
cb(state.addgroupArr);
}
//清空输入框的值时触发 //清空输入框的值时触发
const addclear = () => { const addclear = () => {
state.addCorePercents = []; state.addCorePercents = [];
state.addnodataShow = true; state.addnodataShow = true;
}; };
//获取主手术模糊数据 //获取诊断数据
function addgroupListMe2() { const remoteMethod = (query) => {
http if (query) {
.post( http
`/medical/get/GetDiagOpss?diagName=${ .post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
state.outaddsearchForm.opsName .then((data) => {
}&type=${2}`, state.zdoptions = data;
{} })
) .catch((error) => {});
.then((data) => { } else {
state.addgroupList2 = data; state.zdoptions = [];
for (let item of state.addgroupList2) {
state.addgroupArr2.push({
value: item.name,
});
}
})
.catch((error) => {});
}
function addquerySearchGroup2(queryString, cb) {
if (state.outaddsearchForm.opsName.length > 0) {
addgroupListMe2();
} }
state.addgroupArr2 = []; };
cb(state.addgroupArr2); //获取其他诊断数据
} const otremoteMethod = (query) => {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
state.otzdoptions = data;
})
.catch((error) => {});
} else {
state.zdoptions = [];
}
};
//获取主手术，其他手术的数据
const ssremoteMethod = (query) => {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
state.ssoptions = data;
})
.catch((error) => {});
} else {
state.zdoptions = [];
}
};
//获取其他手术的数据
const otssremoteMethod = (query) => {
if (query) {
http
.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
state.otssoptions = data;
})
.catch((error) => {});
} else {
state.zdoptions = [];
}
};
//查询 //查询
const addsearch = () => { const addsearch = () => {
state.addCorePercents = []; //诊断
addgetlist(); if (state.otdiagName.length > 0 && state.outaddsearchForm.diagName) {
if (state.outaddsearchForm.diagName) { state.diagList.push({
state.addnodataShow = false; diagCode: state.outaddsearchForm.diagName,
state.addnolistShow = false; diagOrder: "0",
} else { });
state.addnodataShow = true; state.otdiagName.forEach((i) => {
state.addnolistShow = false; state.diagList.push({
diagCode: i,
diagOrder: "1",
});
});
} else if (state.outaddsearchForm.diagName) {
state.diagList.push({
diagCode: state.outaddsearchForm.diagName,
diagOrder: "0",
});
} else if (state.otdiagName.length > 0) {
state.otdiagName.forEach((i) => {
state.diagList.push({
diagCode: i,
diagOrder: "1",
});
});
}
// 手术
if (state.otopsName.length > 0 && state.outaddsearchForm.opsName) {
state.opsList.push({
opsCode: state.outaddsearchForm.opsName,
diagOrder: "0",
});
state.otopsName.forEach((i) => {
state.opsList.push({
opsCode: i,
diagOrder: "1",
});
});
} else if (state.outaddsearchForm.opsName) {
state.opsList.push({
opsCode: state.outaddsearchForm.opsName,
diagOrder: "0",
});
} else if (state.otopsName.length > 0) {
state.otopsName.forEach((i) => {
state.opsList.push({
opsCode: i,
diagOrder: "1",
});
});
} }
addgetlist();
}; };
//获取列表数据 //获取列表数据
const addgetlist = () => { const addgetlist = () => {
http http
.post(`/medical/get/GetCorePercents`, { .post(`/medical/post/GetCorePercentsByAssemble`, {
diagName: state.outaddsearchForm.diagName, a14: state.ageinput?state.ageinput:'0', // 年龄
opsName: state.outaddsearchForm.opsName, a16: state.ageinput2?state.ageinput2:'0', // 年龄不足一周岁（天）
a12C: state.sexvalue, // 性别
icuTime: state.icuinput?state.icuinput:'0', // icu总时长（分钟）
b34C: state.leavevalue, // 离院方式
diagList: state.diagList, // 诊断集合
opsList: state.opsList, // 手术集合
}) })
.then((data) => { .then((data) => {
state.addCorePercents = data.list; state.addCorePercents = data;
if (state.addCorePercents.length == 0) { if (state.addCorePercents.length == 0) {
state.addnolistShow = true; state.addnolistShow = true;
state.addnodataShow = false; }else{
state.addnolistShow = false;
} }
// state.totalCount = data.totalCount; // state.totalCount = data.totalCount;
for (var i = 0; i < state.addCorePercents.length; i++) { for (var i = 0; i < state.addCorePercents.length; i++) {
...@@ -634,6 +844,7 @@ export default { ...@@ -634,6 +844,7 @@ export default {
), ),
`indexChart11file${i}` `indexChart11file${i}`
); );
(state.diagList = []), (state.opsList = []);
} }
}) })
.catch((error) => {}); .catch((error) => {});
...@@ -660,19 +871,19 @@ export default { ...@@ -660,19 +871,19 @@ export default {
addsearch, addsearch,
addgetlist, addgetlist,
addquerySearchGroup, remoteMethod,
addgroupListMe, otremoteMethod,
addquerySearchGroup2, otssremoteMethod,
addgroupListMe2,
addclear, addclear,
ssremoteMethod,
closeDialog, closeDialog,
}; };
}, },
}; };
</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;
...@@ -1073,7 +1284,7 @@ export default { ...@@ -1073,7 +1284,7 @@ export default {
justify-content: center; justify-content: center;
span { span {
height: 100%; height: 100%;
width: 85%; width: 85%;
// margin:5px 5px; // margin:5px 5px;
display: flex; display: flex;
justify-content: start; justify-content: start;
...@@ -1113,7 +1324,7 @@ export default { ...@@ -1113,7 +1324,7 @@ export default {
justify-content: center; justify-content: center;
span { span {
height: 100%; height: 100%;
width: 85%; width: 85%;
// margin:5px 5px; // margin:5px 5px;
display: flex; display: flex;
justify-content: start; justify-content: start;
...@@ -1357,109 +1568,110 @@ export default { ...@@ -1357,109 +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: 6%; height: 15%;
margin-bottom: 20px; margin-bottom:10px;
&_message { display: flex;
display: flex; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: center; &_div1 {
&_left { color: #abafb3;
display: flex; display: flex;
justify-content: space-between; font-size: 12px;
align-items: center; align-items: center;
background-color: #f3fafd; margin-bottom: 10px;
font-family: PingFang SC; &_span1 {
width: 43%; width: 50px;
height: 51px; display: flex;
&_t1 { align-items: center;
display: flex; justify-content: flex-end;
justify-content: space-between; }
align-items: center; &_inp1 {
width: 30%; width: 400px;
font-size: 15px; }
font-family: PingFang SC; &_span2 {
font-weight: 400; width: 70px;
color: #2cabe3; display: flex;
.iconfont { justify-content: flex-end;
color: #2cabe3; }
padding-left: 29px; &_inp2 {
font-size: 23px; width: 500px;
} }
} &_span3 {
&_t2 { width:80px;
width: 70%; display: flex;
border-radius: 1px solid white; justify-content: flex-end;
.el-input__inner { }
width: 98%; &_inp3 {
height: 42px; width: 100px;
line-height: 42px; }
font-size: 16px; &_span4 {
border: none; width: 80px;
} display: flex;
} justify-content: flex-end;
} }
&_centert { &_inp4 {
display: flex; width: 150px;
justify-content: space-between; }
align-items: center; &_span5 {
background-color: #f3fafd; margin-left: 290px;
font-family: PingFang SC; display: flex;
width: 43%; justify-content: flex-end;
height: 51px; }
&_t1 { }
display: flex; &_div2 {
justify-content: space-between; display: flex;
align-items: center; font-size: 12px;
width: 30%; align-items: center;
color: #abafb3;
font-size: 15px; margin-bottom: 10px;
font-family: PingFang SC; &_span1 {
font-weight: 400; width: 50px;
color: #2cabe3; display: flex;
.iconfont { align-items: center;
color: #2cabe3; justify-content: flex-end;
padding-left: 25px; }
font-size: 23px; &_inp1 {
} width: 400px;
} }
&_t2 { &_span2 {
width: 70%; width: 70px;
border-radius: 1px solid white; display: flex;
.el-input__inner { justify-content: flex-end;
width: 98%; }
height: 42px; &_inp2 {
line-height: 42px; width: 500px;
font-size: 16px; }
border: none; &_span3 {
} width: 80px;
} display: flex;
} justify-content: flex-end;
&_right { }
width: 136px; &_inp3 {
height: 37px; width: 100px;
background: #2cabe3; }
border-radius: 4px; &_span4 {
display: flex; width: 80px;
align-items: center; display: flex;
justify-content: center; justify-content: flex-end;
&_span2 { }
font-size: 15px; &_inp4 {
font-family: PingFang SC; width: 150px;
font-weight: 400; }
color: #fefefe; }
} &_div3 {
span { color: #abafb3;
margin-right: 5px; display: flex;
} font-size: 12px;
.iconfont { &_span1 {
color: white; width: 50px;
font-size: 19px; display: flex;
} align-items: center;
} justify-content: flex-end;
} }
} }
}
&_centent { &_centent {
background-color: #f1f5f8; background-color: #f1f5f8;
height: 70vh; height: 70vh;
......
src/views/outaddrecordEnrollment.vue
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
class="outaddrecordEnrollment_search_message_left_t2" class="outaddrecordEnrollment_search_message_left_t2"
v-model.trim="outaddsearchForm.diagName" v-model.trim="outaddsearchForm.diagName"
:trigger-on-focus="true" :trigger-on-focus="true"
placeholder="请输入主诊断名称或诊断编码" placeholder="请输入预计DIP支付费用"
clearable clearable
:fetch-suggestions="addquerySearchGroup" :fetch-suggestions="addquerySearchGroup"
select-when-unmatched="true" select-when-unmatched="true"
......
src/views/outpatientDetails.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: wsq * @Author: wsq
* @Date: 2022-04-22 15:20:58 * @Date: 2022-04-22 15:20:58
* @LastEditors: wsq * @LastEditors: wsq
* @LastEditTime: 2022-07-15 18:29:02 * @LastEditTime: 2022-07-22 10:09:29
* @Description: * @Description:
--> -->
<template> <template>
...@@ -54,6 +54,14 @@ ...@@ -54,6 +54,14 @@
分组类型:<span>{{ HistoryInfo.disNature }}</span> 分组类型:<span>{{ HistoryInfo.disNature }}</span>
</div> </div>
</div> </div>
<div class="outpatientDetails_top_message_div6">
<span class="outpatientDetails_top_message_div6_tu6"
><img src="../assets/img/lx2.png" alt=""
/></span>
<div class="outpatientDetails_top_message_div6_t6">
病人类型:<span>{{HistoryInfo.patientType}}</span>
</div>
</div>
<div class="outpatientDetails_top_message_div5"> <div class="outpatientDetails_top_message_div5">
<span class="outpatientDetails_top_message_div5_tu5" <span class="outpatientDetails_top_message_div5_tu5"
><img src="../assets/img/je.png" alt="" ><img src="../assets/img/je.png" alt=""
...@@ -816,7 +824,7 @@ export default { ...@@ -816,7 +824,7 @@ export default {
justify-content: space-between; justify-content: space-between;
margin-top: 16px; margin-top: 16px;
&_left { &_left {
width: 20%; width: 16.6%;
height: 51px; height: 51px;
display: flex; display: flex;
justify-content: start; justify-content: start;
...@@ -849,7 +857,7 @@ export default { ...@@ -849,7 +857,7 @@ export default {
} }
} }
&_centert { &_centert {
width: 20%; width: 16.6%;
height: 51px; height: 51px;
display: flex; display: flex;
justify-content: start; justify-content: start;
...@@ -883,7 +891,7 @@ export default { ...@@ -883,7 +891,7 @@ export default {
} }
} }
&_right { &_right {
width: 20%; width: 16.6%;
height: 51px; height: 51px;
display: flex; display: flex;
justify-content: start; justify-content: start;
...@@ -912,7 +920,7 @@ export default { ...@@ -912,7 +920,7 @@ export default {
} }
} }
&_low { &_low {
width: 20%; width: 16.6%;
height: 51px; height: 51px;
display: flex; display: flex;
justify-content: start; justify-content: start;
...@@ -940,8 +948,36 @@ export default { ...@@ -940,8 +948,36 @@ export default {
} }
} }
} }
&_div6 {
width: 16.6%;
height: 51px;
display: flex;
justify-content: start;
align-items: center;
background-color: #f3fafd;
font-family: PingFang SC;
&_tu6 {
padding-left: 29px;
font-size: 23px;
}
&_t6 {
width: 80%;
height: 42px;
display: flex;
justify-content: start;
padding-left: 10px;
align-items: center;
background-color: #fff;
color: #abafb3;
font-size: 14px;
margin-left: 29px;
span {
color: #787e8a;
}
}
}
&_div5 { &_div5 {
width: 20%; width: 16.6%;
height: 51px; height: 51px;
display: flex; display: flex;
justify-content: start; justify-content: start;
......
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