Commit 9c89734d by wangshuangqing

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

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