Commit c94be8df by nlp97

路由 hooks

parent bcc4e31b
...@@ -74,9 +74,9 @@ axios.interceptors.response.use( ...@@ -74,9 +74,9 @@ axios.interceptors.response.use(
export default { export default {
post(url, params, option) { post(url, params, option) {
if (getItem('svtoken')) {
loadingInstance = Vue.prototype.$loading(loadingOption); loadingInstance = Vue.prototype.$loading(loadingOption);
}
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
axios axios
.post(domain + url, params, { ...{ headers: createHeader() }, ...option }) .post(domain + url, params, { ...{ headers: createHeader() }, ...option })
...@@ -86,15 +86,15 @@ export default { ...@@ -86,15 +86,15 @@ export default {
reject(res.data); reject(res.data);
return; return;
} }
if (getItem('token')) {
loadingInstance.close(); loadingInstance.close();
}
resolve(res.data.data || res.data); resolve(res.data.data || res.data);
}) })
.catch((error) => { .catch((error) => {
if (getItem('token')) {
loadingInstance.close(); loadingInstance.close();
}
errorMsg(error); errorMsg(error);
reject(error); reject(error);
}); });
......
/*
* @Author: ninglupeng
* @Date: 2022-06-07 11:37:20
* @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 11:48:40
* @Description:
*/
import {
ComponentInternalInstance,
computed,
getCurrentInstance,
Ref,
} from '@vue/composition-api';
import VueRouter, { Route } from 'vue-router';
export function getVueInstance() {
const instance = getCurrentInstance();
if (instance) {
return instance;
}
throw new Error('Vue instance is missing');
}
export function useRoute() {
const { proxy } = getVueInstance();
return computed(() => proxy.$route);
}
export function useRouter() {
const { proxy } = getVueInstance();
return proxy.$router;
}
export default {
getVueInstance,
useRoute,
useRouter,
};
...@@ -2,16 +2,16 @@ ...@@ -2,16 +2,16 @@
* @Author: wsq * @Author: wsq
* @Date: 2022-04-22 14:21:50 * @Date: 2022-04-22 14:21:50
* @LastEditors: ninglupeng * @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 10:06:20 * @LastEditTime: 2022-06-07 11:50:00
* @Description: * @Description:
--> -->
<template> <template>
<!-- 查看质控 --> <!-- 查看质控 -->
<div class="outseeQualityControl"> <div class="outseeQualityControl">
<div class="outseeQualityControl_box"> <div class="outseeQualityControl_box">
<div class="outseeQualityControl_box_btn"> <!-- <div class="outseeQualityControl_box_btn">
<el-button size="mini" type="primary" @click="getSynchronous">同步数据</el-button> <el-button size="mini" type="primary" @click="getSynchronous">同步数据</el-button>
</div> </div> -->
<div class="outseeQualityControl_box_header"> <div class="outseeQualityControl_box_header">
<div class="outseeQualityControl_box_header_text"></div> <div class="outseeQualityControl_box_header_text"></div>
</div> </div>
...@@ -115,9 +115,10 @@ ...@@ -115,9 +115,10 @@
<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 $ from 'jquery';
import { setItem } from '../utils/auth';
import medicalRecordHomepage from '../components/medicalRecordHomepage/index.vue'; import medicalRecordHomepage from '../components/medicalRecordHomepage/index.vue';
import { useRoute, useRouter } from '../utils/useVueRouter';
import $ from 'jquery';
import { setItem, getItem } from '../utils/auth';
export default { export default {
components: { components: {
medicalRecordHomepage, medicalRecordHomepage,
...@@ -146,19 +147,24 @@ export default { ...@@ -146,19 +147,24 @@ export default {
keys: [], //获取所有的问卷key keys: [], //获取所有的问卷key
values: [], // values: [], //
}); });
// var route = useRoute(); var route = useRoute();
onMounted(() => {
console.log(route.value);
});
//同步数据 //同步数据
const getSynchronous = (id) => { const getSynchronous = (id) => {
// var loadingInstance1 = ElLoading.service(loadingOption1);
http http
.post(`/medical/get/Synchronization?id=${'3606b7a5-de50-11ec-9998-9016ba5908d0'}`) .post(`/medical/get/Synchronization?id=${route.value.query.id}`)
.then((data) => { .then((data) => {
// loadingInstance1.close();
// ElMessage.success(data.message); // ElMessage.success(data.message);
}) })
.catch((error) => { .catch((error) => {
// loadingInstance1.close();
// ElMessage.error(error); // ElMessage.error(error);
}); });
}; };
...@@ -189,6 +195,13 @@ export default { ...@@ -189,6 +195,13 @@ export default {
); );
} }
} }
const loadingOption1 = {
// 加载loading
fullscreen: true,
text: '正在加载...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.5)',
};
// 获取病案首页数据 // 获取病案首页数据
...@@ -226,10 +239,11 @@ export default { ...@@ -226,10 +239,11 @@ export default {
}; };
onMounted(() => { onMounted(() => {
if ('3606b7a5-de50-11ec-9998-9016ba5908d0') {
getHomePage('3606b7a5-de50-11ec-9998-9016ba5908d0'); if (route.value.query.id) {
getScoringDetails('3606b7a5-de50-11ec-9998-9016ba5908d0'); getHomePage(route.value.query.id);
setItem('outpid', '3606b7a5-de50-11ec-9998-9016ba5908d0') getScoringDetails(route.value.query.id);
setItem('outpid', route.value.query.id)
} }
}); });
...@@ -246,15 +260,10 @@ export default { ...@@ -246,15 +260,10 @@ export default {
<style lang="scss"> <style lang="scss">
@import '../styles/mixin.scss'; @import '../styles/mixin.scss';
@import '../styles/media/components/outpatientDetails.scss'; // @import 'styles/media/components/outseeQualityControl.scss';
.outseeQualityControl { .outseeQualityControl {
// height: calc(100% - 50px);
// padding: 10px;
// overflow: hidden;
// background-color: #fff;
height: 100%; height: 100%;
background-color: white; background-color: white;
padding: 20px; padding: 20px;
......
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