Skip to content

V
vue-composition-api
Commit 71045115 by 唐玉峰
Options

.

parent 08057098
Showing with 237 additions and 555 deletions
src/styles/media/components/outpatientDetails.scss
......@@ -583,7 +583,7 @@
height: 55% !important;
&_leftShowBox {
width: 83% !important;
width: 100% !important;
// 无数据
&_box {
......@@ -844,7 +844,7 @@
height: 63% !important;
&_leftShowBox {
width: 83% !important;
width: 100% !important;
// 无数据
&_box {
......
src/views/outHistorygrouping.vue
......@@ -209,10 +209,10 @@
>
<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>
<!-- <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;分钟
<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>
</span>
......@@ -251,19 +251,19 @@
<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="outaddrecordEnrollment_search_div2_span3">新生儿年龄:</span>
<el-input v-model="ageinput2" 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>
</el-select> -->
</div>
<div class="outaddrecordEnrollment_search_div3">
<!-- <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>
</el-radio-group>
</div>
</div> -->
</div>
<div class="outaddrecordEnrollment_centent">
<div class="outaddrecordEnrollment_centent_totalnum" v-for="(item, index) in addCorePercents" :key="index">
......@@ -272,21 +272,22 @@
<span>分组编码：{{ item.code }}</span>
<span>入组名称：{{ item.coreName }}</span>
<span>基准点数：{{ item.score }}</span>
<span>预计DIP支付费用：{{ item.unitfee }}</span>
</div>
<!--
<div class="outaddrecordEnrollment_centent_totalnum_left_text3">
<span>预计DIP支付费用：{{ item.unitfee }}</span
><span>院内历年平均费用：{{ item.avgFee }}</span
><span>院内历年平均住院天数：{{ item.avgInHosDay }}</span>
</div>
</div> -->
</div>
<div class="outaddrecordEnrollment_centent_totalnum_right">
<!-- <div class="outaddrecordEnrollment_centent_totalnum_right">
<div :id="`indexChart11` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar1"></div>
<div :id="`indexChart11two` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar2"></div>
<div :id="`indexChart11tree` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar3"></div>
<div :id="`indexChart11fore` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar4"></div>
<div :id="`indexChart11file` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar5"></div>
</div>
</div> -->
</div>
<!-- 如果没有数据时的样式 -->
<!-- <div
......@@ -323,8 +324,8 @@ import { useRoute, useRouter } from "../utils/useVueRouter";
import { initEcharts, categoryChart, categoryChart11 } from "../utils/echarts";
export default {
name: "outHistorygrouping",
setup() {
let state = reactive({
data() {
return {
abc: "",
casehisObj: null,
searchForm: {
......@@ -416,264 +417,237 @@ export default {
otssoptions: [], //其他手术
diagList: [], //诊断
opsList: [], //手术
});
//返回
const router = useRouter();
const goback = () => {
router.go(-1);
};
},
mounted() {
this.getCaseHis(this.$route.query.id);
if (this.searchForm.diagName.length > 0) {
this.getlist();
}
},
methods: {
goback() {
this.$router.go(-1);
},
//疾病查询
const gosear = () => {
state.addrecordEnrollmentShow = true;
};
gosear() {
this.addrecordEnrollmentShow = true;
this.outaddsearchForm = {
diagName: this.casehisObj.c03C,
opsName: "",
};
this.addsearch();
},
//获取基本数据
function getCaseHis(code) {
getCaseHis(code) {
http.post(`/medical/Get/casehisData?id=${code}`, {})
.then((data) => {
state.casehisObj = data;
this.casehisObj = data;
console.log("data", data);
state.diagMapList = data.diagMapList;
state.opsMapList = data.opsMapList;
getlist();
this.diagMapList = data.diagMapList;
this.opsMapList = data.opsMapList;
this.getlist();
})
.catch((error) => {});
}
},
//获取列表数据
const getlist = () => {
getlist() {
http.post(`/medical/get/GetCorePercents`, {
Type: 1,
DiagMapList: state.diagMapList,
OpsMapList: state.opsMapList,
id: route.value.query.id,
DiagMapList: this.diagMapList,
OpsMapList: this.opsMapList,
id: this.$route.query.id,
})
.then((data) => {
state.CorePercents = data.list;
if (state.CorePercents.length == 0) {
state.nolistShow = true;
// state.nodataShow = false;
this.CorePercents = data.list;
if (this.CorePercents.length == 0) {
this.nolistShow = true;
// this.nodataShow = false;
}
for (var i = 0; i < state.CorePercents.length; i++) {
this.$nextTick();
initEcharts(categoryChart(state.CorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`);
initEcharts(categoryChart(state.CorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`);
initEcharts(categoryChart(state.CorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`);
initEcharts(categoryChart(state.CorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
initEcharts(categoryChart(state.CorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
for (var i = 0; i < this.CorePercents.length; i++) {
this.$nextTick(() => {
initEcharts(categoryChart(this.CorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`);
initEcharts(categoryChart(this.CorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`);
initEcharts(categoryChart(this.CorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`);
initEcharts(categoryChart(this.CorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
initEcharts(categoryChart(this.CorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
});
}
})
.catch((error) => {});
};
},
//提交
const submit = () => {
if (!state.radio) {
submit() {
if (!this.radio) {
Message.warning({
message: "请先选择要入组的病组",
type: "warning",
});
} else {
http.post(`/medical/Update/casehisById?PatientId=${route.value.query.id}`, [state.coreID])
http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}`, [this.coreID])
.then((data) => {
Message.success({
message: `${data.message}`,
type: "success",
});
getCaseHis(route.value.query.id);
this.getCaseHis(this.$route.query.id);
})
.catch((error) => {});
}
};
var route = useRoute();
},
//关闭弹层前的回调
const closeDialog = () => {
state.addrecordEnrollmentShow = false;
state.outaddsearchForm = {
closeDialog() {
this.addrecordEnrollmentShow = false;
this.outaddsearchForm = {
diagName: "",
opsName: "",
};
(state.otdiagName = []), (state.otopsName = []), addclear();
};
(this.otdiagName = []), (this.otopsName = []), this.addclear();
},
//清空输入框的值时触发
const addclear = () => {
state.addCorePercents = [];
state.addnodataShow = true;
};
addclear() {
this.addCorePercents = [];
this.addnodataShow = true;
},
//获取诊断数据
const remoteMethod = (query) => {
remoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
state.zdoptions = data;
this.zdoptions = data;
})
.catch((error) => {});
} else {
state.zdoptions = [];
this.zdoptions = [];
}
};
},
//获取其他诊断数据
const otremoteMethod = (query) => {
otremoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
.then((data) => {
state.otzdoptions = data;
this.otzdoptions = data;
})
.catch((error) => {});
} else {
state.zdoptions = [];
this.zdoptions = [];
}
};
},
//获取主手术，其他手术的数据
const ssremoteMethod = (query) => {
ssremoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
state.ssoptions = data;
this.ssoptions = data;
})
.catch((error) => {});
} else {
state.zdoptions = [];
this.zdoptions = [];
}
};
},
//获取其他手术的数据
const otssremoteMethod = (query) => {
otssremoteMethod(query) {
if (query) {
http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
.then((data) => {
state.otssoptions = data;
this.otssoptions = data;
})
.catch((error) => {});
} else {
state.zdoptions = [];
this.zdoptions = [];
}
};
},
//查询
const addsearch = () => {
addsearch() {
//诊断
if (state.otdiagName.length > 0 && state.outaddsearchForm.diagName) {
state.diagList.push({
diagCode: state.outaddsearchForm.diagName,
if (this.otdiagName.length > 0 && this.outaddsearchForm.diagName) {
this.diagList.push({
diagCode: this.outaddsearchForm.diagName,
diagOrder: "0",
});
state.otdiagName.forEach((i) => {
state.diagList.push({
this.otdiagName.forEach((i) => {
this.diagList.push({
diagCode: i,
diagOrder: "1",
});
});
} else if (state.outaddsearchForm.diagName) {
state.diagList.push({
diagCode: state.outaddsearchForm.diagName,
} else if (this.outaddsearchForm.diagName) {
this.diagList.push({
diagCode: this.outaddsearchForm.diagName,
diagOrder: "0",
});
} else if (state.otdiagName.length > 0) {
state.otdiagName.forEach((i) => {
state.diagList.push({
} else if (this.otdiagName.length > 0) {
this.otdiagName.forEach((i) => {
this.diagList.push({
diagCode: i,
diagOrder: "1",
});
});
}
// 手术
if (state.otopsName.length > 0 && state.outaddsearchForm.opsName) {
state.opsList.push({
opsCode: state.outaddsearchForm.opsName,
if (this.otopsName.length > 0 && this.outaddsearchForm.opsName) {
this.opsList.push({
opsCode: this.outaddsearchForm.opsName,
diagOrder: "0",
});
state.otopsName.forEach((i) => {
state.opsList.push({
this.otopsName.forEach((i) => {
this.opsList.push({
opsCode: i,
diagOrder: "1",
});
});
} else if (state.outaddsearchForm.opsName) {
state.opsList.push({
opsCode: state.outaddsearchForm.opsName,
} else if (this.outaddsearchForm.opsName) {
this.opsList.push({
opsCode: this.outaddsearchForm.opsName,
diagOrder: "0",
});
} else if (state.otopsName.length > 0) {
state.otopsName.forEach((i) => {
state.opsList.push({
} else if (this.otopsName.length > 0) {
this.otopsName.forEach((i) => {
this.opsList.push({
opsCode: i,
diagOrder: "1",
});
});
}
addgetlist();
};
this.addgetlist();
},
//获取列表数据
const addgetlist = () => {
addgetlist() {
http.post(`/medical/post/GetCorePercentsByAssemble`, {
a14: state.ageinput ? state.ageinput : "0", // 年龄
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, // 手术集合
a14: this.ageinput ? this.ageinput : "0", // 年龄
a16: this.ageinput2 ? this.ageinput2 : "0", // 年龄不足一周岁（天）
a12C: this.sexvalue, // 性别
icuTime: this.icuinput ? this.icuinput : "0", // icu总时长（分钟）
b34C: this.leavevalue, // 离院方式
diagList: this.diagList, // 诊断集合
opsList: this.opsList, // 手术集合
})
.then((data) => {
state.addCorePercents = data;
if (state.addCorePercents.length == 0) {
state.addnolistShow = true;
this.addCorePercents = data;
if (this.addCorePercents.length == 0) {
this.addnolistShow = true;
} else {
state.addnolistShow = false;
}
// state.totalCount = data.totalCount;
for (var i = 0; i < state.addCorePercents.length; i++) {
initEcharts(categoryChart11("药占比", state.addCorePercents[i].drugPercent, "#2CABE3"), `indexChart11${i}`);
initEcharts(categoryChart11("耗材占比", state.addCorePercents[i].materialsPercent, "#71D875"), `indexChart11two${i}`);
initEcharts(categoryChart11("检查占比", state.addCorePercents[i].inspectPercent, "#F35E77"), `indexChart11tree${i}`);
initEcharts(categoryChart11("检验占比", state.addCorePercents[i].testPercent, "#FFB321"), `indexChart11fore${i}`);
initEcharts(categoryChart11("其他", state.addCorePercents[i].otherPercent, "#C05EF3"), `indexChart11file${i}`);
(state.diagList = []), (state.opsList = []);
this.addnolistShow = false;
}
// this.totalCount = data.totalCount;
// for (var i = 0; i < this.addCorePercents.length; i++) {
// this.$nextTick(() => {
// initEcharts(categoryChart(this.addCorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`);
// initEcharts(categoryChart(this.addCorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`);
// initEcharts(categoryChart(this.addCorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`);
// initEcharts(categoryChart(this.addCorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
// initEcharts(categoryChart(this.addCorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
// });
// (this.diagList = []), (this.opsList = []);
// }
})
.catch((error) => {});
};
const radios = (e) => {
state.radio = e.target.value;
state.coreID = state.CorePercents.find((item) => item.id == e.target.value).coreID;
};
onMounted(() => {
getCaseHis(route.value.query.id);
if (state.searchForm.diagName.length > 0) {
getlist();
}
// if (state.outaddsearchForm.diagName.length > 0) {
// addgetlist();
// }
});
return {
...toRefs(state),
decimal,
getCaseHis,
getlist,
submit,
goback,
gosear,
addsearch,
addgetlist,
remoteMethod,
otremoteMethod,
otssremoteMethod,
addclear,
ssremoteMethod,
closeDialog,
radios,
};
},
radios(e) {
this.radio = e.target.value;
this.coreID = this.CorePercents.find((item) => item.id == e.target.value).coreID;
},
},
};
</script>
......@@ -1381,7 +1355,6 @@ export default {
width: 97%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
&_msg1 {
......@@ -1653,7 +1626,6 @@ export default {
justify-content: flex-end;
margin-top: 1%;
}
.outaddrecordEnrollment {
height: calc(100% - 50px);
background-color: white;
......@@ -1762,417 +1734,132 @@ export default {
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
align-items: center;
}
&_inp2 {
width: 500px;
}
}
}
// &_centent {
// background-color: #f1f5f8;
// height: 70vh;
// overflow-y: auto;
// &_totalnum {
// height: 151px;
// background-color: #fff;
// margin: 12px;
// display: flex;
// align-items: center;
// justify-content: space-around;
// &_left {
// flex: 1;
// width: 50%;
// height: 132px;
// background-color: rgba(44, 171, 227, 0.08);
// margin: 0 15px;
// display: flex;
// flex-direction: column;
// align-items: center;
// justify-content: center;
// &_text1 {
// width: 100%;
// height: 30%;
// display: flex;
// margin-top: 5px;
// margin-bottom: 10px;
// justify-content: space-between;
// span {
// height: 100%;
// width: 50%;
// margin: 5px 10px;
// background-color: #fff;
// display: flex;
// justify-content: start;
// align-items: center;
// font-size: 14px;
// padding-left: 10px;
// font-family: PingFang SC;
// font-weight: 300;
// color: #6a707e;
// }
// }
// &_text2 {
// width: 100%;
// height: 30%;
// display: flex;
// justify-content: space-between;
// span {
// height: 100%;
// width: 50%;
// margin: 5px 10px;
// background-color: #fff;
// display: flex;
// justify-content: start;
// align-items: center;
// font-size: 14px;
// padding-left: 10px;
// font-family: PingFang SC;
// font-weight: 300;
// color: #6a707e;
// }
// }
// &_text3 {
// margin-bottom: 10px;
// width: 100%;
// height: 30%;
// margin-top: 10px;
// display: flex;
// justify-content: space-between;
// span {
// height: 100%;
// width: 50%;
// margin: 5px 10px;
// background-color: #fff;
// display: flex;
// justify-content: start;
// align-items: center;
// font-size: 14px;
// padding-left: 10px;
// font-family: PingFang SC;
// font-weight: 300;
// color: #6a707e;
// }
// }
// }
// &_right {
// width: 50%;
// height: 132px;
// display: flex;
// justify-content: space-around;
// &_echar1 {
// width: 20%;
// height: 132px;
// }
// &_echar2 {
// width: 20%;
// height: 132px;
// }
// &_echar3 {
// width: 20%;
// height: 132px;
// }
// &_echar4 {
// width: 20%;
// height: 132px;
// }
// &_echar5 {
// width: 20%;
// height: 132px;
// }
// }
// }
// // 没有数据
// &_nodata {
// width: 100%;
// height: 100%;
// display: flex;
// flex-direction: column;
// justify-content: center;
// align-items: center;
// &_img {
// img {
// width: 115px;
// height: 102px;
// }
// }
// &_text {
// font-size: 18px;
// font-family: PingFang SC;
// font-weight: 400;
// color: #abafb3;
// }
// }
// }
&_centent {
background-color: #f1f5f8;
height: 63%;
height: 70vh;
overflow-y: auto;
&_totalnum {
height: 140px;
height: 151px;
background-color: #fff;
margin: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
&_left {
flex: 1;
width: 100%;
height: 70%;
width: 50%;
height: 132px;
background-color: rgba(44, 171, 227, 0.08);
margin: 0 15px;
display: flex;
flex-direction: row;
flex-direction: column;
align-items: center;
justify-content: center;
&_radios {
width: 3%;
&_text1 {
width: 100%;
height: 30%;
display: flex;
justify-content: center;
align-items: center;
}
&_text {
width: 97%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
&_msg1 {
height: 40%;
box-sizing: content-box;
border: 10px solid rgba(44, 171, 227, 0.08);
border-bottom: 5px solid rgba(44, 171, 227, 0.08);
border-top: 5px solid rgba(44, 171, 227, 0.08);
margin-bottom: 5px;
// margin-top: 5px;
display: flex;
&_text11 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text22 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text33 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text44 {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
span {
height: 100%;
width: 85%;
// margin:5px 5px;
display: flex;
justify-content: start;
align-items: flex-start;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
}
&_msg2 {
background-color: rgba(44, 171, 227, 0.08);
margin-top: 5px;
margin-bottom: 10px;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 5px 10px;
background-color: #fff;
display: flex;
flex-direction: column;
height: 40%;
justify-content: center;
// padding-top: 10px;
&_text3 {
// margin-bottom: 10px;
width: 100%;
height: 83%;
display: flex;
justify-content: space-between;
span {
display: block;
height: 100%;
width: 50%;
margin: 0px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text5 {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
height: 45%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 0px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
}
}
}
&_right {
width: 100%;
height: 30%;
display: flex;
justify-content: space-around;
&_text1 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 3%;
&_span1 {
color: #2cabe3;
font-family: PingFang SC;
font-weight: 400;
justify-content: start;
align-items: center;
font-size: 14px;
}
&_echar1 {
width: 50%;
height: 88px;
margin-left: -30px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text2 {
width: 19%;
width: 100%;
height: 30%;
display: flex;
justify-content: center;
align-items: center;
&_span2 {
color: #71d875;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar2 {
justify-content: space-between;
span {
height: 100%;
width: 50%;
height: 88px;
margin-left: -30px;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
}
}
&_text3 {
width: 19%;
margin-bottom: 10px;
width: 100%;
height: 30%;
margin-top: 10px;
display: flex;
justify-content: center;
align-items: center;
&_span3 {
color: #f35e77;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar3 {
justify-content: space-between;
span {
height: 100%;
width: 50%;
height: 85px;
margin-left: -30px;
}
}
&_text4 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span4 {
color: #ffb321;
font-family: PingFang SC;
font-weight: 400;
margin: 5px 10px;
background-color: #fff;
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
}
&_echar4 {
width: 50%;
height: 88px;
margin-left: -30px;
}
}
&_text5 {
width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span5 {
color: #c05ef3;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar5 {
width: 50%;
height: 88px;
margin-left: -30px;
font-weight: 300;
color: #6a707e;
}
}
}
&_right {
width: 50%;
height: 132px;
display: flex;
justify-content: space-around;
&_echar1 {
width: 20%;
height: 132px;
}
&_echar2 {
width: 20%;
height: 132px;
}
&_echar3 {
width: 20%;
height: 132px;
}
&_echar4 {
width: 20%;
height: 132px;
}
&_echar5 {
width: 20%;
height: 132px;
}
}
}
// 没有数据
&_nodata {
......@@ -2181,7 +1868,7 @@ export default {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
&_img {
img {
......
src/views/outpatientDetails.vue
......@@ -11,8 +11,7 @@
<div class="outpatientDetails_top">
<div class="outpatientDetails_top_div1">
<span class="span1">患者信息</span>
<el-button class="outpatientDetails_top_div1_button" type="primary" size="mini" @click="getControl">医嘱质控</el-button>
<!-- <el-button size="mini" type="primary">医嘱质控</el-button> -->
<!-- <el-button class="outpatientDetails_top_div1_button" type="primary" size="mini" @click="getControl">医嘱质控</el-button> -->
</div>
<div class="outpatientDetails_top_message">
......@@ -236,7 +235,7 @@
</div>
</div> -->
<!-- 右侧有数据 -->
<div class="outpatientDetails_bottom_rght2">
<!-- <div class="outpatientDetails_bottom_rght2">
<div class="outpatientDetails_bottom_rght2_top">
<div class="outpatientDetails_bottom_rght2_top_title">异常问题</div>
<div class="outpatientDetails_bottom_rght2_top_mes">
......@@ -250,10 +249,6 @@
@click="gettype(item.name, ind)"
>{{ item.name }}：<span :style="{ color: item.color }">{{ item.count }}</span></span
>
<!-- <span class="outpatientDetails_bottom_rght2_top_mes_span2">检查：<span style="color: #3ad330">0</span></span>
<span class="outpatientDetails_bottom_rght2_top_mes_span3">治疗：<span style="color: #2aaae2">0</span></span>
<span class="outpatientDetails_bottom_rght2_top_mes_span4">其他：<span style="color: red">0</span></span> -->
</div>
</div>
<div class="outpatientDetails_bottom_rght2_bottom">
......@@ -282,7 +277,7 @@
</el-tooltip>
</div>
</div>
</div>
</div> -->
</div>
<!--无数据 -->
<!-- <div class="outpatientDetails_bottom" v-if="goods.length == 0">
......@@ -1093,7 +1088,7 @@ export default {
justify-content: space-between;
height: 80%;
&_leftShowBox {
width: 78%;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
......
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