Skip to content

V
vue-composition-api
Commit 6195faa5 by wangshuangqing
Options

调整字段名 

修改字段位置
parent d9d7ef63
Showing with 919 additions and 325 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 17:47:42 * @LastEditTime: 2023-02-27 17:40:12
* @Description: * @Description:
--> -->
<template> <template>
...@@ -141,25 +141,26 @@ ...@@ -141,25 +141,26 @@
<div <div
class="outsetgrouping_centent_totalnum_left_text_msg1_text44" class="outsetgrouping_centent_totalnum_left_text_msg1_text44"
> >
<span> 分组类型:{{ item.disNature }}</span> <span> 入组类型:{{ item.disNature }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2"> <div class="outsetgrouping_centent_totalnum_left_text_msg2">
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text3"> <div class="outsetgrouping_centent_totalnum_left_text_msg2_text3">
<span>分组编码：{{ item.code }}</span> <span>入组编码：{{ item.code }}</span>
<span>入组名称：{{ item.coreName }}</span> <span>入组名称：{{ item.coreName }}</span>
<span>基准点数：{{ item.score }}</span> <span>病种分值：{{ item.score }}</span>
<span>预计DRG支付费用：{{ item.unitfee }}</span>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text5"> <!-- <div class="outsetgrouping_centent_totalnum_left_text_msg2_text5">
<span>预计DRG支付费用：{{ item.unitfee }}</span <span>预计DRG支付费用：{{ item.unitfee }}</span
><span>院内历年平均费用：{{ item.avgFee }}</span ><span>院内历年平均费用：{{ item.avgFee }}</span
><span>院内历年平均住院天数：{{ item.avgInHosDay }}</span> ><span>院内历年平均住院天数：{{ item.avgInHosDay }}</span>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_right"> <!-- <div class="outsetgrouping_centent_totalnum_right">
<div class="outsetgrouping_centent_totalnum_right_text1"> <div class="outsetgrouping_centent_totalnum_right_text1">
<span class="outsetgrouping_centent_totalnum_right_text1_span1"> <span class="outsetgrouping_centent_totalnum_right_text1_span1">
院内历年平均药占比:</span 院内历年平均药占比:</span
...@@ -205,7 +206,7 @@ ...@@ -205,7 +206,7 @@
class="outsetgrouping_centent_totalnum_right_text5_echar5" class="outsetgrouping_centent_totalnum_right_text5_echar5"
></div> ></div>
</div> </div>
</div> </div> -->
</div> </div>
<!-- 如果没有搜索时的样式 --> <!-- 如果没有搜索时的样式 -->
...@@ -229,7 +230,7 @@ ...@@ -229,7 +230,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 style="color:red">*</span> 主诊断:</span ><span style="color: red">*</span> 主诊断:</span
> >
<el-select <el-select
class="outaddrecordEnrollment_search_div1_inp1" class="outaddrecordEnrollment_search_div1_inp1"
...@@ -504,65 +505,65 @@ export default { ...@@ -504,65 +505,65 @@ export default {
addgroupArr2: [], addgroupArr2: [],
addrecordEnrollmentShow: false, addrecordEnrollmentShow: false,
// 性别选择器 // 性别选择器
sexoptions: [ sexoptions: [
{ {
label: '未知', label: "未知",
value: '0', value: "0",
}, },
{ {
label: '男', label: "男",
value: '1', value: "1",
}, },
{ {
label: '女', label: "女",
value: '2', value: "2",
}, },
], ],
//离院方式选择器 //离院方式选择器
leaveoptions: [ leaveoptions: [
{ {
label: '医嘱离院', label: "医嘱离院",
value: '1', value: "1",
}, },
{ {
label: '医嘱转院', label: "医嘱转院",
value: '2', value: "2",
}, },
{ {
label: '医嘱转社区卫生服务机构/乡镇卫生院', label: "医嘱转社区卫生服务机构/乡镇卫生院",
value: '3', value: "3",
}, },
{ {
label: '非医嘱离院', label: "非医嘱离院",
value: '4', value: "4",
}, },
{ {
label: '死亡', label: "死亡",
value: '5', value: "5",
}, },
{ {
label: '其他', label: "其他",
value: '9', value: "9",
}, },
], ],
//性别输入框 //性别输入框
sexvalue: '0', sexvalue: "0",
//年龄 岁 //年龄 岁
ageinput: '0', ageinput: "0",
//年龄 天 //年龄 天
ageinput2: '0', ageinput2: "0",
//icu时长 //icu时长
icuinput: '0', icuinput: "0",
//离院方式 //离院方式
leavevalue: '1', leavevalue: "1",
otdiagName: '', //其他诊断 otdiagName: "", //其他诊断
otopsName: '', //其他手术 otopsName: "", //其他手术
zdoptions: [], //诊断的数据 zdoptions: [], //诊断的数据
otzdoptions: [], //其他诊断数据 otzdoptions: [], //其他诊断数据
ssoptions: [], //主手术 ssoptions: [], //主手术
otssoptions: [], //其他手术 otssoptions: [], //其他手术
diagList: [], //诊断 diagList: [], //诊断
opsList: [], //手术 opsList: [], //手术
}); });
//返回 //返回
const router = useRouter(); const router = useRouter();
...@@ -787,10 +788,10 @@ export default { ...@@ -787,10 +788,10 @@ export default {
const addgetlist = () => { const addgetlist = () => {
http http
.post(`/medical/post/GetCorePercentsByAssemble`, { .post(`/medical/post/GetCorePercentsByAssemble`, {
a14: state.ageinput?state.ageinput:'0', // 年龄 a14: state.ageinput ? state.ageinput : "0", // 年龄
a16: state.ageinput2?state.ageinput2:'0', // 年龄不足一周岁（天） a16: state.ageinput2 ? state.ageinput2 : "0", // 年龄不足一周岁（天）
a12C: state.sexvalue, // 性别 a12C: state.sexvalue, // 性别
icuTime: state.icuinput?state.icuinput:'0', // 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, // 手术集合
...@@ -799,7 +800,7 @@ export default { ...@@ -799,7 +800,7 @@ export default {
state.addCorePercents = data; state.addCorePercents = data;
if (state.addCorePercents.length == 0) { if (state.addCorePercents.length == 0) {
state.addnolistShow = true; state.addnolistShow = true;
}else{ } else {
state.addnolistShow = false; state.addnolistShow = false;
} }
// state.totalCount = data.totalCount; // state.totalCount = data.totalCount;
...@@ -883,7 +884,7 @@ export default { ...@@ -883,7 +884,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'; @import "../styles/outHistorygrouping.scss";
.outsetgrouping { .outsetgrouping {
height: 900px; height: 900px;
background-color: white; background-color: white;
...@@ -1212,19 +1213,360 @@ export default { ...@@ -1212,19 +1213,360 @@ export default {
} }
} }
// &_centent {
// background-color: #f1f5f8;
// height: 66%;
// overflow-y: auto;
// &_totalnum {
// height: 290px;
// background-color: #fff;
// margin: 12px;
// display: flex;
// flex-direction: column;
// align-items: center;
// &_left {
// flex: 1;
// width: 100%;
// height: 70%;
// display: flex;
// flex-direction: row;
// align-items: center;
// justify-content: center;
// &_radios {
// width: 3%;
// height: 30%;
// display: flex;
// justify-content: center;
// align-items: center;
// }
// &_text {
// width: 97%;
// height: 100%;
// &_msg1 {
// height: 25%;
// 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);
// display: flex;
// flex-direction: column;
// height: 65%;
// justify-content: center;
// padding-top: 10px;
// &_text3 {
// // margin-bottom: 10px;
// width: 100%;
// height: 45%;
// 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;
// }
// }
// // &_text4 {
// // margin-bottom: 10px;
// // width: 100%;
// // height: 30%;
// // margin-top: 10px;
// // 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;
// // }
// // }
// &_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;
// }
// &_echar1 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// &_text2 {
// width: 19%;
// display: flex;
// justify-content: center;
// align-items: center;
// &_span2 {
// color: #71d875;
// font-family: PingFang SC;
// font-weight: 400;
// }
// &_echar2 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// &_text3 {
// width: 19%;
// display: flex;
// justify-content: center;
// align-items: center;
// &_span3 {
// color: #f35e77;
// font-family: PingFang SC;
// font-weight: 400;
// }
// &_echar3 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// &_text4 {
// width: 19%;
// display: flex;
// justify-content: center;
// align-items: center;
// &_span4 {
// color: #ffb321;
// font-family: PingFang SC;
// font-weight: 400;
// }
// &_echar4 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// &_text5 {
// width: 19%;
// display: flex;
// justify-content: center;
// align-items: center;
// &_span5 {
// color: #c05ef3;
// font-family: PingFang SC;
// font-weight: 400;
// }
// &_echar5 {
// width: 50%;
// height: 85px;
// margin-left: -30px;
// margin-top: 10px;
// }
// }
// }
// }
// // 没有数据
// &_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 { &_centent {
background-color: #f1f5f8; background-color: #f1f5f8;
height: 66%; height: 63%;
overflow-y: auto; overflow-y: auto;
&_totalnum { &_totalnum {
height: 290px; height: 140px;
background-color: #fff; background-color: #fff;
margin: 12px; margin: 12px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
&_left { &_left {
flex: 1; flex: 1;
width: 100%; width: 100%;
...@@ -1233,7 +1575,6 @@ export default { ...@@ -1233,7 +1575,6 @@ export default {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&_radios { &_radios {
width: 3%; width: 3%;
height: 30%; height: 30%;
...@@ -1241,19 +1582,21 @@ export default { ...@@ -1241,19 +1582,21 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
&_text { &_text {
width: 97%; width: 97%;
height: 100%; height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
&_msg1 { &_msg1 {
height: 25%; height: 40%;
box-sizing: content-box; box-sizing: content-box;
border: 10px solid rgba(44, 171, 227, 0.08); border: 10px solid rgba(44, 171, 227, 0.08);
border-bottom: 5px 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); border-top: 5px solid rgba(44, 171, 227, 0.08);
margin-bottom: 5px; margin-bottom: 5px;
margin-top: 5px; // margin-top: 5px;
display: flex; display: flex;
&_text11 { &_text11 {
...@@ -1343,17 +1686,15 @@ export default { ...@@ -1343,17 +1686,15 @@ export default {
background-color: rgba(44, 171, 227, 0.08); background-color: rgba(44, 171, 227, 0.08);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 65%; height: 40%;
justify-content: center; justify-content: center;
padding-top: 10px; // padding-top: 10px;
&_text3 { &_text3 {
// margin-bottom: 10px; // margin-bottom: 10px;
width: 100%; width: 100%;
height: 45%; height: 83%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
span { span {
display: block; display: block;
height: 100%; height: 100%;
...@@ -1370,31 +1711,6 @@ export default { ...@@ -1370,31 +1711,6 @@ export default {
color: #6a707e; color: #6a707e;
} }
} }
// &_text4 {
// margin-bottom: 10px;
// width: 100%;
// height: 30%;
// margin-top: 10px;
// 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;
// }
// }
&_text5 { &_text5 {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
...@@ -1402,7 +1718,6 @@ export default { ...@@ -1402,7 +1718,6 @@ export default {
height: 45%; height: 45%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
span { span {
height: 100%; height: 100%;
width: 50%; width: 50%;
...@@ -1421,31 +1736,27 @@ export default { ...@@ -1421,31 +1736,27 @@ export default {
} }
} }
} }
&_right { &_right {
width: 100%; width: 100%;
height: 30%; height: 30%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
&_text1 { &_text1 {
width: 19%; width: 19%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-left: 3%; margin-left: 3%;
&_span1 { &_span1 {
color: #2cabe3; color: #2cabe3;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 14px;
} }
&_echar1 { &_echar1 {
width: 50%; width: 50%;
height: 85px; height: 88px;
margin-left: -30px; margin-left: -30px;
margin-top: 10px;
} }
} }
...@@ -1454,83 +1765,71 @@ export default { ...@@ -1454,83 +1765,71 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
&_span2 { &_span2 {
color: #71d875; color: #71d875;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 14px;
} }
&_echar2 { &_echar2 {
width: 50%; width: 50%;
height: 85px; height: 88px;
margin-left: -30px; margin-left: -30px;
margin-top: 10px;
} }
} }
&_text3 { &_text3 {
width: 19%; width: 19%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
&_span3 { &_span3 {
color: #f35e77; color: #f35e77;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 14px;
} }
&_echar3 { &_echar3 {
width: 50%; width: 50%;
height: 85px; height: 85px;
margin-left: -30px; margin-left: -30px;
margin-top: 10px;
} }
} }
&_text4 { &_text4 {
width: 19%; width: 19%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
&_span4 { &_span4 {
color: #ffb321; color: #ffb321;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 14px;
} }
&_echar4 { &_echar4 {
width: 50%; width: 50%;
height: 85px; height: 88px;
margin-left: -30px; margin-left: -30px;
margin-top: 10px;
} }
} }
&_text5 { &_text5 {
width: 19%; width: 19%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
&_span5 { &_span5 {
color: #c05ef3; color: #c05ef3;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 14px;
} }
&_echar5 { &_echar5 {
width: 50%; width: 50%;
height: 85px; height: 88px;
margin-left: -30px; margin-left: -30px;
margin-top: 10px;
} }
} }
} }
} }
// 没有数据 // 没有数据
&_nodata { &_nodata {
width: 100%; width: 100%;
...@@ -1538,7 +1837,7 @@ export default { ...@@ -1538,7 +1837,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-content: center;
&_img { &_img {
img { img {
...@@ -1546,7 +1845,6 @@ export default { ...@@ -1546,7 +1845,6 @@ export default {
height: 102px; height: 102px;
} }
} }
&_text { &_text {
font-size: 18px; font-size: 18px;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -1555,7 +1853,6 @@ export default { ...@@ -1555,7 +1853,6 @@ export default {
} }
} }
} }
&_pagination { &_pagination {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
...@@ -1568,220 +1865,517 @@ export default { ...@@ -1568,220 +1865,517 @@ 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: 400px; width: 400px;
} }
&_span2 { &_span2 {
width: 70px; width: 70px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp2 { &_inp2 {
width: 500px; width: 500px;
} }
&_span3 { &_span3 {
width:80px; width: 80px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp3 { &_inp3 {
width: 100px; width: 100px;
} }
&_span4 { &_span4 {
width: 80px; width: 80px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp4 { &_inp4 {
width: 150px; width: 150px;
} }
&_span5 { &_span5 {
margin-left: 290px; 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: 400px; width: 400px;
} }
&_span2 { &_span2 {
width: 70px; width: 70px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp2 { &_inp2 {
width: 500px; width: 500px;
} }
&_span3 { &_span3 {
width: 80px; width: 80px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
&_inp3 { &_inp3 {
width: 100px; width: 100px;
} }
&_span4 { &_span4 {
width: 80px; 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 {
// 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 { &_centent {
background-color: #f1f5f8; background-color: #f1f5f8;
height: 70vh; height: 63%;
overflow-y: auto; overflow-y: auto;
&_totalnum { &_totalnum {
height: 151px; height: 140px;
background-color: #fff; background-color: #fff;
margin: 12px; margin: 12px;
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: space-around;
&_left { &_left {
flex: 1; flex: 1;
width: 50%; width: 100%;
height: 132px; height: 70%;
background-color: rgba(44, 171, 227, 0.08);
margin: 0 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&_text1 { &_radios {
width: 100%; width: 3%;
height: 30%; height: 30%;
display: flex; display: flex;
margin-top: 5px; justify-content: center;
margin-bottom: 10px; align-items: center;
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 { &_text {
width: 100%; width: 97%;
height: 30%; height: 100%;
display: flex; display: flex;
justify-content: space-between;
span { flex-direction: column;
height: 100%; justify-content: center;
width: 50%; &_msg1 {
margin: 5px 10px; height: 40%;
background-color: #fff; 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; display: flex;
justify-content: start;
align-items: center; &_text11 {
font-size: 14px; width: 25%;
padding-left: 10px; height: 100%;
font-family: PingFang SC; display: flex;
font-weight: 300; flex-direction: column;
color: #6a707e; 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;
}
}
} }
}
&_text3 { &_msg2 {
margin-bottom: 10px; background-color: rgba(44, 171, 227, 0.08);
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; display: flex;
justify-content: start; flex-direction: column;
align-items: center; height: 40%;
font-size: 14px; justify-content: center;
padding-left: 10px; // padding-top: 10px;
font-family: PingFang SC; &_text3 {
font-weight: 300; // margin-bottom: 10px;
color: #6a707e; 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 { &_right {
width: 50%; width: 100%;
height: 132px; height: 30%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
&_echar1 { &_text1 {
width: 20%; width: 19%;
height: 132px; display: flex;
justify-content: center;
align-items: center;
margin-left: 3%;
&_span1 {
color: #2cabe3;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar1 {
width: 50%;
height: 88px;
margin-left: -30px;
}
} }
&_echar2 {
width: 20%; &_text2 {
height: 132px; width: 19%;
display: flex;
justify-content: center;
align-items: center;
&_span2 {
color: #71d875;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar2 {
width: 50%;
height: 88px;
margin-left: -30px;
}
} }
&_echar3 { &_text3 {
width: 20%; width: 19%;
height: 132px; display: flex;
justify-content: center;
align-items: center;
&_span3 {
color: #f35e77;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar3 {
width: 50%;
height: 85px;
margin-left: -30px;
}
} }
&_echar4 { &_text4 {
width: 20%; width: 19%;
height: 132px; display: flex;
justify-content: center;
align-items: center;
&_span4 {
color: #ffb321;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar4 {
width: 50%;
height: 88px;
margin-left: -30px;
}
} }
&_echar5 { &_text5 {
width: 20%; width: 19%;
height: 132px; display: flex;
justify-content: center;
align-items: center;
&_span5 {
color: #c05ef3;
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
}
&_echar5 {
width: 50%;
height: 88px;
margin-left: -30px;
}
} }
} }
} }
...@@ -1792,7 +2386,7 @@ export default { ...@@ -1792,7 +2386,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-content: center;
&_img { &_img {
img { img {
......
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