Commit 9c89734d by wangshuangqing

1.进入路径添加确定提示框

2.修改主题颜色
parent 56db58d3
......@@ -2,7 +2,7 @@
* @Author: wsq
* @Date: 2022-04-22 15:20:58
* @LastEditors: wsq
* @LastEditTime: 2023-01-10 14:23:13
* @LastEditTime: 2023-01-12 10:28:45
* @Description:
-->
<template>
......@@ -10,7 +10,7 @@
<div class="Entrypath">
<div class="Entrypath_top">
<div class="Entrypath_top_left">
<span><img src="../assets/img/peo.png" alt="" /></span>
<!-- <span style="color:#f0f0f0;"><img src="../assets/img/peo.png" alt="" /></span> -->
<div class="Entrypath_top_left_t1">
患者姓名:<span>{{ topdata.patientName }}</span>
</div>
......@@ -22,7 +22,7 @@
</div>
</div>
<div class="Entrypath_top_right">
<el-button type="primary" size="mini" @click="okbtn()"
<el-button style="background-color:#0283bb;color:#ffff" size="mini" @click="okbtn()"
>确定进入路径</el-button
>
</div>
......@@ -32,10 +32,10 @@
<div class="Entrypath_table_lefttab">
<div class="Entrypath_table_lefttab_select">
<div class="Entrypath_table_lefttab_select_inp">
<span>检索路径:</span> <el-input v-model="pathinput" size="mini" clearable/>
<span>检索路径:</span> <el-input v-model="pathinput" size="mini" clearable/>
</div>
<div class="Entrypath_table_lefttab_select_chack">
<el-button type="primary" size="mini" style="margin-right:10px" @click="selectbtn()">查询</el-button>
<el-button 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"/>
</div>
</div>
......@@ -71,6 +71,7 @@
:data="OnetableData"
border
stripe
:header-cell-style="{background:'#0184bc',color:'#ffff'}"
>
<el-table-column
show-overflow-tooltip
......@@ -93,6 +94,7 @@
scrollbar-always-on
height="100%"
stripe
:header-cell-style="{background:'#0184bc',color:'#ffff'}"
>
<el-table-column
show-overflow-tooltip
......@@ -115,6 +117,7 @@
scrollbar-always-on
height="100%"
stripe
:header-cell-style="{background:'#0184bc',color:'#ffff'}"
>
<el-table-column
show-overflow-tooltip
......@@ -140,7 +143,7 @@ import {
} from "@vue/composition-api";
import { decimal } from "../utils/decimal";
import { img } from "../assets/img/zu.png";
import { Message } from "element-ui";
import { Message,MessageBox } from "element-ui";
import { useRoute, useRouter } from "../utils/useVueRouter";
import { setItem, getItem } from "../utils/auth";
import { Loading } from "element-ui";
......@@ -262,7 +265,16 @@ export default {
//点击进入路径按钮
const okbtn = () => {
console.log("state.iscid", state.iscid);
MessageBox.confirm(
'确定进入路径吗?',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}
)
.then(() => {
if (state.iscid == 0) {
Message({
message: "请先选择路径名称!",
......@@ -288,6 +300,15 @@ export default {
})
.catch((error) => {});
}
})
.catch(() => {
Message({
type: 'info',
message: '取消',
})
})
};
onMounted(() => {
......@@ -313,22 +334,31 @@ export default {
<style lang="scss" scoped>
@import "../styles/mixin.scss";
// @import "../styles/media/components/outClinicalpathway.scss";
// 左侧表格点击高亮背景色
::v-deep .el-table__body tr.current-row > td {
background-color: #ffff !important;
}
// 点击文本颜色
::v-deep .current-row {
color: #55a6da !important;
}
// 点击icon颜色
::v-deep .current-row .el-table__expand-icon {
color: #55a6da !important;
color: #ffff !important;
}
// 左侧表格点击高亮背景色
::v-deep .el-table__body tr.current-row > td {
background-color: #ffff !important;
background-color: #32a0d3 !important;
}
//多选框选中状态文本颜色
::v-deep .el-checkbox__input.is-checked+.el-checkbox__label{
color: black !important;
}
//多选框选中状态背景颜色
::v-deep .el-checkbox__input.is-checked .el-checkbox__inner{
background-color: #1097e0 !important;
border-color: #1097e0 !important;
}
//输入框高亮颜色
::v-deep .el-input__inner{
background-color: #f3fbfe;
border: 1px solid #91cbcd;
}
// 滚动条的宽度
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
/*滚动条整体样式*/
......@@ -367,7 +397,7 @@ export default {
&_left {
width: 80%;
height: 50%;
background-color: #f2fafd;
background-color: #0283b9;
margin-bottom: 10px;
display: flex;
align-items: center;
......@@ -383,6 +413,7 @@ export default {
&_t1 {
width: 30%;
height: 80%;
margin-left: 10px;
margin-right: 5px;
background-color: #ffff;
display: flex;
......@@ -392,11 +423,9 @@ export default {
padding-left: 20px;
span {
width: 80%;
color: #787878;
color: #181617;
display: flex;
justify-content: flex-start;
font-weight: 600;
align-items: center;
}
}
......@@ -413,10 +442,9 @@ export default {
span {
width: 80%;
color: #787878;
color: #181617;
display: flex;
justify-content: flex-start;
font-weight: 600;
align-items: center;
}
}
......@@ -431,12 +459,9 @@ export default {
color: #acacac;
font-weight: 400;
padding-left: 20px;
span {
width: 80%;
font-weight: 600;
color: #787878;
color: #181617;
display: flex;
justify-content: flex-start;
align-items: center;
......
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