commit
8af87dd41e
79 changed files with 25610 additions and 0 deletions
@ -0,0 +1,3 @@ |
|||
> 1% |
|||
last 2 versions |
|||
not dead |
|||
@ -0,0 +1,8 @@ |
|||
[*.{js,jsx,ts,tsx,vue}] |
|||
indent_style = space |
|||
indent_size = 2 |
|||
end_of_line = lf |
|||
trim_trailing_whitespace = true |
|||
insert_final_newline = true |
|||
max_line_length = 140 |
|||
root = true |
|||
@ -0,0 +1,3 @@ |
|||
VUE_APP_MODE=production |
|||
VUE_APP_PREVIEW=false |
|||
VUE_APP_URL=http://www.tall.wiki/ |
|||
@ -0,0 +1,10 @@ |
|||
VUE_APP_MODE=development |
|||
VUE_APP_NODE_ENV=development |
|||
VUE_APP_SCENE=wisdomcar |
|||
VUE_APP_BASE_URL=http://www.tall.wiki/ |
|||
VUE_APP_API_URL=http://www.tall.wiki/wisdomcar |
|||
VUE_APP_PROXY_URL=/gateway |
|||
VUE_APP_PUBLIC_PATH=/wisdomcar |
|||
VUE_APP_MSG_URL=wss://www.tall.wiki/websocket/message/v4.0/ws |
|||
VUE_APP_TITLE=盐湖区人民医院数字看板 |
|||
VUE_APP_DESCRIPTION=盐湖区人民医院数字看板 |
|||
@ -0,0 +1,10 @@ |
|||
VUE_APP_MODE=production |
|||
VUE_APP_NODE_ENV=production |
|||
VUE_APP_SCENE=kangfu-screen/ |
|||
VUE_APP_BASE_URL=http://www.tall.wiki/ |
|||
VUE_APP_API_URL=http://www.tall.wiki/kangfu-screen |
|||
VUE_APP_PROXY_URL=/gateway |
|||
VUE_APP_PUBLIC_PATH=/kangfu-screen |
|||
VUE_APP_MSG_URL=wss://www.tall.wiki/websocket/message/v4.0/ws |
|||
VUE_APP_TITLE=盐湖区人民医院数字看板 |
|||
VUE_APP_DESCRIPTION=盐湖区人民医院数字看板 |
|||
@ -0,0 +1,47 @@ |
|||
/* |
|||
* Copyright (c) 2019. |
|||
* author: wally |
|||
* email: 18603454788@163.com |
|||
*/ |
|||
|
|||
module.exports = { |
|||
root: true, |
|||
env: { browser: true, node: true }, |
|||
extends: ['plugin:vue/recommended', 'plugin:vue/essential'], |
|||
|
|||
rules: { |
|||
'vue/html-self-closing': 'off', |
|||
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', |
|||
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', |
|||
'no-param-reassign': ['error', { props: true, ignorePropertyModificationsFor: ['state'] }], |
|||
'max-len': ['error', { code: 140, tabWidth: 2 }], |
|||
'object-curly-newline': ['error', { multiline: true }], |
|||
'arrow-parens': ['error', 'as-needed'], |
|||
'linebreak-style': 'off', |
|||
'vue/attributes-order': 'off', |
|||
'no-param-reassign': 'off', |
|||
'vue/singleline-html-element-content-newline': 'off', |
|||
'vue/max-attributes-per-line': 'off', |
|||
'vue/multiline-html-element-content-newline': 'off', |
|||
'vue/html-indent': 'off', |
|||
}, |
|||
|
|||
parserOptions: { parser: 'babel-eslint' }, |
|||
|
|||
overrides: [ |
|||
{ |
|||
files: ['**/__tests__/*.{j,t}s?(x)'], |
|||
env: { jest: true }, |
|||
}, |
|||
], |
|||
|
|||
globals: { |
|||
Vue: true, |
|||
VueRouter: true, |
|||
Vuex: true, |
|||
axios: true, |
|||
_: true, |
|||
Vuetify: true, |
|||
vuetify: true, |
|||
}, |
|||
}; |
|||
@ -0,0 +1,23 @@ |
|||
.DS_Store |
|||
node_modules |
|||
/dist |
|||
|
|||
|
|||
# local env files |
|||
.env.local |
|||
.env.*.local |
|||
|
|||
# Log files |
|||
npm-debug.log* |
|||
yarn-debug.log* |
|||
yarn-error.log* |
|||
pnpm-debug.log* |
|||
|
|||
# Editor directories and files |
|||
.idea |
|||
.vscode |
|||
*.suo |
|||
*.ntvs* |
|||
*.njsproj |
|||
*.sln |
|||
*.sw? |
|||
@ -0,0 +1,13 @@ |
|||
{ |
|||
"printWidth": 140, |
|||
"singleQuote": true, |
|||
"semi": true, |
|||
"trailingComma": "all", |
|||
"arrowParens": "avoid", |
|||
"tabWidth": 2, |
|||
"useTabs": false, |
|||
"bracketSpacing": true, |
|||
"jsxBracketSameLine": false, |
|||
"proseWrap": "always", |
|||
"endOfLine": "lf" |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
# 盐湖区人民医院数字看板 |
|||
|
|||
## Project setup |
|||
``` |
|||
yarn install |
|||
``` |
|||
|
|||
### Compiles and hot-reloads for development |
|||
``` |
|||
yarn serve |
|||
``` |
|||
|
|||
### Compiles and minifies for production |
|||
``` |
|||
yarn build |
|||
``` |
|||
|
|||
### Lints and fixes files |
|||
``` |
|||
yarn lint |
|||
``` |
|||
|
|||
### Customize configuration |
|||
See [Configuration Reference](https://cli.vuejs.org/config/). |
|||
@ -0,0 +1,13 @@ |
|||
module.exports = { |
|||
presets: ["@vue/cli-plugin-babel/preset"], |
|||
plugins: [ |
|||
[ |
|||
"import", |
|||
{ |
|||
libraryName: "ant-design-vue", |
|||
libraryDirectory: "es", |
|||
style: true |
|||
} |
|||
] |
|||
] |
|||
}; |
|||
@ -0,0 +1 @@ |
|||
module.exports = {extends: ['./node_modules/vue-cli-plugin-commitlint/lib/lint']}; |
|||
File diff suppressed because it is too large
@ -0,0 +1,51 @@ |
|||
{ |
|||
"name": "screen", |
|||
"version": "0.1.0", |
|||
"private": true, |
|||
"scripts": { |
|||
"serve": "vue-cli-service serve", |
|||
"build": "vue-cli-service build", |
|||
"lint": "vue-cli-service lint" |
|||
}, |
|||
"dependencies": { |
|||
"ant-design-vue": "^1.2.4", |
|||
"compression-webpack-plugin": "^6.1.1", |
|||
"core-js": "^3.6.5", |
|||
"echarts": "^4.9.0", |
|||
"echarts-gl": "^1.1.1", |
|||
"moment": "^2.29.1", |
|||
"register-service-worker": "^1.7.1", |
|||
"stylus": "^0.54.8", |
|||
"vue": "^2.6.11", |
|||
"vue-dompurify-html": "^2.3.0", |
|||
"vue-router": "^3.2.0", |
|||
"vuex": "^3.4.0" |
|||
}, |
|||
"devDependencies": { |
|||
"@vue/cli-plugin-babel": "~4.5.0", |
|||
"@vue/cli-plugin-eslint": "~4.5.0", |
|||
"@vue/cli-plugin-pwa": "~4.5.0", |
|||
"@vue/cli-plugin-router": "~4.5.0", |
|||
"@vue/cli-plugin-vuex": "~4.5.0", |
|||
"@vue/cli-service": "~4.5.0", |
|||
"@vue/eslint-config-prettier": "^6.0.0", |
|||
"axios": "^0.18.0", |
|||
"babel-eslint": "^10.1.0", |
|||
"babel-plugin-import": "^1.11.0", |
|||
"css-loader": "^5.0.1", |
|||
"eslint": "^6.7.2", |
|||
"eslint-plugin-prettier": "^3.1.3", |
|||
"eslint-plugin-vue": "^6.2.2", |
|||
"less": "^2.7.3", |
|||
"less-loader": "^4.1.0", |
|||
"prettier": "^1.19.1", |
|||
"sass": "^1.26.5", |
|||
"sass-loader": "^8.0.2", |
|||
"stylus": "^0.54.5", |
|||
"stylus-loader": "^3.0.2", |
|||
"svg-sprite-loader": "^5.0.0", |
|||
"vue-cli-plugin-ant-design": "^1.0.1", |
|||
"vue-cli-plugin-axios": "^0.0.4", |
|||
"vue-template-compiler": "^2.6.11" |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 215 B |
@ -0,0 +1,18 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|||
<link rel="icon" href="./favicon.ico"> |
|||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> |
|||
<title>脑卒中智慧远程康复诊疗服务云平台</title> |
|||
</head> |
|||
<body> |
|||
<noscript> |
|||
<strong>We're sorry but 脑卒中智慧远程康复诊疗服务云平台 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
|||
</noscript> |
|||
<div id="app"></div> |
|||
<!-- built files will be auto injected --> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,2 @@ |
|||
User-agent: * |
|||
Disallow: |
|||
@ -0,0 +1,15 @@ |
|||
{ |
|||
"$shared": { |
|||
"version": "v1", |
|||
"identifier": "wally", |
|||
"credential": "111111" |
|||
}, |
|||
"dev": { |
|||
"name": "dev", |
|||
"url": "http://192.168.0.99/gateway" |
|||
}, |
|||
"local": { |
|||
"version": "v2", |
|||
"url": "http://192.168.0.99/gateway" |
|||
} |
|||
} |
|||
@ -0,0 +1,72 @@ |
|||
# @tall = {{url}}/tall/v1.0 |
|||
@tall = http://www.tall.wiki/gateway/tall/v1.0 |
|||
@greenvalley = http://www.sxwikionline.com/gateway/greenvalley |
|||
@record = https://www.tall.wiki/gateway/wisdomcar |
|||
@type = content-type: application/json;charset=utf-8 |
|||
|
|||
### login |
|||
|
|||
# @name login |
|||
POST {{tall}}/users/signin |
|||
{{type}} |
|||
|
|||
{ |
|||
"client": 1, |
|||
"type": 3, |
|||
"data": { |
|||
"identifier": "song", |
|||
"credential": "999999" |
|||
} |
|||
} |
|||
|
|||
### send code |
|||
|
|||
GET {{tall}}/users/smscode?phone=16603418748 |
|||
|
|||
|
|||
### phone login |
|||
|
|||
# @name phonelogin |
|||
POST {{tall}}/users/signin |
|||
{{type}} |
|||
|
|||
{ |
|||
"client": 1, |
|||
"type": 1, |
|||
"data": { |
|||
"identifier": "16603418748", |
|||
"credential": "1111" |
|||
} |
|||
} |
|||
|
|||
### 根据团队id查看研发团队相关信息 |
|||
|
|||
POST {{greenvalley}}/researchTeam/selectTeam |
|||
{{type}} |
|||
Authorization: Bearer {{login.response.body.$.data.token}} |
|||
|
|||
{ |
|||
"param": { |
|||
"company": "", |
|||
"researchDirection": "", |
|||
"teamId": 0, |
|||
"teamIntroduce": "", |
|||
"teamLeaderName": "", |
|||
"teamName": "" |
|||
} |
|||
} |
|||
|
|||
### 根据团队id查看研发团队相关信息 |
|||
|
|||
POST {{record}}/debug/record |
|||
{{type}} |
|||
# Authorization: Bearer {{login.response.body.$.data.token}} |
|||
|
|||
{ |
|||
"param":{ |
|||
"authId": "1", |
|||
"type": "2", |
|||
"value":"21", |
|||
"time":"1607937529000" |
|||
} |
|||
} |
|||
@ -0,0 +1,50 @@ |
|||
<template> |
|||
<a-config-provider :locale="zh_CN"> |
|||
<div id="app"> |
|||
<router-view></router-view> |
|||
</div> |
|||
</a-config-provider> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState, mapActions, mapMutations } from 'vuex'; |
|||
import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN'; |
|||
|
|||
export default { |
|||
name: 'App', |
|||
data() { |
|||
return { zh_CN }; |
|||
}, |
|||
|
|||
computed: mapState('home', ['anyringToken']), |
|||
|
|||
created() { |
|||
// const userId = '1338747522436435968'; |
|||
// const params = { userId }; |
|||
// this.getUserId(params); |
|||
}, |
|||
|
|||
methods: mapActions('home', ['getUserId']), |
|||
}; |
|||
</script> |
|||
|
|||
<style> |
|||
html, |
|||
body, |
|||
#app { |
|||
min-height: 100%; |
|||
} |
|||
|
|||
#app { |
|||
background: transparent; |
|||
} |
|||
body::-webkit-scrollbar { |
|||
width: 0; |
|||
} |
|||
</style> |
|||
|
|||
|
|||
<style lang="stylus"> |
|||
@import './common/portrait.styl'; |
|||
@import './common/index.styl'; |
|||
</style> |
|||
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 17 KiB |
@ -0,0 +1,21 @@ |
|||
@font-face {font-family: "iconfont"; |
|||
src: url('iconfont.eot?t=1606814380789'); /* IE9 */ |
|||
src: url('iconfont.eot?t=1606814380789#iefix') format('embedded-opentype'), /* IE6-IE8 */ |
|||
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALAAAsAAAAABnAAAAJ0AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAp8gRABNgIkAwgLBgAEIAWEbQcvG7UFyJ6aPClS2/jAQpBlKUHgLEQQraGzf/cfBIUoGRWCjoqLMLFRrXRVrTH1bMRfztXeEwobfUDy1DOlP3OusGk5nTSH6gmFJ0tKIY+nBgQ4ZZ5fe/U+cbjXxvJA5jvvchlj0FiTJnUBxoEU0N4YbeEC+QD+h7ELXMJlAs2GJMUOR6aWoE1mzQrEm22q0JbzyzJLNQpVzcYsvio1Fp/FAXwJfx//IR9tFMrEqrh4HTag75dmZ6SPmhefIEBA20skLACZuKmNn2kUjNmoOd5kDOyrNPil1bVvE3v954mKVdwKBqDknqSu7Fb5C5DpzRiwMuoDpJaW1veXVeV5b+lxhVLteX355ZA+rS0ZjT+ex05fRr8/jR493lS0+Eefi/THEQbKv8zAm9u5cn11ob622gISIuUCqogn3i5OR1tKlzE/z2iuVkMfQC0tEYA/mX852tS7eVtLBj//5s/CKbVc+kDjvh3BP5L2bMm63LIWWZXWpgtjGs9d1awZddjd7Xusoe+G0qFR3205GwymSBpNEDN1AaUWi6g02kGzeaPbW/QQGkVuwpxNgNDpEoV235B0uiJm6hdK/f5R6YxGNLuLngNbTIXdcSBQlWgQrUZsnQfMscuOqHQBzZKniqw8ZCkoIjtEculsMTWKAYo5lkRlMy8lI0xwn4yA69DzOAkFd1CXaUvKsJDJsLo7pXXuQ4cDAlJJyEBoagibjgswv7PUUfr+AmQq8ahES1NNUIGEiN0/kZOW7UEc1QS9mu7llkiZKU+SGIIROB8xAsYhj4cjwvpxDqST0qwR0VBBxm7H+mrS6+v8r9sFzSxjEfaIpHzjuuoBAAA=') format('woff2'), |
|||
url('iconfont.woff?t=1606814380789') format('woff'), |
|||
url('iconfont.ttf?t=1606814380789') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ |
|||
url('iconfont.svg?t=1606814380789#iconfont') format('svg'); /* iOS 4.1- */ |
|||
} |
|||
|
|||
.iconfont { |
|||
font-family: "iconfont" !important; |
|||
font-size: 14px; |
|||
font-style: normal; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.icon-local:before { |
|||
content: "\e662"; |
|||
font-size: 20px; |
|||
} |
|||
Binary file not shown.
|
After Width: | Height: | Size: 1018 B |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 315 B |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
@ -0,0 +1,134 @@ |
|||
.wrap{ |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
// color: #fff; |
|||
// background: url('assets/bg.jpg') no-repeat top; |
|||
background: #000A3B; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.wrap .bg-left{ |
|||
position: absolute; |
|||
pointer-events: auto; |
|||
left: 10px; |
|||
top: 16px; |
|||
width: 12px; |
|||
height: 96%; |
|||
} |
|||
|
|||
.wrap .bg-top{ |
|||
position: absolute; |
|||
width: 97%; |
|||
margin: 0 auto; |
|||
height: 100.64px; |
|||
left: 1.5%; |
|||
top: 0; |
|||
z-index: 9; |
|||
} |
|||
|
|||
.wrap .bg-top .animation{ |
|||
position: absolute; |
|||
top: -1px; |
|||
left: 14%; |
|||
width: 72%; |
|||
height: 162px; |
|||
} |
|||
|
|||
// .wrap .bg-top .animation video{ |
|||
// width: 1346px; |
|||
// height: 162px; |
|||
// object-fit: fill; |
|||
// mix-blend-mode: screen; |
|||
// filter: saturate(200%); |
|||
// } |
|||
|
|||
.wrap .bg-top .bg-title{ |
|||
position: absolute; |
|||
left: 33%; |
|||
top: 1px; |
|||
width: 34%; |
|||
height: 66px; |
|||
line-height: 60px; |
|||
font-size: 30px; |
|||
color: #01F3FF; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
cursor: pointer; |
|||
pointer-events: auto; |
|||
// transform: rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(0.8) translate(0px, 0px); |
|||
text-shadow: #0196BD 0px 0px 8px; |
|||
} |
|||
|
|||
@media (max-width: 1500px){ |
|||
.wrap .bg-top .bg-title{ |
|||
font-size: 38px; |
|||
} |
|||
} |
|||
|
|||
.wrap .bg-right{ |
|||
position: absolute; |
|||
pointer-events: auto; |
|||
right: 10px; |
|||
top: 16px; |
|||
width: 12px; |
|||
height: 96%; |
|||
} |
|||
|
|||
.wrap .bg-bottom{ |
|||
position: absolute; |
|||
pointer-events: auto; |
|||
left: 34px; |
|||
top: 96%; |
|||
width: 96%; |
|||
height: 13px; |
|||
} |
|||
|
|||
.wrap .pic{ |
|||
width: 100%; |
|||
height: 70%; |
|||
} |
|||
|
|||
.content{ |
|||
position: absolute; |
|||
top: 12%; |
|||
left: 2%; |
|||
width: 96%; |
|||
height: 87%; |
|||
} |
|||
|
|||
.box-top{ |
|||
width:100%; |
|||
height: 10px; |
|||
background: url('~assets/bg-top.png') no-repeat center; |
|||
background-size: 100% 100%; |
|||
text-align: center; |
|||
} |
|||
|
|||
.box-top span{ |
|||
display: inline-block; |
|||
position: relative; |
|||
top: -10px; |
|||
z-index: 999; |
|||
text-shadow: rgb(0, 117, 255) 0px 0px 8px; |
|||
font-family: SourceHanSansCN-Bold; |
|||
font-size: 1.2rem; |
|||
font-weight: bold; |
|||
text-align: center; |
|||
letter-spacing: 0px; |
|||
} |
|||
|
|||
// .box-bottom{ |
|||
// width:100%; |
|||
// background: url('assets/box-bottom.png') repeat fixed top; |
|||
// } |
|||
|
|||
.s-pic{ |
|||
width:191.85px; |
|||
height: 107.85px; |
|||
position: absolute; |
|||
top: 10px; |
|||
left: 10px; |
|||
border-radius: 6px; |
|||
overflow: hidden; |
|||
} |
|||
@ -0,0 +1,283 @@ |
|||
// padding |
|||
.pa-3 { |
|||
padding: 12px; |
|||
} |
|||
|
|||
.px-2{ |
|||
padding-left: 8px; |
|||
padding-right: 8px; |
|||
} |
|||
|
|||
.px-3{ |
|||
padding-left: 12px; |
|||
padding-right: 12px; |
|||
} |
|||
|
|||
.px-10{ |
|||
padding-left: 30px; |
|||
padding-right: 30px; |
|||
} |
|||
|
|||
.pb-3 { |
|||
padding-bottom: 12px; |
|||
} |
|||
|
|||
.pb-4 { |
|||
padding-bottom: 16px; |
|||
} |
|||
|
|||
.pb-5 { |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.pb-10 { |
|||
padding-bottom: 40px; |
|||
} |
|||
|
|||
// margin |
|||
.ma-2 { |
|||
margin: 8px; |
|||
} |
|||
|
|||
.ma-3 { |
|||
margin: 12px; |
|||
} |
|||
|
|||
.mx-2{ |
|||
margin-left: 8px; |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
.my-2{ |
|||
margin-top: 8px; |
|||
margin-bottom: 8px; |
|||
} |
|||
|
|||
.my-3{ |
|||
margin-top: 12px; |
|||
margin-bottom: 12px; |
|||
} |
|||
|
|||
.my-4{ |
|||
margin-top: 16px; |
|||
margin-bottom: 16px; |
|||
} |
|||
|
|||
.mt-1{ |
|||
margin-top: 4px; |
|||
} |
|||
|
|||
.mt-2{ |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.mt-3{ |
|||
margin-top: 12px; |
|||
} |
|||
|
|||
.mt-4{ |
|||
margin-top: 16px; |
|||
} |
|||
|
|||
.mb-1{ |
|||
margin-bottom: 4px; |
|||
} |
|||
|
|||
.mb-2{ |
|||
margin-bottom: 8px; |
|||
} |
|||
|
|||
.mb-3{ |
|||
margin-bottom: 12px; |
|||
} |
|||
|
|||
.mb-4{ |
|||
margin-bottom: 16px; |
|||
} |
|||
|
|||
.ml-2{ |
|||
margin-left: 8px; |
|||
} |
|||
|
|||
.ml-3{ |
|||
margin-left: 12px; |
|||
} |
|||
|
|||
.ml-4{ |
|||
margin-left: 16px; |
|||
} |
|||
|
|||
.ml-5{ |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.ml-6{ |
|||
margin-left: 24px; |
|||
} |
|||
|
|||
.ml-7{ |
|||
margin-left: 28px; |
|||
} |
|||
|
|||
.ml-8{ |
|||
margin-left: 32px; |
|||
} |
|||
|
|||
.mr-1{ |
|||
margin-right: 4px; |
|||
} |
|||
|
|||
.mr-2{ |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
.mr-3{ |
|||
margin-right: 12px; |
|||
} |
|||
|
|||
.mr-4{ |
|||
margin-right: 16px; |
|||
} |
|||
|
|||
.mr-5{ |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.mr-6{ |
|||
margin-right: 24px; |
|||
} |
|||
|
|||
// background |
|||
.white { |
|||
background: white; |
|||
} |
|||
|
|||
// flex |
|||
.d-flex{ |
|||
display: flex; |
|||
} |
|||
|
|||
.flex-wrap{ |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.flex-nowrap{ |
|||
flex-wrap: nowrap; |
|||
} |
|||
|
|||
.flex-column{ |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.flex-column-reverse{ |
|||
flex-direction: column-reverse; |
|||
} |
|||
|
|||
.flex-row{ |
|||
flex-direction: row; |
|||
} |
|||
|
|||
.flex-row-reverse{ |
|||
flex-direction: row-reverse; |
|||
} |
|||
|
|||
.justify-center{ |
|||
justify-content: center; |
|||
} |
|||
|
|||
.justify-space-between{ |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.align-center{ |
|||
align-items: center; |
|||
} |
|||
|
|||
.flex-1{ |
|||
display: flex; |
|||
flex: 1; |
|||
} |
|||
|
|||
.flex-2{ |
|||
display: flex; |
|||
flex: 2; |
|||
} |
|||
.flex-3{ |
|||
display: flex; |
|||
flex: 3; |
|||
} |
|||
// other |
|||
.pointer{ |
|||
cursor:pointer; |
|||
} |
|||
|
|||
.fill-height{ |
|||
height:100%; |
|||
} |
|||
|
|||
// font |
|||
.font-bold-24{ |
|||
font-size: 24px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.font-24{ |
|||
font-size: 24px; |
|||
} |
|||
|
|||
.font-bold-16{ |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.font-16{ |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.font-bold-14{ |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.font-14{ |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.icon-size{ |
|||
font-size: 20px; |
|||
} |
|||
|
|||
h2{ |
|||
font-size: 24px; |
|||
font-weight: bold; |
|||
color: rgba(0,0,0,.85) |
|||
} |
|||
|
|||
.textColor{ |
|||
color: rgba(0,0,0,.65) |
|||
} |
|||
|
|||
.baseColor{ |
|||
color: #13ACC4 |
|||
} |
|||
|
|||
.bg{ |
|||
background: #F5F5F5 |
|||
} |
|||
|
|||
.ant-btn-primary{ |
|||
background-color: #13ACC4 |
|||
border-color: #13ACC4; |
|||
} |
|||
|
|||
.ant-btn-link:hover, .ant-btn-link:focus{ |
|||
color: #13ACC4; |
|||
} |
|||
|
|||
.fill-width{ |
|||
width:100%; |
|||
} |
|||
|
|||
.fill-height{ |
|||
height:100%; |
|||
} |
|||
@ -0,0 +1,48 @@ |
|||
const option = { |
|||
tooltip: { trigger: 'axis' }, |
|||
legend: { |
|||
data: ['标准恢复状态', '历史恢复状态'], |
|||
icon: 'diamond', |
|||
bottom: 0, |
|||
textStyle: { color: '#01F3FF' }, |
|||
}, |
|||
grid: { |
|||
left: '3%', |
|||
right: '4%', |
|||
bottom: '3%', |
|||
containLabel: true, |
|||
}, |
|||
xAxis: { |
|||
type: 'category', |
|||
boundaryGap: false, |
|||
axisLabel: { color: '#01F3FF' }, |
|||
}, |
|||
yAxis: { |
|||
type: 'value', |
|||
axisLabel: { color: '#01F3FF' }, |
|||
splitLine: { |
|||
//分割线配置
|
|||
show: true, |
|||
lineStyle: { color: '#333' }, |
|||
}, |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '标准恢复状态', |
|||
type: 'line', |
|||
data: [10, 132, 101, 134, 90, 230, 210], |
|||
smooth: true, |
|||
color: '#FF1493', |
|||
}, |
|||
{ |
|||
name: '历史恢复状态', |
|||
type: 'line', |
|||
color: '#DAA520', |
|||
data: [20, 182, 191, 234, 290, 330, 310], |
|||
smooth: true, |
|||
lineStyle: { color: '#DAA520' }, |
|||
}, |
|||
], |
|||
}; |
|||
|
|||
export default option; |
|||
@ -0,0 +1,52 @@ |
|||
<template> |
|||
<!-- <div>数据统计组件</div> --> |
|||
<div :style="{ width: 'width', height: 'height' }" class="chart-box"> |
|||
<div id="Duration" style="width: 100%; height: 160%"></div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import option from './Duration.js'; |
|||
export default { |
|||
name: 'Duration', |
|||
data() { |
|||
return { |
|||
// msg: 'Welcome to Your Vue.js App', |
|||
width: '', |
|||
height: '', |
|||
timer: null, |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.drawLine(); |
|||
this.timer = setInterval(() => { |
|||
this.drawLine(); |
|||
}, 10000); |
|||
let wh = window.innerWidth; |
|||
let hg = window.innerHeight; |
|||
this.width = wh + 'px'; |
|||
this.height = hg + 'px'; |
|||
console.log(this.height); |
|||
window.onresize = () => { |
|||
return (() => { |
|||
wh = window.innerWidth; |
|||
hg = window.innerHeight; |
|||
this.width = wh + 'px'; |
|||
this.height = hg + 'px'; |
|||
})(); |
|||
}; |
|||
}, |
|||
destroyed() { |
|||
clearInterval(this.timer); |
|||
}, |
|||
methods: { |
|||
drawLine() { |
|||
// 基于准备好的dom，初始化echarts实例 |
|||
let myChart = this.$echarts.init(document.getElementById('Duration')); |
|||
// 绘制图表 |
|||
myChart.setOption(option); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="stylus" scoped ></style> |
|||
@ -0,0 +1,166 @@ |
|||
<template> |
|||
<div class="info-box"> |
|||
<span class="doctor-box">{{ str }}{{ doctor }}</span> |
|||
<div> |
|||
<img src="~assets/line.png" alt="" /> |
|||
<div class="d-flex"> |
|||
<div v-for="item in infoList" :key="item" class="flex-1 justify-center infoColor">{{ item }}</div> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<img src="~assets/line.png" alt="" /> |
|||
<div class="d-flex"> |
|||
<div v-for="item in conList" :key="item" class="flex-1 justify-center infoColor">{{ item }}</div> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<img src="~assets/line.png" alt="" /> |
|||
</div> |
|||
<div class="con-box"> |
|||
<div class="time-box" v-for="(item, index) in list" :key="index"> |
|||
<div class="num-box">{{ index + 1 }}</div> |
|||
<div class="time"> |
|||
{{ item.date }} <span style="margin-left: 10px"> {{ item.time }}</span> |
|||
</div> |
|||
<div v-if="item.tips" class="con-tips"> |
|||
{{ item.tips }} |
|||
</div> |
|||
<div class="con-content"> |
|||
{{ item.content }} |
|||
</div> |
|||
<div class="con-num"> |
|||
{{ item.num }} |
|||
</div> |
|||
<div class="bder"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
|
|||
<script> |
|||
export default { |
|||
name: 'Info', |
|||
data() { |
|||
return { |
|||
str: '主治医生:', |
|||
doctor: '李阳', |
|||
infoList: ['姓名', '出生日期', '病情', '目前状态', '治疗次数', '出院时间'], |
|||
conList: ['庞谷山', '1985-04-17', '关节中风', '较严重', '5次', '2020-12-04'], |
|||
list: [ |
|||
{ |
|||
date: '12-25', |
|||
time: '15:00', |
|||
tips: '训练处方', |
|||
num: '98分', |
|||
content: 'Bobath握手训练:每天5次,每次4组,每组10遍; 对指训练:每天4次,每次4组,每组10遍', |
|||
}, |
|||
{ |
|||
date: '12-20', |
|||
time: '09:00', |
|||
num: '89分', |
|||
content: 'Bobath握手训练:每天5次,每次4组,每组10遍; 对指训练:每天4次,每次4组,每组10遍', |
|||
}, |
|||
{ |
|||
date: '12-19', |
|||
time: '13:00', |
|||
num: '90分', |
|||
content: 'Bobath握手训练:每天5次,每次4组,每组10遍; 对指训练:每天4次,每次4组,每组10遍', |
|||
}, |
|||
], |
|||
}; |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="stylus" scoped> |
|||
.info-box { |
|||
height: 100%; |
|||
width: 100%; |
|||
padding: 40px 40px; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.doctor-box { |
|||
border: 1px solid #006CC8; |
|||
color: #1C9043; |
|||
font-size: 14px; |
|||
padding: 1px 4px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.infoColor { |
|||
color: #70c5ff; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.con-box { |
|||
margin-top: 2%; |
|||
height: 74%; |
|||
} |
|||
|
|||
.time-box { |
|||
height: 30%; |
|||
margin-bottom: 3%; |
|||
position: relative; |
|||
} |
|||
|
|||
.bder { |
|||
position: absolute; |
|||
height: 80%; |
|||
width: 70%; |
|||
bottom: 0; |
|||
left: 6px; |
|||
border-left: 1px solid #1a224f; |
|||
border-bottom: 1px solid #1a224f; |
|||
} |
|||
|
|||
.num-box { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
width: 14px; |
|||
height: 14px; |
|||
font-size: 12px; |
|||
color: #fff; |
|||
text-align: center; |
|||
line-height: 14px; |
|||
border-radius: 50%; |
|||
background: #006CC8; |
|||
} |
|||
|
|||
.time { |
|||
position: absolute; |
|||
left: 20px; |
|||
height: 14px; |
|||
line-height: 14px; |
|||
top: 0; |
|||
color: #02D9FD; |
|||
} |
|||
|
|||
.con-tips { |
|||
position: absolute; |
|||
top: 22%; |
|||
left: 4%; |
|||
color: red; |
|||
} |
|||
|
|||
.con-content { |
|||
position: absolute; |
|||
top: 40%; |
|||
left: 4%; |
|||
width: 74%; |
|||
font-size: 14px; |
|||
color: #70C5FF; |
|||
} |
|||
|
|||
.con-num { |
|||
position: absolute; |
|||
right: 8%; |
|||
color: #C20707; |
|||
font-size: 20px; |
|||
font-weight: bold; |
|||
top: 50%; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,38 @@ |
|||
const option = { |
|||
title: { |
|||
text: '总分：100分', |
|||
right: '10%', |
|||
top: '10%', |
|||
textStyle: { |
|||
color: '#01F3FF', |
|||
fontSize: '16px', |
|||
}, |
|||
}, |
|||
xAxis: { |
|||
type: 'category', |
|||
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'], |
|||
axisLabel: { color: '#01F3FF' }, |
|||
}, |
|||
yAxis: { |
|||
type: 'value', |
|||
axisLabel: { color: '#01F3FF' }, |
|||
splitLine: { |
|||
//分割线配置
|
|||
show: true, |
|||
lineStyle: { color: '#333' }, |
|||
}, |
|||
}, |
|||
series: [ |
|||
{ |
|||
data: [34, 45, 20, 81, 70, 50, 40], |
|||
type: 'bar', |
|||
showBackground: true, |
|||
barWidth: '40%', |
|||
color: '#3451B0', |
|||
// color: '#F2704D',
|
|||
backgroundStyle: { color: 'rgba(220, 220, 220, 0.8)' }, |
|||
}, |
|||
], |
|||
}; |
|||
|
|||
export default option; |
|||
@ -0,0 +1,43 @@ |
|||
<template> |
|||
<!-- <div>数据统计组件</div> --> |
|||
<div :style="{ width: 'width', height: 'height' }" style="padding-top: 10%" class="chart-box"> |
|||
<div id="myChart" style="width: 100%; height: 220%"></div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import option from './Statistics.js'; |
|||
export default { |
|||
name: 'Statistics', |
|||
data() { |
|||
return { |
|||
width: '', |
|||
height: '', |
|||
}; |
|||
}, |
|||
mounted() { |
|||
this.drawLine(); |
|||
let wh = window.innerWidth; |
|||
let hg = window.innerHeight; |
|||
this.width = wh + 'px'; |
|||
this.height = hg + 'px'; |
|||
window.onresize = () => { |
|||
return (() => { |
|||
wh = window.innerWidth; |
|||
hg = window.innerHeight; |
|||
this.width = wh + 'px'; |
|||
this.height = hg + 'px'; |
|||
})(); |
|||
}; |
|||
}, |
|||
methods: { |
|||
drawLine() { |
|||
// 基于准备好的dom，初始化echarts实例 |
|||
let myChart = this.$echarts.init(document.getElementById('myChart')); |
|||
// 绘制图表 |
|||
myChart.setOption(option); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="stylus" scoped ></style> |
|||
@ -0,0 +1,13 @@ |
|||
/* |
|||
* Copyright (c) 2020. |
|||
* author: wally |
|||
* email: 18603454788@163.com |
|||
*/ |
|||
import axios from 'axios'; |
|||
let { proxyUrl, msgUrl } = require('@/config/setting'); |
|||
|
|||
const tall = `${proxyUrl}/tall/v1.0`; |
|||
const users = `${tall}/users`; |
|||
|
|||
// 查找用户详细信息
|
|||
export const getUserId = params => axios.get(`${users}/userId`, params); |
|||
@ -0,0 +1,21 @@ |
|||
/* |
|||
* Copyright (c) 2019. |
|||
* author: wally |
|||
* email: 18603454788@163.com |
|||
*/ |
|||
import axios from 'axios'; |
|||
let { proxyUrl, msgUrl } = require('@/config/setting'); |
|||
|
|||
const wisdomcar = `${proxyUrl}/wisdomcar`; // 盐湖医院分路径
|
|||
const statistics = `${wisdomcar}/statistics`; // 盐湖医院相关接口
|
|||
|
|||
// websocket基础地址
|
|||
export const WS_BASE_URL = msgUrl; |
|||
|
|||
// 按钮模拟信息发送
|
|||
export const record = params => axios.post(`${wisdomcar}/debug/record`, params); |
|||
|
|||
// 急救数量统计图数据
|
|||
export const selResult = params => axios.post(`${statistics}/get/selResult`, params); |
|||
// 急救时长分析统计图数据
|
|||
export const getPointTime = params => axios.post(`${statistics}/getPointTime`, params); |
|||
@ -0,0 +1,30 @@ |
|||
const title = process.env.VUE_APP_TITLE; |
|||
const description = process.env.VUE_APP_DESCRIPTION; |
|||
const baseUrl = process.env.VUE_APP_BASE_URL; |
|||
const apiUrl = process.env.VUE_APP_API_URL; |
|||
const proxyUrl = process.env.VUE_APP_PROXY_URL; |
|||
const publicPath = process.env.VUE_APP_PUBLIC_PATH; |
|||
const msgUrl = process.env.VUE_APP_MSG_URL; |
|||
|
|||
module.exports = { |
|||
// 首页标题
|
|||
title, |
|||
|
|||
// 首页描述信息
|
|||
description, |
|||
|
|||
// 基础地址
|
|||
baseUrl, |
|||
|
|||
// api基础地址
|
|||
apiUrl, |
|||
|
|||
// 消息系统地址
|
|||
msgUrl, |
|||
|
|||
// api代理地址
|
|||
proxyUrl, |
|||
|
|||
// 生成文件目录 publicPath
|
|||
publicPath, |
|||
}; |
|||
@ -0,0 +1,19 @@ |
|||
/* |
|||
* Copyright (c) 2019. |
|||
* author: wally |
|||
* email: 18603454788@163.com |
|||
*/ |
|||
|
|||
// 用户登录client
|
|||
export const SIGN_IN_CLIENTS = { mp: 0, h5: 1, android: 2, ios: 3 }; |
|||
|
|||
// 用户登录类型
|
|||
export const SIGN_IN_TYPES = { |
|||
mp: 0, |
|||
phone: 1, |
|||
email: 2, |
|||
username: 3, |
|||
wx: 4, |
|||
wx_web: 5, |
|||
wb: 6, |
|||
}; |
|||
@ -0,0 +1,25 @@ |
|||
// @ts-ignore
|
|||
import Vue from 'vue'; |
|||
import './plugins/axios'; |
|||
import App from './App.vue'; |
|||
import './registerServiceWorker'; |
|||
import router from './router'; |
|||
import store from './store'; |
|||
import './plugins/ant-design-vue.js'; |
|||
import 'common/portrait.styl'; |
|||
import echarts from 'echarts'; |
|||
import 'echarts-gl'; |
|||
import 'echarts/map/js/province/shanxi.js'; //对应的省份
|
|||
// Vue.use(echarts);
|
|||
Vue.prototype.$echarts = echarts; |
|||
// import './assets/icon/iconfont.css';
|
|||
// import VueDOMPurifyHTML from 'vue-dompurify-html';
|
|||
// import moment from 'moment'; //导入文件
|
|||
// Vue.prototype.$moment = moment; //赋值使用
|
|||
Vue.config.productionTip = false; |
|||
|
|||
window.vm = new Vue({ |
|||
router, |
|||
store, |
|||
render: h => h(App), |
|||
}).$mount('#app'); |
|||
@ -0,0 +1,237 @@ |
|||
import { WS_BASE_URL } from 'config/api'; |
|||
import { mapGetters, mapMutations } from 'vuex'; |
|||
|
|||
let connected = false; // socket 是否连接
|
|||
let socket = null; // websocket 实例
|
|||
let lockSocket = false; |
|||
let socketMsgQueue = []; // socket消息队列
|
|||
let prevTimestamp = 0; // 上次收到消息的时间戳
|
|||
let sendHeartTimer = null; // 💓的timer计时器
|
|||
|
|||
const mixin = { |
|||
// computed: mapGetters('home', ['projectId']),
|
|||
|
|||
mounted() { |
|||
socket ? socket.close() : this.initSocket(); |
|||
}, |
|||
|
|||
methods: { |
|||
...mapMutations('messages', [ |
|||
'messagesAdd', |
|||
'messagesAddWeight', |
|||
'setStartMessages', |
|||
'messagesAddRfid', |
|||
'messagesAddWeighSensor1', |
|||
'messagesAddWeighSensor2', |
|||
'messagesAddWeighSensor3', |
|||
'messagesAddWeighSensor4', |
|||
'messagesAddVibrationSensor', |
|||
'messagesAddThrombolyticDose', |
|||
'messagesAddBolusDose', |
|||
'messagesAddMaintenanceDose', |
|||
]), |
|||
// ...mapMutations('home', ['increaseProjectsRingNum']),
|
|||
|
|||
// 初始化websocket
|
|||
initSocket() { |
|||
if (lockSocket) return; |
|||
lockSocket = true; |
|||
// const token = sessionStorage.getItem('anyringToken');
|
|||
// if (!token) return;
|
|||
if ('WebSocket' in window) { |
|||
socket = new WebSocket(WS_BASE_URL); |
|||
socket.onopen = this.websocketOpen; |
|||
socket.onmessage = this.websocketOnMessage; |
|||
socket.onclose = this.websocketClose; |
|||
socket.onerror = this.websocketError; |
|||
} else { |
|||
// @ts-ignore
|
|||
this.$message.error('当前浏览器不支持 websocket'); |
|||
} |
|||
lockSocket = false; |
|||
}, |
|||
|
|||
/** |
|||
* 处理收到的消息内容 |
|||
* @param {object} item 单个消息体对象 |
|||
*/ |
|||
handleMessagesData(item) { |
|||
const data = JSON.parse(item.data); |
|||
switch (data.type) { |
|||
case 'ChannelStatus': // 认证消息
|
|||
this.handleAuthMessage(data); |
|||
break; |
|||
case 'CarRecord': // 平车
|
|||
// if (!data.data.type) return;
|
|||
switch (data.data.type) { |
|||
case 0: // 开始
|
|||
// 收到开始消息
|
|||
this.setStartMessages(true); |
|||
this.messagesAddRfid(null); |
|||
break; |
|||
case 1: // 体重
|
|||
// 收到同步消息
|
|||
// 把消息添加到store 的消息栈中
|
|||
this.messagesAddWeight(data.data.value); |
|||
break; |
|||
case 2: // RFID
|
|||
this.messagesAddRfid(data.data); |
|||
console.log('data.data: ', data.data); |
|||
break; |
|||
case 3: // 称重传感器一
|
|||
this.messagesAddWeighSensor1(data.data.value); |
|||
break; |
|||
case 4: // 称重传感器二
|
|||
this.messagesAddWeighSensor2(data.data.value); |
|||
break; |
|||
case 5: // 称重传感器三
|
|||
this.messagesAddWeighSensor3(data.data.value); |
|||
break; |
|||
case 6: // 称重传感器四
|
|||
this.messagesAddWeighSensor4(data.data.value); |
|||
break; |
|||
case 7: // 震动传感器
|
|||
this.messagesAddVibrationSensor(data.data); |
|||
break; |
|||
case 8: // 溶栓剂量（总量）
|
|||
this.messagesAddThrombolyticDose(data.data.value); |
|||
break; |
|||
case 9: // 团注剂量
|
|||
this.messagesAddBolusDose(data.data.value); |
|||
break; |
|||
case 10: // 维持剂量
|
|||
this.messagesAddMaintenanceDose(data.data.value); |
|||
break; |
|||
default: |
|||
break; |
|||
} |
|||
|
|||
break; |
|||
|
|||
default: |
|||
break; |
|||
} |
|||
}, |
|||
/** |
|||
* |
|||
* data:{ |
|||
* data: { |
|||
* value: '' |
|||
* }, |
|||
* type: '', |
|||
* } |
|||
*/ |
|||
/** |
|||
* 收到ws 消息 |
|||
* @param {object} res 收到的消息数据 |
|||
*/ |
|||
async websocketOnMessage(res) { |
|||
try { |
|||
prevTimestamp = Date.now(); |
|||
// console.warn('message: ', res, new Date().toLocaleString());
|
|||
if (res && res.data && JSON.parse(res.data)) { |
|||
const resData = JSON.parse(res.data); |
|||
const { messageSet, ackId } = resData; |
|||
// 处理消息体对象
|
|||
messageSet.forEach(item => this.handleMessagesData(item)); |
|||
// console.log('ackId', ackId);
|
|||
// 有ackId 发送ack
|
|||
ackId && this.sendSocketMessage({ type: 'Ack', data: { ackId } }); |
|||
} |
|||
} catch (error) { |
|||
console.error('error: ', error); |
|||
} |
|||
}, |
|||
|
|||
// 打开socket
|
|||
websocketOpen() { |
|||
// console.warn('socket 打开成功', new Date().toLocaleString());
|
|||
connected = true; |
|||
prevTimestamp = Date.now(); |
|||
this.auth(); |
|||
for (let i = 0; i < socketMsgQueue.length; i += 1) { |
|||
this.sendSocketMessage(socketMsgQueue[i]); |
|||
} |
|||
socketMsgQueue = []; |
|||
}, |
|||
|
|||
// 发送消息
|
|||
sendSocketMessage(data) { |
|||
// console.warn('send:', data, new Date().toLocaleString());
|
|||
if (connected) { |
|||
if (socket.readyState === 1) { |
|||
socket.send(JSON.stringify({ toDomain: 'Server', data: JSON.stringify(data) })); |
|||
} |
|||
} else { |
|||
socketMsgQueue.push(data); |
|||
} |
|||
}, |
|||
|
|||
// 关闭socket
|
|||
websocketClose(e) { |
|||
// console.warn(e);
|
|||
connected = false; |
|||
if (sendHeartTimer) clearInterval(sendHeartTimer); |
|||
// console.warn('close:', connected, new Date().toLocaleString());
|
|||
if (!e || e.code !== 1005) { |
|||
socket.close(); |
|||
} |
|||
|
|||
setTimeout(() => { |
|||
// connected 在这里的作用是:
|
|||
// 在发生重连 但是还没连上之前 不要再次重连
|
|||
this.initSocket(); |
|||
}, 300); |
|||
}, |
|||
|
|||
// 连接失败
|
|||
websocketError() { |
|||
console.warn('error = ', connected); |
|||
}, |
|||
|
|||
// websocket发送token进行认证
|
|||
auth() { |
|||
// const token = sessionStorage.getItem('anyringToken');
|
|||
// if (!token) return;
|
|||
const userId = '1338747522436435968'; |
|||
const data = { type: 'Auth', data: { userId }, major: 1, minor: 1 }; |
|||
this.sendSocketMessage(data); |
|||
}, |
|||
|
|||
// 心跳检测
|
|||
sendHeart() { |
|||
if (sendHeartTimer) clearInterval(sendHeartTimer); |
|||
sendHeartTimer = setInterval(() => { |
|||
if (Date.now() - prevTimestamp >= 15000) { |
|||
this.sendSocketMessage({ type: 'Ping' }); |
|||
|
|||
if (Date.now() - prevTimestamp > 20000) { |
|||
// console.warn('手动断开');
|
|||
socket.close(); |
|||
} |
|||
} |
|||
}, 5000); |
|||
}, |
|||
|
|||
/** |
|||
* 处理auth认证返回的ChannelStatus消息 |
|||
* @param {object} data 消息内容对象 |
|||
*/ |
|||
handleAuthMessage(data) { |
|||
if (data.data.authed) { |
|||
// 认证成功
|
|||
this.sendHeart(); |
|||
} else { |
|||
this.$message.error('消息系统认证失败, 请重新登录'); |
|||
// 清除掉本地无用的token
|
|||
sessionStorage.removeItem('anyringToken'); |
|||
socket = null; |
|||
setTimeout(() => { |
|||
this.$router.push('/user/login'); |
|||
}, 1000); |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
|
|||
export default mixin; |
|||
@ -0,0 +1,74 @@ |
|||
import Vue from 'vue'; |
|||
import { |
|||
Pagination, |
|||
Button, |
|||
Input, |
|||
message, |
|||
notification, |
|||
Modal, |
|||
Tag, |
|||
Table, |
|||
Tabs, |
|||
Icon, |
|||
Empty, |
|||
Form, |
|||
Select, |
|||
Upload, |
|||
Badge, |
|||
Popconfirm, |
|||
DatePicker, |
|||
Switch, |
|||
Radio, |
|||
Dropdown, |
|||
Menu, |
|||
Row, |
|||
Col, |
|||
Timeline, |
|||
Checkbox, |
|||
BackTop, |
|||
Progress, |
|||
carousel, |
|||
Spin, |
|||
} from 'ant-design-vue'; |
|||
import { ConfigProvider } from 'ant-design-vue'; |
|||
Vue.component(ConfigProvider.name, ConfigProvider); |
|||
Vue.use(Pagination); |
|||
Vue.use(Button); |
|||
Vue.use(Input); |
|||
Vue.use(Modal); |
|||
Vue.use(Tag); |
|||
Vue.use(Table); |
|||
Vue.use(Tabs); |
|||
Vue.use(Icon); |
|||
Vue.use(Empty); |
|||
Vue.use(Form); |
|||
Vue.use(Select); |
|||
Vue.use(Upload); |
|||
Vue.use(Badge); |
|||
Vue.use(Popconfirm); |
|||
Vue.use(DatePicker); |
|||
Vue.use(Switch); |
|||
Vue.use(Radio); |
|||
Vue.use(Dropdown); |
|||
Vue.use(Menu); |
|||
Vue.use(Row); |
|||
Vue.use(Col); |
|||
Vue.use(Timeline); |
|||
Vue.use(Checkbox); |
|||
Vue.use(BackTop); |
|||
Vue.use(Progress); |
|||
Vue.use(carousel); |
|||
Vue.use(Spin); |
|||
|
|||
Vue.prototype.$message = message; |
|||
Vue.prototype.$notification = notification; |
|||
Vue.prototype.$info = Modal.info; |
|||
Vue.prototype.$success = Modal.success; |
|||
Vue.prototype.$error = Modal.error; |
|||
Vue.prototype.$warning = Modal.warning; |
|||
Vue.prototype.$confirm = Modal.confirm; |
|||
|
|||
message.config({ |
|||
duration: 3, |
|||
maxCount: 3, |
|||
}); |
|||
@ -0,0 +1,77 @@ |
|||
'use strict'; |
|||
|
|||
import Vue from 'vue'; |
|||
import axios from 'axios'; |
|||
import router from '../router/index'; |
|||
import store from '../store/index'; |
|||
|
|||
// Full config: https://github.com/axios/axios#request-config
|
|||
// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
|
|||
// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
|
|||
// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
|
|||
let config = { |
|||
// baseURL: process.env.baseURL || process.env.apiUrl || ""
|
|||
timeout: 60 * 1000, // Timeout
|
|||
// withCredentials: true, // Check cross-site Access-Control
|
|||
}; |
|||
|
|||
const _axios = axios.create(config); |
|||
axios.interceptors.request.use( |
|||
function(config) { |
|||
let token = store.state.anyringToken || sessionStorage.getItem('anyringToken'); |
|||
|
|||
if (token) { |
|||
config.headers.Authorization = `Bearer ${token}`; |
|||
} |
|||
return config; |
|||
}, |
|||
function(error) { |
|||
// Do something with request error
|
|||
return Promise.reject(error); |
|||
}, |
|||
); |
|||
|
|||
// Add a response interceptor
|
|||
axios.interceptors.response.use( |
|||
function(response) { |
|||
if (response.data && response.data.code >= 400 && response.data.code < 500) { |
|||
store.commit('user/sign', ''); |
|||
router.replace({ |
|||
path: '/user/login', |
|||
query: { redirect: router.currentRoute.fullPath }, |
|||
}); |
|||
} |
|||
// Do something with response data
|
|||
return response; |
|||
}, |
|||
function(error) { |
|||
// Do something with response error
|
|||
return Promise.reject(error); |
|||
}, |
|||
); |
|||
|
|||
Plugin.install = function(Vue) { |
|||
Vue.axios = _axios; |
|||
window.axios = _axios; |
|||
Object.defineProperties(Vue.prototype, { |
|||
axios: { |
|||
get() { |
|||
return _axios; |
|||
}, |
|||
}, |
|||
$axios: { |
|||
get() { |
|||
return _axios; |
|||
}, |
|||
}, |
|||
$http: { |
|||
get() { |
|||
return _axios; |
|||
}, |
|||
}, |
|||
}); |
|||
}; |
|||
|
|||
Vue.use(Plugin); |
|||
|
|||
export default Plugin; |
|||
@ -0,0 +1,34 @@ |
|||
/* eslint-disable no-console */ |
|||
|
|||
import { register } from "register-service-worker"; |
|||
|
|||
if (process.env.NODE_ENV === "production") { |
|||
register(`${process.env.BASE_URL}service-worker.js`, { |
|||
ready() { |
|||
console.log( |
|||
"App is being served from cache by a service worker.\n" + |
|||
"For more details, visit https://goo.gl/AFskqB" |
|||
); |
|||
}, |
|||
registered() { |
|||
console.log("Service worker has been registered."); |
|||
}, |
|||
cached() { |
|||
console.log("Content has been cached for offline use."); |
|||
}, |
|||
updatefound() { |
|||
console.log("New content is downloading."); |
|||
}, |
|||
updated() { |
|||
console.log("New content is available; please refresh."); |
|||
}, |
|||
offline() { |
|||
console.log( |
|||
"No internet connection found. App is running in offline mode." |
|||
); |
|||
}, |
|||
error(error) { |
|||
console.error("Error during service worker registration:", error); |
|||
} |
|||
}); |
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
import Vue from 'vue'; |
|||
import VueRouter from 'vue-router'; |
|||
import Home from 'views/Video/Video.vue'; |
|||
|
|||
Vue.use(VueRouter); |
|||
|
|||
const routes = [ |
|||
// 首页
|
|||
{ |
|||
path: '/', |
|||
name: 'Home', |
|||
component: Home, |
|||
}, |
|||
]; |
|||
|
|||
const router = new VueRouter({ |
|||
mode: 'history', |
|||
base: process.env.BASE_URL, |
|||
routes, |
|||
}); |
|||
|
|||
export default router; |
|||
@ -0,0 +1,13 @@ |
|||
/* |
|||
* Copyright (c) 2019. |
|||
* author: wally |
|||
* email: 18603454788@163.com |
|||
*/ |
|||
|
|||
import Vue from 'vue'; |
|||
import Vuex from 'vuex'; |
|||
import home from './modules/home/index'; |
|||
import messages from './modules/messages/index'; |
|||
|
|||
Vue.use(Vuex); |
|||
export default new Vuex.Store({ modules: { home, messages } }); |
|||
@ -0,0 +1,28 @@ |
|||
import axios from 'axios'; |
|||
import { message } from 'ant-design-vue'; |
|||
import { getUserId } from 'config/api-user'; |
|||
|
|||
const actions = { |
|||
/** |
|||
* 通过userId获取token |
|||
* @param {any} commit |
|||
* @param {object} params 提交的参数 |
|||
*/ |
|||
async getUserId({ commit }, params) { |
|||
try { |
|||
const res = await getUserId({ params }); |
|||
const { code, msg, data } = res.data; |
|||
if (code === 200) { |
|||
commit('sign', data.token); |
|||
commit('setUser', data); |
|||
return data; |
|||
} else { |
|||
throw msg; |
|||
} |
|||
} catch (error) { |
|||
throw error || '获取个人信息失败'; |
|||
} |
|||
}, |
|||
}; |
|||
|
|||
export default actions; |
|||
@ -0,0 +1,7 @@ |
|||
const getters = {}; |
|||
// 域定制导航展示形式
|
|||
// 0 -> 无特殊导航文字
|
|||
// 1 -> 横向定制导航
|
|||
// 2 -> 纵向定制导航
|
|||
|
|||
export default getters; |
|||
@ -0,0 +1,6 @@ |
|||
import mutations from './mutations'; |
|||
import actions from './actions'; |
|||
import getters from './getters'; |
|||
import state from './state'; |
|||
|
|||
export default { namespaced: true, state, getters, mutations, actions }; |
|||
@ -0,0 +1,24 @@ |
|||
const mutations = { |
|||
/** |
|||
* 设置token |
|||
* @param { object } state |
|||
* @param { string } token |
|||
*/ |
|||
sign(state, token) { |
|||
state.anyringToken = token; |
|||
sessionStorage.setItem('anyringToken', token); |
|||
}, |
|||
|
|||
/** |
|||
* 设置user用户信息 |
|||
* @param {object} state |
|||
* @param {object} user {id, account, phone} |
|||
*/ |
|||
setUser(state, user) { |
|||
if (!user) return; |
|||
state.user = { ...user }; |
|||
sessionStorage.setItem('user', JSON.stringify(user)); |
|||
}, |
|||
}; |
|||
|
|||
export default mutations; |
|||
@ -0,0 +1,6 @@ |
|||
const state = { |
|||
anyringToken: '', |
|||
user: { id: '', phone: '', account: '' }, |
|||
}; |
|||
|
|||
export default state; |
|||
@ -0,0 +1,7 @@ |
|||
import http from 'axios'; |
|||
import { message } from 'ant-design-vue'; |
|||
import {} from 'config/api'; |
|||
|
|||
const actions = {}; |
|||
|
|||
export default actions; |
|||
@ -0,0 +1,3 @@ |
|||
const getters = {}; |
|||
|
|||
export default getters; |
|||
@ -0,0 +1,11 @@ |
|||
/* |
|||
* Copyright (c) 2019. |
|||
* author: wally |
|||
* email: 18603454788@163.com |
|||
*/ |
|||
import mutations from './mutations'; |
|||
import actions from './actions'; |
|||
import getters from './getters'; |
|||
import state from './state'; |
|||
|
|||
export default { namespaced: true, state, getters, mutations, actions }; |
|||
@ -0,0 +1,181 @@ |
|||
const mutations = { |
|||
/** |
|||
* 初始化消息栈 |
|||
* @param {object} state |
|||
* @param {string} type |
|||
* type: |
|||
* syncMessages 同步消息栈 |
|||
* checkMessages 交付物消息栈 |
|||
* faultMessages 故障消息 未处理消息栈 |
|||
* faults 所有的故障消息栈 |
|||
*/ |
|||
messagesInit(state, type) { |
|||
const messages = localStorage.getItem(type) ? JSON.parse(localStorage.getItem(type)) : []; |
|||
state[type] = messages; |
|||
}, |
|||
|
|||
/** |
|||
* 将新 消息添加到 消息栈 最前边 |
|||
* @param { object } state |
|||
* @param { object } data |
|||
* data: message, type |
|||
* message 消息对象 |
|||
* type: |
|||
* syncMessages 同步消息栈 |
|||
* checkMessages 交付物消息栈 |
|||
* faultMessages 故障消息 未处理消息栈 |
|||
* faults 所有的故障消息栈 |
|||
* |
|||
* cache: boolean true 本地存储 false 不存储 |
|||
*/ |
|||
messagesAdd(state, data) { |
|||
const messages = state[data.type]; |
|||
if (messages.length > 0) { |
|||
const result = messages.find(msg => msg.id === data.message.id); |
|||
if (result) return; |
|||
} |
|||
messages.unshift(data.message); |
|||
// eslint-disable-next-line no-param-reassign
|
|||
state[data.type] = messages; |
|||
if (data.cache) { |
|||
localStorage.setItem(data.type, JSON.stringify(messages)); |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 通过消息id移除指定 同步 消息 |
|||
* @param { object } state |
|||
* @param { object } data |
|||
* data: messageId, type |
|||
* messageId: 要移除的消息的messageId |
|||
* type: |
|||
* syncMessages 同步消息栈 |
|||
* checkMessages 交付物消息栈 |
|||
* faultMessages 故障消息 未处理消息栈 |
|||
* faults 所有的故障消息栈 |
|||
* cache: boolean true 本地存储 false 不存储 |
|||
*/ |
|||
messagesRemoveById(state, data) { |
|||
const messages = state[data.type]; |
|||
const index = messages.findIndex(msg => msg.id === data.messageId); |
|||
if (index < 0) return; |
|||
messages.splice(index, 1); |
|||
// eslint-disable-next-line no-param-reassign
|
|||
state[data.type] = messages; |
|||
if (data.cache) { |
|||
localStorage.setItem(data.type, JSON.stringify(messages)); |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 清除指定type的消息 |
|||
* @param {any} state |
|||
* @param {object} data |
|||
* data: type, cache |
|||
*/ |
|||
messagesClear(state, data) { |
|||
state[data.type] = []; |
|||
if (data.cache) { |
|||
localStorage.removeItem(data.type); |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 添加体重消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddWeight(state, data) { |
|||
state.weightMessage = data; |
|||
}, |
|||
|
|||
/** |
|||
* 添加RFID消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddRfid(state, data) { |
|||
state.rfidMessage = data; |
|||
}, |
|||
|
|||
/** |
|||
* 添加称重传感器一消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddWeighSensor1(state, data) { |
|||
state.weighSensor1 = data; |
|||
}, |
|||
|
|||
/** |
|||
* 添加称重传感器二消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddWeighSensor2(state, data) { |
|||
state.weighSensor2 = data; |
|||
}, |
|||
|
|||
/** |
|||
* 添加称重传感器三消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddWeighSensor3(state, data) { |
|||
state.weighSensor3 = data; |
|||
}, |
|||
|
|||
/** |
|||
* 添加称重传感器四消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddWeighSensor4(state, data) { |
|||
state.weighSensor4 = data; |
|||
}, |
|||
|
|||
/** |
|||
* 添加震动传感器消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddVibrationSensor(state, data) { |
|||
state.vibrationSensor = data; |
|||
}, |
|||
|
|||
/** |
|||
* 添加溶栓剂量（总量）消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddThrombolyticDose(state, data) { |
|||
state.thrombolyticDose = data; |
|||
}, |
|||
|
|||
/** |
|||
* 添加团注剂量消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddBolusDose(state, data) { |
|||
state.bolusDose = data; |
|||
}, |
|||
|
|||
/** |
|||
* 添加维持剂量消息 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
messagesAddMaintenanceDose(state, data) { |
|||
state.maintenanceDose = data; |
|||
}, |
|||
/** |
|||
* 重新开始 |
|||
* @param {*} state |
|||
* @param {*} data |
|||
*/ |
|||
setStartMessages(state, data) { |
|||
state.startMessages = data; |
|||
}, |
|||
}; |
|||
export default mutations; |
|||
@ -0,0 +1,16 @@ |
|||
const state = { |
|||
startMessages: false, // 是否重新开始 true为开始
|
|||
syncMessages: [], // 同步消息
|
|||
weightMessage: 0, // 体重
|
|||
rfidMessage: null, // RFID
|
|||
weighSensor1: 0, // 称重传感器一
|
|||
weighSensor2: 0, // 称重传感器二
|
|||
weighSensor3: 0, // 称重传感器三
|
|||
weighSensor4: 0, // 称重传感器四
|
|||
vibrationSensor: null, // 震动传感器
|
|||
thrombolyticDose: 0, // 溶栓剂量（总量）
|
|||
bolusDose: 0, // 团注剂量
|
|||
maintenanceDose: 0, // 维持剂量
|
|||
}; |
|||
|
|||
export default state; |
|||
@ -0,0 +1,282 @@ |
|||
<template> |
|||
<div class="wrap"> |
|||
<div v-if="!showVideo"> |
|||
<div class="bg-top"> |
|||
<img class="pic" src="~assets/bg-top.png" /> |
|||
<span class="bg-title">脑卒中智慧远程康复诊疗服务云平台</span> |
|||
</div> |
|||
<div class="time"> |
|||
<div class="time-content">目前有23人正在接受治疗，共有127名在职医生全程服务于康复治疗病人，当前已治愈有 {{ manNum }} 名病人</div> |
|||
</div> |
|||
<!--内容区--> |
|||
<div class="content flex-1"> |
|||
<!-- 第一列 --> |
|||
<div class="flex-1 ma-2 flex-column"> |
|||
<!-- 第一行 --> |
|||
<div class="d-flex flex-column flex-3" style="position: relative"> |
|||
<img src="~assets/top-lf01.png" style="position: absolute; width: 96%; height: 94%; top: 20px; left: 2%" /> |
|||
<img src="~assets/title.png" class="bg-img-title" /> |
|||
<div class="bg-img-title title-style" style="line-height: 40px">病人信息</div> |
|||
<info /> |
|||
</div> |
|||
<!-- 第二行 --> |
|||
<div class="d-flex flex-column flex-1" style="overflow: hidden; position: relative"> |
|||
<img src="~assets/bt-lf01.png" style="position: absolute; width: 96%; height: 90%; bottom: 5px; left: 2%" /> |
|||
<img src="~assets/title.png" class="bg-title1" />. |
|||
<div class="bg-img-title title-style" style="line-height: 24px">恢复状态对比</div> |
|||
<duration /> |
|||
</div> |
|||
</div> |
|||
<!-- 第二列 --> |
|||
<div class="flex-2 ma-2 flex-column"> |
|||
<!-- 第一行 --> |
|||
<div class="d-flex flex-column flex-2" style="position: relative"> |
|||
<img src="~assets/top-rt.png" class="bg-img" style="width: 99%; top: 20px" /> |
|||
<img src="~assets/title.png" class="bg-img-title" /> |
|||
<div class="bg-img-title title-style" style="line-height: 40px">实时数据</div> |
|||
<div style="z-index: 100" class="video-box1"> |
|||
<iframe |
|||
width="100%" |
|||
height="100%" |
|||
frameborder="0" |
|||
scrolling="no" |
|||
src="https://www.tall.wiki/zego/av/#/au?roomId=ccsens" |
|||
></iframe> |
|||
</div> |
|||
</div> |
|||
<!-- 第二行 --> |
|||
<div class="d-flex flex-1"> |
|||
<!-- 打卡得分表 --> |
|||
<div class="d-flex fill-width flex-column flex-2" style="overflow: hidden; position: relative"> |
|||
<img src="~assets/top-lf01.png" class="bg-img" style="width: 94%" /> |
|||
<img src="~assets/title.png" class="bg-title1" /> |
|||
<div class="bg-img-title title-style" style="line-height: 24px">打卡得分表</div> |
|||
<statistics style="margin-top: 16px" /> |
|||
</div> |
|||
<!-- 病人视频1 --> |
|||
<div class="d-flex flex-column flex-3" style="position: relative"> |
|||
<img src="~assets/top-lf01.png" class="bg-img" style="width: 96%" /> |
|||
<img src="~assets/title.png" class="bg-title1" /> |
|||
<div class="bg-img-title title-style" style="line-height: 24px">病人视频1</div> |
|||
<div style="z-index: 100" class="video-box"> |
|||
<iframe |
|||
width="100%" |
|||
height="100%" |
|||
frameborder="0" |
|||
scrolling="no" |
|||
src="https://www.tall.wiki/kangfu-v1/?key=E83239936" |
|||
></iframe> |
|||
</div> |
|||
<div class="video-tips d-flex justify-space-between"> |
|||
<span>地址：运城市盐湖区中城跃伟诊所</span> |
|||
<span>{{ nowTime }}</span> |
|||
</div> |
|||
</div> |
|||
<!-- 病人视频2 --> |
|||
<div class="d-flex flex-column flex-3" style="position: relative"> |
|||
<img src="~assets/top-lf01.png" class="bg-img" style="width: 97%" /> |
|||
<img src="~assets/title.png" class="bg-title1" /> |
|||
<div class="bg-img-title title-style" style="line-height: 24px">病人视频2</div> |
|||
<div style="z-index: 100" class="video-box"> |
|||
<iframe |
|||
width="100%" |
|||
height="100%" |
|||
frameborder="0" |
|||
scrolling="no" |
|||
src="https://www.tall.wiki/kangfu-v1/?key=230659446" |
|||
></iframe> |
|||
</div> |
|||
<div class="video-tips d-flex justify-space-between"> |
|||
<span>地址：运城市盐湖区中城跃伟诊所</span> |
|||
<span>{{ nowTime }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div v-else> |
|||
<!-- <img class="fill-width fill-height" src="~assets/aaa.png" /> --> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import socketMixin from '@/mixins/socket'; |
|||
import Statistics from 'components/Statistics/Statistics.vue'; |
|||
import Duration from 'components/Duration/Duration.vue'; |
|||
import Info from 'components/Info/Info.vue'; |
|||
// import Statistics from 'components/Statistics/Statistics.vue'; |
|||
// import Duration from 'components/Duration/Duration.vue'; |
|||
// import Sensor from 'components/Sensor/Sensor.vue'; |
|||
// import LoadCells from 'components/LoadCells/LoadCells.vue'; |
|||
// import RFID from 'components/RFID/RFID.vue'; |
|||
// import FastEd from 'components/FastEd/FastEd.vue'; |
|||
// import Panel from 'components/Panel/Panel.vue'; |
|||
// import ShanxiMap from 'components/Map/Map.vue'; |
|||
|
|||
export default { |
|||
name: 'Index', |
|||
components: { Statistics, Duration, Info }, |
|||
mixins: [socketMixin], |
|||
data() { |
|||
return { |
|||
nowTime: new Date(), |
|||
str: '', |
|||
showVideo: false, |
|||
manNum: 359, |
|||
timer: null, |
|||
}; |
|||
}, |
|||
|
|||
mounted() { |
|||
this.nowTimes(); |
|||
}, |
|||
|
|||
created() { |
|||
this.timer = setInterval(() => { |
|||
this.manNum += 5; |
|||
}, 30000); |
|||
}, |
|||
beforeDestroy() { |
|||
clearInterval(this.timer); |
|||
this.timer = null; |
|||
}, |
|||
methods: { |
|||
//显示当前时间（年月日时分秒） |
|||
timeFormate(timeStamp) { |
|||
let data = new Date(timeStamp); |
|||
// let year = data.getFullYear(); |
|||
// let month = data.getMonth() + 1 < 10 ? '0' + (data.getMonth() + 1) : data.getMonth() + 1; |
|||
// let date = data.getDate() < 10 ? '0' + data.getDate() : data.getDate(); |
|||
let hh = data.getHours() < 10 ? '0' + data.getHours() : data.getHours(); |
|||
let mm = data.getMinutes() < 10 ? '0' + data.getMinutes() : data.getMinutes(); |
|||
let ss = data.getSeconds() < 10 ? '0' + data.getSeconds() : data.getSeconds(); |
|||
this.nowTime = hh + ':' + mm + ':' + ss; |
|||
}, |
|||
nowTimes() { |
|||
this.timeFormate(new Date()); |
|||
setInterval(this.nowTimes, 1000); |
|||
this.clear(); |
|||
}, |
|||
|
|||
clear() { |
|||
clearInterval(this.nowTimes); |
|||
this.nowTimes = null; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="stylus" scoped> |
|||
iframe { |
|||
border: none !important; |
|||
} |
|||
|
|||
.sxmap { |
|||
position: absolute; |
|||
top: -4rem; |
|||
right: -2rem; |
|||
z-index: 9; |
|||
width: 19rem; |
|||
height: 25rem; |
|||
} |
|||
|
|||
.time { |
|||
position: relative; |
|||
top: 80px; |
|||
left: 0; |
|||
z-index: 100; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
background: #0067C1; |
|||
height: 42px; |
|||
line-height: 42px; |
|||
font-family: SourceHanSansCN-Medium; |
|||
font-size: 1.2rem; |
|||
color: #fff; |
|||
text-align: left; |
|||
// transform: rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(0.8) translate(0px, 0px); |
|||
} |
|||
|
|||
.time-content { |
|||
position: absolute; |
|||
padding: 0 20px; |
|||
width: 100%; |
|||
transform: translate3d(100%, 0, 0); |
|||
text-align: center; |
|||
animation: myfirst 15s infinite cubic-bezier(0, 0.24, 1, 0.79); |
|||
} |
|||
|
|||
@keyframes myfirst { |
|||
from { |
|||
transform: translate3d(100%, 0, 0); |
|||
} |
|||
|
|||
to { |
|||
transform: translate3d(-100%, 0, 0); |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 1500px) { |
|||
.time { |
|||
top: 80px; |
|||
left: 0; |
|||
font-size: 1.5rem; |
|||
} |
|||
} |
|||
|
|||
.bg-img { |
|||
position: absolute; |
|||
height: 93%; |
|||
bottom: 5px; |
|||
} |
|||
|
|||
.bg-img-title { |
|||
position: absolute; |
|||
width: 200px; |
|||
top: 4px; |
|||
height: 40px; |
|||
left: 50%; |
|||
margin-left: -100px; |
|||
} |
|||
|
|||
.bg-title1 { |
|||
position: absolute; |
|||
width: 180px; |
|||
top: 0; |
|||
height: 34px; |
|||
left: 50%; |
|||
margin-left: -90px; |
|||
} |
|||
|
|||
.title-style { |
|||
text-align: center; |
|||
font-size: 22px; |
|||
color: #02D9FD; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.video-box { |
|||
margin-left: 0.5%; |
|||
height: 76%; |
|||
margin-top: 38px; |
|||
width: 95%; |
|||
} |
|||
|
|||
.video-box1 { |
|||
margin-left: 0.5%; |
|||
height: 86%; |
|||
margin-top: 44px; |
|||
width: 98%; |
|||
} |
|||
|
|||
.video-tips { |
|||
padding-left: 20px; |
|||
padding-right: 40px; |
|||
z-index: 10; |
|||
font-size: 14px; |
|||
color: #02D9FD; |
|||
font-weight: bold; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,58 @@ |
|||
<!-- |
|||
* @Author: wally |
|||
* @email: 18603454788@163.com |
|||
* @Date: 2021-04-01 10:38:34 |
|||
* @LastEditors: wally |
|||
* @LastEditTime: 2021-04-01 11:11:25 |
|||
--> |
|||
<template> |
|||
<div class="wrap"> |
|||
<video class="videoDom" id="cideoPlay1" src="@/assets/康复-03.mp4" loop></video> |
|||
<a-button @click="startLook" class="btn" v-if="show">点击进入直播间</a-button> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
str: '', |
|||
show: true, |
|||
}; |
|||
}, |
|||
methods: { |
|||
startLook() { |
|||
console.log(23); |
|||
this.show = !this.show; |
|||
var video1 = document.getElementById('cideoPlay1'); |
|||
video1.play(); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.videoDom { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: fill; |
|||
} |
|||
.btn { |
|||
position: absolute; |
|||
left: 50%; |
|||
margin-left: -100px; |
|||
width: 200px; |
|||
top: 50%; |
|||
margin-top: -30px; |
|||
height: 60px; |
|||
background: rgba(0, 0, 0, 0); |
|||
color: #2cb6fb; |
|||
font-size: 24px; |
|||
border: solid 1px #72c1eb; |
|||
} |
|||
.btn:hover { |
|||
background: rgba(255, 118, 8, 0.8); |
|||
color: #ccc; |
|||
border: solid 1px rgba(255, 118, 8, 0.8); |
|||
} |
|||
</style> |
|||
@ -0,0 +1,138 @@ |
|||
/* |
|||
* Copyright (c) 2019. |
|||
* author: wally |
|||
* email: 18603454788@163.com |
|||
*/ |
|||
const path = require('path'); |
|||
const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg|ttf|woff|woff2)(\?.*)?$/i; |
|||
const CompressionWebpackPlugin = require('compression-webpack-plugin'); |
|||
|
|||
const resolve = dir => path.join(__dirname, dir); |
|||
const isPro = process.env.VUE_APP_NODE_ENV === 'production'; |
|||
const publicPath = process.env.VUE_APP_PUBLIC_PATH; |
|||
const proxyUrl = process.env.VUE_APP_PROXY_URL; |
|||
const apiUrl = process.env.VUE_APP_API_URL; |
|||
const title = process.env.VUE_APP_TITLE; |
|||
console.log('proxyUrl: ', proxyUrl); |
|||
console.log('apiUrl: ', apiUrl); |
|||
|
|||
// 本地环境是否需要使用cdn
|
|||
const devNeedCdn = true; |
|||
|
|||
// cdn 链接及配置
|
|||
const cdn = { |
|||
css: [ |
|||
'https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css', |
|||
'https://cdn.bootcdn.net/ajax/libs/ant-design-vue/1.6.5/antd.min.css', |
|||
], |
|||
js: [ |
|||
isPro ? 'https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js' : 'https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js', |
|||
'https://cdn.bootcdn.net/ajax/libs/vue-router/3.4.3/vue-router.min.js', |
|||
'https://cdn.bootcdn.net/ajax/libs/vuex/3.5.1/vuex.min.js', |
|||
'https://cdn.bootcdn.net/ajax/libs/moment.js/2.9.0/moment.min.js', |
|||
'https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.20/lodash.min.js', |
|||
'https://cdn.bootcdn.net/ajax/libs/axios/0.20.0/axios.min.js', |
|||
'https://cdn.bootcdn.net/ajax/libs/ant-design-vue/1.6.5/antd.min.js', |
|||
], |
|||
// externals: {
|
|||
// vue: 'Vue',
|
|||
// vuex: 'Vuex',
|
|||
// 'vue-router': 'VueRouter',
|
|||
// moment: 'moment',
|
|||
// axios: 'axios',
|
|||
// 'ant-design-vue': 'antd',
|
|||
// lodash: '_',
|
|||
// },
|
|||
}; |
|||
|
|||
module.exports = { |
|||
lintOnSave: true, |
|||
publicPath: isPro ? publicPath : '/', |
|||
devServer: { |
|||
open: true, |
|||
overlay: { |
|||
warnings: false, |
|||
errors: true, |
|||
}, |
|||
proxy: { |
|||
[proxyUrl]: { |
|||
target: apiUrl, // 代理接口
|
|||
changeOrigin: true, |
|||
pathRewrite: { [`^${proxyUrl}`]: '' }, |
|||
}, |
|||
}, |
|||
}, |
|||
productionSourceMap: false, // 去掉生产环境的sourcemap 加快构建速度
|
|||
|
|||
configureWebpack: { |
|||
// provide the app's title in webpack's name field, so that
|
|||
// it can be accessed in index.html to inject the correct title.
|
|||
|
|||
name: title, |
|||
resolve: { |
|||
alias: { |
|||
'~': __dirname, |
|||
'@': resolve('src'), |
|||
assets: resolve('src/assets'), |
|||
views: resolve('src/views'), |
|||
components: resolve('src/components'), |
|||
common: resolve('src/common'), |
|||
config: resolve('src/config'), |
|||
router: resolve('src/router'), |
|||
store: resolve('src/store'), |
|||
util: resolve('src/util'), |
|||
request: resolve('src/request'), |
|||
}, |
|||
}, |
|||
plugins: isPro |
|||
? [ |
|||
new CompressionWebpackPlugin({ |
|||
test: productionGzipExtensions, |
|||
threshold: 10240, |
|||
deleteOriginalAssets: false, |
|||
}), |
|||
] |
|||
: [], |
|||
externals: isPro || devNeedCdn ? cdn.externals : {}, |
|||
}, |
|||
|
|||
chainWebpack(config) { |
|||
if (isPro) { |
|||
config.optimization |
|||
.runtimeChunk('single') |
|||
.minimize(true) |
|||
.splitChunks({ |
|||
chunks: 'all', |
|||
maxInitialRequests: Infinity, |
|||
minSize: 20000, // 依赖包超过20000bit将被单独打包
|
|||
cacheGroups: { |
|||
vendor: { |
|||
test: /[\\/]node_modules[\\/]/, |
|||
name(module) { |
|||
// get the name. E.g. node_modules/packageName/not/this/part.js
|
|||
// or node_modules/packageName
|
|||
const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1]; |
|||
// npm package names are URL-safe, but some servers don't like @ symbols
|
|||
return `npm.${packageName.replace('@', '')}`; |
|||
}, |
|||
}, |
|||
}, |
|||
}); |
|||
} |
|||
|
|||
// set svg-sprite-loader
|
|||
// config.module
|
|||
// .rule('svg')
|
|||
// .exclude.add(resolve('src/icons'))
|
|||
// .end();
|
|||
// config.module
|
|||
// .rule('icons')
|
|||
// .test(/\.svg$/)
|
|||
// .include.add(resolve('src/icons'))
|
|||
// .end()
|
|||
// .use('svg-sprite-loader')
|
|||
// .loader('svg-sprite-loader')
|
|||
// .options({ symbolId: 'icon-[name]' })
|
|||
// .end();
|
|||
}, |
|||
}; |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue