Skip to content

V
vue-composition-api
Commit 5e583b20 by 唐玉峰
Options

,

parent 56b5e6e6
Showing with 195 additions and 148 deletions
package-lock.json deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
......@@ -21,7 +21,7 @@
"@vue/cli-service": "~4.4.0",
"axios": "^0.19.2",
"babel-eslint": "^10.1.0",
"echarts": "^5.3.2",
"echarts": "^4.0.4",
"eslint": "^6.7.2",
"dayjs": "^1.11.8",
"eslint-plugin-vue": "^6.2.2",
......
src/App.vue
<template>
<div id="app">
<router-view/>
<router-view />
</div>
</template>
<script>
export default {
name: 'App',
}
name: "App",
};
</script>
<style>
body,
html,
#app {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
</style>
src/router/index.js
......@@ -18,7 +18,8 @@ Vue.use(Router);
// const baseUrl = '/his/'
const router = new Router({
// mode: baseUrl,
routes: [{
routes: [
{
path: "*",
component: (resolve) => require(["@/components/404.vue"], resolve),
},
......@@ -40,7 +41,13 @@ const router = new Router({
path: "/outHistorygrouping",
name: "outHistorygrouping",
component: outHistorygrouping,
}
},
// 智能分组
{
path: "/medicalRecordImport",
name: "medicalRecordImport",
component: (resolve) => require(["@/views/medicalRecordImport.vue"], resolve),
},
],
// mode: 'history' /*hash*/ /*不显示路由中的#*/
});
......
src/views/medicalRecordImport.vue 0 → 100644
<template>
<!-- 病案导入 -->
<div class="medicalRecordImport">
<div class="medicalRecordImport_top"></div>
<div class="main">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="医保反馈数据" name="1"
><iframe src="http://172.16.1.244:8050/#/report/view?workbookId=269" width="100%" height="100%" frameborder="0"></iframe>
</el-tab-pane>
<el-tab-pane label="月度分组数据" name="2"
><iframe src="http://172.16.1.244:8050/#/report/view?workbookId=268" width="100%" height="100%" frameborder="0"></iframe
></el-tab-pane>
<el-tab-pane label="年度结算数据" name="3"
><iframe src="http://172.16.1.244:8050/#/report/view?workbookId=267" width="100%" height="100%" frameborder="0"></iframe
></el-tab-pane>
</el-tabs>
</div>
</div>
</template>
<script>
export default {
name: "medicalRecordImport",
components: {},
data() {
return {
activeName: "1",
};
},
mounted() {
console.log(window.location.origin);
},
methods: {
handleClick(tab, event) {},
},
};
</script>
<style lang="scss">
.medicalRecordImport {
height: 100%;
background-color: white;
overflow: auto;
display: flex;
flex-flow: column;
&_top {
width: 100%;
height: 15px;
background-color: #2cabe3;
}
.main {
padding: 30px;
flex: 1;
.el-tabs__nav-wrap::after {
display: none;
}
.el-tabs {
height: 100%;
.el-tabs__content {
overflow: hidden;
position: relative;
height: calc(100% - 55px);
}
.el-tab-pane {
height: 100%;
}
}
}
}
</style>
src/views/outHistorygrouping.vue
......@@ -9,9 +9,12 @@
<!-- 智能分组 -->
<div class="outsetgrouping" id="setGroupingbox">
<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> -->
<router-link target="_blank" :to="{ path: '/medicalRecordImport', query: { id: $route.query.id } }">
<el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary">
<span class="iconfont icon-daochu"></span> <span class="s2">DRG历史分组结果查询</span>
</el-button></router-link
>
<el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit">
<span class="iconfont icon-ipr_tijiao"></span>
<span class="s2">提交</span>
......@@ -150,16 +153,14 @@
</template>
<script>
import http from "../utils/http";
import { reactive, toRefs, onMounted, nextTick, computed } from "@vue/composition-api";
import { decimal } from "../utils/decimal";
import { Message } from "element-ui";
import { useRoute, useRouter } from "../utils/useVueRouter";
import { initEcharts, categoryChart } from "../utils/echarts";
export default {
name: "outHistorygrouping",
setup() {
let state = reactive({
data() {
return {
abc: "",
casehisObj: null,
searchForm: {
......@@ -181,103 +182,84 @@ export default {
groupArr2: [],
diagMapList: null, //医保诊断编码集合
opsMapList: null, //医保手术编码集合
});
//返回
const router = useRouter();
const goback = () => {
router.go(-1);
};
},
mounted() {
this.getCaseHis(this.$route.query.id);
if (this.searchForm.diagName.length > 0) {
this.getlist();
}
},
methods: {
decimal,
//获取基本数据
function getCaseHis(code) {
getCaseHis(code) {
http.post(`/medical/Get/casehisData?id=${code}`, {})
.then((data) => {
state.casehisObj = data;
console.log("data", data);
state.diagMapList = data.diagMapList;
state.opsMapList = data.opsMapList;
getlist();
this.casehisObj = data;
this.diagMapList = data.diagMapList;
this.opsMapList = data.opsMapList;
this.getlist();
})
.catch((error) => {});
}
},
//获取列表数据
const getlist = () => {
getlist() {
http.post(`/medical/get/GetCorePercents`, {
PageNumber: state.currentPage,
PageNumber: this.currentPage,
Type: 1,
pageSize: state.pageSize,
DiagMapList: state.diagMapList,
OpsMapList: state.opsMapList,
id: route.value.query.id,
pageSize: this.pageSize,
DiagMapList: this.diagMapList,
OpsMapList: this.opsMapList,
id: this.$route.query.id,
})
.then((data) => {
state.CorePercents = data.list;
state.totalCount = data.totalCount;
if (state.CorePercents.length == 0) {
state.nolistShow = true;
// state.nodataShow = false;
}
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}`);
initEcharts(categoryChart(state.CorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
initEcharts(categoryChart(state.CorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
this.CorePercents = data.list;
this.totalCount = data.totalCount;
if (this.CorePercents.length == 0) {
this.nolistShow = true;
// this.nodataShow = false;
}
for (var i = 0; i < this.CorePercents.length; i++) {
initEcharts(categoryChart(this.CorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`);
initEcharts(categoryChart(this.CorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`);
initEcharts(categoryChart(this.CorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`);
initEcharts(categoryChart(this.CorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
initEcharts(categoryChart(this.CorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
}
})
.catch((error) => {});
};
},
//提交
const submit = () => {
if (state.radio == "") {
submit() {
if (this.radio == "") {
Message.warning({
message: "请先选择要分组的病组",
type: "warning",
});
} else {
http.post(`/medical/Update/casehisById?PatientId=${route.value.query.id}`, [state.radio])
http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}`, [this.radio])
.then((data) => {
Message.success({
message: `${data.message}`,
type: "success",
});
getCaseHis(route.value.query.id);
this.getCaseHis(this.$route.query.id);
})
.catch((error) => {});
}
};
},
/**
* 页码
*/
const currentChange = (val) => {
state.currentPage = val;
getlist();
};
const sizeChange = (val) => {
state.pageSize = val;
getlist();
};
var route = useRoute();
onMounted(() => {
getCaseHis(route.value.query.id);
if (state.searchForm.diagName.length > 0) {
getlist();
}
});
return {
...toRefs(state),
decimal,
getCaseHis,
currentChange,
sizeChange,
getlist,
submit,
goback,
};
currentChange(val) {
this.currentPage = val;
this.getlist();
},
sizeChange(val) {
this.pageSize = val;
this.getlist();
},
},
};
</script>
......@@ -286,9 +268,9 @@ export default {
// @import '../styles/media/media/outHistorygrouping.scss';
.outsetgrouping {
height: 900px;
height: calc(100% - 40px);
background-color: white;
padding: 0px 20px 20px 20px;
padding: 20px;
overflow: hidden;
position: relative;
......@@ -305,6 +287,7 @@ export default {
&_Submitbtn {
background-color: #2cabe3;
color: #fff;
margin-right: 10px;
}
}
......@@ -586,7 +569,7 @@ export default {
&_centent {
background-color: #f1f5f8;
height: 66%;
height: 70%;
overflow-y: auto;
&_totalnum {
......
src/views/outseeQualityControl.vue
......@@ -145,9 +145,7 @@
<script>
import http from "../utils/http";
import { reactive, toRefs, onMounted, nextTick, computed } from "@vue/composition-api";
import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue";
import { useRoute, useRouter } from "../utils/useVueRouter";
import $ from "jquery";
import { setItem, getItem } from "../utils/auth";
import { Message } from "element-ui";
......@@ -156,8 +154,8 @@ export default {
medicalRecordHomepage,
},
name: "outseeQualityControl",
setup() {
let state = reactive({
data() {
return {
medicalrecord: null,
ScoringDetails: null,
caseHistoryScoreData: null,
......@@ -178,37 +176,44 @@ export default {
splithtml3: "", //病房
keys: [], //获取所有的问卷key
values: [], //
});
var route = useRoute();
onMounted(() => {
console.log(route.value);
});
loadingOption1: {
// 加载loading
fullscreen: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
},
};
},
mounted() {
if (this.$route.query.id) {
this.getHomePage(this.$route.query.id);
this.getScoringDetails(this.$route.query.id);
setItem("outpid", this.$route.query.id);
}
},
methods: {
//同步数据
const getSynchronous = (id) => {
http.post(`/medical/get/Synchronization?id=${route.value.query.id}`)
getSynchronous(id) {
http.post(`/medical/get/Synchronization?id=${this.$route.query.id}`)
.then((data) => {
Message.success(data.message);
})
.catch((error) => {
Message.error(error);
});
};
},
//获取到点击的值
const handleNodeClick = (data) => {
handleNodeClick(data) {
let arr = document.getElementsByClassName(data.columnName);
let dom = $("#medicalRecord").find("#clickColor");
if (dom.length != 0) {
dom.removeAttr("id");
}
arr[0].setAttribute("id", "clickColor");
scrollTop();
};
function scrollTop() {
this.scrollTop();
},
scrollTop() {
if ($("#clickColor").position()) {
$(".outseeQualityControl_box_Content_left").animate(
{
......@@ -221,62 +226,39 @@ export default {
500
);
}
}
const loadingOption1 = {
// 加载loading
fullscreen: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
};
},
// 获取病案首页数据
function getHomePage(id) {
getHomePage(id) {
http.post(`/medical/Get/HomeHisPage?id=${id}`, {})
.then((data) => {
state.medicalrecord = data;
state.keys = Object.keys(data);
this.medicalrecord = data;
this.keys = Object.keys(data);
})
.catch((error) => {});
}
},
//获取患者基本信息树形数据
function getScoringDetails(id) {
getScoringDetails(id) {
http.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
.then((data) => {
state.departmentTree = data[0].rulesLists;
state.rightdepartmentTree = data[1].rulesLists;
state.fruleCount = data[0].ruleCount;
state.ruleCount = data[1].ruleCount;
if (state.fruleCount == 0 || state.ruleCount == 0) {
state.isnodataShow = true;
this.departmentTree = data[0].rulesLists;
this.rightdepartmentTree = data[1].rulesLists;
this.fruleCount = data[0].ruleCount;
this.ruleCount = data[1].ruleCount;
if (this.fruleCount == 0 || this.ruleCount == 0) {
this.isnodataShow = true;
}
})
.catch((error) => {});
}
},
//点击非编码问题
const leftcode = () => {
state.isleftcodeShow = true;
};
leftcode() {
this.isleftcodeShow = true;
},
//点击编码问题
const rightcode = () => {
state.isleftcodeShow = false;
};
onMounted(() => {
if (route.value.query.id) {
getHomePage(route.value.query.id);
getScoringDetails(route.value.query.id);
setItem("outpid", route.value.query.id);
}
});
return {
...toRefs(state),
handleNodeClick,
leftcode,
rightcode,
getSynchronous,
};
rightcode() {
this.isleftcodeShow = false;
},
},
};
</script>
......
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