Skip to content

P
pica-admin-consultation
提交 d1f4c66e 编写于 作者: 张磊's avatar 张磊
浏览文件
操作

save

上级 091caf97 1d11b268
显示空白字符变更
内嵌 并排
正在显示 包含 239 行增加 和 187 行删除
src/views/IM/diagnosis-admin/workbench.vue
浏览文件 @ d1f4c66e
<template> <template>
<div class="diagnosis-list-content"> <div class="diagnosis-list-content">
<div class="select-content screenSet"> <div class="select-content screenSet content-top">
<div class="title">我的工作台</div> <div class="title">我的工作台</div>
</div>
<div class="select-content screenSet">
<!-- 时间 --> <!-- 时间 -->
<el-row type="flex" justify="center" > <el-row type="flex" justify="center">
<div id="picker"> <div id="picker">
<div class="block"> <div class="block">
<el-date-picker <el-date-picker
...@@ -13,20 +11,36 @@ ...@@ -13,20 +11,36 @@
v-model="searchParam.dateTime" v-model="searchParam.dateTime"
type="date" type="date"
clear-icon="el-input-icon" clear-icon="el-input-icon"
:clearable='false'> :clearable="false"
>
</el-date-picker> </el-date-picker>
</div> </div>
</div> </div>
</el-row> </el-row>
<!-- tab栏 --> <!-- tab栏 -->
<el-radio-group @change="tabChange" v-model="tabPosition" style="margin-bottom: 30px;"> <el-radio-group
<el-radio-button v-for="(item, index) in currentCalList" :key="'for'+index" :label="item.status"> @change="tabChange"
{{item.statusStr}}({{item.count}}) v-model="tabPosition"
class="workbench-tab"
>
<el-radio-button
v-for="(item, index) in currentCalList"
:key="'for' + index"
:label="item.status"
>
{{ item.statusStr }}({{ item.count }})
<i class="circle-red"></i>
</el-radio-button> </el-radio-button>
<!-- <el-radio-button label="1">待处理({{currentCalList}})</el-radio-button>--> <!-- <el-radio-button label="1">待处理({{currentCalList}})</el-radio-button>-->
</el-radio-group> </el-radio-group>
</div>
<div class="select-content screenSet">
<div class="forbox"> <div class="forbox">
<div class="for" v-for="(item, index) in currentDiagList" :key="'for'+index"> <div
class="for"
v-for="(item, index) in currentDiagList"
:key="'for' + index"
>
<inquiryList-component :item="item"></inquiryList-component> <inquiryList-component :item="item"></inquiryList-component>
</div> </div>
</div> </div>
...@@ -39,7 +53,8 @@ ...@@ -39,7 +53,8 @@
:page-sizes="[6, 12, 18, 24]" :page-sizes="[6, 12, 18, 24]"
:page-size="searchParam.pageSize" :page-size="searchParam.pageSize"
layout="prev, pager, next, sizes, jumper" layout="prev, pager, next, sizes, jumper"
:total="totalRows"> :total="totalRows"
>
</el-pagination> </el-pagination>
</el-row> </el-row>
</div> </div>
...@@ -48,29 +63,29 @@ ...@@ -48,29 +63,29 @@
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storejs from 'storejs'; import storejs from "storejs";
import InquiryListComponent from '../../../components/common/inquirylist.vue'; import InquiryListComponent from "../../../components/common/inquirylist.vue";
import store from "../../../store";
export default { export default {
components: { components: {
InquiryListComponent InquiryListComponent,
}, },
computed:{ computed: {
...mapState({ ...mapState({
currentDiagList: 'currentDiagList', currentDiagList: "currentDiagList",
currentCalList: 'currentCalList', currentCalList: "currentCalList",
soketQuest:'soketQuest', soketQuest: "soketQuest",
isSuperAdmin: 'isSuperAdmin' isSuperAdmin: "isSuperAdmin",
}), }),
}, },
watch: { watch: {
isSuperAdmin(newdata,olddata){ isSuperAdmin(newdata, olddata) {
if(newdata !==olddata && newdata.userID){ if (newdata !== olddata && newdata.userID) {
const s = storejs.get('soketQuest'); const s = storejs.get("soketQuest");
const d = s ? s.dateTime : new Date().format('yyyy-MM-dd'); const d = s ? s.dateTime : new Date().format("yyyy-MM-dd");
console.log('---s', s, this.isSuperAdmin); console.log("---s", s, this.isSuperAdmin);
let id = s && s.operateUserId ? s.operateUserId : this.isSuperAdmin.userID; let id =
s && s.operateUserId ? s.operateUserId : this.isSuperAdmin.userID;
const p = { const p = {
dateTime: d, dateTime: d,
operateUserId: id, operateUserId: id,
...@@ -79,95 +94,93 @@ export default { ...@@ -79,95 +94,93 @@ export default {
returnStatus: s ? s.returnStatus : 1, returnStatus: s ? s.returnStatus : 1,
}; };
this.searchParam = p; this.searchParam = p;
this.inquirySearch() this.inquirySearch();
}
} }
}, },
data(){ },
const s = storejs.get('soketQuest'); data() {
const d = s ? s.dateTime : new Date().format('yyyy-MM-dd'); const s = storejs.get("soketQuest");
const d = s ? s.dateTime : new Date().format("yyyy-MM-dd");
return { return {
tabPosition:"1", tabPosition: "1",
showChat: true, showChat: true,
totalRows:40, totalRows: 40,
loading:false, loading: false,
searchParam: { searchParam: {
dateTime: d, dateTime: d,
operateUserId: '', operateUserId: "",
returnStatus: 1, returnStatus: 1,
pageSize: 1, pageSize: 1,
pageNo: 1, pageNo: 1,
}, },
testlistdata: [ testlistdata: [
{ {
"appointBeginTime": "2021-07-29T05:28:57.396Z", appointBeginTime: "2021-07-29T05:28:57.396Z",
"appointEndTime": "2021-07-29T05:28:57.396Z", appointEndTime: "2021-07-29T05:28:57.396Z",
"department": "内科", department: "内科",
"departmentId": 3876, departmentId: 3876,
"diagnoseLogId": 38, diagnoseLogId: 38,
"diagnoseType": 1, diagnoseType: 1,
"doctorCallKfStatus": 1, doctorCallKfStatus: 1,
"doctorCallTime": "", doctorCallTime: "",
"doctorId": 0, doctorId: 0,
"doctorMobile": "16789987665", doctorMobile: "16789987665",
"doctorName": "孙思邈", doctorName: "孙思邈",
"doctorTrtcEntryStatus": 1, doctorTrtcEntryStatus: 1,
"imStatus": 0, imStatus: 0,
"imTeamId": "3854284100", imTeamId: "3854284100",
"returnStatus": 1, returnStatus: 1,
"roomId": "string", roomId: "string",
"sort": 0, sort: 0,
"status": 0, status: 0,
"userCallKfStatus": 0, userCallKfStatus: 0,
"userCallTime": "", userCallTime: "",
"userId": 0, userId: 0,
"userMobile": "12343123233", userMobile: "12343123233",
"userName": "孙思邈", userName: "孙思邈",
"userTrtcEntryStatus": 0 userTrtcEntryStatus: 0,
}
]
}
}, },
created(){ ],
};
}, },
methods:{ created() {},
tabChange (val) { methods: {
tabChange(val) {
const s = this.searchParam; const s = this.searchParam;
s.returnStatus = val; s.returnStatus = val;
this.searchParam = s; this.searchParam = s;
this.inquirySearch() this.inquirySearch();
}, },
changeDatetime (val) { changeDatetime(val) {
const s = this.searchParam; const s = this.searchParam;
s.dateTime = val.format('yyyy-MM-dd'); s.dateTime = val.format("yyyy-MM-dd");
this.searchParam = s; this.searchParam = s;
this.inquirySearch() this.inquirySearch();
}, },
handleSizeChange (val) { handleSizeChange(val) {
const s = this.searchParam; const s = this.searchParam;
s.pageSize = val; s.pageSize = val;
this.searchParam = s; this.searchParam = s;
}, },
handleCurrentChange (val) { handleCurrentChange(val) {
const s = this.searchParam; const s = this.searchParam;
s.pageNo = val; s.pageNo = val;
this.searchParam = s; this.searchParam = s;
this.inquirySearch() this.inquirySearch();
}, },
inquirySearch() { inquirySearch() {
const p = this.searchParam; const p = this.searchParam;
this.POST('/diagnose/socket/condition/update', p).then(res=>{ this.POST("/diagnose/socket/condition/update", p).then((res) => {
if(res.code == '000000'){ if (res.code == "000000") {
this.$store.commit('updateSoketQuest', p) this.$store.commit("updateSoketQuest", p);
}else{ } else {
this.$message({ this.$message({
message: res.message, message: res.message,
type: "warning", type: "warning",
duration:1000 duration: 1000,
}); });
} }
}) });
// 测试代码 // 测试代码
// const l = this.currentDiagList; // const l = this.currentDiagList;
// l.push(...this.testlistdata); // l.push(...this.testlistdata);
...@@ -175,42 +188,82 @@ export default { ...@@ -175,42 +188,82 @@ export default {
// this.$store.commit('socket/SET_NOTIFY', ...this.testlistdata); // this.$store.commit('socket/SET_NOTIFY', ...this.testlistdata);
}, },
}, },
} };
</script> </script>
<style lang='scss' scoped> <style lang='scss'>
.workbench-tab {
.el-radio-button__inner {
border: none;
position: relative;
&::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
right: 0;
height: 2px;
background: #fff;
width: 20px;
transform: translateX(-50%);
}
.circle-red {
display: block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background: red;
right: 15px;
top: 7px;
}
}
.el-radio-button:first-child .el-radio-button__inner {
border: none;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
background-color: #fff;
color: #0d9078;
box-shadow: none;
font-weight: 500;
&::after {
background: #0d9078;
}
}
}
</style>
<style lang="scss" scoped>
::v-deep { ::v-deep {
.el-date-editor{ .el-date-editor {
.el-input__inner{ .el-input__inner {
background:red; background: red;
} }
} }
} }
.forbox {
.forbox{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// justify-content: space-between; // justify-content: space-between;
.for{ .for {
max-width: 50%; max-width: 50%;
display: flex; display: flex;
} }
} }
</style>
<style lang="scss" scoped>
.diagnosis-list-content { .diagnosis-list-content {
.select-content { .select-content {
margin-bottom: 10px; margin-bottom: 10px;
padding: 10px; padding: 10px;
background: #fff; background: #fff;
overflow: hidden !important; overflow: hidden !important;
&.content-top {
padding-bottom: 0;
}
.title { .title {
height: 50px; height: 50px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.radio{ .radio {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
.el-radio-group { .el-radio-group {
margin-bottom: -1px !important; margin-bottom: -1px !important;
...@@ -218,42 +271,41 @@ export default { ...@@ -218,42 +271,41 @@ export default {
} }
} }
} }
.el-row { .el-row {
margin-bottom: 20px; margin-bottom: 20px;
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.el-col { .el-col {
border-radius: 4px; border-radius: 4px;
} }
.bg-purple-dark { .bg-purple-dark {
background: #99a9bf; background: #99a9bf;
} }
.bg-purple { .bg-purple {
background: #d3dce6; background: #d3dce6;
} }
.bg-purple-light { .bg-purple-light {
background: #e5e9f2; background: #e5e9f2;
} }
.grid-content { .grid-content {
border-radius: 4px; border-radius: 4px;
min-height: 45px; min-height: 45px;
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
font-size: 16px; font-size: 16px;
} }
.row-bg { .row-bg {
padding: 10px 0; padding: 10px 0;
background-color: #f9fafc; background-color: #f9fafc;
} }
@media screen and (min-width:1900px){ @media screen and (min-width: 1900px) {
.forbox{ .forbox {
.for { .for {
width: 30%; width: 30%;
} }
} }
} }
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或