Skip to content

V
vue-composition-api
Commit 9c1ea2ce by tangyufeng
Options

iconfont.css

parent 08b47a3e
Showing with 97 additions and 127 deletions
src/styles/media/components/outClinicalpathway.scss
@import "../../mixin.scss";
// 1024
@media screen and (min-width: 769px) and (max-width: 1024px) {
.outClinicalpathway {
......@@ -19,11 +20,13 @@
width: 50% !important;
}
}
&_t2 {
span {
width: 50% !important;
}
}
&_t3 {
width: 20% !important;
......@@ -31,6 +34,7 @@
width: 50% !important;
}
}
&_t4 {
width: 30% !important;
......@@ -40,16 +44,19 @@
}
}
}
&_right {
height: 50% !important;
width: 100% !important;
justify-content: flex-end !important;
}
}
&_table {
&_left {
width: 20% !important;
}
&_right {
width: 79% !important;
}
......@@ -77,11 +84,13 @@
width: 50% !important;
}
}
&_t2 {
span {
width: 50% !important;
}
}
&_t3 {
width: 20% !important;
......@@ -89,6 +98,7 @@
width: 50% !important;
}
}
&_t4 {
width: 30% !important;
......@@ -98,18 +108,21 @@
}
}
}
&_right {
height: 50% !important;
width: 100% !important;
justify-content: flex-end !important;
}
}
&_table {
&_left {
width: 20% !important;
}
&_right {
width: 79% !important;
width: 100% !important;
}
}
}
......@@ -126,11 +139,13 @@
width: 60% !important;
}
}
&_t2 {
span {
width: 60% !important;
}
}
&_t3 {
width: 20% !important;
......@@ -138,6 +153,7 @@
width: 60% !important;
}
}
&_t4 {
width: 28% !important;
......@@ -148,12 +164,14 @@
}
}
}
&_table {
&_left {
width: 15% !important;
}
&_right {
width: 84% !important;
width: 100% !important;
}
}
}
......@@ -170,11 +188,13 @@
width: 60% !important;
}
}
&_t2 {
span {
width: 60% !important;
}
}
&_t3 {
width: 20% !important;
......@@ -182,6 +202,7 @@
width: 60% !important;
}
}
&_t4 {
width: 28% !important;
......@@ -192,12 +213,14 @@
}
}
}
&_table {
&_left {
width: 15% !important;
}
&_right {
width: 84% !important;
width: 100% !important;
}
}
}
......@@ -214,11 +237,13 @@
width: 60% !important;
}
}
&_t2 {
span {
width: 60% !important;
}
}
&_t3 {
width: 20% !important;
......@@ -226,6 +251,7 @@
width: 60% !important;
}
}
&_t4 {
width: 28% !important;
......@@ -236,12 +262,14 @@
}
}
}
&_table {
&_left {
width: 15% !important;
}
&_right {
width: 84% !important;
width: 100% !important;
}
}
}
......
src/utils/http.js
import Vue from 'vue'
import Vue from "vue";
import axios from 'axios'
import axios from "axios";
import 'element-ui/lib/theme-chalk/index.css';
import "element-ui/lib/theme-chalk/index.css";
import { getItem } from '@/utils/auth'
import { getItem } from "@/utils/auth";
axios.defaults.timeout = 120000
axios.defaults.timeout = 120000;
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=utf-8'
axios.defaults.headers.post["Content-Type"] = "application/json;charset=utf-8";
var domain = '/api/api'
var domain = "/api/api";
function createHeader() {
const token = getItem('svToken');
const token = getItem("svToken");
return token ? { Authorization: `Bearer ${token}` } : {};
}
function errorMsg(d) {
if (d.response.status == '401') {
Vue.prototype.$message.error('登录信息失效，重新登录！');
console.log(d.response);
if (d.response.status == "401") {
Vue.prototype.$message.error("登录信息失效，重新登录！");
sessionStorage.clear();
this.$router.push("/login").catch((err) => {
......@@ -29,30 +28,26 @@ function errorMsg(d) {
}); //改变路由
}
if (d.response) {
// 请求已发出，但服务器响应的状态码不在 2xx 范围内
console.log(d.response);
}
if (Vue.prototype.$notify) {
Vue.prototype.$message.error(d ? d.response.data.message : '服务器端错误');
Vue.prototype.$message.error(d ? d.response.data.message : "服务器端错误");
} else {
alert(d ? d.response.data.message : '服务器端错误')
alert(d ? d.response.data.message || d.response.data : "服务器端错误");
}
}
let loadingInstance;
let loadingOption = { //加载loading
let loadingOption = {
//加载loading
fullscreen: true,
text: '正在加载...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.5)'
}
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.5)",
};
axios.interceptors.response.use(
(response) => {
if (response.status === 200) {
......@@ -64,7 +59,7 @@ axios.interceptors.response.use(
(error) => {
if (error.response.status == 401) {
window.sessionStorage.clear();
window.location.href = '/';
window.location.href = "/";
}
return Promise.reject(error);
......@@ -72,14 +67,12 @@ axios.interceptors.response.use(
);
export default {
post(url, params, option) {
loadingInstance = Vue.prototype.$loading(loadingOption);
return new Promise((resolve, reject) => {
axios
.post(domain + url, params, {... { headers: createHeader() }, ...option })
.post(domain + url, params, { ...{ headers: createHeader() }, ...option })
.then((res) => {
if (res.status !== 200) {
errorMsg(res.data);
......@@ -92,7 +85,31 @@ export default {
resolve(res.data.data || res.data);
})
.catch((error) => {
loadingInstance.close();
errorMsg(error);
reject(error);
});
});
},
//医院的接口数据用
postFn(url, params, option) {
loadingInstance = Vue.prototype.$loading(loadingOption);
return new Promise((resolve, reject) => {
axios
.post(domain + url, params, { ...{ headers: createHeader() }, ...option })
.then((res) => {
console.log(res);
if (res.status !== 200) {
errorMsg(res.data);
reject(res.data);
return;
}
loadingInstance.close();
resolve(res.data);
})
.catch((error) => {
loadingInstance.close();
errorMsg(error);
......@@ -104,7 +121,7 @@ export default {
loadingInstance = Vue.prototype.$loading(loadingOption);
return new Promise((resolve, reject) => {
axios
.get(domain + url, {... { headers: createHeader() }, ...option })
.get(domain + url, { ...{ headers: createHeader() }, ...option })
.then((res) => {
if (res.status !== 200) {
errorMsg(res.data);
......@@ -121,4 +138,4 @@ export default {
});
});
},
}
\ No newline at end of file
};
src/views/Entrypath.vue
......@@ -22,12 +22,7 @@
</div>
</div>
<div class="Entrypath_top_right">
<el-button
style="background-color: #0283bb; color: #ffff"
size="mini"
@click="okbtn()"
>确定进入路径</el-button
>
<el-button style="background-color: #0283bb; color: #ffff" size="mini" @click="okbtn()">确定进入路径</el-button>
</div>
</div>
<div class="Entrypath_table">
......@@ -40,41 +35,19 @@
</div>
<div class="Entrypath_table_lefttab_select_chack">
<el-button
style="
background-color: #ffff;
color: #91cbcd;
margin-right: 10px;
border: 1px solid #91cbcd;
"
style="background-color: #ffff; color: #91cbcd; margin-right: 10px; border: 1px solid #91cbcd"
plain
size="mini"
@click="selectbtn()"
>查询</el-button
>
<el-checkbox
v-model="checked"
label="只显示推荐路径"
size="large"
@change="checkchange"
/>
<el-checkbox v-model="checked" label="只显示推荐路径" size="large" @change="checkchange" />
</div>
</div>
<div class="Entrypath_table_lefttab_table">
<el-table
ref="leftTable"
:data="LefttableData"
border
height="100%"
stripe
@row-click="rowclick"
:highlight-current-row="true"
>
<el-table ref="leftTable" :data="LefttableData" border height="100%" stripe @row-click="rowclick" :highlight-current-row="true">
<el-table-column type="index" />
<el-table-column
show-overflow-tooltip
property="clinical_route_name"
label="路径名称"
/>
<el-table-column show-overflow-tooltip property="clinical_route_name" label="路径名称" />
</el-table>
</div>
</div>
......@@ -93,16 +66,8 @@
stripe
:header-cell-style="{ background: '#0184bc', color: '#ffff' }"
>
<el-table-column
show-overflow-tooltip
property="code"
label="诊断编码"
/>
<el-table-column
show-overflow-tooltip
property="name"
label="诊断名称"
/>
<el-table-column show-overflow-tooltip property="code" label="诊断编码" />
<el-table-column show-overflow-tooltip property="name" label="诊断名称" />
</el-table>
</div>
<!-- 第二个表格 -->
......@@ -116,16 +81,8 @@
stripe
:header-cell-style="{ background: '#0184bc', color: '#ffff' }"
>
<el-table-column
show-overflow-tooltip
property="code"
label="手术编码"
/>
<el-table-column
show-overflow-tooltip
property="name"
label="手术名称"
/>
<el-table-column show-overflow-tooltip property="code" label="手术编码" />
<el-table-column show-overflow-tooltip property="name" label="手术名称" />
</el-table>
</div>
<!-- 第三个表格 -->
......@@ -139,11 +96,7 @@
stripe
:header-cell-style="{ background: '#0184bc', color: '#ffff' }"
>
<el-table-column
show-overflow-tooltip
property="describe"
label="进入路径标准"
/>
<el-table-column show-overflow-tooltip property="describe" label="进入路径标准" />
</el-table>
</div>
</div>
......@@ -153,14 +106,7 @@
</template>
<script>
import http from "../utils/http";
import {
reactive,
toRefs,
onMounted,
nextTick,
computed,
ref,
} from "@vue/composition-api";
import { reactive, toRefs, onMounted, nextTick, computed, ref } from "@vue/composition-api";
import { decimal } from "../utils/decimal";
import { img } from "../assets/img/zu.png";
import { Message, MessageBox } from "element-ui";
......@@ -209,11 +155,7 @@ export default {
};
//获取标识
const getIsRoute = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/IsRoute?pid=${route.value.query.pid}`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/IsRoute?pid=${route.value.query.pid}`, {})
.then((data) => {
state.IsRoute = data;
})
......@@ -221,11 +163,7 @@ export default {
};
//获取患者信息
const gettopdata = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/GetPatientInfo?pid=${route.value.query.pid}`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/GetPatientInfo?pid=${route.value.query.pid}`, {})
.then((data) => {
state.topdata = data;
//如果标识为false 跳转到临床路径外放页面
......@@ -251,11 +189,7 @@ export default {
};
//获取左侧表格数据
const getLeftdata = () => {
http
.post(
`/ClinicalRoute/ClinicalRoute/GetPatientRoutes?pid=${route.value.query.pid}&searchQuery=${state.pathinput}&flag=${state.checked}`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/GetPatientRoutes?pid=${route.value.query.pid}&searchQuery=${state.pathinput}&flag=${state.checked}`, {})
.then((data) => {
state.LefttableData = data;
})
......@@ -266,11 +200,7 @@ export default {
state.iscid = row.id;
var loadingInstance1 = Loading.service(loadingOption1);
//获取右侧数据
http
.post(
`/ClinicalRoute/ClinicalRoute/GetCRRuleDescribe?crid=${row.id}`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/GetCRRuleDescribe?crid=${row.id}`, {})
.then((data) => {
state.OnetableData = data.diagInfo; //诊断信息
state.TwotableData = data.opsInfo;
......@@ -300,11 +230,7 @@ export default {
type: "warning",
});
} else if (state.iscid != 0) {
http
.post(
`/ClinicalRoute/ClinicalRoute/CreatePatientRoute?pid=${route.value.query.pid}&crid=${state.iscid}`,
{}
)
http.post(`/ClinicalRoute/ClinicalRoute/CreatePatientRoute?pid=${route.value.query.pid}&crid=${state.iscid}`, {})
.then((data) => {
Message({
message: "成功",
......@@ -328,9 +254,9 @@ export default {
});
};
onMounted(() => {
onMounted(async () => {
getIsRoute();
gettopdata();
await gettopdata();
getLeftdata();
});
......
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