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