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 @@
* @Author: wsq
* @Date: 2022-03-02 16:34:58
* @LastEditors: wsq
* @LastEditTime: 2022-07-21 17:47:42
* @LastEditTime: 2023-02-27 17:40:12
* @Description:
-->
<template>
......@@ -141,25 +141,26 @@
<div
class="outsetgrouping_centent_totalnum_left_text_msg1_text44"
>
<span> 分组类型:{{ item.disNature }}</span>
<span> 入组类型:{{ item.disNature }}</span>
</div>
</div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2">
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text3">
<span>分组编码：{{ item.code }}</span>
<span>入组编码：{{ item.code }}</span>
<span>入组名称：{{ item.coreName }}</span>
<span>基准点数：{{ item.score }}</span>
<span>病种分值：{{ item.score }}</span>
<span>预计DRG支付费用：{{ item.unitfee }}</span>
</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>院内历年平均费用：{{ item.avgFee }}</span
><span>院内历年平均住院天数：{{ item.avgInHosDay }}</span>
</div>
</div> -->
</div>
</div>
</div>
<div class="outsetgrouping_centent_totalnum_right">
<!-- <div class="outsetgrouping_centent_totalnum_right">
<div class="outsetgrouping_centent_totalnum_right_text1">
<span class="outsetgrouping_centent_totalnum_right_text1_span1">
院内历年平均药占比:</span
......@@ -205,7 +206,7 @@
class="outsetgrouping_centent_totalnum_right_text5_echar5"
></div>
</div>
</div>
</div> -->
</div>
<!-- 如果没有搜索时的样式 -->
......@@ -229,7 +230,7 @@
<div class="outaddrecordEnrollment_search">
<div class="outaddrecordEnrollment_search_div1">
<span class="outaddrecordEnrollment_search_div1_span1"
><span style="color:red">*</span> 主诊断:</span
><span style="color: red">*</span> 主诊断:</span
>
<el-select
class="outaddrecordEnrollment_search_div1_inp1"
......@@ -504,65 +505,65 @@ export default {
addgroupArr2: [],
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: [], //手术
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();
......@@ -787,10 +788,10 @@ export default {
const addgetlist = () => {
http
.post(`/medical/post/GetCorePercentsByAssemble`, {
a14: state.ageinput?state.ageinput:'0', // 年龄
a16: state.ageinput2?state.ageinput2:'0', // 年龄不足一周岁（天）
a14: state.ageinput ? state.ageinput : "0", // 年龄
a16: state.ageinput2 ? state.ageinput2 : "0", // 年龄不足一周岁（天）
a12C: state.sexvalue, // 性别
icuTime: state.icuinput?state.icuinput:'0', // icu总时长（分钟）
icuTime: state.icuinput ? state.icuinput : "0", // icu总时长（分钟）
b34C: state.leavevalue, // 离院方式
diagList: state.diagList, // 诊断集合
opsList: state.opsList, // 手术集合
......@@ -799,7 +800,7 @@ export default {
state.addCorePercents = data;
if (state.addCorePercents.length == 0) {
state.addnolistShow = true;
}else{
} else {
state.addnolistShow = false;
}
// state.totalCount = data.totalCount;
......@@ -883,7 +884,7 @@ export default {
</script>
<style lang="scss" scoped>
@import "../styles/mixin.scss";
@import '../styles/outHistorygrouping.scss';
@import "../styles/outHistorygrouping.scss";
.outsetgrouping {
height: 900px;
background-color: white;
......@@ -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 {
background-color: #f1f5f8;
height: 66%;
height: 63%;
overflow-y: auto;
&_totalnum {
height: 290px;
height: 140px;
background-color: #fff;
margin: 12px;
display: flex;
flex-direction: column;
align-items: center;
&_left {
flex: 1;
width: 100%;
......@@ -1233,7 +1575,6 @@ export default {
flex-direction: row;
align-items: center;
justify-content: center;
&_radios {
width: 3%;
height: 30%;
......@@ -1241,19 +1582,21 @@ export default {
justify-content: center;
align-items: center;
}
&_text {
width: 97%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
&_msg1 {
height: 25%;
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;
// margin-top: 5px;
display: flex;
&_text11 {
......@@ -1343,17 +1686,15 @@ export default {
background-color: rgba(44, 171, 227, 0.08);
display: flex;
flex-direction: column;
height: 65%;
height: 40%;
justify-content: center;
padding-top: 10px;
// padding-top: 10px;
&_text3 {
// margin-bottom: 10px;
width: 100%;
height: 45%;
height: 83%;
display: flex;
justify-content: space-between;
span {
display: block;
height: 100%;
......@@ -1370,31 +1711,6 @@ export default {
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;
......@@ -1402,7 +1718,6 @@ export default {
height: 45%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
......@@ -1421,31 +1736,27 @@ export default {
}
}
}
&_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;
font-size: 14px;
}
&_echar1 {
width: 50%;
height: 85px;
height: 88px;
margin-left: -30px;
margin-top: 10px;
}
}
......@@ -1454,83 +1765,71 @@ export default {
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: 85px;
height: 88px;
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;
font-size: 14px;
}
&_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;
font-size: 14px;
}
&_echar4 {
width: 50%;
height: 85px;
height: 88px;
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;
font-size: 14px;
}
&_echar5 {
width: 50%;
height: 85px;
height: 88px;
margin-left: -30px;
margin-top: 10px;
}
}
}
}
// 没有数据
&_nodata {
width: 100%;
......@@ -1538,7 +1837,7 @@ export default {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
&_img {
img {
......@@ -1546,7 +1845,6 @@ export default {
height: 102px;
}
}
&_text {
font-size: 18px;
font-family: PingFang SC;
......@@ -1555,7 +1853,6 @@ export default {
}
}
}
&_pagination {
display: flex;
justify-content: flex-end;
......@@ -1568,220 +1865,517 @@ export default {
padding: 20px;
overflow: hidden;
position: relative;
&_search {
// margin-bottom: 20px;
height: 15%;
margin-bottom:10px;
display: flex;
flex-direction: column;
justify-content: space-between;
&_div1 {
color: #abafb3;
display: flex;
font-size: 12px;
align-items: center;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 500px;
}
&_span3 {
width:80px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
&_span5 {
margin-left: 290px;
display: flex;
justify-content: flex-end;
}
}
&_div2 {
display: flex;
font-size: 12px;
align-items: center;
color: #abafb3;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 500px;
}
&_span3 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
}
&_div3 {
color: #abafb3;
display: flex;
font-size: 12px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
}
}
&_search {
// margin-bottom: 20px;
height: 15%;
margin-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
&_div1 {
color: #abafb3;
display: flex;
font-size: 12px;
align-items: center;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 500px;
}
&_span3 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
&_span5 {
margin-left: 290px;
display: flex;
justify-content: flex-end;
}
}
&_div2 {
display: flex;
font-size: 12px;
align-items: center;
color: #abafb3;
margin-bottom: 10px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
&_inp1 {
width: 400px;
}
&_span2 {
width: 70px;
display: flex;
justify-content: flex-end;
}
&_inp2 {
width: 500px;
}
&_span3 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp3 {
width: 100px;
}
&_span4 {
width: 80px;
display: flex;
justify-content: flex-end;
}
&_inp4 {
width: 150px;
}
}
&_div3 {
color: #abafb3;
display: flex;
font-size: 12px;
&_span1 {
width: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
}
}
}
// &_centent {
// background-color: #f1f5f8;
// height: 70vh;
// 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: 70vh;
height: 63%;
overflow-y: auto;
&_totalnum {
height: 151px;
height: 140px;
background-color: #fff;
margin: 12px;
display: flex;
flex-direction: column;
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;
width: 100%;
height: 70%;
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
justify-content: center;
&_text1 {
width: 100%;
&_radios {
width: 3%;
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;
}
justify-content: center;
align-items: center;
}
&_text2 {
width: 100%;
height: 30%;
&_text {
width: 97%;
height: 100%;
display: flex;
justify-content: space-between;
span {
height: 100%;
width: 50%;
margin: 5px 10px;
background-color: #fff;
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;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
&_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;
}
}
}
}
&_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;
&_msg2 {
background-color: rgba(44, 171, 227, 0.08);
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
padding-left: 10px;
font-family: PingFang SC;
font-weight: 300;
color: #6a707e;
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: 50%;
height: 132px;
width: 100%;
height: 30%;
display: flex;
justify-content: space-around;
&_echar1 {
width: 20%;
height: 132px;
&_text1 {
width: 19%;
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%;
height: 132px;
&_text2 {
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 {
width: 20%;
height: 132px;
&_text3 {
width: 19%;
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 {
width: 20%;
height: 132px;
&_text4 {
width: 19%;
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 {
width: 20%;
height: 132px;
&_text5 {
width: 19%;
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 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
&_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