Skip to content

V
vue-composition-api
Commit 59ac0963 by nlp97
Options

fix 编译错误

parent ee93039e
Showing with 151 additions and 181 deletions
package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
...@@ -21,6 +21,7 @@ ...@@ -21,6 +21,7 @@
"@vue/cli-service": "~4.4.0", "@vue/cli-service": "~4.4.0",
"axios": "^0.19.2", "axios": "^0.19.2",
"babel-eslint": "^10.1.0", "babel-eslint": "^10.1.0",
"echarts": "^5.3.2",
"eslint": "^6.7.2", "eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2", "eslint-plugin-vue": "^6.2.2",
"sass": "^1.18.0", "sass": "^1.18.0",
......
src/router/index.js
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: ninglupeng * @Author: ninglupeng
* @Date: 2022-06-07 00:31:25 * @Date: 2022-06-07 00:31:25
* @LastEditors: ninglupeng * @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 10:24:33 * @LastEditTime: 2022-06-07 14:16:26
* @Description: * @Description:
*/ */
import Vue from "vue"; import Vue from "vue";
...@@ -12,7 +12,6 @@ import { getItem, clear } from "@/utils/auth"; ...@@ -12,7 +12,6 @@ import { getItem, clear } from "@/utils/auth";
import outseeQualityControl from "@/views/outseeQualityControl.vue"; import outseeQualityControl from "@/views/outseeQualityControl.vue";
import outpatientDetails from "@/views/outpatientDetails.vue"; import outpatientDetails from "@/views/outpatientDetails.vue";
import outHistorygrouping from "@/views/outHistorygrouping.vue"; import outHistorygrouping from "@/views/outHistorygrouping.vue";
import login from "@/views/login.vue";
Vue.use(Router); Vue.use(Router);
...@@ -21,11 +20,7 @@ const router = new Router({ ...@@ -21,11 +20,7 @@ const router = new Router({
path: "*", path: "*",
component: (resolve) => require(["@/components/404.vue"], resolve), component: (resolve) => require(["@/components/404.vue"], resolve),
}, },
// {
// path: "/login",
// name: "login",
// component: login,
// },
// 查看质控 // 查看质控
{ {
path: "/outseeQualityControl", path: "/outseeQualityControl",
...@@ -44,91 +39,12 @@ const router = new Router({ ...@@ -44,91 +39,12 @@ const router = new Router({
name: "outHistorygrouping", name: "outHistorygrouping",
component: outHistorygrouping, component: outHistorygrouping,
} }
// {
// path: "/",
// name: "home",
// component: HelloWorld,
// },
// {
// path: "/",
// name: "home",
// component: HelloWorld,
// },
], ],
}); });
//路由跳转前判断(登录权限) //路由跳转前判断(登录权限)
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
next(); next();
//console.log(to, from, next);
// const token = getItem("svToken"); //获取用户id
// console.log(token);
// if (token) {
// //有登录权限
// if (to.path == "/login") {
// next("/");
// } else {
// //console.log(to);
// next();
// }
// } else {
// //没有登录权限
// if (to.path == "/login") {
// next();
// } else {
// //不然就跳转到登录；
// next("/login");
// }
// }
}); });
// router.beforeEach(async(to, from, next) => {
// const hasToken = getToken()
// if (hasToken) {
// if (to.path === '/login') {
// next({ path: '/' })
// } else {
// const hasGetUserInfo = store.getters.token
// if (hasGetUserInfo) {
// next()
// } else {
// try {
// // get user info
// await store.dispatch('user/getInfo')
// next()
// } catch (error) {
// await store.dispatch('user/resetToken')
// next(`/login?redirect=${encodeURIComponent(to.fullPath)}`)
// }
// }
// }
// } else {
// if (to.matched.some(rocode => rocode.meta.requireAuth)) {
// next(`/login?redirect=${encodeURIComponent(to.fullPath)}`)
// } else {
// next()
// }
// }
// })
export default router; export default router;
\ No newline at end of file
src/utils/echarts.js
...@@ -46,7 +46,7 @@ export function categoryChart(data, tcolor) { ...@@ -46,7 +46,7 @@ export function categoryChart(data, tcolor) {
fontFamily: 'Arial', fontFamily: 'Arial',
foontWeight: '600', foontWeight: '600',
}, },
}, ], },],
polar: { polar: {
radius: ['100%', '60%'], radius: ['100%', '60%'],
center: ['50%', '50%'], center: ['50%', '50%'],
...@@ -76,10 +76,10 @@ export function categoryChart(data, tcolor) { ...@@ -76,10 +76,10 @@ export function categoryChart(data, tcolor) {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0, offset: 0,
color: tcolor, //填色颜色 color: tcolor, //填色颜色
}, ]), },]),
}, },
}, },
}, ], },],
}; };
return option; return option;
...@@ -140,10 +140,10 @@ export function categoryChart11(text, data, tcolor) { ...@@ -140,10 +140,10 @@ export function categoryChart11(text, data, tcolor) {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0, offset: 0,
color: tcolor, //填色颜色 color: tcolor, //填色颜色
}, ]), },]),
}, },
}, },
}, ], },],
}; };
return option; return option;
......
src/views/outHistorygrouping.vue
<!-- <!--
* @Author: wsq * @Author: wsq
* @Date: 2022-03-02 16:34:58 * @Date: 2022-03-02 16:34:58
* @LastEditors: wsq * @LastEditors: ninglupeng
* @LastEditTime: 2022-04-24 17:05:48 * @LastEditTime: 2022-06-07 14:35:40
* @Description: * @Description:
--> -->
<template> <template>
<!-- 智能分组 --> <!-- 智能分组 -->
<div class="outsetgrouping" id="setGroupingbox"> <div class="outsetgrouping" id="setGroupingbox">
<div class="outsetgrouping_button"> <div class="outsetgrouping_button">
<!-- <el-button class="outsetgrouping_button_GoBackbtn" size="mini" @click="goback">
<span class="iconfont icon-daochu"></span> <span class="s2">返回</span>
</el-button> -->
<el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit"> <el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit">
<span class="iconfont icon-ipr_tijiao "></span> <span class="s2" >提交</span> <span class="iconfont icon-ipr_tijiao "></span> <span class="s2">提交</span>
</el-button> </el-button>
</div> </div>
<div class="outsetgrouping_top"> <div class="outsetgrouping_top">
...@@ -21,19 +18,19 @@ ...@@ -21,19 +18,19 @@
<div class="outsetgrouping_top_message_left"> <div class="outsetgrouping_top_message_left">
<span class="iconfont icon-xinrenzhinan"> </span> <span class="iconfont icon-xinrenzhinan"> </span>
<div class="outsetgrouping_top_message_left_t1"> <div class="outsetgrouping_top_message_left_t1">
住院号:<span>{{ casehisObj?.a48 }}</span> 住院号:<span>{{ casehisObj ? casehisObj.a48 : '' }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_top_message_centert"> <div class="outsetgrouping_top_message_centert">
<span class="iconfont icon-yinhangka"></span> <span class="iconfont icon-yinhangka"></span>
<div class="outsetgrouping_top_message_centert_t2"> <div class="outsetgrouping_top_message_centert_t2">
住院次数:<span>{{ casehisObj?.a49 }}</span> 住院次数:<span>{{ casehisObj.a49 }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_top_message_right"> <div class="outsetgrouping_top_message_right">
<span class="iconfont icon-fufeiguanli"></span> <span class="iconfont icon-fufeiguanli"></span>
<div class="outsetgrouping_top_message_right_t3"> <div class="outsetgrouping_top_message_right_t3">
医疗付费方式:<span>{{ casehisObj?.a46C }}</span> 医疗付费方式:<span>{{ casehisObj.a46C }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -43,19 +40,19 @@ ...@@ -43,19 +40,19 @@
<div class="outsetgrouping_top2_message_left"> <div class="outsetgrouping_top2_message_left">
<span class="iconfont icon-iconset0254"> </span> <span class="iconfont icon-iconset0254"> </span>
<div class="outsetgrouping_top2_message_left_t1"> <div class="outsetgrouping_top2_message_left_t1">
当前入组编码:<span>{{ casehisObj?.drgs.code }}</span> 当前入组编码:<span>{{ casehisObj.drgs.code }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_top2_message_centert"> <div class="outsetgrouping_top2_message_centert">
<span class="iconfont icon-daoru"></span> <span class="iconfont icon-daoru"></span>
<div class="outsetgrouping_top2_message_centert_t2"> <div class="outsetgrouping_top2_message_centert_t2">
入组名称:<span>{{ casehisObj?.drgs.name }}</span> 入组名称:<span>{{ casehisObj.drgs.name }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_top2_message_right"> <div class="outsetgrouping_top2_message_right">
<span class="iconfont icon-qianqian-"></span> <span class="iconfont icon-qianqian-"></span>
<div class="outsetgrouping_top2_message_right_t3"> <div class="outsetgrouping_top2_message_right_t3">
医疗支付金额:<span>{{ casehisObj?.drgs.actualfee }}</span> 医疗支付金额:<span>{{ casehisObj.drgs.actualfee }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -72,12 +69,12 @@ ...@@ -72,12 +69,12 @@
<div class="outsetgrouping_centent_totalnum_left_text"> <div class="outsetgrouping_centent_totalnum_left_text">
<div class="outsetgrouping_centent_totalnum_left_text_msg1"> <div class="outsetgrouping_centent_totalnum_left_text_msg1">
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text1"> <div class="outsetgrouping_centent_totalnum_left_text_msg1_text1">
<span> 医保诊断名称:{{item.diagMapName}}</span> <span> 医保诊断名称:{{ item.diagMapName }}</span>
<span> 诊断类型:{{item.diagOrder}}</span> <span> 诊断类型:{{ item.diagOrder }}</span>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg1_text2"> <div class="outsetgrouping_centent_totalnum_left_text_msg1_text2">
<span>医保手术名称:{{item.opsMapName}}</span> <span>医保手术名称:{{ item.opsMapName }}</span>
<span>手术类型:{{item.opsOrder}}</span> <span>手术类型:{{ item.opsOrder }}</span>
</div> </div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2"> <div class="outsetgrouping_centent_totalnum_left_text_msg2">
...@@ -86,14 +83,13 @@ ...@@ -86,14 +83,13 @@
<span>入组名称：{{ item.coreName }}</span> <span>入组名称：{{ item.coreName }}</span>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text4"> <div class="outsetgrouping_centent_totalnum_left_text_msg2_text4">
<span>主诊断编码：{{ item.disCode }}</span <span>主诊断编码：{{ item.disCode }}</span><span>主手术编码：{{ item.opsCode }}</span><span>点数：{{
><span>主手术编码：{{ item.opsCode }}</span item.score
><span>点数：{{ item.score }}</span> }}</span>
</div> </div>
<div class="outsetgrouping_centent_totalnum_left_text_msg2_text5"> <div class="outsetgrouping_centent_totalnum_left_text_msg2_text5">
<span>医保支付金额：{{ item.unitfee }}</span <span>医保支付金额：{{ item.unitfee }}</span><span>院内平均费用：{{ item.avgFee
><span>院内平均费用：{{ item.avgFee }}</span }}</span><span>院内平均住院天数：{{ item.avgInHosDay }}</span>
><span>院内平均住院天数：{{ item.avgInHosDay }}</span>
</div> </div>
</div> </div>
...@@ -102,23 +98,28 @@ ...@@ -102,23 +98,28 @@
<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> <span class="outsetgrouping_centent_totalnum_right_text1_span1"> 药占比:</span>
<div :id="`indexChart` + index" class="outsetgrouping_centent_totalnum_right_text1_echar1"></div> <div :id="`indexChart` + index" class="outsetgrouping_centent_totalnum_right_text1_echar1">
</div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_right_text2"> <div class="outsetgrouping_centent_totalnum_right_text2">
<span class="outsetgrouping_centent_totalnum_right_text2_span2"> 耗材占比:</span> <span class="outsetgrouping_centent_totalnum_right_text2_span2"> 耗材占比:</span>
<div :id="`indexCharttwo` + index" class="outsetgrouping_centent_totalnum_right_text2_echar2"></div> <div :id="`indexCharttwo` + index" class="outsetgrouping_centent_totalnum_right_text2_echar2">
</div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_right_text3"> <div class="outsetgrouping_centent_totalnum_right_text3">
<span class="outsetgrouping_centent_totalnum_right_text3_span3"> 检查占比:</span> <span class="outsetgrouping_centent_totalnum_right_text3_span3"> 检查占比:</span>
<div :id="`indexCharttree` + index" class="outsetgrouping_centent_totalnum_right_text3_echar3"></div> <div :id="`indexCharttree` + index" class="outsetgrouping_centent_totalnum_right_text3_echar3">
</div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_right_text4"> <div class="outsetgrouping_centent_totalnum_right_text4">
<span class="outsetgrouping_centent_totalnum_right_text4_span4"> 检验占比:</span> <span class="outsetgrouping_centent_totalnum_right_text4_span4"> 检验占比:</span>
<div :id="`indexChartfore` + index" class="outsetgrouping_centent_totalnum_right_text4_echar4"></div> <div :id="`indexChartfore` + index" class="outsetgrouping_centent_totalnum_right_text4_echar4">
</div>
</div> </div>
<div class="outsetgrouping_centent_totalnum_right_text5"> <div class="outsetgrouping_centent_totalnum_right_text5">
<span class="outsetgrouping_centent_totalnum_right_text5_span5"> 其他占比:</span> <span class="outsetgrouping_centent_totalnum_right_text5_span5"> 其他占比:</span>
<div :id="`indexChartfile` + index" class="outsetgrouping_centent_totalnum_right_text5_echar5"></div> <div :id="`indexChartfile` + index" class="outsetgrouping_centent_totalnum_right_text5_echar5">
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -132,15 +133,9 @@ ...@@ -132,15 +133,9 @@
</div> </div>
</div> </div>
<div class="outsetgrouping_pagination"> <div class="outsetgrouping_pagination">
<el-pagination <el-pagination layout="sizes,prev, pager, next,jumper" :total="totalCount" @size-change="sizeChange"
layout="sizes,prev, pager, next,jumper" @current-change="currentChange" :current-page="currentPage" :page-size="pageSize"
:total="totalCount" :page-sizes="[10, 30, 50]">
@size-change="sizeChange"
@current-change="currentChange"
:current-page="currentPage"
:page-size="pageSize"
:page-sizes="[10, 30, 50]"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
...@@ -150,7 +145,7 @@ import http from '../utils/http'; ...@@ -150,7 +145,7 @@ import http from '../utils/http';
import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api'; import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api';
import { decimal } from '../utils/decimal'; import { decimal } from '../utils/decimal';
import { useRoute, useRouter } from '../utils/useVueRouter'; import { useRoute, useRouter } from '../utils/useVueRouter';
import { initEcharts, categoryChart} from '../utils/echarts'; import { initEcharts, categoryChart } from '../utils/echarts';
export default { export default {
name: 'outHistorygrouping', name: 'outHistorygrouping',
setup() { setup() {
...@@ -179,17 +174,11 @@ export default { ...@@ -179,17 +174,11 @@ export default {
opsMapList: null, //医保手术编码集合 opsMapList: null, //医保手术编码集合
}); });
//返回 //返回
const router=useRouter(); const router = useRouter();
const goback=()=>{ const goback = () => {
router.go(-1) router.go(-1)
} }
const loadingOption1 = {
// 加载loading
fullscreen: true,
text: '正在加载...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.5)',
};
//获取基本数据 //获取基本数据
function getCaseHis(code) { function getCaseHis(code) {
...@@ -198,7 +187,7 @@ export default { ...@@ -198,7 +187,7 @@ export default {
.post(`/medical/Get/casehisData?id=${code}`, {}) .post(`/medical/Get/casehisData?id=${code}`, {})
.then((data) => { .then((data) => {
state.casehisObj = data; state.casehisObj = data;
console.log('data',data); console.log('data', data);
state.diagMapList = data.diagMapList; state.diagMapList = data.diagMapList;
state.opsMapList = data.opsMapList; state.opsMapList = data.opsMapList;
getlist(); getlist();
...@@ -216,12 +205,12 @@ export default { ...@@ -216,12 +205,12 @@ export default {
http http
.post(`/medical/get/GetCorePercents`, .post(`/medical/get/GetCorePercents`,
{ {
PageNumber:state.currentPage, PageNumber: state.currentPage,
Type:1, Type: 1,
pageSize:state.pageSize, pageSize: state.pageSize,
DiagMapList:state.diagMapList, DiagMapList: state.diagMapList,
OpsMapList:state.opsMapList, OpsMapList: state.opsMapList,
id:route.value.query.id id: route.value.query.id
}) })
.then((data) => { .then((data) => {
state.CorePercents = data.list; state.CorePercents = data.list;
...@@ -231,11 +220,11 @@ export default { ...@@ -231,11 +220,11 @@ export default {
// state.nodataShow = false; // state.nodataShow = false;
} }
for (var i = 0; i < state.CorePercents.length; i++) { for (var i = 0; i < state.CorePercents.length; i++) {
initEcharts(categoryChart(state.CorePercents[i].drugPercent,'#2CABE3'), `indexChart${i}`); initEcharts(categoryChart(state.CorePercents[i].drugPercent, '#2CABE3'), `indexChart${i}`);
initEcharts(categoryChart(state.CorePercents[i].materialsPercent,'#71D875'), `indexCharttwo${i}`); initEcharts(categoryChart(state.CorePercents[i].materialsPercent, '#71D875'), `indexCharttwo${i}`);
initEcharts(categoryChart(state.CorePercents[i].inspectPercent,'#F35E77'), `indexCharttree${i}`); initEcharts(categoryChart(state.CorePercents[i].inspectPercent, '#F35E77'), `indexCharttree${i}`);
initEcharts(categoryChart(state.CorePercents[i].testPercent,'#FFB321'), `indexChartfore${i}`); initEcharts(categoryChart(state.CorePercents[i].testPercent, '#FFB321'), `indexChartfore${i}`);
initEcharts(categoryChart(state.CorePercents[i].otherPercent,'#C05EF3'), `indexChartfile${i}`); initEcharts(categoryChart(state.CorePercents[i].otherPercent, '#C05EF3'), `indexChartfile${i}`);
} }
}) })
...@@ -245,22 +234,22 @@ export default { ...@@ -245,22 +234,22 @@ export default {
}; };
//提交 //提交
const submit = () => { const submit = () => {
if(state.radio==''){ if (state.radio == '') {
ElMessage.warning({ // ElMessage.warning({
message: "请先选择要入组的病组", // message: "请先选择要入组的病组",
type: 'warning', // type: 'warning',
}); // });
}else{ } else {
http http
.post(`/medical/Update/casehisById?PatientId=${route.value.query.id}`, [state.radio]) .post(`/medical/Update/casehisById?PatientId=${route.value.query.id}`, [state.radio])
.then((data) => { .then((data) => {
ElMessage.success({ // ElMessage.success({
message: `${data.message}`, // message: `${data.message}`,
type: 'success', // type: 'success',
}); // });
getCaseHis(route.value.query.id) getCaseHis(route.value.query.id)
}) })
.catch((error) => {}); .catch((error) => { });
} }
}; };
/** /**
...@@ -296,8 +285,9 @@ export default { ...@@ -296,8 +285,9 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" > <style lang="scss" scoped>
@import '../styles/mixin.scss'; @import '../styles/mixin.scss';
// @import '../styles/media/media/outHistorygrouping.scss'; // @import '../styles/media/media/outHistorygrouping.scss';
.outsetgrouping { .outsetgrouping {
height: 100%; height: 100%;
...@@ -305,20 +295,24 @@ export default { ...@@ -305,20 +295,24 @@ export default {
padding: 0px 20px 20px 20px; padding: 0px 20px 20px 20px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
&_button{
&_button {
display: flex; display: flex;
justify-content: end; justify-content: end;
margin-bottom: 10px; margin-bottom: 10px;
&_GoBackbtn{
color:#2CABE3 ; &_GoBackbtn {
color: #2CABE3;
border: 1px solid #2CABE3; border: 1px solid #2CABE3;
} }
&_Submitbtn{
&_Submitbtn {
background-color: #2CABE3; background-color: #2CABE3;
color: #fff; color: #fff;
} }
} }
&_top { &_top {
.span1 { .span1 {
display: flex; display: flex;
...@@ -328,9 +322,11 @@ export default { ...@@ -328,9 +322,11 @@ export default {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
} }
&_message { &_message {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
&_left { &_left {
width: 33%; width: 33%;
height: 51px; height: 51px;
...@@ -338,11 +334,13 @@ export default { ...@@ -338,11 +334,13 @@ export default {
justify-content: start; justify-content: start;
align-items: center; align-items: center;
background-color: #f3fafd; background-color: #f3fafd;
.iconfont { .iconfont {
color: #2cabe3; color: #2cabe3;
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
&_t1 { &_t1 {
width: 80%; width: 80%;
height: 42px; height: 42px;
...@@ -360,6 +358,7 @@ export default { ...@@ -360,6 +358,7 @@ export default {
} }
} }
} }
&_centert { &_centert {
width: 33%; width: 33%;
height: 51px; height: 51px;
...@@ -368,11 +367,13 @@ export default { ...@@ -368,11 +367,13 @@ export default {
align-items: center; align-items: center;
background-color: #f3fafd; background-color: #f3fafd;
font-family: PingFang SC; font-family: PingFang SC;
.iconfont { .iconfont {
color: #2cabe3; color: #2cabe3;
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
&_t2 { &_t2 {
width: 80%; width: 80%;
height: 42px; height: 42px;
...@@ -390,6 +391,7 @@ export default { ...@@ -390,6 +391,7 @@ export default {
} }
} }
} }
&_right { &_right {
width: 33%; width: 33%;
height: 51px; height: 51px;
...@@ -398,11 +400,13 @@ export default { ...@@ -398,11 +400,13 @@ export default {
align-items: center; align-items: center;
background-color: #f3fafd; background-color: #f3fafd;
font-family: PingFang SC; font-family: PingFang SC;
.iconfont { .iconfont {
color: #2cabe3; color: #2cabe3;
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
&_t3 { &_t3 {
width: 80%; width: 80%;
height: 42px; height: 42px;
...@@ -414,6 +418,7 @@ export default { ...@@ -414,6 +418,7 @@ export default {
color: #abafb3; color: #abafb3;
font-size: 14px; font-size: 14px;
margin-left: 29px; margin-left: 29px;
span { span {
color: #787e8a; color: #787e8a;
} }
...@@ -421,6 +426,7 @@ export default { ...@@ -421,6 +426,7 @@ export default {
} }
} }
} }
&_top2 { &_top2 {
.span1 { .span1 {
display: flex; display: flex;
...@@ -430,11 +436,13 @@ export default { ...@@ -430,11 +436,13 @@ export default {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
} }
&_message { &_message {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 10px; margin-top: 10px;
margin-bottom: 16px; margin-bottom: 16px;
&_left { &_left {
width: 33%; width: 33%;
height: 51px; height: 51px;
...@@ -442,11 +450,13 @@ export default { ...@@ -442,11 +450,13 @@ export default {
justify-content: start; justify-content: start;
align-items: center; align-items: center;
background-color: #f3fafd; background-color: #f3fafd;
.iconfont { .iconfont {
color: #2cabe3; color: #2cabe3;
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
&_t1 { &_t1 {
width: 80%; width: 80%;
height: 42px; height: 42px;
...@@ -464,6 +474,7 @@ export default { ...@@ -464,6 +474,7 @@ export default {
} }
} }
} }
&_centert { &_centert {
width: 33%; width: 33%;
height: 51px; height: 51px;
...@@ -472,11 +483,13 @@ export default { ...@@ -472,11 +483,13 @@ export default {
align-items: center; align-items: center;
background-color: #f3fafd; background-color: #f3fafd;
font-family: PingFang SC; font-family: PingFang SC;
.iconfont { .iconfont {
color: #2cabe3; color: #2cabe3;
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
&_t2 { &_t2 {
width: 80%; width: 80%;
height: 42px; height: 42px;
...@@ -494,6 +507,7 @@ export default { ...@@ -494,6 +507,7 @@ export default {
} }
} }
} }
&_right { &_right {
width: 33%; width: 33%;
height: 51px; height: 51px;
...@@ -502,11 +516,13 @@ export default { ...@@ -502,11 +516,13 @@ export default {
align-items: center; align-items: center;
background-color: #f3fafd; background-color: #f3fafd;
font-family: PingFang SC; font-family: PingFang SC;
.iconfont { .iconfont {
color: #2cabe3; color: #2cabe3;
padding-left: 29px; padding-left: 29px;
font-size: 23px; font-size: 23px;
} }
&_t3 { &_t3 {
width: 80%; width: 80%;
height: 42px; height: 42px;
...@@ -518,6 +534,7 @@ export default { ...@@ -518,6 +534,7 @@ export default {
color: #abafb3; color: #abafb3;
font-size: 14px; font-size: 14px;
margin-left: 29px; margin-left: 29px;
span { span {
color: #787e8a; color: #787e8a;
} }
...@@ -525,12 +542,14 @@ export default { ...@@ -525,12 +542,14 @@ export default {
} }
} }
} }
&_top3 { &_top3 {
height: 10px; height: 10px;
background-color: #f3fafd; background-color: #f3fafd;
border-radius: 10px; border-radius: 10px;
margin-bottom: 16px; margin-bottom: 16px;
} }
&_title { &_title {
height: 30px; height: 30px;
background-image: url(../assets/img/bbj.png); background-image: url(../assets/img/bbj.png);
...@@ -541,14 +560,17 @@ export default { ...@@ -541,14 +560,17 @@ export default {
align-items: center; align-items: center;
justify-content: start; justify-content: start;
margin-bottom: 5px; margin-bottom: 5px;
&_span { &_span {
padding-left: 10px; padding-left: 10px;
} }
} }
&_centent { &_centent {
background-color: #f1f5f8; background-color: #f1f5f8;
height:66%; height: 66%;
overflow-y: auto; overflow-y: auto;
&_totalnum { &_totalnum {
height: 282px; height: 282px;
background-color: #fff; background-color: #fff;
...@@ -556,6 +578,7 @@ export default { ...@@ -556,6 +578,7 @@ export default {
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%;
...@@ -564,6 +587,7 @@ export default { ...@@ -564,6 +587,7 @@ 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%;
...@@ -571,10 +595,12 @@ export default { ...@@ -571,10 +595,12 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
&_text { &_text {
width: 97%; width: 97%;
height: 100%; height: 100%;
&_msg1{
&_msg1 {
height: 25%; height: 25%;
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);
...@@ -586,15 +612,17 @@ export default { ...@@ -586,15 +612,17 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
&_text1 { &_text1 {
width: 100%; width: 100%;
height: 50%; height: 50%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
span { span {
height: 100%; height: 100%;
width: 50%; width: 50%;
margin:5px 5px; margin: 5px 5px;
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
...@@ -605,11 +633,13 @@ export default { ...@@ -605,11 +633,13 @@ export default {
color: #6a707e; color: #6a707e;
} }
} }
&_text2 { &_text2 {
width: 100%; width: 100%;
height: 48%; height: 48%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
span { span {
height: 100%; height: 100%;
width: 50%; width: 50%;
...@@ -626,19 +656,21 @@ export default { ...@@ -626,19 +656,21 @@ export default {
} }
} }
&_msg2{ &_msg2 {
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: 65%;
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: 30%; height: 30%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
span { span {
display: block; display: block;
height: 100%; height: 100%;
...@@ -655,6 +687,7 @@ export default { ...@@ -655,6 +687,7 @@ export default {
color: #6a707e; color: #6a707e;
} }
} }
&_text4 { &_text4 {
margin-bottom: 10px; margin-bottom: 10px;
width: 100%; width: 100%;
...@@ -662,6 +695,7 @@ export default { ...@@ -662,6 +695,7 @@ export default {
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
span { span {
height: 100%; height: 100%;
width: 50%; width: 50%;
...@@ -677,12 +711,14 @@ export default { ...@@ -677,12 +711,14 @@ export default {
color: #6a707e; color: #6a707e;
} }
} }
&_text5 { &_text5 {
margin-bottom: 10px; margin-bottom: 10px;
width: 100%; width: 100%;
height: 30%; height: 30%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
span { span {
height: 100%; height: 100%;
width: 50%; width: 50%;
...@@ -702,22 +738,26 @@ export default { ...@@ -702,22 +738,26 @@ 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;
} }
&_echar1 { &_echar1 {
width: 50%; width: 50%;
height: 88px; height: 88px;
...@@ -725,64 +765,75 @@ export default { ...@@ -725,64 +765,75 @@ export default {
} }
} }
&_text2{ &_text2 {
width: 19%; width: 19%;
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;
} }
&_echar2 { &_echar2 {
width: 50%; width: 50%;
height: 88px; height: 88px;
margin-left: -30px; margin-left: -30px;
} }
} }
&_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;
} }
&_echar3 { &_echar3 {
width: 50%; width: 50%;
height: 85px; height: 85px;
margin-left: -30px; margin-left: -30px;
} }
} }
&_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;
} }
&_echar4 { &_echar4 {
width: 50%; width: 50%;
height: 88px; height: 88px;
margin-left: -30px; margin-left: -30px;
} }
} }
&_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;
} }
&_echar5 { &_echar5 {
width: 50%; width: 50%;
height: 88px; height: 88px;
...@@ -791,6 +842,7 @@ export default { ...@@ -791,6 +842,7 @@ export default {
} }
} }
} }
// 没有数据 // 没有数据
&_nodata { &_nodata {
width: 100%; width: 100%;
...@@ -806,6 +858,7 @@ export default { ...@@ -806,6 +858,7 @@ export default {
height: 102px; height: 102px;
} }
} }
&_text { &_text {
font-size: 18px; font-size: 18px;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -814,6 +867,7 @@ export default { ...@@ -814,6 +867,7 @@ export default {
} }
} }
} }
&_pagination { &_pagination {
display: flex; display: flex;
justify-content: end; justify-content: end;
......
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