Skip to content

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

fix 编译错误

parent ee93039e
Showing with 949 additions and 979 deletions
package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
{ {
"name": "suvalue-cli", "name": "suvalue-cli",
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "vue-cli-service serve --open ", "dev": "vue-cli-service serve --open ",
"build": "vue-cli-service build ", "build": "vue-cli-service build ",
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
},
"dependencies": {
"@vue/composition-api": "^1.6.2",
"core-js": "^3.6.5",
"element-ui": "^2.15.6",
"jquery": "^3.6.0",
"js-cookie": "^3.0.1",
"vue": "^2.6.11"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.4.0",
"@vue/cli-plugin-eslint": "~4.4.0",
"@vue/cli-service": "~4.4.0",
"axios": "^0.19.2",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"sass": "^1.18.0",
"sass-loader": "^7.1.0",
"sessionstorage": "^0.1.0",
"vue-router": "^3.3.2",
"vue-template-compiler": "^2.6.11",
"vuex": "^3.4.0"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
}, },
"extends": [ "dependencies": {
"plugin:vue/essential", "@vue/composition-api": "^1.6.2",
"eslint:recommended" "core-js": "^3.6.5",
], "element-ui": "^2.15.6",
"parserOptions": { "jquery": "^3.6.0",
"parser": "babel-eslint" "js-cookie": "^3.0.1",
"vue": "^2.6.11"
}, },
"rules": {} "devDependencies": {
}, "@vue/cli-plugin-babel": "~4.4.0",
"browserslist": [ "@vue/cli-plugin-eslint": "~4.4.0",
"> 1%", "@vue/cli-service": "~4.4.0",
"last 2 versions", "axios": "^0.19.2",
"not dead" "babel-eslint": "^10.1.0",
] "echarts": "^5.3.2",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"sass": "^1.18.0",
"sass-loader": "^7.1.0",
"sessionstorage": "^0.1.0",
"vue-router": "^3.3.2",
"vue-template-compiler": "^2.6.11",
"vuex": "^3.4.0"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
} }
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,123 +12,39 @@ import { getItem, clear } from "@/utils/auth"; ...@@ -12,123 +12,39 @@ 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);
const router = new Router({ const router = new Router({
routes: [{ routes: [{
path: "*", path: "*",
component: (resolve) => require(["@/components/404.vue"], resolve), component: (resolve) => require(["@/components/404.vue"], resolve),
}, },
// {
// path: "/login", // 查看质控
// name: "login", {
// component: login, path: "/outseeQualityControl",
// }, name: "outseeQualityControl",
// 查看质控 component: outseeQualityControl,
{ },
path: "/outseeQualityControl", // 患者详情
name: "outseeQualityControl", {
component: outseeQualityControl, path: "/outpatientDetails",
}, name: "outpatientDetails",
// 患者详情 component: outpatientDetails,
{ },
path: "/outpatientDetails", // 智能分组
name: "outpatientDetails", {
component: outpatientDetails, path: "/outHistorygrouping",
}, name: "outHistorygrouping",
// 智能分组 component: outHistorygrouping,
{ }
path: "/outHistorygrouping",
name: "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;
...@@ -89,27 +89,27 @@ export function categoryChart(data, tcolor) { ...@@ -89,27 +89,27 @@ export function categoryChart(data, tcolor) {
export function categoryChart11(text, data, tcolor) { export function categoryChart11(text, data, tcolor) {
const option = { const option = {
title: [{ title: [{
text: text, text: text,
x: 'center', x: 'center',
top: '52%', top: '52%',
textStyle: { textStyle: {
fontSize: '14', //百分比的样式 fontSize: '14', //百分比的样式
color: tcolor, color: tcolor,
fontFamily: 'PingFang SC', fontFamily: 'PingFang SC',
foontWeight: '300', foontWeight: '300',
},
}, },
{ },
text: data + `%`, {
x: 'center', text: data + `%`,
top: '28%', x: 'center',
textStyle: { top: '28%',
fontSize: '20', //百分比的样式 textStyle: {
color: tcolor, fontSize: '20', //百分比的样式
fontFamily: 'Arial', color: tcolor,
foontWeight: '600', fontFamily: 'Arial',
}, foontWeight: '600',
}, },
},
], ],
polar: { polar: {
radius: ['100%', '60%'], radius: ['100%', '60%'],
...@@ -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"> <el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit">
<span class="iconfont icon-daochu"></span> <span class="s2">返回</span> <span class="iconfont icon-ipr_tijiao "></span> <span class="s2">提交</span>
</el-button> --> </el-button>
<el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit"> </div>
<span class="iconfont icon-ipr_tijiao "></span> <span class="s2" >提交</span> <div class="outsetgrouping_top">
</el-button> <div class="outsetgrouping_top_message">
</div> <div class="outsetgrouping_top_message_left">
<div class="outsetgrouping_top"> <span class="iconfont icon-xinrenzhinan"> </span>
<div class="outsetgrouping_top_message"> <div class="outsetgrouping_top_message_left_t1">
<div class="outsetgrouping_top_message_left"> 住院号:<span>{{ casehisObj ? casehisObj.a48 : '' }}</span>
<span class="iconfont icon-xinrenzhinan"> </span> </div>
<div class="outsetgrouping_top_message_left_t1"> </div>
住院号:<span>{{ casehisObj?.a48 }}</span> <div class="outsetgrouping_top_message_centert">
</div> <span class="iconfont icon-yinhangka"></span>
</div> <div class="outsetgrouping_top_message_centert_t2">
<div class="outsetgrouping_top_message_centert"> 住院次数:<span>{{ casehisObj.a49 }}</span>
<span class="iconfont icon-yinhangka"></span> </div>
<div class="outsetgrouping_top_message_centert_t2"> </div>
住院次数:<span>{{ casehisObj?.a49 }}</span> <div class="outsetgrouping_top_message_right">
</div> <span class="iconfont icon-fufeiguanli"></span>
</div> <div class="outsetgrouping_top_message_right_t3">
<div class="outsetgrouping_top_message_right"> 医疗付费方式:<span>{{ casehisObj.a46C }}</span>
<span class="iconfont icon-fufeiguanli"></span> </div>
<div class="outsetgrouping_top_message_right_t3"> </div>
医疗付费方式:<span>{{ casehisObj?.a46C }}</span> </div>
</div> </div>
</div> <div class="outsetgrouping_top2">
</div> <div class="outsetgrouping_top2_message">
</div> <div class="outsetgrouping_top2_message_left">
<div class="outsetgrouping_top2"> <span class="iconfont icon-iconset0254"> </span>
<div class="outsetgrouping_top2_message"> <div class="outsetgrouping_top2_message_left_t1">
<div class="outsetgrouping_top2_message_left"> 当前入组编码:<span>{{ casehisObj.drgs.code }}</span>
<span class="iconfont icon-iconset0254"> </span> </div>
<div class="outsetgrouping_top2_message_left_t1"> </div>
当前入组编码:<span>{{ casehisObj?.drgs.code }}</span> <div class="outsetgrouping_top2_message_centert">
</div> <span class="iconfont icon-daoru"></span>
</div> <div class="outsetgrouping_top2_message_centert_t2">
<div class="outsetgrouping_top2_message_centert"> 入组名称:<span>{{ casehisObj.drgs.name }}</span>
<span class="iconfont icon-daoru"></span> </div>
<div class="outsetgrouping_top2_message_centert_t2"> </div>
入组名称:<span>{{ casehisObj?.drgs.name }}</span> <div class="outsetgrouping_top2_message_right">
</div> <span class="iconfont icon-qianqian-"></span>
</div> <div class="outsetgrouping_top2_message_right_t3">
<div class="outsetgrouping_top2_message_right"> 医疗支付金额:<span>{{ casehisObj.drgs.actualfee }}</span>
<span class="iconfont icon-qianqian-"></span> </div>
<div class="outsetgrouping_top2_message_right_t3"> </div>
医疗支付金额:<span>{{ casehisObj?.drgs.actualfee }}</span> </div>
</div> </div>
</div> <div class="outsetgrouping_top3"></div>
</div> <div class="outsetgrouping_title"><span class="outsetgrouping_title_span">智能疾病分组</span></div>
</div> <div class="outsetgrouping_centent">
<div class="outsetgrouping_top3"></div> <div class="outsetgrouping_centent_totalnum" v-for="(item, index) in CorePercents" :key="index">
<div class="outsetgrouping_title"><span class="outsetgrouping_title_span">智能疾病分组</span></div> <div class="outsetgrouping_centent_totalnum_left">
<div class="outsetgrouping_centent"> <div class="outsetgrouping_centent_totalnum_left_radios">
<div class="outsetgrouping_centent_totalnum" v-for="(item, index) in CorePercents" :key="index"> <input type="radio" name="radios" :value="item.coreID" v-model="radio" />
<div class="outsetgrouping_centent_totalnum_left"> </div>
<div class="outsetgrouping_centent_totalnum_left_radios">
<input type="radio" name="radios" :value="item.coreID" v-model="radio" /> <div class="outsetgrouping_centent_totalnum_left_text">
</div> <div class="outsetgrouping_centent_totalnum_left_text_msg1">
<div class="outsetgrouping_centent_totalnum_left_text">
<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">
<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>
</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>
</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>
<span class="outsetgrouping_centent_totalnum_right_text1_span1"> 药占比:</span> <div :id="`indexChart` + index" class="outsetgrouping_centent_totalnum_right_text1_echar1">
<div :id="`indexChart` + index" class="outsetgrouping_centent_totalnum_right_text1_echar1"></div> </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 class="outsetgrouping_centent_totalnum_right_text3"> </div>
<span class="outsetgrouping_centent_totalnum_right_text3_span3"> 检查占比:</span> <div class="outsetgrouping_centent_totalnum_right_text3">
<div :id="`indexCharttree` + index" class="outsetgrouping_centent_totalnum_right_text3_echar3"></div> <span class="outsetgrouping_centent_totalnum_right_text3_span3"> 检查占比:</span>
</div> <div :id="`indexCharttree` + index" class="outsetgrouping_centent_totalnum_right_text3_echar3">
<div class="outsetgrouping_centent_totalnum_right_text4"> </div>
<span class="outsetgrouping_centent_totalnum_right_text4_span4"> 检验占比:</span> </div>
<div :id="`indexChartfore` + index" class="outsetgrouping_centent_totalnum_right_text4_echar4"></div> <div class="outsetgrouping_centent_totalnum_right_text4">
</div> <span class="outsetgrouping_centent_totalnum_right_text4_span4"> 检验占比:</span>
<div class="outsetgrouping_centent_totalnum_right_text5"> <div :id="`indexChartfore` + index" class="outsetgrouping_centent_totalnum_right_text4_echar4">
<span class="outsetgrouping_centent_totalnum_right_text5_span5"> 其他占比:</span> </div>
<div :id="`indexChartfile` + index" class="outsetgrouping_centent_totalnum_right_text5_echar5"></div> </div>
</div> <div class="outsetgrouping_centent_totalnum_right_text5">
</div> <span class="outsetgrouping_centent_totalnum_right_text5_span5"> 其他占比:</span>
</div> <div :id="`indexChartfile` + index" class="outsetgrouping_centent_totalnum_right_text5_echar5">
<!-- 如果没有搜索时的样式 --> </div>
</div>
<div v-show="nolistShow" class="outsetgrouping_centent_nodata"> </div>
<div class="outsetgrouping_centent_nodata_img"> </div>
<img src="../assets/img/nodata.png" alt="" /> <!-- 如果没有搜索时的样式 -->
</div>
<div class="outsetgrouping_centent_nodata_text">暂无数据</div> <div v-show="nolistShow" class="outsetgrouping_centent_nodata">
</div> <div class="outsetgrouping_centent_nodata_img">
</div> <img src="../assets/img/nodata.png" alt="" />
<div class="outsetgrouping_pagination"> </div>
<el-pagination <div class="outsetgrouping_centent_nodata_text">暂无数据</div>
layout="sizes,prev, pager, next,jumper" </div>
:total="totalCount" </div>
@size-change="sizeChange" <div class="outsetgrouping_pagination">
@current-change="currentChange" <el-pagination layout="sizes,prev, pager, next,jumper" :total="totalCount" @size-change="sizeChange"
:current-page="currentPage" @current-change="currentChange" :current-page="currentPage" :page-size="pageSize"
:page-size="pageSize" :page-sizes="[10, 30, 50]">
:page-sizes="[10, 30, 50]" </el-pagination>
> </div>
</el-pagination> </div>
</div>
</div>
</template> </template>
<script > <script >
import http from '../utils/http'; 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() {
let state = reactive({ let state = reactive({
abc: '', abc: '',
casehisObj: null, casehisObj: null,
searchForm: { searchForm: {
diagName: '', diagName: '',
opsName: '', opsName: '',
}, },
CorePercents: [], CorePercents: [],
totalCount: 0, //总条数 totalCount: 0, //总条数
currentPage: 1, //当前页 currentPage: 1, //当前页
pageSize: 10, pageSize: 10,
typesel: 1, typesel: 1,
radio: '', //单选框选中值 radio: '', //单选框选中值
drug: [], drug: [],
nodataShow: true, //没有搜索时显示 nodataShow: true, //没有搜索时显示
nolistShow: false, //没有搜索数据的时候显示 nolistShow: false, //没有搜索数据的时候显示
groupList: [], //主诊断 groupList: [], //主诊断
groupArr: [], groupArr: [],
groupList2: [], //主手术 groupList2: [], //主手术
groupArr2: [], groupArr2: [],
diagMapList: null, //医保诊断编码集合 diagMapList: null, //医保诊断编码集合
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: '正在加载...', function getCaseHis(code) {
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.5)', http
}; .post(`/medical/Get/casehisData?id=${code}`, {})
.then((data) => {
//获取基本数据 state.casehisObj = data;
function getCaseHis(code) { console.log('data', data);
state.diagMapList = data.diagMapList;
http state.opsMapList = data.opsMapList;
.post(`/medical/Get/casehisData?id=${code}`, {}) getlist();
.then((data) => {
state.casehisObj = data;
console.log('data',data); })
state.diagMapList = data.diagMapList; .catch((error) => {
state.opsMapList = data.opsMapList;
getlist(); });
}
}) //获取列表数据
.catch((error) => { const getlist = () => {
}); http
} .post(`/medical/get/GetCorePercents`,
{
//获取列表数据 PageNumber: state.currentPage,
const getlist = () => { Type: 1,
pageSize: state.pageSize,
http DiagMapList: state.diagMapList,
.post(`/medical/get/GetCorePercents`, OpsMapList: state.opsMapList,
{ id: route.value.query.id
PageNumber:state.currentPage, })
Type:1, .then((data) => {
pageSize:state.pageSize, state.CorePercents = data.list;
DiagMapList:state.diagMapList, state.totalCount = data.totalCount;
OpsMapList:state.opsMapList, if (state.CorePercents.length == 0) {
id:route.value.query.id state.nolistShow = true;
}) // state.nodataShow = false;
.then((data) => { }
state.CorePercents = data.list; for (var i = 0; i < state.CorePercents.length; i++) {
state.totalCount = data.totalCount; initEcharts(categoryChart(state.CorePercents[i].drugPercent, '#2CABE3'), `indexChart${i}`);
if (state.CorePercents.length == 0) { initEcharts(categoryChart(state.CorePercents[i].materialsPercent, '#71D875'), `indexCharttwo${i}`);
state.nolistShow = true; initEcharts(categoryChart(state.CorePercents[i].inspectPercent, '#F35E77'), `indexCharttree${i}`);
// state.nodataShow = false; initEcharts(categoryChart(state.CorePercents[i].testPercent, '#FFB321'), `indexChartfore${i}`);
} initEcharts(categoryChart(state.CorePercents[i].otherPercent, '#C05EF3'), `indexChartfile${i}`);
for (var i = 0; i < state.CorePercents.length; i++) { }
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}`); .catch((error) => {
initEcharts(categoryChart(state.CorePercents[i].testPercent,'#FFB321'), `indexChartfore${i}`);
initEcharts(categoryChart(state.CorePercents[i].otherPercent,'#C05EF3'), `indexChartfile${i}`); });
} };
//提交
}) const submit = () => {
.catch((error) => { if (state.radio == '') {
// ElMessage.warning({
}); // message: "请先选择要入组的病组",
}; // type: 'warning',
//提交 // });
const submit = () => { } else {
if(state.radio==''){ http
ElMessage.warning({ .post(`/medical/Update/casehisById?PatientId=${route.value.query.id}`, [state.radio])
message: "请先选择要入组的病组", .then((data) => {
type: 'warning', // ElMessage.success({
}); // message: `${data.message}`,
}else{ // type: 'success',
http // });
.post(`/medical/Update/casehisById?PatientId=${route.value.query.id}`, [state.radio]) getCaseHis(route.value.query.id)
.then((data) => { })
ElMessage.success({ .catch((error) => { });
message: `${data.message}`, }
type: 'success', };
}); /**
getCaseHis(route.value.query.id) * 页码
}) */
.catch((error) => {}); const currentChange = (val) => {
} state.currentPage = val;
}; getlist();
/** };
* 页码 const sizeChange = (val) => {
*/ state.pageSize = val;
const currentChange = (val) => { getlist();
state.currentPage = val; };
getlist(); var route = useRoute();
};
const sizeChange = (val) => { onMounted(() => {
state.pageSize = val; getCaseHis(route.value.query.id);
getlist(); if (state.searchForm.diagName.length > 0) {
}; getlist();
var route = useRoute(); }
});
onMounted(() => {
getCaseHis(route.value.query.id); return {
if (state.searchForm.diagName.length > 0) { ...toRefs(state),
getlist(); decimal,
} getCaseHis,
}); currentChange,
sizeChange,
return { getlist,
...toRefs(state), submit,
decimal, goback
getCaseHis, };
currentChange, },
sizeChange,
getlist,
submit,
goback
};
},
}; };
</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%;
background-color: white; background-color: white;
padding: 0px 20px 20px 20px; padding: 0px 20px 20px 20px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
&_button{
display: flex; &_button {
justify-content: end; display: flex;
margin-bottom: 10px; justify-content: end;
&_GoBackbtn{ margin-bottom: 10px;
color:#2CABE3 ;
border: 1px solid #2CABE3; &_GoBackbtn {
} color: #2CABE3;
&_Submitbtn{ border: 1px solid #2CABE3;
background-color: #2CABE3; }
color: #fff;
&_Submitbtn {
} background-color: #2CABE3;
} color: #fff;
&_top {
.span1 { }
display: flex; }
justify-content: start;
font-size: 14px; &_top {
color: #6a707e; .span1 {
font-family: PingFang SC; display: flex;
font-weight: 400; justify-content: start;
} font-size: 14px;
&_message { color: #6a707e;
display: flex; font-family: PingFang SC;
justify-content: space-between; font-weight: 400;
&_left { }
width: 33%;
height: 51px; &_message {
display: flex; display: flex;
justify-content: start; justify-content: space-between;
align-items: center;
background-color: #f3fafd; &_left {
.iconfont { width: 33%;
color: #2cabe3; height: 51px;
padding-left: 29px; display: flex;
font-size: 23px; justify-content: start;
} align-items: center;
&_t1 { background-color: #f3fafd;
width: 80%;
height: 42px; .iconfont {
display: flex; color: #2cabe3;
justify-content: start; padding-left: 29px;
padding-left: 10px; font-size: 23px;
align-items: center; }
background-color: #fff;
color: #abafb3; &_t1 {
font-size: 14px; width: 80%;
margin-left: 29px; height: 42px;
display: flex;
span { justify-content: start;
color: #787e8a; padding-left: 10px;
} align-items: center;
} background-color: #fff;
} color: #abafb3;
&_centert { font-size: 14px;
width: 33%; margin-left: 29px;
height: 51px;
display: flex; span {
justify-content: start; color: #787e8a;
align-items: center; }
background-color: #f3fafd; }
font-family: PingFang SC; }
.iconfont {
color: #2cabe3; &_centert {
padding-left: 29px; width: 33%;
font-size: 23px; height: 51px;
} display: flex;
&_t2 { justify-content: start;
width: 80%; align-items: center;
height: 42px; background-color: #f3fafd;
display: flex; font-family: PingFang SC;
justify-content: start;
padding-left: 10px; .iconfont {
align-items: center; color: #2cabe3;
background-color: #fff; padding-left: 29px;
color: #abafb3; font-size: 23px;
font-size: 14px; }
margin-left: 29px;
&_t2 {
span { width: 80%;
color: #787e8a; height: 42px;
} display: flex;
} justify-content: start;
} padding-left: 10px;
&_right { align-items: center;
width: 33%; background-color: #fff;
height: 51px; color: #abafb3;
display: flex; font-size: 14px;
justify-content: start; margin-left: 29px;
align-items: center;
background-color: #f3fafd; span {
font-family: PingFang SC; color: #787e8a;
.iconfont { }
color: #2cabe3; }
padding-left: 29px; }
font-size: 23px;
} &_right {
&_t3 { width: 33%;
width: 80%; height: 51px;
height: 42px; display: flex;
display: flex; justify-content: start;
justify-content: start; align-items: center;
padding-left: 10px; background-color: #f3fafd;
align-items: center; font-family: PingFang SC;
background-color: #fff;
color: #abafb3; .iconfont {
font-size: 14px; color: #2cabe3;
margin-left: 29px; padding-left: 29px;
span { font-size: 23px;
color: #787e8a; }
}
} &_t3 {
} width: 80%;
} height: 42px;
} display: flex;
&_top2 { justify-content: start;
.span1 { padding-left: 10px;
display: flex; align-items: center;
justify-content: start; background-color: #fff;
font-size: 14px; color: #abafb3;
color: #6a707e; font-size: 14px;
font-family: PingFang SC; margin-left: 29px;
font-weight: 400;
} span {
&_message { color: #787e8a;
display: flex; }
justify-content: space-between; }
margin-top: 10px; }
margin-bottom: 16px; }
&_left { }
width: 33%;
height: 51px; &_top2 {
display: flex; .span1 {
justify-content: start; display: flex;
align-items: center; justify-content: start;
background-color: #f3fafd; font-size: 14px;
.iconfont { color: #6a707e;
color: #2cabe3; font-family: PingFang SC;
padding-left: 29px; font-weight: 400;
font-size: 23px; }
}
&_t1 { &_message {
width: 80%; display: flex;
height: 42px; justify-content: space-between;
display: flex; margin-top: 10px;
justify-content: start; margin-bottom: 16px;
padding-left: 10px;
align-items: center; &_left {
background-color: #fff; width: 33%;
color: #abafb3; height: 51px;
font-size: 14px; display: flex;
margin-left: 29px; justify-content: start;
align-items: center;
span { background-color: #f3fafd;
color: #787e8a;
} .iconfont {
} color: #2cabe3;
} padding-left: 29px;
&_centert { font-size: 23px;
width: 33%; }
height: 51px;
display: flex; &_t1 {
justify-content: start; width: 80%;
align-items: center; height: 42px;
background-color: #f3fafd; display: flex;
font-family: PingFang SC; justify-content: start;
.iconfont { padding-left: 10px;
color: #2cabe3; align-items: center;
padding-left: 29px; background-color: #fff;
font-size: 23px; color: #abafb3;
} font-size: 14px;
&_t2 { margin-left: 29px;
width: 80%;
height: 42px; span {
display: flex; color: #787e8a;
justify-content: start; }
padding-left: 10px; }
align-items: center; }
background-color: #fff;
color: #abafb3; &_centert {
font-size: 14px; width: 33%;
margin-left: 29px; height: 51px;
display: flex;
span { justify-content: start;
color: #787e8a; align-items: center;
} background-color: #f3fafd;
} font-family: PingFang SC;
}
&_right { .iconfont {
width: 33%; color: #2cabe3;
height: 51px; padding-left: 29px;
display: flex; font-size: 23px;
justify-content: start; }
align-items: center;
background-color: #f3fafd; &_t2 {
font-family: PingFang SC; width: 80%;
.iconfont { height: 42px;
color: #2cabe3; display: flex;
padding-left: 29px; justify-content: start;
font-size: 23px; padding-left: 10px;
} align-items: center;
&_t3 { background-color: #fff;
width: 80%; color: #abafb3;
height: 42px; font-size: 14px;
display: flex; margin-left: 29px;
justify-content: start;
padding-left: 10px; span {
align-items: center; color: #787e8a;
background-color: #fff; }
color: #abafb3; }
font-size: 14px; }
margin-left: 29px;
span { &_right {
color: #787e8a; width: 33%;
} height: 51px;
} display: flex;
} justify-content: start;
} align-items: center;
} background-color: #f3fafd;
&_top3 { font-family: PingFang SC;
height: 10px;
background-color: #f3fafd; .iconfont {
border-radius: 10px; color: #2cabe3;
margin-bottom: 16px; padding-left: 29px;
} font-size: 23px;
&_title { }
height: 30px;
background-image: url(../assets/img/bbj.png); &_t3 {
background-size: 100% 100%; width: 80%;
color: white; height: 42px;
font-size: 12px; display: flex;
display: flex; justify-content: start;
align-items: center; padding-left: 10px;
justify-content: start; align-items: center;
margin-bottom: 5px; background-color: #fff;
&_span { color: #abafb3;
padding-left: 10px; font-size: 14px;
} margin-left: 29px;
}
&_centent { span {
background-color: #f1f5f8; color: #787e8a;
height:66%; }
overflow-y: auto; }
&_totalnum { }
height: 282px; }
background-color: #fff; }
margin: 12px;
display: flex; &_top3 {
flex-direction: column; height: 10px;
background-color: #f3fafd;
border-radius: 10px;
margin-bottom: 16px;
}
&_title {
height: 30px;
background-image: url(../assets/img/bbj.png);
background-size: 100% 100%;
color: white;
font-size: 12px;
display: flex;
align-items: center;
justify-content: start;
margin-bottom: 5px;
&_span {
padding-left: 10px;
}
}
&_centent {
background-color: #f1f5f8;
height: 66%;
overflow-y: auto;
&_totalnum {
height: 282px;
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; align-items: center;
&_left { justify-content: center;
flex: 1;
width: 100%; &_radios {
height: 70%; width: 3%;
display: flex; height: 30%;
flex-direction: row; display: flex;
align-items: center; justify-content: center;
justify-content: center; align-items: center;
&_radios { }
width: 3%;
height: 30%; &_text {
display: flex; width: 97%;
justify-content: center; height: 100%;
align-items: center;
} &_msg1 {
&_text { height: 25%;
width: 97%; box-sizing: content-box;
height: 100%; border: 10px solid rgba(44, 171, 227, 0.08);
&_msg1{ border-bottom: 5px solid rgba(44, 171, 227, 0.08);
height: 25%; border-top: 5px solid rgba(44, 171, 227, 0.08);
box-sizing: content-box; margin-bottom: 5px;
border: 10px solid rgba(44, 171, 227, 0.08); margin-top: 5px;
border-bottom: 5px solid rgba(44, 171, 227, 0.08); display: flex;
border-top: 5px solid rgba(44, 171, 227, 0.08); flex-direction: column;
margin-bottom: 5px; justify-content: center;
margin-top: 5px; align-items: center;
display: flex;
flex-direction: column; &_text1 {
justify-content: center; width: 100%;
align-items: center; height: 50%;
&_text1 { display: flex;
width: 100%; justify-content: space-between;
height: 50%;
display: flex; span {
justify-content: space-between; height: 100%;
span { width: 50%;
height: 100%; margin: 5px 5px;
width: 50%; display: flex;
margin:5px 5px; justify-content: start;
display: flex; align-items: center;
justify-content: start; font-size: 14px;
align-items: center; padding-left: 10px;
font-size: 14px; font-family: PingFang SC;
padding-left: 10px; font-weight: 300;
font-family: PingFang SC; color: #6a707e;
font-weight: 300; }
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%;
margin: 0px 5px; margin: 0px 5px;
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
padding-left: 10px; padding-left: 10px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 300; font-weight: 300;
color: #6a707e; color: #6a707e;
} }
} }
} }
&_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 {
display: block; span {
height: 100%; display: block;
width: 50%; height: 100%;
margin: 0px 10px; width: 50%;
background-color: #fff; margin: 0px 10px;
display: flex; background-color: #fff;
justify-content: start; display: flex;
align-items: center; justify-content: start;
font-size: 14px; align-items: center;
padding-left: 10px; font-size: 14px;
font-family: PingFang SC; padding-left: 10px;
font-weight: 300; font-family: PingFang SC;
color: #6a707e; font-weight: 300;
} color: #6a707e;
} }
&_text4 { }
margin-bottom: 10px;
width: 100%; &_text4 {
height: 30%; margin-bottom: 10px;
margin-top: 10px; width: 100%;
display: flex; height: 30%;
justify-content: space-between; margin-top: 10px;
span { display: flex;
height: 100%; justify-content: space-between;
width: 50%;
margin: 0px 10px; span {
background-color: #fff; height: 100%;
display: flex; width: 50%;
justify-content: start; margin: 0px 10px;
align-items: center; background-color: #fff;
font-size: 14px; display: flex;
padding-left: 10px; justify-content: start;
font-family: PingFang SC; align-items: center;
font-weight: 300; font-size: 14px;
color: #6a707e; padding-left: 10px;
} font-family: PingFang SC;
} font-weight: 300;
&_text5 { color: #6a707e;
margin-bottom: 10px; }
width: 100%; }
height: 30%;
display: flex; &_text5 {
justify-content: space-between; margin-bottom: 10px;
span { width: 100%;
height: 100%; height: 30%;
width: 50%; display: flex;
margin: 0px 10px; justify-content: space-between;
background-color: #fff;
display: flex; span {
justify-content: start; height: 100%;
align-items: center; width: 50%;
font-size: 14px; margin: 0px 10px;
padding-left: 10px; background-color: #fff;
font-family: PingFang SC; display: flex;
font-weight: 300; justify-content: start;
color: #6a707e; 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%; &_right {
display: flex; width: 100%;
justify-content: center; height: 30%;
align-items: center; display: flex;
margin-left: 3%; justify-content: space-around;
&_span1{
color: #2cabe3; &_text1 {
font-family: PingFang SC; width: 19%;
font-weight: 400; display: flex;
} justify-content: center;
&_echar1 { align-items: center;
width: 50%; margin-left: 3%;
height: 88px;
margin-left: -30px; &_span1 {
} color: #2cabe3;
} font-family: PingFang SC;
font-weight: 400;
&_text2{ }
width: 19%;
display: flex; &_echar1 {
justify-content: center; width: 50%;
align-items: center; height: 88px;
&_span2{ margin-left: -30px;
color: #71d875; }
font-family: PingFang SC; }
font-weight: 400;
} &_text2 {
&_echar2 { width: 19%;
width: 50%; display: flex;
height: 88px; justify-content: center;
margin-left: -30px; align-items: center;
}
} &_span2 {
&_text3{ color: #71d875;
width: 19%; font-family: PingFang SC;
display: flex; font-weight: 400;
justify-content: center; }
align-items: center;
&_span3{ &_echar2 {
color: #f35e77; width: 50%;
font-family: PingFang SC; height: 88px;
font-weight: 400; margin-left: -30px;
} }
&_echar3 { }
width: 50%;
height: 85px; &_text3 {
margin-left: -30px; width: 19%;
} display: flex;
} justify-content: center;
&_text4{ align-items: center;
width: 19%;
display: flex; &_span3 {
justify-content: center; color: #f35e77;
align-items: center; font-family: PingFang SC;
&_span4{ font-weight: 400;
color: #ffb321; }
font-family: PingFang SC;
font-weight: 400; &_echar3 {
} width: 50%;
&_echar4 { height: 85px;
width: 50%; margin-left: -30px;
height: 88px; }
margin-left: -30px; }
}
} &_text4 {
&_text5{ width: 19%;
width: 19%; display: flex;
display: flex; justify-content: center;
justify-content: center; align-items: center;
align-items: center;
&_span5{ &_span4 {
color: #c05ef3; color: #ffb321;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
} }
&_echar5 {
width: 50%; &_echar4 {
height: 88px; width: 50%;
margin-left: -30px; height: 88px;
} margin-left: -30px;
} }
} }
}
// 没有数据 &_text5 {
&_nodata { width: 19%;
width: 100%; display: flex;
height: 100%; justify-content: center;
display: flex; align-items: center;
flex-direction: column;
justify-content: center; &_span5 {
align-content: center; color: #c05ef3;
font-family: PingFang SC;
&_img { font-weight: 400;
img { }
width: 115px;
height: 102px; &_echar5 {
} width: 50%;
} height: 88px;
&_text { margin-left: -30px;
font-size: 18px; }
font-family: PingFang SC; }
font-weight: 400; }
color: #abafb3; }
}
} // 没有数据
} &_nodata {
&_pagination { width: 100%;
display: flex; height: 100%;
justify-content: end; display: flex;
margin-top: 1%; flex-direction: column;
} justify-content: center;
align-content: center;
&_img {
img {
width: 115px;
height: 102px;
}
}
&_text {
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #abafb3;
}
}
}
&_pagination {
display: flex;
justify-content: end;
margin-top: 1%;
}
} }
</style> </style>
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