Skip to content

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

,

parent 56b5e6e6
Showing with 198 additions and 152 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 @@ ...@@ -21,7 +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", "echarts": "^4.0.4",
"eslint": "^6.7.2", "eslint": "^6.7.2",
"dayjs": "^1.11.8", "dayjs": "^1.11.8",
"eslint-plugin-vue": "^6.2.2", "eslint-plugin-vue": "^6.2.2",
......
src/App.vue
<template> <template>
<div id="app"> <div id="app">
<router-view/> <router-view />
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'App', name: "App",
};
}
</script> </script>
<style> <style>
body,
html,
#app {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
</style> </style>
src/router/index.js
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
* @Date: 2022-06-07 00:31:25 * @Date: 2022-06-07 00:31:25
* @LastEditors: ninglupeng * @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 14:16:26 * @LastEditTime: 2022-06-07 14:16:26
* @Description: * @Description:
*/ */
import Vue from "vue"; import Vue from "vue";
import Router from "vue-router"; import Router from "vue-router";
...@@ -18,7 +18,8 @@ Vue.use(Router); ...@@ -18,7 +18,8 @@ Vue.use(Router);
// const baseUrl = '/his/' // const baseUrl = '/his/'
const router = new Router({ const router = new Router({
// mode: baseUrl, // mode: baseUrl,
routes: [{ routes: [
{
path: "*", path: "*",
component: (resolve) => require(["@/components/404.vue"], resolve), component: (resolve) => require(["@/components/404.vue"], resolve),
}, },
...@@ -40,7 +41,13 @@ const router = new Router({ ...@@ -40,7 +41,13 @@ const router = new Router({
path: "/outHistorygrouping", path: "/outHistorygrouping",
name: "outHistorygrouping", name: "outHistorygrouping",
component: outHistorygrouping, component: outHistorygrouping,
} },
// 智能分组
{
path: "/medicalRecordImport",
name: "medicalRecordImport",
component: (resolve) => require(["@/views/medicalRecordImport.vue"], resolve),
},
], ],
// mode: 'history' /*hash*/ /*不显示路由中的#*/ // mode: 'history' /*hash*/ /*不显示路由中的#*/
}); });
...@@ -50,4 +57,4 @@ router.beforeEach((to, from, next) => { ...@@ -50,4 +57,4 @@ router.beforeEach((to, from, next) => {
next(); next();
}); });
export default router; export default router;
\ No newline at end of file
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 @@ ...@@ -9,9 +9,12 @@
<!-- 智能分组 --> <!-- 智能分组 -->
<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"> <router-link target="_blank" :to="{ path: '/medicalRecordImport', query: { id: $route.query.id } }">
<span class="iconfont icon-daochu"></span> <span class="s2">返回</span> <el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary">
</el-button> --> <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"> <el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit">
<span class="iconfont icon-ipr_tijiao"></span> <span class="iconfont icon-ipr_tijiao"></span>
<span class="s2">提交</span> <span class="s2">提交</span>
...@@ -150,16 +153,14 @@ ...@@ -150,16 +153,14 @@
</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 { decimal } from "../utils/decimal"; import { decimal } from "../utils/decimal";
import { Message } from "element-ui"; import { Message } from "element-ui";
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() {
let state = reactive({ data() {
return {
abc: "", abc: "",
casehisObj: null, casehisObj: null,
searchForm: { searchForm: {
...@@ -181,103 +182,84 @@ export default { ...@@ -181,103 +182,84 @@ export default {
groupArr2: [], groupArr2: [],
diagMapList: null, //医保诊断编码集合 diagMapList: null, //医保诊断编码集合
opsMapList: 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}`, {}) http.post(`/medical/Get/casehisData?id=${code}`, {})
.then((data) => { .then((data) => {
state.casehisObj = data; this.casehisObj = data;
console.log("data", data); this.diagMapList = data.diagMapList;
state.diagMapList = data.diagMapList; this.opsMapList = data.opsMapList;
state.opsMapList = data.opsMapList; this.getlist();
getlist();
}) })
.catch((error) => {}); .catch((error) => {});
} },
//获取列表数据 //获取列表数据
const getlist = () => { getlist() {
http.post(`/medical/get/GetCorePercents`, { http.post(`/medical/get/GetCorePercents`, {
PageNumber: state.currentPage, PageNumber: this.currentPage,
Type: 1, Type: 1,
pageSize: state.pageSize, pageSize: this.pageSize,
DiagMapList: state.diagMapList, DiagMapList: this.diagMapList,
OpsMapList: state.opsMapList, OpsMapList: this.opsMapList,
id: route.value.query.id, id: this.$route.query.id,
}) })
.then((data) => { .then((data) => {
state.CorePercents = data.list; this.CorePercents = data.list;
state.totalCount = data.totalCount; this.totalCount = data.totalCount;
if (state.CorePercents.length == 0) { if (this.CorePercents.length == 0) {
state.nolistShow = true; this.nolistShow = true;
// state.nodataShow = false; // this.nodataShow = false;
} }
for (var i = 0; i < state.CorePercents.length; i++) { for (var i = 0; i < this.CorePercents.length; i++) {
initEcharts(categoryChart(state.CorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`); initEcharts(categoryChart(this.CorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`);
initEcharts(categoryChart(state.CorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`); initEcharts(categoryChart(this.CorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`);
initEcharts(categoryChart(state.CorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`); initEcharts(categoryChart(this.CorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`);
initEcharts(categoryChart(state.CorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`); initEcharts(categoryChart(this.CorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
initEcharts(categoryChart(state.CorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`); initEcharts(categoryChart(this.CorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
} }
}) })
.catch((error) => {}); .catch((error) => {});
}; },
//提交 //提交
const submit = () => { submit() {
if (state.radio == "") { if (this.radio == "") {
Message.warning({ Message.warning({
message: "请先选择要分组的病组", message: "请先选择要分组的病组",
type: "warning", type: "warning",
}); });
} else { } 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) => { .then((data) => {
Message.success({ Message.success({
message: `${data.message}`, message: `${data.message}`,
type: "success", type: "success",
}); });
this.getCaseHis(this.$route.query.id);
getCaseHis(route.value.query.id);
}) })
.catch((error) => {}); .catch((error) => {});
} }
}; },
/** /**
* 页码 * 页码
*/ */
const currentChange = (val) => { currentChange(val) {
state.currentPage = val; this.currentPage = val;
getlist(); this.getlist();
}; },
const sizeChange = (val) => { sizeChange(val) {
state.pageSize = val; this.pageSize = val;
getlist(); this.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,
};
}, },
}; };
</script> </script>
...@@ -286,9 +268,9 @@ export default { ...@@ -286,9 +268,9 @@ export default {
// @import '../styles/media/media/outHistorygrouping.scss'; // @import '../styles/media/media/outHistorygrouping.scss';
.outsetgrouping { .outsetgrouping {
height: 900px; height: calc(100% - 40px);
background-color: white; background-color: white;
padding: 0px 20px 20px 20px; padding: 20px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
...@@ -305,6 +287,7 @@ export default { ...@@ -305,6 +287,7 @@ export default {
&_Submitbtn { &_Submitbtn {
background-color: #2cabe3; background-color: #2cabe3;
color: #fff; color: #fff;
margin-right: 10px;
} }
} }
...@@ -586,7 +569,7 @@ export default { ...@@ -586,7 +569,7 @@ export default {
&_centent { &_centent {
background-color: #f1f5f8; background-color: #f1f5f8;
height: 66%; height: 70%;
overflow-y: auto; overflow-y: auto;
&_totalnum { &_totalnum {
......
src/views/outseeQualityControl.vue
...@@ -145,9 +145,7 @@ ...@@ -145,9 +145,7 @@
<script> <script>
import http from "../utils/http"; import http from "../utils/http";
import { reactive, toRefs, onMounted, nextTick, computed } from "@vue/composition-api";
import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue"; import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue";
import { useRoute, useRouter } from "../utils/useVueRouter";
import $ from "jquery"; import $ from "jquery";
import { setItem, getItem } from "../utils/auth"; import { setItem, getItem } from "../utils/auth";
import { Message } from "element-ui"; import { Message } from "element-ui";
...@@ -156,8 +154,8 @@ export default { ...@@ -156,8 +154,8 @@ export default {
medicalRecordHomepage, medicalRecordHomepage,
}, },
name: "outseeQualityControl", name: "outseeQualityControl",
setup() { data() {
let state = reactive({ return {
medicalrecord: null, medicalrecord: null,
ScoringDetails: null, ScoringDetails: null,
caseHistoryScoreData: null, caseHistoryScoreData: null,
...@@ -178,37 +176,44 @@ export default { ...@@ -178,37 +176,44 @@ export default {
splithtml3: "", //病房 splithtml3: "", //病房
keys: [], //获取所有的问卷key keys: [], //获取所有的问卷key
values: [], // values: [], //
}); loadingOption1: {
var route = useRoute(); // 加载loading
fullscreen: true,
onMounted(() => { text: "正在加载...",
console.log(route.value); 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) => { getSynchronous(id) {
http.post(`/medical/get/Synchronization?id=${route.value.query.id}`) http.post(`/medical/get/Synchronization?id=${this.$route.query.id}`)
.then((data) => { .then((data) => {
Message.success(data.message); Message.success(data.message);
}) })
.catch((error) => { .catch((error) => {
Message.error(error); Message.error(error);
}); });
}; },
//获取到点击的值 //获取到点击的值
const handleNodeClick = (data) => { handleNodeClick(data) {
let arr = document.getElementsByClassName(data.columnName); let arr = document.getElementsByClassName(data.columnName);
let dom = $("#medicalRecord").find("#clickColor"); let dom = $("#medicalRecord").find("#clickColor");
if (dom.length != 0) { if (dom.length != 0) {
dom.removeAttr("id"); dom.removeAttr("id");
} }
arr[0].setAttribute("id", "clickColor"); arr[0].setAttribute("id", "clickColor");
this.scrollTop();
scrollTop(); },
}; scrollTop() {
function scrollTop() {
if ($("#clickColor").position()) { if ($("#clickColor").position()) {
$(".outseeQualityControl_box_Content_left").animate( $(".outseeQualityControl_box_Content_left").animate(
{ {
...@@ -221,62 +226,39 @@ export default { ...@@ -221,62 +226,39 @@ export default {
500 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}`, {}) http.post(`/medical/Get/HomeHisPage?id=${id}`, {})
.then((data) => { .then((data) => {
state.medicalrecord = data; this.medicalrecord = data;
state.keys = Object.keys(data); this.keys = Object.keys(data);
}) })
.catch((error) => {}); .catch((error) => {});
} },
//获取患者基本信息树形数据 //获取患者基本信息树形数据
function getScoringDetails(id) { getScoringDetails(id) {
http.post(`/medical/get/GetCaseHisRule?id=${id}`, {}) http.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
.then((data) => { .then((data) => {
state.departmentTree = data[0].rulesLists; this.departmentTree = data[0].rulesLists;
state.rightdepartmentTree = data[1].rulesLists; this.rightdepartmentTree = data[1].rulesLists;
state.fruleCount = data[0].ruleCount; this.fruleCount = data[0].ruleCount;
state.ruleCount = data[1].ruleCount; this.ruleCount = data[1].ruleCount;
if (state.fruleCount == 0 || state.ruleCount == 0) { if (this.fruleCount == 0 || this.ruleCount == 0) {
state.isnodataShow = true; this.isnodataShow = true;
} }
}) })
.catch((error) => {}); .catch((error) => {});
} },
//点击非编码问题 //点击非编码问题
const leftcode = () => { leftcode() {
state.isleftcodeShow = true; this.isleftcodeShow = true;
}; },
//点击编码问题 //点击编码问题
const rightcode = () => { rightcode() {
state.isleftcodeShow = false; this.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,
};
}, },
}; };
</script> </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