Skip to content

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

doctor list

上级 734acaee
隐藏空白字符变更
内嵌 并排
正在显示 包含 1221 行增加 和 1110 行删除
package-lock.json
浏览文件 @ f55b3271
......@@ -22,11 +22,6 @@
"regenerator-runtime": "^0.13.4"
}
},
"@types/component-emitter": {
"version": "1.2.10",
"resolved": "http://192.168.110.93:4873/@types%2fcomponent-emitter/-/component-emitter-1.2.10.tgz",
"integrity": "sha1-71sVibnxZURkLkc9tepWORB+8+o="
},
"abbrev": {
"version": "1.1.1",
"resolved": "http://192.168.110.93:4873/abbrev/-/abbrev-1.1.1.tgz",
......@@ -49,6 +44,11 @@
"integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo=",
"dev": true
},
"after": {
"version": "0.8.2",
"resolved": "http://192.168.110.93:4873/after/-/after-0.8.2.tgz",
"integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8="
},
"ajv": {
"version": "4.11.8",
"resolved": "http://192.168.110.93:4873/ajv/-/ajv-4.11.8.tgz",
......@@ -202,6 +202,11 @@
"integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=",
"dev": true
},
"arraybuffer.slice": {
"version": "0.0.7",
"resolved": "http://192.168.110.93:4873/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz",
"integrity": "sha1-O7xCdd1YTMGxCAm4nU6LY6aednU="
},
"asap": {
"version": "2.0.6",
"resolved": "http://192.168.110.93:4873/asap/-/asap-2.0.6.tgz",
......@@ -276,6 +281,11 @@
"integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=",
"dev": true
},
"async-limiter": {
"version": "1.0.1",
"resolved": "http://192.168.110.93:4873/async-limiter/-/async-limiter-1.0.1.tgz",
"integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
},
"async-validator": {
"version": "1.8.5",
"resolved": "http://192.168.110.93:4873/async-validator/-/async-validator-1.8.5.tgz",
......@@ -1186,9 +1196,9 @@
}
},
"base64-arraybuffer": {
"version": "0.1.4",
"resolved": "http://192.168.110.93:4873/base64-arraybuffer/-/base64-arraybuffer-0.1.4.tgz",
"integrity": "sha1-mBjHngWbE1X5fgQooBfIOOkLqBI="
"version": "0.1.5",
"resolved": "http://192.168.110.93:4873/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz",
"integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg="
},
"base64-js": {
"version": "1.5.1",
......@@ -1211,6 +1221,14 @@
"tweetnacl": "^0.14.3"
}
},
"better-assert": {
"version": "1.0.2",
"resolved": "http://192.168.110.93:4873/better-assert/-/better-assert-1.0.2.tgz",
"integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
"requires": {
"callsite": "1.0.0"
}
},
"better-scroll": {
"version": "0.1.15",
"resolved": "http://192.168.110.93:4873/better-scroll/-/better-scroll-0.1.15.tgz",
......@@ -1241,6 +1259,11 @@
"file-uri-to-path": "1.0.0"
}
},
"blob": {
"version": "0.0.5",
"resolved": "http://192.168.110.93:4873/blob/-/blob-0.0.5.tgz",
"integrity": "sha1-1oDu7yX4zZGtUz9bAe7UjmTK9oM="
},
"block-stream": {
"version": "0.0.9",
"resolved": "http://192.168.110.93:4873/block-stream/-/block-stream-0.0.9.tgz",
......@@ -1387,6 +1410,11 @@
}
}
},
"callsite": {
"version": "1.0.0",
"resolved": "http://192.168.110.93:4873/callsite/-/callsite-1.0.0.tgz",
"integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA="
},
"camel-case": {
"version": "3.0.0",
"resolved": "http://192.168.110.93:4873/camel-case/-/camel-case-3.0.0.tgz",
......@@ -1729,11 +1757,21 @@
"integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=",
"dev": true
},
"component-bind": {
"version": "1.0.0",
"resolved": "http://192.168.110.93:4873/component-bind/-/component-bind-1.0.0.tgz",
"integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E="
},
"component-emitter": {
"version": "1.3.0",
"resolved": "http://192.168.110.93:4873/component-emitter/-/component-emitter-1.3.0.tgz",
"integrity": "sha1-FuQHD7qK4ptnnyIVhT7hgasuq8A="
},
"component-inherit": {
"version": "0.0.3",
"resolved": "http://192.168.110.93:4873/component-inherit/-/component-inherit-0.0.3.tgz",
"integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM="
},
"compressible": {
"version": "2.0.18",
"resolved": "http://192.168.110.93:4873/compressible/-/compressible-2.0.18.tgz",
......@@ -2329,42 +2367,48 @@
"dev": true
},
"engine.io-client": {
"version": "5.1.2",
"resolved": "http://192.168.110.93:4873/engine.io-client/-/engine.io-client-5.1.2.tgz",
"integrity": "sha1-JxCNqbOa4DJiRD2UXK8sqjZVxMs=",
"version": "3.3.3",
"resolved": "http://192.168.110.93:4873/engine.io-client/-/engine.io-client-3.3.3.tgz",
"integrity": "sha1-rrRWlc7YG3h6ihDJKwvCJrHLPFM=",
"requires": {
"base64-arraybuffer": "0.1.4",
"component-emitter": "~1.3.0",
"debug": "~4.3.1",
"engine.io-parser": "~4.0.1",
"component-emitter": "1.2.1",
"component-inherit": "0.0.3",
"debug": "~3.1.0",
"engine.io-parser": "~2.1.1",
"has-cors": "1.1.0",
"parseqs": "0.0.6",
"parseuri": "0.0.6",
"ws": "~7.4.2",
"indexof": "0.0.1",
"parseqs": "0.0.5",
"parseuri": "0.0.5",
"ws": "~6.1.0",
"xmlhttprequest-ssl": "~1.6.3",
"yeast": "0.1.2"
},
"dependencies": {
"component-emitter": {
"version": "1.2.1",
"resolved": "http://192.168.110.93:4873/component-emitter/-/component-emitter-1.2.1.tgz",
"integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY="
},
"debug": {
"version": "4.3.2",
"resolved": "http://192.168.110.93:4873/debug/-/debug-4.3.2.tgz",
"integrity": "sha1-8KScGKyHeeMdSgxgKd+3aHPHQos=",
"version": "3.1.0",
"resolved": "http://192.168.110.93:4873/debug/-/debug-3.1.0.tgz",
"integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
"requires": {
"ms": "2.1.2"
"ms": "2.0.0"
}
},
"ms": {
"version": "2.1.2",
"resolved": "http://192.168.110.93:4873/ms/-/ms-2.1.2.tgz",
"integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk="
}
}
},
"engine.io-parser": {
"version": "4.0.2",
"resolved": "http://192.168.110.93:4873/engine.io-parser/-/engine.io-parser-4.0.2.tgz",
"integrity": "sha1-5B0LP7Zve/SjZx0gOKFUAk7bUB4=",
"version": "2.1.3",
"resolved": "http://192.168.110.93:4873/engine.io-parser/-/engine.io-parser-2.1.3.tgz",
"integrity": "sha1-dXq5cPvy37Mse3SwMyFtVznveaY=",
"requires": {
"base64-arraybuffer": "0.1.4"
"after": "0.8.2",
"arraybuffer.slice": "~0.0.7",
"base64-arraybuffer": "0.1.5",
"blob": "0.0.5",
"has-binary2": "~1.0.2"
}
},
"enhanced-resolve": {
......@@ -3574,6 +3618,21 @@
}
}
},
"has-binary2": {
"version": "1.0.3",
"resolved": "http://192.168.110.93:4873/has-binary2/-/has-binary2-1.0.3.tgz",
"integrity": "sha1-d3asYn8+p3JQz8My2rfd9eT10R0=",
"requires": {
"isarray": "2.0.1"
},
"dependencies": {
"isarray": {
"version": "2.0.1",
"resolved": "http://192.168.110.93:4873/isarray/-/isarray-2.0.1.tgz",
"integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4="
}
}
},
"has-cors": {
"version": "1.1.0",
"resolved": "http://192.168.110.93:4873/has-cors/-/has-cors-1.1.0.tgz",
......@@ -3874,8 +3933,7 @@
"indexof": {
"version": "0.0.1",
"resolved": "http://192.168.110.93:4873/indexof/-/indexof-0.0.1.tgz",
"integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=",
"dev": true
"integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10="
},
"inflight": {
"version": "1.0.6",
......@@ -4892,8 +4950,7 @@
"ms": {
"version": "2.0.0",
"resolved": "http://192.168.110.93:4873/ms/-/ms-2.0.0.tgz",
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
"dev": true
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
},
"nan": {
"version": "2.14.2",
......@@ -5438,6 +5495,11 @@
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
"dev": true
},
"object-component": {
"version": "0.0.3",
"resolved": "http://192.168.110.93:4873/object-component/-/object-component-0.0.3.tgz",
"integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE="
},
"object-copy": {
"version": "0.1.0",
"resolved": "http://192.168.110.93:4873/object-copy/-/object-copy-0.1.0.tgz",
......@@ -5698,14 +5760,20 @@
}
},
"parseqs": {
"version": "0.0.6",
"resolved": "http://192.168.110.93:4873/parseqs/-/parseqs-0.0.6.tgz",
"integrity": "sha1-jku1oZ0c3IRKCKyXTTTic6+mcNU="
"version": "0.0.5",
"resolved": "http://192.168.110.93:4873/parseqs/-/parseqs-0.0.5.tgz",
"integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
"requires": {
"better-assert": "~1.0.0"
}
},
"parseuri": {
"version": "0.0.6",
"resolved": "http://192.168.110.93:4873/parseuri/-/parseuri-0.0.6.tgz",
"integrity": "sha512-AUjen8sAkGgao7UyCX6Ahv0gIK2fABKmYjvP4xmy5JaKvcbTRueIqIPHLAfq30xJddqSE033IOMUSOMCcK3Sow=="
"version": "0.0.5",
"resolved": "http://192.168.110.93:4873/parseuri/-/parseuri-0.0.5.tgz",
"integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
"requires": {
"better-assert": "~1.0.0"
}
},
"parseurl": {
"version": "1.3.3",
......@@ -7676,56 +7744,63 @@
}
},
"socket.io-client": {
"version": "4.1.3",
"resolved": "http://192.168.110.93:4873/socket.io-client/-/socket.io-client-4.1.3.tgz",
"integrity": "sha1-I22qZCqfIpky4AtyIehDv3QjKmI=",
"requires": {
"@types/component-emitter": "^1.2.10",
"backo2": "~1.0.2",
"component-emitter": "~1.3.0",
"debug": "~4.3.1",
"engine.io-client": "~5.1.2",
"parseuri": "0.0.6",
"socket.io-parser": "~4.0.4"
"version": "2.2.0",
"resolved": "http://192.168.110.93:4873/socket.io-client/-/socket.io-client-2.2.0.tgz",
"integrity": "sha1-hOc+48Q9UCDMwaJY+u65rsJyOvc=",
"requires": {
"backo2": "1.0.2",
"base64-arraybuffer": "0.1.5",
"component-bind": "1.0.0",
"component-emitter": "1.2.1",
"debug": "~3.1.0",
"engine.io-client": "~3.3.1",
"has-binary2": "~1.0.2",
"has-cors": "1.1.0",
"indexof": "0.0.1",
"object-component": "0.0.3",
"parseqs": "0.0.5",
"parseuri": "0.0.5",
"socket.io-parser": "~3.3.0",
"to-array": "0.1.4"
},
"dependencies": {
"component-emitter": {
"version": "1.2.1",
"resolved": "http://192.168.110.93:4873/component-emitter/-/component-emitter-1.2.1.tgz",
"integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY="
},
"debug": {
"version": "4.3.2",
"resolved": "http://192.168.110.93:4873/debug/-/debug-4.3.2.tgz",
"integrity": "sha1-8KScGKyHeeMdSgxgKd+3aHPHQos=",
"version": "3.1.0",
"resolved": "http://192.168.110.93:4873/debug/-/debug-3.1.0.tgz",
"integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
"requires": {
"ms": "2.1.2"
"ms": "2.0.0"
}
},
"ms": {
"version": "2.1.2",
"resolved": "http://192.168.110.93:4873/ms/-/ms-2.1.2.tgz",
"integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk="
}
}
},
"socket.io-parser": {
"version": "4.0.4",
"resolved": "http://192.168.110.93:4873/socket.io-parser/-/socket.io-parser-4.0.4.tgz",
"integrity": "sha1-nqIbDWFQjRgZbvBKLGuatjD0wrA=",
"version": "3.3.2",
"resolved": "http://192.168.110.93:4873/socket.io-parser/-/socket.io-parser-3.3.2.tgz",
"integrity": "sha1-74cgCdCtz3BPL76DAZGhR1KtULY=",
"requires": {
"@types/component-emitter": "^1.2.10",
"component-emitter": "~1.3.0",
"debug": "~4.3.1"
"debug": "~3.1.0",
"isarray": "2.0.1"
},
"dependencies": {
"debug": {
"version": "4.3.2",
"resolved": "http://192.168.110.93:4873/debug/-/debug-4.3.2.tgz",
"integrity": "sha1-8KScGKyHeeMdSgxgKd+3aHPHQos=",
"version": "3.1.0",
"resolved": "http://192.168.110.93:4873/debug/-/debug-3.1.0.tgz",
"integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
"requires": {
"ms": "2.1.2"
"ms": "2.0.0"
}
},
"ms": {
"version": "2.1.2",
"resolved": "http://192.168.110.93:4873/ms/-/ms-2.1.2.tgz",
"integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk="
"isarray": {
"version": "2.0.1",
"resolved": "http://192.168.110.93:4873/isarray/-/isarray-2.0.1.tgz",
"integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4="
}
}
},
......@@ -8227,6 +8302,11 @@
"resolved": "http://192.168.110.93:4873/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
"integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
},
"to-array": {
"version": "0.1.4",
"resolved": "http://192.168.110.93:4873/to-array/-/to-array-0.1.4.tgz",
"integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA="
},
"to-arraybuffer": {
"version": "1.0.1",
"resolved": "http://192.168.110.93:4873/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
......@@ -9170,9 +9250,17 @@
"dev": true
},
"ws": {
"version": "7.4.6",
"resolved": "http://192.168.110.93:4873/ws/-/ws-7.4.6.tgz",
"integrity": "sha1-VlTKjs3u5HwzqaS/bSjivimAN3w="
"version": "6.1.4",
"resolved": "http://192.168.110.93:4873/ws/-/ws-6.1.4.tgz",
"integrity": "sha512-eqZfL+NE/YQc1/ZynhojeV8q+H050oR8AZ2uIev7RU10svA9ZnJUddHcOUZTJLinZ9yEfdA2kSATS2qZK5fhJA==",
"requires": {
"async-limiter": "~1.0.0"
}
},
"xmlhttprequest-ssl": {
"version": "1.6.3",
"resolved": "http://192.168.110.93:4873/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.6.3.tgz",
"integrity": "sha1-A7cThzsBZZ36LBxdBWBlsn3cLeY="
},
"xtend": {
"version": "4.0.2",
......
src/App.vue
浏览文件 @ f55b3271
......@@ -31,7 +31,7 @@ import {
bindDragHeader
} from "./utils/utils.js";
import { mapActions, mapGetters } from "vuex";
import { getLoginUrl, getInnerLoginUrl } from "./utils/index.js";
import { getInnerLoginUrl } from "./utils/index";
let vm = null;
export default {
components: {
......@@ -46,7 +46,7 @@ export default {
userName: "",
authList: [],
systemType: 0,
showChat:true
showChat:false
};
},
computed: {
......@@ -60,8 +60,13 @@ export default {
setTimeout( function () {
bindDragHeader('.c-header', '.chat-wrap');
}, 1000)
this.$store.dispatch( 'socket/initSocket',{url: 'http://10.177.11.251:15202'})
},
methods: {
// 修改token
...mapActions(["changeToken"]),
// 解密token
getToken() {
let href = window.location.href;
......@@ -94,8 +99,7 @@ export default {
vm.changeToken(vm.token);
vm.getUserAuth();
},
// 修改token
...mapActions(["changeToken"]),
// 获取用户权限
getUserAuth(token) {
let req = null;
......
src/components/IM/diagnosis-live.vue
浏览文件 @ f55b3271
......@@ -287,7 +287,6 @@ export default {
userSig: this.userSig,
vueInstance: this,
};
console.log('--=-123123-', obj, RtcClient );
this.rtc = new RtcClient(obj);
this.$nextTick(() => {
this.$refs.alert
......
src/components/common/inquirylist.vue
浏览文件 @ f55b3271
<template>
<div class="inquirylist">
<el-row>
<el-col :span="8" >
<el-card shadow="always" :body-style="{ padding: '0px' }">
<div class="inquiryname">
<div class="inquiryinfo">
<div class="infone">{{item.diagnoseLogId}}<span class="department">{{item.department}} </span></div>
<div class="talk"> <i :class="{voice:item.diagnoseType==1,video:item.diagnoseType==2,photo:item.diagnoseType==2}"></i> {{diagnoseType}}</div>
<span class="time"> <i class="appointment"></i> {{appointBeginTime}}</span>
</div>
<div class="inquirystatus">
<span class="status" :style="item.returnStatus==1?'color:#ff865e':item.returnStatus==2?'color:#063948':''">{{returnStatus}}</span>
<div class="inquirytime" v-if="item.returnStatus==2"><span></span> 已问诊{{inquiry.countdown}}</div>
</div>
</div>
<div class="inquirydoctor">
<div class="visitingdoctor">
<em class="offline" v-if="item.doctorTrtcEntryStatus==2" ></em>
<div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="onedoctorname"> {{item.doctorName}} <span>接诊医生</span>
<div class="onedoctornum">{{item.doctorMobile}} <span v-if="item.doctorCallTime">{{}}小时前呼叫</span> <span v-if="inquiry.answer">未接听</span><i v-else></i></div>
</div>
<img
@click="calldoc()"
v-if="inquiry.imgshowdoc"
style="width: 40px; height: 41px ;margin-left:4px; cursor:pointer;"
:src="inquiry.imgshow?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')"
alt />
</div>
<div class="helpdoctor">
<em v-if="item.userTrtcEntryStatus==2" class="offline"></em>
<div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="onedoctorname"> {{item.userName}} <span>助诊医生</span>
<div class="onedoctornum">{{item.userMobile}} <span v-if="item.userCallTime">{{}}小时前呼叫</span> <span v-if="inquiry.answer">未接听</span><i v-else></i></div>
</div>
<img
v-if="inquiry.imgshowhelp"
style="width: 40px; height: 41px ;margin-left:10px; cursor:pointer;"
:src="inquiry.imgshowhelp?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')"
alt />
</div>
</div>
<div class="inquiryroom">
<div class="goroom"><span v-if="nomor">进入诊室</span><span v-else>正在呼叫医助，进入诊室</span> </div>
<div class="suggest" @click="showAdvice()">诊断建议 <div class="writesuggest" v-if="inquiry.write">未写</div></div>
</div>
</el-card>
</el-col>
</el-row>
<diagnoseAdvice v-if="showAdvices"></diagnoseAdvice>
</div>
</template>
<script>
import DiagnoseAdvice from '@/components/common/diagnoseAdvice.vue'
export default {
components:{
DiagnoseAdvice
},
data() {
return {
inquiry:{
online:true,
answer:null,
imgshowdoc:true,
imgshowhelp:true,
imgshow:true,
docavator:'',
write:false,
doctorline:[true ,false]
},
calldoctor:true,
timer:null,
flag:true,
nomor:true,
showAdvices:false
};
},
props:{
item:{
type:Object,
default:0
}
},
created() {
},
computed:{
diagnoseType() {
switch(this.item.diagnoseType) {
case 1:
return '语音问诊'
case 2:
return '视频问诊'
break;
case 3:
return '图文问诊'
break;
default:
return''
}
},
returnStatus() {
switch(this.item.returnStatus) {
case 1:
return '待处理'
case 2:
return '问诊进行中'
case 3:
return '未开始'
case 4:
return '已结束'
case 5:
return '已取消'
case 99:
return '全部'
default:
return''
}
},
appointBeginTime() {
let starttime =this.item.appointBeginTime.slice(0,10)
let endtime = `${this.item.appointBeginTime.slice(11,16)}-${this.item.appointEndTime.slice(11,16)}`
return starttime +' '+ endtime
},
},
methods: {
calldoc() {
if(this.flag){
this.inquiry.imgshow = false
let nums = 120
this.flag = false
this.timer = setInterval(() => {
if(nums>0){
nums--
}else{
clearInterval(this.timer)
this.timer = null;
this.inquiry.imgshow = true
this.flag = true
}
console.log(nums,this.inquiry.imgshow);
}, 1000);
}
},
showAdvice() {
this.showAdvices = true
}
}
}
</script>
<style lang="scss" scoped>
.inquirylist{
display: flex;
margin-bottom: 10px;
padding: 10px 5px;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 572px;
height: 234px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 28px;
font-weight: 700;
margin-bottom: 10px;
color: #063948;
>span{
font-size: 20px;
color: #063948;
display: inline-block;
margin-left: 7px;
}
}
.talk{
width: 120px;
height: 24px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 14px;
line-height: 24px;
text-align: center;
display: inline-block;
position: relative;
}
.time{
width: 217px;
height: 24px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 24px;
color: #6A7990;
margin-left: 5px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 12px;
}
.inquirytime{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 15px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 18px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 16px;
margin-top: 2px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 18px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 16px;
margin-top: 2px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
@media screen and (min-width: 1911px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
// margin: 20px 30px 0px;
padding: 10px 5px;
// background: #fff;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 510px;
height: 208px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 24px;
font-weight: 700;
margin-bottom: 6px;
color: #063948;
>span{
font-size: 16px;
color: #063948;
display: inline-block;
margin-left: 6px;
}
}
.talk{
width: 96px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 13px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.time{
width: 183px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990;
margin-left: 5px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 6px;
}
.inquirytime{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 14px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 13px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 13px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
}
@media screen and (max-width: 1509px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
padding: 10px 5px;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 510px;
height: 208px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 24px;
font-weight: 700;
margin-bottom: 6px;
color: #063948;
>span{
font-size: 16px;
color: #063948;
display: inline-block;
margin-left: 6px;
}
}
.talk{
width: 96px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 13px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.time{
width: 183px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990;
margin-left: 5px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 12px;
}
.inquirytime{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 14px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
}
@media screen and (max-width: 1385px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
padding: 10px 5px;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 447px;
height: 208px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 20px;
font-weight: 700;
margin-bottom: 6px;
color: #063948;
>span{
font-size: 13px;
color: #063948;
display: inline-block;
margin-left: 6px;
}
}
.talk{
width: 80px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 13px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.time{
width: 183px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990;
margin-left: 5px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -77px;
top: 6px;
font-size: 14px;
}
.inquirytime{
position: relative;
left: 35px;
top: 10px;
font-size: 13px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 14px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 13px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 12px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 13px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 12px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
}
.appointment{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/appointment.png') no-repeat;
background-size: cover;
}
.video{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/video.png') no-repeat;
background-size: cover;
}
.photo{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/photo.png') no-repeat;
background-size: cover;
}
.voice{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/voice.png') no-repeat;
background-size: cover;
}
</style>
\ No newline at end of file
<template>
<div class="inquirylist">
<el-row>
<el-col :span="8" >
<el-card shadow="always" :body-style="{ padding: '0px' }">
<div class="inquiryname">
<div class="inquiryinfo">
<div class="infone">{{item.diagnoseLogId}}<span class="department">{{item.department}} </span></div>
<div class="talk"> <i :class="{voice:item.diagnoseType==1,video:item.diagnoseType==2,photo:item.diagnoseType==2}"></i> {{diagnoseType}}</div>
<span class="time"> <i class="appointment"></i> {{appointBeginTime}}</span>
</div>
<div class="inquirystatus">
<span class="status" :style="item.returnStatus==1?'color:#ff865e':item.returnStatus==2?'color:#063948':''">{{returnStatus}}</span>
<div class="inquirytime" v-if="item.returnStatus==2"><span></span> 已问诊{{inquiry.countdown}}</div>
</div>
</div>
<div class="inquirydoctor">
<div class="visitingdoctor">
<em class="offline" v-if="item.doctorTrtcEntryStatus==2" ></em>
<div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="onedoctorname"> {{item.doctorName}} <span>接诊医生</span>
<div class="onedoctornum">{{item.doctorMobile}} <span v-if="item.doctorCallTime">{{}}小时前呼叫</span> <span v-if="inquiry.answer">未接听</span><i v-else></i></div>
</div>
<img
@click="calldoc()"
v-if="inquiry.imgshowdoc"
style="width: 40px; height: 41px ;margin-left:4px; cursor:pointer;"
:src="inquiry.imgshow?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')"
alt />
</div>
<div class="helpdoctor">
<em v-if="item.userTrtcEntryStatus==2" class="offline"></em>
<div class="onedoctor"> <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></div>
<div class="onedoctorname"> {{item.userName}} <span>助诊医生</span>
<div class="onedoctornum">{{item.userMobile}} <span v-if="item.userCallTime">{{}}小时前呼叫</span> <span v-if="inquiry.answer">未接听</span><i v-else></i></div>
</div>
<img
v-if="inquiry.imgshowhelp"
style="width: 40px; height: 41px ;margin-left:10px; cursor:pointer;"
:src="inquiry.imgshowhelp?require('../../assets/image/workbench/callout.png'):require('../../assets/image/workbench/callouting.png')"
alt />
</div>
</div>
<div class="inquiryroom">
<div class="goroom"><span v-if="nomor">进入诊室</span><span v-else>正在呼叫医助，进入诊室</span> </div>
<div class="suggest" @click="showAdvice()">诊断建议 <div class="writesuggest" v-if="inquiry.write">未写</div></div>
</div>
</el-card>
</el-col>
</el-row>
<diagnoseAdvice v-if="showAdvices"></diagnoseAdvice>
</div>
</template>
<script>
import DiagnoseAdvice from '@/components/common/diagnoseAdvice.vue'
export default {
components:{
DiagnoseAdvice
},
data() {
return {
inquiry:{
online:true,
answer:null,
imgshowdoc:true,
imgshowhelp:true,
imgshow:true,
docavator:'',
write:false,
doctorline:[true ,false]
},
calldoctor:true,
timer:null,
flag:true,
nomor:true,
showAdvices:false
};
},
props:{
item:{
type:Object,
default:{}
}
},
created() {
},
computed:{
diagnoseType() {
switch(this.item.diagnoseType) {
case 1:
return '语音问诊'
case 2:
return '视频问诊'
break;
case 3:
return '图文问诊'
break;
default:
return''
}
},
returnStatus() {
switch(this.item.returnStatus) {
case 1:
return '待处理'
case 2:
return '问诊进行中'
case 3:
return '未开始'
case 4:
return '已结束'
case 5:
return '已取消'
case 99:
return '全部'
default:
return''
}
},
appointBeginTime() {
if(this.item.appointBeginTime) {
let starttime =this.item.appointBeginTime.slice(0,10)
let endtime = `${this.item.appointBeginTime.slice(11,16)}-${this.item.appointEndTime.slice(11,16)}`
return starttime +' '+ endtime
}
},
},
methods: {
calldoc() {
if(this.flag){
this.inquiry.imgshow = false
let nums = 120
this.flag = false
this.timer = setInterval(() => {
if(nums>0){
nums--
}else{
clearInterval(this.timer)
this.timer = null;
this.inquiry.imgshow = true
this.flag = true
}
console.log(nums,this.inquiry.imgshow);
}, 1000);
}
},
showAdvice() {
this.showAdvices = true
}
}
}
</script>
<style lang="scss" scoped>
.inquirylist{
display: flex;
margin-bottom: 10px;
padding: 10px 5px;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 572px;
height: 234px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 28px;
font-weight: 700;
margin-bottom: 10px;
color: #063948;
>span{
font-size: 20px;
color: #063948;
display: inline-block;
margin-left: 7px;
}
}
.talk{
width: 120px;
height: 24px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 14px;
line-height: 24px;
text-align: center;
display: inline-block;
position: relative;
}
.time{
width: 217px;
height: 24px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 24px;
color: #6A7990;
margin-left: 5px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 12px;
}
.inquirytime{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 15px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 18px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 16px;
margin-top: 2px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 18px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 16px;
margin-top: 2px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
@media screen and (min-width: 1911px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
// margin: 20px 30px 0px;
padding: 10px 5px;
// background: #fff;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 510px;
height: 208px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 24px;
font-weight: 700;
margin-bottom: 6px;
color: #063948;
>span{
font-size: 16px;
color: #063948;
display: inline-block;
margin-left: 6px;
}
}
.talk{
width: 96px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 13px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.time{
width: 183px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990;
margin-left: 5px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 6px;
}
.inquirytime{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 14px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 13px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 13px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
}
@media screen and (max-width: 1509px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
padding: 10px 5px;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 510px;
height: 208px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 24px;
font-weight: 700;
margin-bottom: 6px;
color: #063948;
>span{
font-size: 16px;
color: #063948;
display: inline-block;
margin-left: 6px;
}
}
.talk{
width: 96px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 13px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.time{
width: 183px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990;
margin-left: 5px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -114px;
top: 12px;
}
.inquirytime{
position: relative;
left: 65px;
top: 12px;
font-size: 14px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 14px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 15px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 14px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
}
@media screen and (max-width: 1385px) {
.inquirylist{
display: flex;
margin-bottom: 10px;
padding: 10px 5px;
overflow: hidden !important;
.el-row{
width: 100%;
height: 100%;
.el-col{
width: 447px;
height: 208px;
margin-left: 5px;
margin-bottom: 12px;
.el-card{
height: 100%;
border-radius: 18px;
padding: 12px 32px 20px 34px ;
}
}
}
.inquiryname{
display: flex;
margin-bottom: 4px;
.inquiryinfo{
.infone{
font-size: 20px;
font-weight: 700;
margin-bottom: 6px;
color: #063948;
>span{
font-size: 13px;
color: #063948;
display: inline-block;
margin-left: 6px;
}
}
.talk{
width: 80px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
color: #6A7990;
font-size: 13px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.time{
width: 183px;
height: 20px;
background: #F0F2F5;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6A7990;
margin-left: 5px;
font-size: 13px;
}
}
.inquirystatus{
.status{
position: relative;
right: -77px;
top: 6px;
font-size: 14px;
}
.inquirytime{
position: relative;
left: 35px;
top: 10px;
font-size: 13px;
color: #6A7990;
}
}
}
.inquirydoctor{
margin-bottom: 10px;
padding-top: 14px;
display: flex;
.visitingdoctor{
position: relative;
flex-basis: 50%;
display: flex;
padding: 5px 2px 7px 7px;
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 13px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 12px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
.helpdoctor{
flex-basis: 50%;
position: relative;
display: flex;
margin-left: 8px;
padding: 5px 2px 7px 7px;s
.onedoctor{
width: 36px;
height: 36px;
}
.offline{
position: absolute;
top: 5px;
left: 4px;
width: 16px;
height: 16px;
background-image: url('../../assets/image/workbench/offline.png');
}
.onedoctorname{
// margin-top: 18px;
font-size: 13px;
color: #063948;
margin-bottom: 7px;
font-weight: 700;
>span{
font-size: 12px;
}
}
.onedoctornum{
font-size: 14px;
margin-top: 5px;
}
}
}
.inquiryroom{
height: 45px;
display: flex;
font-size: 14px;
.goroom{
cursor:pointer;
width: 238px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
>span{
color: #449284;
opacity: 1;
font-weight: 700;
}
}
.suggest{
cursor:pointer;
width: 238px;
color: #449284;
margin-left: 24px;
height: 37px;
background: rgb(239, 246, 244);
border-radius: 23px;
text-align: center;
line-height: 37px;
font-weight: 700;
.writesuggest{
position: relative;
top: -50px;
right: -150px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 20px;
width: 48px;
height: 20px;
background: #449284;
border-radius: 7px 7px 7px 0px;
}
}
}
}
}
.appointment{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/appointment.png') no-repeat;
background-size: cover;
}
.video{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/video.png') no-repeat;
background-size: cover;
}
.photo{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/photo.png') no-repeat;
background-size: cover;
}
.voice{
width: 12px;
height: 12px;
display: inline-block;
background: url('../../assets/image/workbench/voice.png') no-repeat;
background-size: cover;
}
</style>
src/store/getters.js
浏览文件 @ f55b3271
import education from './im/getters'
const getters = {
_token: state => state.common._token,
isFromAssignTask: state => state.common.isFromAssignTask,
time:state => state.common.time,
}
import { containObject } from '../utils/utils'
const getters = containObject(education)
export default getters
\ No newline at end of file
export default getters
src/store/im/getters.js 已删除 100644 → 0
浏览文件 @ 734acaee
const getters = {
_token: state => state.common._token,
isFromAssignTask: state => state.common.isFromAssignTask,
time:state => state.common.time,
}
export default getters
src/store/index.js
浏览文件 @ f55b3271
import Vue from 'vue'
import Vuex from 'vuex'
import common from './im/common'
import common from './module/common'
import socket from './module/socket'
import getters from './getters'
import state from './state';
import mutations from './mutations/index';
import actions from './actions/index';
Vue.use(Vuex)
export default new Vuex.Store({
state,
getters,
mutations,
actions,
modules: {
common
common,
socket
},
getters
})
src/store/modules/loginUser.js → src/store/module/socket.js
浏览文件 @ f55b3271
import { io } from "socket.io-client";
// ES6 import
import io from 'socket.io-client';
export default {
namespaced: true,
......@@ -7,39 +8,45 @@ export default {
},
actions: {
initSocket ({ commit, rootState }, payload) {
const socket = io("https://example.com", {
reconnectionDelayMax: 10000,
reconnectionAttempts:'Infinity',
reconnection: true,
transports: ["websocket"], // use WebSocket first, if available
extraHeaders: {"my-custom-header": "1234"},
const socket = io.connect(payload.url, {
query: {
x: 42
// loginUserNum: `diagnose_list_socket_${userId}`
loginUserNum: `diagnose_list_socket_888`
}
});
console.log('-=-=-=-=',socket)
commit('SET_SOCKET', socket);
commit('SET_IOLISTION');
},
},
mutations: {
SET_SOCKET: (state, payload) => {
window.socketClient = payload;
state.socketClient = payload;
},
SET_IOLISTION: (state, payload) => {
if(!state.socketClient){
return false;
}
state.socketClient.on("connection", (socket) => {
console.log(socket);
console.log ('socket 链接成功',socket);
});
state.socketClient.on("connect_error", (err) => {
if (err.message === "invalid credentials") {
}
console.log ('socket connect_error',err);
});
state.socketClient.on("disconnect", (socket) => {
console.log(socket);
console.log ('socket disconnect',socket);
});
state.socketClient.on("diagnose_push_event", (socket) => {
console.log('diagnose_push_event---', socket);
});
state.socketClient.on('ping', function () {
console.log('[E] 心跳请求已发出 →', true);
});
state.socketClient.on("data", (socket) => {
console.log(socket);
//收到
state.socketClient.on('pong', function () {
console.log('[E] 心跳响应已收到 ←', true);
});
},
},
......
src/store/state.js 0 → 100644
浏览文件 @ f55b3271
/* 内存数据状态 */
export default {
};
src/views/IM/diagnosis-admin/workbench.vue
浏览文件 @ f55b3271
......@@ -18,7 +18,7 @@
</div>
</el-row>
<!-- tab栏 -->
<div id="radio" v-if="isdon ==='1'">
<div id="radio">
<el-radio-group v-model="tabPosition" style="margin-bottom: 30px;" >
<el-radio-button label="all">全部(0)</el-radio-button>
<el-radio-button label="abnormal">异常(0)</el-radio-button>
......@@ -30,53 +30,14 @@
<el-row :gutter="25">
<el-col style="margin-bottom: 20px;" :span="8" v-for="item in 9 " :key="item">
<div class="grid-content bg-purple">
<div class="for"></div>
<div class="for">
<inquiryList-component></inquiryList-component>
</div>
</div>
</el-col>
</el-row>
</div>
<div class="lfet" v-else >
<el-row :gutter="20">
<el-col :span="6"><div class="grid-content bg-purple">
<span>总问诊数</span>
<span>0单</span>
</div></el-col>
<el-col :span="6"><div class="grid-content bg-purple">
<span>已问诊数</span>
<span>0单</span>
</div></el-col>
<el-col :span="6"><div class="grid-content bg-purple">
<span>问诊中</span>
<span>0单</span>
</div>
</el-col>
<el-col :span="6"><div class="grid-content bg-purple">
<span>未问诊</span>
<span>0单</span>
</div>
</el-col>
</el-row>
<div ><i class="el-icon-s-custom"> 运营A成员(6单)</i></div>
<el-row :gutter="25">
<el-col style="margin-bottom: 20px;" :span="8" v-for="item in 6 " :key="item">
<div class="grid-content bg-purple">
<div class="for"></div>
</div>
</el-col>
</el-row>
<div ><i class="el-icon-s-custom">运营B成员(2单)</i></div>
<el-row :gutter="25">
<el-col style="margin-bottom: 20px;" :span="8" v-for="item in 6 " :key="item">
<div class="grid-content bg-purple">
<div class="for"></div>
</div>
</el-col>
</el-row>
</div>
<!-- <el-empty :image-size="200" description="描述文字"></el-empty> -->
<!-- 分页 -->
</div>
<el-row type="flex" justify="end" >
<el-pagination
background
......@@ -95,16 +56,17 @@
</template>
<script>
import InquiryListComponent from '../../../components/common/inquirylist.vue';
console.log('---InquiryList', InquiryListComponent);
export default {
components: {
InquiryListComponent
},
data(){
return {
tabPosition:"all",
value1:Date.now(),
currentPage4:0,
// 判断是否是管理员
isdon:'1',
showChat: true
}
},
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或