commit
4d0b263545
110 changed files with 48418 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=https://www.tall.wiki/ |
||||
@ -0,0 +1,11 @@ |
|||||
|
VUE_APP_MODE=development |
||||
|
VUE_APP_NODE_ENV=development |
||||
|
VUE_APP_SCENE=flat-car |
||||
|
VUE_APP_BASE_URL=https://www.tall.wiki/ |
||||
|
VUE_APP_BASE_URL=https://www.tall.wiki |
||||
|
VUE_APP_API_URL=https://www.tall.wiki |
||||
|
VUE_APP_PROXY_URL= |
||||
|
VUE_APP_PUBLIC_PATH=/qc |
||||
|
VUE_APP_MSG_URL=wss://www.tall.wiki/websocket/message/v4.0/ws |
||||
|
VUE_APP_TITLE=智慧平车 |
||||
|
VUE_APP_DESCRIPTION=智慧平车 |
||||
@ -0,0 +1,3 @@ |
|||||
|
VUE_APP_BASE_URL=http://127.0.0.1:3000 |
||||
|
VUE_APP_API_URL=http://127.0.0.1:3000 |
||||
|
VUE_APP_PROXY_URL= |
||||
@ -0,0 +1,10 @@ |
|||||
|
VUE_APP_MODE=production |
||||
|
VUE_APP_NODE_ENV=production |
||||
|
VUE_APP_SCENE=flat-car |
||||
|
VUE_APP_BASE_URL=https://www.tall.wiki/ |
||||
|
VUE_APP_API_URL=https://www.tall.wiki |
||||
|
VUE_APP_PROXY_URL= |
||||
|
VUE_APP_PUBLIC_PATH=/qc |
||||
|
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,53 @@ |
|||||
|
{ |
||||
|
"name": "wisdom-mobile", |
||||
|
"version": "0.1.0", |
||||
|
"private": true, |
||||
|
"scripts": { |
||||
|
"serve": "vue-cli-service serve", |
||||
|
"serve-mock": "vue-cli-service serve --mode mock", |
||||
|
"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-quill-editor": "^3.0.6", |
||||
|
"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: 1.4 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,19 @@ |
|||||
|
<!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><%= htmlWebpackPlugin.options.title %></title> |
||||
|
</head> |
||||
|
<body> |
||||
|
<noscript> |
||||
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
||||
|
</noscript> |
||||
|
<div id="app"></div> |
||||
|
<!-- built files will be auto injected --> |
||||
|
<script src="./sdk.js"></script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,2 @@ |
|||||
|
User-agent: * |
||||
|
Disallow: |
||||
@ -0,0 +1,99 @@ |
|||||
|
/* |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-04-19 10:23:19 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-09 09:50:31 |
||||
|
*/ |
||||
|
/** |
||||
|
* ccsens tall sdk.js |
||||
|
* v1.0.0 |
||||
|
* 父组件调用 TallPlugin.init()即可 |
||||
|
* 监听message消息, 如果是created消息 就把tall的参数传递过来 |
||||
|
*/ |
||||
|
|
||||
|
(function(window) { |
||||
|
// 单例局部变量
|
||||
|
var _instance = null; |
||||
|
// 对外暴露TallPlugin类
|
||||
|
window.TallPlugin = function(config) { |
||||
|
this.config = config; |
||||
|
this.props = null; |
||||
|
this.parent = '*'; |
||||
|
}; |
||||
|
|
||||
|
// 初始化并保证是单例
|
||||
|
TallPlugin.init = function(callback, config) { |
||||
|
if (!_instance) { |
||||
|
_instance = new TallPlugin(config); |
||||
|
_instance.config = config; |
||||
|
_instance.parent = window.parent.origin; |
||||
|
// DOM加载完成
|
||||
|
window.addEventListener('DOMContentLoaded', _instance.mounted, false); |
||||
|
// window onload
|
||||
|
window.addEventListener('load', _instance.loaded, false); |
||||
|
// destroy
|
||||
|
window.addEventListener('unload', _instance.destroy, false); |
||||
|
// error
|
||||
|
window.addEventListener('error', _instance.error, false); |
||||
|
_instance.onMessage(callback); |
||||
|
} |
||||
|
return _instance; |
||||
|
}; |
||||
|
|
||||
|
TallPlugin.prototype.onMessage = function(callback) { |
||||
|
var _this = this; |
||||
|
window.addEventListener( |
||||
|
'message', |
||||
|
function(event) { |
||||
|
try { |
||||
|
if (_this.parent === event.origin) { |
||||
|
// 是父窗体传来的消息
|
||||
|
console.log('event.data:', event.data); |
||||
|
var data = JSON.parse(event.data); |
||||
|
_this.props = data || null; |
||||
|
callback && typeof callback === 'function' && callback.call(_this, data); |
||||
|
} else { |
||||
|
_this.props = null; |
||||
|
} |
||||
|
} catch (e) { |
||||
|
// console.error(`TallPlugin warn: ${e}`)
|
||||
|
_this.props = null; |
||||
|
} |
||||
|
}, |
||||
|
false, |
||||
|
); |
||||
|
return this; |
||||
|
}; |
||||
|
|
||||
|
// DOMContentLoaded DOM加载完成触发
|
||||
|
TallPlugin.prototype.mounted = function(callback) { |
||||
|
var _this = this; |
||||
|
window.postMessage('created', _this.parent); |
||||
|
callback && typeof callback === 'function' && callback.call(this); |
||||
|
return this; |
||||
|
}; |
||||
|
// load window onload触发
|
||||
|
TallPlugin.prototype.loaded = function(callback) { |
||||
|
var _this = this; |
||||
|
window.postMessage('loaded', _this.parent); |
||||
|
callback && typeof callback === 'function' && callback.call(this); |
||||
|
return this; |
||||
|
}; |
||||
|
|
||||
|
// 子窗体销毁触发
|
||||
|
TallPlugin.prototype.destroy = function(callback) { |
||||
|
var _this = this; |
||||
|
window.postMessage('destroy', _this.parent); |
||||
|
callback && typeof callback === 'function' && callback.call(this); |
||||
|
return this; |
||||
|
}; |
||||
|
|
||||
|
// error触发
|
||||
|
TallPlugin.prototype.error = function(callback) { |
||||
|
var _this = this; |
||||
|
window.postMessage('error', _this.parent); |
||||
|
callback && typeof callback === 'function' && callback.call(this); |
||||
|
return this; |
||||
|
}; |
||||
|
})(window); |
||||
@ -0,0 +1,15 @@ |
|||||
|
{ |
||||
|
"$shared": { |
||||
|
"version": "v1", |
||||
|
"identifier": "wally", |
||||
|
"credential": "111111" |
||||
|
}, |
||||
|
"dev": { |
||||
|
"name": "dev", |
||||
|
"url": "http://192.168.31.13/gateway" |
||||
|
}, |
||||
|
"local": { |
||||
|
"version": "v2", |
||||
|
"url": "http://192.168.31.13/gateway" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,55 @@ |
|||||
|
# @tall = {{url}}/tall/v1.0 |
||||
|
@tall = https://test.tall.wiki/gateway/tall/v1.0 |
||||
|
@tcm = https://test.tall.wiki/gateway/tcm |
||||
|
@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 {{tcm}}/patient/selSearchCriteriaList |
||||
|
{{type}} |
||||
|
Authorization: Bearer {{login.response.body.$.data.token}} |
||||
|
|
||||
|
# { |
||||
|
# "param": { |
||||
|
# "company": "", |
||||
|
# "researchDirection": "", |
||||
|
# "teamId": 0, |
||||
|
# "teamIntroduce": "", |
||||
|
# "teamLeaderName": "", |
||||
|
# "teamName": "" |
||||
|
# } |
||||
|
# } |
||||
@ -0,0 +1,78 @@ |
|||||
|
<template> |
||||
|
<a-config-provider :locale="zh_CN"> |
||||
|
<!-- <div v-if="anyringToken && ptProps.userId" class="d-flex flex-column flex-wrap" id="app"> --> |
||||
|
<div class="d-flex flex-column flex-wrap" id="app"> |
||||
|
<btn-con class="btn-box fill-width" /> |
||||
|
<Title></Title> |
||||
|
<router-view style="margin-top: 48px; padding-bottom: 50px" class="flex-1 bg fill-width"></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'; |
||||
|
import BtnCon from 'components/BtnCon/BtnCon.vue'; |
||||
|
import Title from 'components/Title/Title.vue'; |
||||
|
export default { |
||||
|
name: 'App', |
||||
|
components: { Title,BtnCon }, |
||||
|
data() { |
||||
|
return { zh_CN }; |
||||
|
}, |
||||
|
|
||||
|
computed: mapState('home', ['anyringToken', 'ptProps']), |
||||
|
|
||||
|
// created() { |
||||
|
// 测试数据 |
||||
|
async created() { |
||||
|
const userId = '1217647686598135808'; |
||||
|
const params = { userId }; |
||||
|
await this.getUserId(params); |
||||
|
await this.getToken(); |
||||
|
|
||||
|
// 正式 |
||||
|
// this.getProps(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
...mapActions('home', ['getUserId']), |
||||
|
...mapMutations('home', ['setPtProps', 'getToken']), |
||||
|
|
||||
|
async getProps() { |
||||
|
var query = window.location.search.substring(1); |
||||
|
var vars = query.split('&'); |
||||
|
const obj = {}; |
||||
|
for (var i = 0; i < vars.length; i++) { |
||||
|
var pair = vars[i].split('='); |
||||
|
obj[pair[0]] = pair[1]; |
||||
|
} |
||||
|
this.setPtProps(obj); |
||||
|
if (obj && obj.userId) { |
||||
|
const params = { userId: obj.userId }; |
||||
|
await this.getUserId(params); |
||||
|
await this.getToken(); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
html, |
||||
|
body, |
||||
|
#app { |
||||
|
min-height: 100%; |
||||
|
} |
||||
|
|
||||
|
#app { |
||||
|
background: transparent; |
||||
|
} |
||||
|
body::-webkit-scrollbar { |
||||
|
width: 0; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="stylus"> |
||||
|
@import './common/portrait.styl'; |
||||
|
</style> |
||||
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 388 B |
|
After Width: | Height: | Size: 3.0 KiB |
@ -0,0 +1,486 @@ |
|||||
|
// padding |
||||
|
.pa-3 { |
||||
|
padding: 12px; |
||||
|
} |
||||
|
|
||||
|
.pl-1{ |
||||
|
padding-left: 4px; |
||||
|
} |
||||
|
|
||||
|
.pl-2{ |
||||
|
padding-left: 8px; |
||||
|
} |
||||
|
|
||||
|
.pl-3{ |
||||
|
padding-left: 12px; |
||||
|
} |
||||
|
|
||||
|
.pl-4{ |
||||
|
padding-left: 16px; |
||||
|
} |
||||
|
|
||||
|
.pl-5{ |
||||
|
padding-left: 20px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.pr-1{ |
||||
|
padding-right: 4px; |
||||
|
} |
||||
|
|
||||
|
.pr-2{ |
||||
|
padding-right: 8px; |
||||
|
} |
||||
|
|
||||
|
.pr-3{ |
||||
|
padding-right: 12px; |
||||
|
} |
||||
|
|
||||
|
.pr-4{ |
||||
|
padding-right: 16px; |
||||
|
} |
||||
|
|
||||
|
.pr-5{ |
||||
|
padding-right: 20px; |
||||
|
} |
||||
|
|
||||
|
.px-1{ |
||||
|
padding-left: 4px; |
||||
|
padding-right: 4px; |
||||
|
} |
||||
|
|
||||
|
.px-2{ |
||||
|
padding-left: 8px; |
||||
|
padding-right: 8px; |
||||
|
} |
||||
|
|
||||
|
.px-3{ |
||||
|
padding-left: 12px; |
||||
|
padding-right: 12px; |
||||
|
} |
||||
|
|
||||
|
.px-10{ |
||||
|
padding-left: 30px; |
||||
|
padding-right: 30px; |
||||
|
} |
||||
|
|
||||
|
.py-1{ |
||||
|
padding-top: 4px; |
||||
|
padding-bottom: 4px; |
||||
|
} |
||||
|
|
||||
|
.py-2{ |
||||
|
padding-top: 8px; |
||||
|
padding-bottom: 8px; |
||||
|
} |
||||
|
|
||||
|
.py-3{ |
||||
|
padding-top: 12px; |
||||
|
padding-bottom: 12px; |
||||
|
} |
||||
|
|
||||
|
.pt-3 { |
||||
|
padding-top: 12px; |
||||
|
} |
||||
|
|
||||
|
.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; |
||||
|
} |
||||
|
|
||||
|
.mx-3{ |
||||
|
margin-left: 12px; |
||||
|
margin-right: 12px; |
||||
|
} |
||||
|
|
||||
|
.my-0{ |
||||
|
margin-top: 0px; |
||||
|
margin-bottom: 0px; |
||||
|
} |
||||
|
|
||||
|
.my-1{ |
||||
|
margin-top: 4px; |
||||
|
margin-bottom: 4px; |
||||
|
} |
||||
|
|
||||
|
.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-0{ |
||||
|
margin-bottom: 0px; |
||||
|
} |
||||
|
|
||||
|
.mb-1{ |
||||
|
margin-bottom: 4px; |
||||
|
} |
||||
|
|
||||
|
.mb-2{ |
||||
|
margin-bottom: 8px; |
||||
|
} |
||||
|
|
||||
|
.mb-3{ |
||||
|
margin-bottom: 12px; |
||||
|
} |
||||
|
|
||||
|
.mb-4{ |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
|
||||
|
.mb-10{ |
||||
|
margin-bottom: 40px; |
||||
|
} |
||||
|
|
||||
|
.ml-1{ |
||||
|
margin-left: 4px; |
||||
|
} |
||||
|
|
||||
|
.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; |
||||
|
} |
||||
|
|
||||
|
.ml-9{ |
||||
|
margin-left: 36px; |
||||
|
} |
||||
|
|
||||
|
.ml-10{ |
||||
|
margin-left: 40px; |
||||
|
} |
||||
|
|
||||
|
.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; |
||||
|
} |
||||
|
|
||||
|
.green{ |
||||
|
background: #4CAF50; |
||||
|
} |
||||
|
|
||||
|
.blue{ |
||||
|
background: #1890ff; |
||||
|
} |
||||
|
|
||||
|
.gray{ |
||||
|
background: #CCCCCC; |
||||
|
} |
||||
|
|
||||
|
.white--text{ |
||||
|
color: #fff; |
||||
|
width: 100px; |
||||
|
margin: 0 auto |
||||
|
} |
||||
|
.bot-right-btn{ |
||||
|
position: fixed; |
||||
|
height: 40px; |
||||
|
right: 6px; |
||||
|
bottom: 20px; |
||||
|
} |
||||
|
.bot-right-tips { |
||||
|
position: fixed; |
||||
|
height: 40px; |
||||
|
font-size: 14px; |
||||
|
right: 18px; |
||||
|
top: 0; |
||||
|
} |
||||
|
// 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; |
||||
|
} |
||||
|
|
||||
|
.align-left{ |
||||
|
align-items: start; |
||||
|
} |
||||
|
|
||||
|
.flex-1{ |
||||
|
display: flex; |
||||
|
flex: 1; |
||||
|
} |
||||
|
|
||||
|
.flex-2{ |
||||
|
display: flex; |
||||
|
flex: 2; |
||||
|
} |
||||
|
// other |
||||
|
.pointer{ |
||||
|
cursor:pointer; |
||||
|
} |
||||
|
|
||||
|
.pointerEdit { |
||||
|
font-size: 16px; |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
|
||||
|
.fill-height{ |
||||
|
height:100%; |
||||
|
} |
||||
|
|
||||
|
// font |
||||
|
.font-bold{ |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.font-bold-24{ |
||||
|
font-size: 24px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.font-24{ |
||||
|
font-size: 24px; |
||||
|
} |
||||
|
|
||||
|
.font-bold-18{ |
||||
|
font-size: 18px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.font-18{ |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
|
||||
|
.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; |
||||
|
} |
||||
|
|
||||
|
.font-12{ |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
|
||||
|
.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) |
||||
|
} |
||||
|
|
||||
|
.text-white{ |
||||
|
color: #fff |
||||
|
} |
||||
|
|
||||
|
.text-red{ |
||||
|
color: #EB3527 |
||||
|
} |
||||
|
|
||||
|
.gray-text{ |
||||
|
color: #bbb |
||||
|
} |
||||
|
|
||||
|
.baseColor{ |
||||
|
color: #1890ff |
||||
|
} |
||||
|
|
||||
|
.bg{ |
||||
|
background: #F5F5F5 |
||||
|
} |
||||
|
|
||||
|
.fill-width{ |
||||
|
width:100%; |
||||
|
} |
||||
|
|
||||
|
.fill-height{ |
||||
|
height:100%; |
||||
|
} |
||||
|
|
||||
|
// .ant-form-item-label { |
||||
|
// text-align: left; |
||||
|
// } |
||||
|
|
||||
|
// .ant-form-item-control { |
||||
|
// width:100% |
||||
|
// } |
||||
|
.ant-form-item-children(:only-child) { |
||||
|
display: flex; |
||||
|
flex-wrap: nowrap; |
||||
|
} |
||||
|
.ant-card-head-title { |
||||
|
font-weight: 600 !important; |
||||
|
font-size: 18px !important; |
||||
|
} |
||||
|
.ant-card-bordered { |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
|
||||
|
// .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { |
||||
|
// position: fixed; |
||||
|
// top: 50%; |
||||
|
// left: 50%; |
||||
|
// margin: -10px; |
||||
|
// } |
||||
|
|
||||
|
.ant-list-bordered { |
||||
|
border: none; |
||||
|
border-radius: 4px |
||||
|
} |
||||
|
|
||||
|
.ant-collapse { |
||||
|
background-color: none; |
||||
|
border: none |
||||
|
} |
||||
|
|
||||
|
.w-screen{ |
||||
|
width: 100vw; |
||||
|
} |
||||
|
|
||||
|
.h-screen{ |
||||
|
height: 100vh; |
||||
|
} |
||||
|
|
||||
|
.text-center{ |
||||
|
text-align: center; |
||||
|
} |
||||
@ -0,0 +1,47 @@ |
|||||
|
<!-- |
||||
|
* @Author: your name |
||||
|
* @Date: 2021-07-28 17:06:37 |
||||
|
* @LastEditTime: 2021-07-29 10:24:56 |
||||
|
* @LastEditors: Please set LastEditors |
||||
|
* @Description: In User Settings Edit |
||||
|
* @FilePath: \wisdomcar_mobile\src\components\BtnCon\BtnCon.vue |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap" style="margin-top:44px"> |
||||
|
<a-button type="primary" @click="jump('/')" class="mx-2 my-2">首页</a-button> |
||||
|
<a-button type="primary" @click="jump('/establish')" class="mx-2 my-2">创建病例</a-button> |
||||
|
<a-button type="primary" @click="jump('/choice')" class="mx-2 my-2">选择平车</a-button> |
||||
|
<a-button type="primary" @click="jump('/groupNotes')" class="mx-2 my-2">团注</a-button> |
||||
|
<a-button type="primary" @click="jump('/currency')" class="mx-2 my-2">通用界面</a-button> |
||||
|
<a-button type="primary" @click="jump('/video')" class="mx-2 my-2">视频谈话</a-button> |
||||
|
<a-button type="primary" @click="jump('/patient')" class="mx-2 my-2">患者表格</a-button> |
||||
|
<a-button type="primary" @click="jump('/information')" class="mx-2 my-2">到场信息</a-button> |
||||
|
<a-button type="primary" @click="jump('/assess')" class="mx-2 my-2">入院评估</a-button> |
||||
|
<a-button type="primary" @click="jump('/medicalSkill')" class="mx-2 my-2">医技结论</a-button> |
||||
|
<a-button type="primary" @click="jump('/treatmentPlan')" class="mx-2 my-2">治疗方案</a-button> |
||||
|
<a-button type="primary" @click="jump('/control')" class="mx-2 my-2">质控</a-button> |
||||
|
<a-button type="primary" @click="jump('/patientList')" class="mx-2 my-2">急救绿色通道列表</a-button> |
||||
|
<a-button type="primary" @click="jump('/report')" class="mx-2 my-2">1月质控报告</a-button> |
||||
|
<a-button type="primary" @click="jump('/vein')" class="mx-2 my-2">静脉溶栓插件</a-button> |
||||
|
<a-button type="primary" @click="jump('/therapy')" class="mx-2 my-2">介入治疗插件</a-button> |
||||
|
<a-button type="primary" @click="jump('/treatment')" class="mx-2 my-2">知情谈话</a-button> |
||||
|
<a-button type="primary" @click="jump('/diagnosis')" class="mx-2 my-2">会诊</a-button> |
||||
|
<a-button type="primary" @click="jump('/infoReport')" class="mx-2 my-2">信息直报</a-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'BtnCon', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
methods: { |
||||
|
jump(url) { |
||||
|
this.$router.push(url); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,154 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-02 09:37:50 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-11 15:29:01 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="mt-1"> |
||||
|
<a-card class="fill-width"> |
||||
|
<div slot="title" style="color: rgba(76, 115, 177, 0.9)">详情</div> |
||||
|
<a-upload |
||||
|
name="files" |
||||
|
:headers="headers" |
||||
|
:default-file-list="fileList" |
||||
|
:multiple="true" |
||||
|
:action="action" |
||||
|
list-type="picture-card" |
||||
|
@change="handleChange" |
||||
|
> |
||||
|
<div> |
||||
|
<a-icon type="plus" /> |
||||
|
<div class="ant-upload-text">添加图片</div> |
||||
|
</div> |
||||
|
</a-upload> |
||||
|
<a-textarea v-model="value" placeholder="描述..." :auto-size="{ minRows: 3, maxRows: 10 }" /> |
||||
|
<a-button class="mt-2 mb-4" style="height: 40px" type="primary" block @click="setData"> 提交 </a-button> |
||||
|
<div style="color: rgba(76, 115, 177, 0.9)">历史记录</div> |
||||
|
<a-list item-layout="horizontal" :data-source="oldData"> |
||||
|
<a-list-item slot="renderItem" slot-scope="item, index"> |
||||
|
<a-upload |
||||
|
class="fill-width" |
||||
|
style="overflow: hidden" |
||||
|
v-if="item.type === 0" |
||||
|
list-type="picture" |
||||
|
:default-file-list="getFileList(item, index)" |
||||
|
> |
||||
|
</a-upload> |
||||
|
<span v-else-if="item.type === 1">{{ item.comment }}</span> |
||||
|
</a-list-item> |
||||
|
</a-list> |
||||
|
</a-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState } from 'vuex'; |
||||
|
import { upload, otherUpload, otherQuery } from 'config/api'; |
||||
|
export default { |
||||
|
name: 'Content', |
||||
|
props: { |
||||
|
time: { |
||||
|
type: Number, |
||||
|
default: Date.parse(new Date()), |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
fileList: [], |
||||
|
value: '', |
||||
|
action: upload, |
||||
|
oldData: [], |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState('home', ['ptProps']), |
||||
|
// 上传附加请求头 |
||||
|
headers() { |
||||
|
const token = sessionStorage.getItem('anyringToken'); |
||||
|
return { Authorization: `Bearer ${token}` }; |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
this.getData(); |
||||
|
}, |
||||
|
methods: { |
||||
|
handleChange(info) { |
||||
|
const status = info.file.status; |
||||
|
if (status === 'done') { |
||||
|
const file = info.file; |
||||
|
const obj = { |
||||
|
uid: file.uid, |
||||
|
name: file.response.data[0].name, |
||||
|
status: status, |
||||
|
url: file.response.data[0].visitUrl, |
||||
|
}; |
||||
|
this.fileList.push(obj); |
||||
|
} |
||||
|
}, |
||||
|
// 提交 |
||||
|
async setData() { |
||||
|
try { |
||||
|
const { value, fileList } = this; |
||||
|
let pictures = []; |
||||
|
if (fileList.length) { |
||||
|
pictures = fileList.map(item => { |
||||
|
return item.url; |
||||
|
}); |
||||
|
} |
||||
|
const params = { |
||||
|
param: { |
||||
|
id: this.ptProps.id, |
||||
|
pictures, |
||||
|
records: value, |
||||
|
startTime: this.time, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await otherUpload(params); |
||||
|
const { code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('提交成功'); |
||||
|
} else { |
||||
|
this.$message.error('提交失败'); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.error(error); |
||||
|
} |
||||
|
}, |
||||
|
// 获取已经提交过的数据 |
||||
|
async getData() { |
||||
|
try { |
||||
|
const params = { param: { id: this.ptProps.id } }; |
||||
|
const res = await otherQuery(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.oldData = data; |
||||
|
} else { |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
// 获取上传过的图片的数组 |
||||
|
getFileList(item, index) { |
||||
|
const name = item.comment.split('/')[item.comment.split('/').length - 1]; |
||||
|
let obj = { |
||||
|
uid: index, |
||||
|
name: name.length > 20 ? name.substring(name.length - 20, name.length) : name, |
||||
|
status: 'done', |
||||
|
url: item.comment, |
||||
|
}; |
||||
|
return [obj]; |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
/deep/ .ant-list-item { |
||||
|
justify-content: left; |
||||
|
} |
||||
|
|
||||
|
/deep/ .ant-upload-list-item-card-actions.picture { |
||||
|
display: none; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,186 @@ |
|||||
|
<template> |
||||
|
<div class="num-box"> |
||||
|
<div class="num-key d-flex flex-column"> |
||||
|
<div class="num-title d-flex flex-row justify-space-between"> |
||||
|
<span class="gray-text" @click="$emit('closeNumModel')">取消</span> |
||||
|
<div> |
||||
|
{{ title }} |
||||
|
<span class="px-2 baseColor" style="border-bottom: 1px solid #333">{{ num === '0' ? numValue : num }}</span> |
||||
|
{{ unit }} |
||||
|
</div> |
||||
|
<div style="width: 24px"></div> |
||||
|
</div> |
||||
|
<div class="flex-1 fill-width key-box"> |
||||
|
<a-button |
||||
|
:class="item === '确定' ? 'num-btn-btn' : 'num-btn'" |
||||
|
:disabled="(disable && item === '.') || (future && item === '未评')" |
||||
|
v-for="item in btnList" |
||||
|
:key="item" |
||||
|
@click="entering(item)" |
||||
|
> |
||||
|
<img v-if="item === 'img'" style="width: 28px" src="./photo/del.png" /> |
||||
|
<span v-else>{{ item }}</span> |
||||
|
</a-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: { |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
type: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
unit: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
numValue: { |
||||
|
type: String, |
||||
|
default: '0', |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
num: '0', |
||||
|
btnList: ['1', '2', '3', 'img', '4', '5', '6', '确定', '7', '8', '9', '.', '0', '未评'], |
||||
|
disable: false, |
||||
|
future: false, |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
submit() { |
||||
|
this.$emit('changeValue', this.num, this.type); |
||||
|
}, |
||||
|
|
||||
|
entering(e) { |
||||
|
console.log('e: ', e); |
||||
|
let num = this.num; |
||||
|
/** |
||||
|
* 判断是否为删除按钮 |
||||
|
* 1. 先判断字符串是否存在 |
||||
|
* 2. 如果字符串存在,再判断字符串当前是否为 未评 ,如果是 未评 ,则直接给num 赋值为 0 |
||||
|
* 3. 如果字符串不是 未评 ,且倒数第二位是否为 . ,如果是则一次删除两位,否则一次删除一位 |
||||
|
* 4. 如果删除了 . ,回复 . 按钮的点击状态 |
||||
|
* 5. 如果num不存在时,给num赋值为0 |
||||
|
*/ |
||||
|
if (e === 'img') { |
||||
|
if (num.length) { |
||||
|
console.log('num[num.length-1]', num[num.length - 1]); |
||||
|
if (num === '未评') { |
||||
|
num = 0; |
||||
|
this.future = false; |
||||
|
} else if (num[num.length - 1] === '.') { |
||||
|
num = num.slice(0, num.length - 1); |
||||
|
this.disable = false; |
||||
|
} else { |
||||
|
num = num.slice(0, num.length - 1); |
||||
|
} |
||||
|
if (!num) { |
||||
|
num = 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
/** |
||||
|
* 判断是否为 . |
||||
|
* 如果是则拼到字符串中,并且修改 . 按钮的点击状态为不可用 |
||||
|
*/ |
||||
|
if (e === '.') { |
||||
|
if (num !== '未评') { |
||||
|
num += e; |
||||
|
this.disable = true; |
||||
|
} |
||||
|
} |
||||
|
/** |
||||
|
* 判断是否为 未评 |
||||
|
* 如果是则覆盖原来字符串,且删除时需要直接删掉 两个字,并且重新赋值为0 |
||||
|
* 当点击过一次 未评 后,不可再点,除非删除掉 未评 |
||||
|
*/ |
||||
|
if (e === '未评') { |
||||
|
num = e; |
||||
|
this.future = true; |
||||
|
this.disable = false; |
||||
|
} |
||||
|
|
||||
|
if (e === '确定') { |
||||
|
this.future = true; |
||||
|
this.disable = false; |
||||
|
this.submit(); |
||||
|
} |
||||
|
/** |
||||
|
* 数字输入框 |
||||
|
* 首先 e 为 img 确定 未评 时,不需要处理, |
||||
|
* 当 num = 0时,所点的数值直接覆盖num |
||||
|
* 当 num = 0时, . 不能覆盖,只能拼接 |
||||
|
* 当 num = 未评 时,直接覆盖num |
||||
|
*/ |
||||
|
// 必须是数值,且不能为NaN |
||||
|
if (typeof (e - 0) === 'number' && !isNaN(e - 0)) { |
||||
|
if ((num === 0 || num === '0' || num === '未评') && e !== '.') { |
||||
|
this.future = false; |
||||
|
num = e; |
||||
|
} else { |
||||
|
num += e; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
this.num = num; |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.num-box { |
||||
|
height: 100vh; |
||||
|
width: 100vw; |
||||
|
background: rgba(0, 0, 0, 0.35); |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
.num-key { |
||||
|
height: 300px; |
||||
|
width: 100%; |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
background: #fff; |
||||
|
border-radius: 8px 8px 0 0; |
||||
|
} |
||||
|
.num-title { |
||||
|
height: 56px; |
||||
|
width: 100%; |
||||
|
padding: 16px; |
||||
|
border-bottom: 1px solid #ccc; |
||||
|
} |
||||
|
.key-box { |
||||
|
background: #f7f7f7; |
||||
|
display: grid; |
||||
|
grid-template-rows: 1fr 1fr 1fr 1fr; |
||||
|
grid-template-columns: 1fr 1fr 1fr 1fr; |
||||
|
grid-column-start: 4; |
||||
|
grid-gap: 8px 8px; |
||||
|
padding: 8px; |
||||
|
} |
||||
|
.num-btn { |
||||
|
background: #fff; |
||||
|
grid-row: span 1 / span 1; |
||||
|
height: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
.num-btn-btn { |
||||
|
background: #4b8aff; |
||||
|
color: #fff; |
||||
|
grid-row: span 3 / span 3; |
||||
|
height: 100%; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
</style> |
||||
|
After Width: | Height: | Size: 483 B |
@ -0,0 +1,80 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="w-screen h-screen box"></div> |
||||
|
<div class="d-flex flex-column fill-width white absolute"> |
||||
|
<div class="d-flex flex-row justify-space-between pa-3"> |
||||
|
<span class="gray-text" @click="$emit('closeModel')">取消</span> |
||||
|
<span class="font-bold">洼田饮水试验</span> |
||||
|
<span class="baseColor" @click="submit">确定</span> |
||||
|
</div> |
||||
|
<a-divider class="my-0" /> |
||||
|
<div class="d-flex flex-column"> |
||||
|
<div |
||||
|
class="py-2 fill-width text-center" |
||||
|
:class="current === index ? 'blue text-white' : ''" |
||||
|
v-for="(list, index) in lists" |
||||
|
:key="index" |
||||
|
@click="changeItem(index)" |
||||
|
> |
||||
|
{{ list }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: { |
||||
|
lists: { |
||||
|
type: Array, |
||||
|
default: () => [], |
||||
|
}, |
||||
|
currentValue: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { current: 5 }; |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
const i = this.lists.findIndex(item => item === this.currentValue); |
||||
|
if (i) { |
||||
|
this.current = i; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
changeItem(index) { |
||||
|
this.current = index; |
||||
|
}, |
||||
|
|
||||
|
submit() { |
||||
|
this.$emit('closeModel', this.current); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.box { |
||||
|
/* display: none; */ |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
background: #000; |
||||
|
opacity: 50%; |
||||
|
} |
||||
|
|
||||
|
.absolute { |
||||
|
position: fixed; |
||||
|
bottom: 0; |
||||
|
z-index: 99; |
||||
|
background: #fff; |
||||
|
opacity: 100%; |
||||
|
border-radius: 5px 5px 0 0; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,302 @@ |
|||||
|
<template> |
||||
|
<div class="select-box"> |
||||
|
<div class="select-key d-flex flex-column" :style="{ height: showIpt ? '344px' : '300px' }"> |
||||
|
<div class="title-box d-flex justify-space-between"> |
||||
|
<div class="gray-text" @click="$emit('closeTimeSelect')">取消</div> |
||||
|
<div>{{ title }}</div> |
||||
|
<div class="baseColor" @click="chooseTime">确定</div> |
||||
|
</div> |
||||
|
<div v-if="showIpt" class="ipt-box d-flex justify-center align-center"> |
||||
|
<div class="ipt-bg"> |
||||
|
<input class="ml-2 ipt" placeholder="请输入姓名" v-model="value" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="d-flex flex-1 items-center overflow-hidden"> |
||||
|
<template v-for="(item, itemIndex) in list"> |
||||
|
<div class="time-box d-flex flex-row" :key="itemIndex"> |
||||
|
<div class="time-div"> |
||||
|
<div class="time-time"> |
||||
|
<div class="time-content" v-for="(time, index) in item.time" :key="index"> |
||||
|
{{ time }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="d-flex align-center" :key="item.unit">{{ item.unit }}</div> |
||||
|
</template> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'TimeSelect', |
||||
|
props: { |
||||
|
title: { |
||||
|
// 时间选择器的title |
||||
|
type: String, |
||||
|
default: '时间', |
||||
|
}, |
||||
|
showIpt: { |
||||
|
// 是否显示输入框 |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
iptTitle: { |
||||
|
// 输入框的标题提示 |
||||
|
type: String, |
||||
|
default: '姓名', |
||||
|
}, |
||||
|
iptValue: { |
||||
|
// 输入框默认的值 |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
timeValue: { |
||||
|
// 已选择的时间 时间戳 数值 |
||||
|
// 默认当前时间 |
||||
|
type: Number, |
||||
|
default: new Date().valueOf(), |
||||
|
}, |
||||
|
firstIndex: { |
||||
|
// 数组的第一层索引 |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
secondIndex: { |
||||
|
// 数组的第二层索引 |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
list: [ |
||||
|
{ |
||||
|
time: [], |
||||
|
scrollTop: 0, |
||||
|
unit: '年', |
||||
|
}, |
||||
|
{ |
||||
|
time: [], |
||||
|
scrollTop: 0, |
||||
|
unit: '月', |
||||
|
}, |
||||
|
{ |
||||
|
time: [], |
||||
|
scrollTop: 0, |
||||
|
unit: '日', |
||||
|
}, |
||||
|
{ |
||||
|
time: [], |
||||
|
scrollTop: 0, |
||||
|
unit: '时', |
||||
|
}, |
||||
|
{ |
||||
|
time: [], |
||||
|
scrollTop: 0, |
||||
|
unit: '分', |
||||
|
}, |
||||
|
], |
||||
|
selectTime: '', |
||||
|
value: '', |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.setTimeData(); |
||||
|
setTimeout(() => { |
||||
|
this.setScroll(); |
||||
|
}, 10); |
||||
|
}, |
||||
|
created() { |
||||
|
this.value = this.iptValue; |
||||
|
}, |
||||
|
methods: { |
||||
|
/** |
||||
|
* 获取当前 年 月 日 时 分 |
||||
|
* 然后获取需要滚动的距离 |
||||
|
* 然后将所有值存储到 this.list 中 |
||||
|
*/ |
||||
|
setTimeData() { |
||||
|
// list: [ 年，月，日，时，分 ] |
||||
|
var nowMonth = new Date(this.timeValue).getMonth(); |
||||
|
var nowDay = new Date(this.timeValue).getDate() - 1; |
||||
|
var nowHour = new Date(this.timeValue).getHours(); |
||||
|
var nowMin = new Date(this.timeValue).getMinutes(); |
||||
|
|
||||
|
/* 生成年数组 */ |
||||
|
var my = new Date(); |
||||
|
var endYear = my.getFullYear(); // 获取当前年份 |
||||
|
for (var i = endYear; i > 2018; i--) { |
||||
|
this.list[0].time.push(i); |
||||
|
} |
||||
|
/* 生成月数组 */ |
||||
|
for (var i = 1; i < 13; i++) { |
||||
|
this.list[1].time.push(i); |
||||
|
if (nowMonth === i) { |
||||
|
this.list[1].scrollTop = i * 26; |
||||
|
} |
||||
|
} |
||||
|
/* 生成日数组 */ |
||||
|
for (var i = 1; i < 32; i++) { |
||||
|
this.list[2].time.push(i); |
||||
|
if (nowDay === i) { |
||||
|
this.list[2].scrollTop = i * 26; |
||||
|
} |
||||
|
} |
||||
|
/* 生成小时数组 */ |
||||
|
for (let i = 0; i < 24; i++) { |
||||
|
this.list[3].time.push(i); |
||||
|
if (nowHour === i) { |
||||
|
this.list[3].scrollTop = i * 26; |
||||
|
} |
||||
|
} |
||||
|
/* 生成分钟数组 */ |
||||
|
for (let i = 0; i < 60; i++) { |
||||
|
this.list[4].time.push(i); |
||||
|
if (nowMin === i) { |
||||
|
this.list[4].scrollTop = i * 26; |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
/** |
||||
|
* list渲染到界面上之后 |
||||
|
* 将 list 每一项中的 scrollTop 赋值给对应的div的 scrollTop |
||||
|
*/ |
||||
|
setScroll() { |
||||
|
// list: [ 年，月，日，时，分 ] |
||||
|
let dom = document.querySelectorAll('.time-time'); |
||||
|
dom[1].scrollTop = this.list[1].scrollTop; |
||||
|
dom[2].scrollTop = this.list[2].scrollTop; |
||||
|
dom[3].scrollTop = this.list[3].scrollTop; |
||||
|
dom[4].scrollTop = this.list[4].scrollTop; |
||||
|
console.log(dom[1].scrollTop); |
||||
|
}, |
||||
|
/** |
||||
|
* 点击确定是,获取到每个时间字段的滚动距离 |
||||
|
* 然后判断当前滚动位置,最中间的 字段值 (四舍五入) |
||||
|
* 然后判断是否小于10 以及 判断月份的最大天数 |
||||
|
* 最后返回 一个 date 类型的数据 |
||||
|
* 使用moment 转换成时间戳 |
||||
|
*/ |
||||
|
async chooseTime() { |
||||
|
// list: [ 年，月，日，时，分 ] |
||||
|
let dom = document.querySelectorAll('.time-time'); |
||||
|
var year = 2021 - Math.round(dom[0].scrollTop / 26); |
||||
|
let month = Math.round(dom[1].scrollTop / 26) + 1; |
||||
|
let day = Math.round(dom[2].scrollTop / 26) + 1; |
||||
|
let hour = Math.round(dom[3].scrollTop / 26); |
||||
|
let min = Math.round(dom[4].scrollTop / 26); |
||||
|
if (month === 2) { |
||||
|
if ((year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0 && year % 4000 !== 0)) { |
||||
|
if (day > 29) { |
||||
|
day = 29; |
||||
|
} |
||||
|
} else { |
||||
|
if (day > 28) { |
||||
|
day = 28; |
||||
|
} |
||||
|
} |
||||
|
} else { |
||||
|
if (month === 2 || month === 4 || month === 6 || month === 9 || month === 11) { |
||||
|
if (day > 30) { |
||||
|
day = 30; |
||||
|
} |
||||
|
} else { |
||||
|
if (day > 31) { |
||||
|
day = 31; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
if (month < 10) { |
||||
|
month = '0' + month; |
||||
|
} |
||||
|
if (day < 10) { |
||||
|
day = '0' + day; |
||||
|
} |
||||
|
if (hour < 10) { |
||||
|
hour = '0' + hour; |
||||
|
} |
||||
|
if (min < 10) { |
||||
|
min = '0' + min; |
||||
|
} |
||||
|
this.selectTime = `${year}-${month}-${day} ${hour}:${min}:00`; |
||||
|
this.$emit('chooseTime', this.$moment(this.selectTime).valueOf(), this.firstIndex, this.secondIndex, this.value); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.ipt { |
||||
|
width: 64%; |
||||
|
margin: 10px 18%; |
||||
|
padding: 6px 0 6px 10px; |
||||
|
border: 1px solid #333; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.ipt-box { |
||||
|
padding: 0.5rem; |
||||
|
height: 44px; |
||||
|
position: relative; |
||||
|
} |
||||
|
.ipt-bg { |
||||
|
width: 100%; |
||||
|
background: #fff; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
z-index: 99; |
||||
|
} |
||||
|
.title-box { |
||||
|
padding: 0.5rem; |
||||
|
border-bottom: 2px solid rgba(229, 231, 235, 1); |
||||
|
height: 44px; |
||||
|
} |
||||
|
.time-box { |
||||
|
height: 100%; |
||||
|
width: 16.66%; |
||||
|
text-align: center; |
||||
|
overflow-x: hidden; |
||||
|
position: relative; |
||||
|
} |
||||
|
.select-box { |
||||
|
height: 100vh; |
||||
|
width: 100vw; |
||||
|
background: rgba(0, 0, 0, 0.35); |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
z-index: 10; |
||||
|
} |
||||
|
.select-key { |
||||
|
height: 300px; |
||||
|
width: 100%; |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
background: #fff; |
||||
|
border-radius: 8px 8px 0 0; |
||||
|
} |
||||
|
.overflow-hidden { |
||||
|
overflow: hidden; |
||||
|
padding: 0 16px; |
||||
|
} |
||||
|
.time-div { |
||||
|
height: 100%; |
||||
|
width: 100%; |
||||
|
margin: 0 auto; |
||||
|
position: absolute; |
||||
|
right: -8px; |
||||
|
} |
||||
|
.time-time { |
||||
|
height: 100%; |
||||
|
width: 100%; |
||||
|
margin: 0 auto; |
||||
|
overflow-y: scroll; |
||||
|
padding: 116px 16px 116px 0; |
||||
|
} |
||||
|
.time-content { |
||||
|
height: 26px; |
||||
|
line-height: 26px; |
||||
|
font-size: 16px; |
||||
|
width: 100%; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,124 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-column"> |
||||
|
<div class="title d-flex flex-row"> |
||||
|
<div class="iconleft"> |
||||
|
<img @click="backPage" src="../../../public/img/icons/Chevron left-Outlined_好压看图.png" /> |
||||
|
</div> |
||||
|
<div class="titles">{{ title }}</div> |
||||
|
<div v-if="list && list.length" class="iconright"> |
||||
|
<div v-for="(item, index) in list" :key="index"> |
||||
|
<a-icon v-if="item.type === 1" :type="item.icon" @click="openPage(item.path)" /> |
||||
|
<img v-if="item.type === 2" :src="item.icon" @click="openPage(item.path)" /> |
||||
|
<span v-if="item.type === 3" @click="changeYan" class="font-14" :class="valueType === 1 ? 'baseColor' : 'gray-text'"> |
||||
|
{{ |
||||
|
item.icon |
||||
|
}} |
||||
|
</span> |
||||
|
<a-icon v-if="item.type === 4" :type="item.icon" @click="show = true" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="divide"></div> |
||||
|
<time-select @chooseTime="chooseTime" v-if="show" title="开始静脉溶栓" :show="show" @closeTimeSelect="show = false" :show-ipt="true" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { mapState, mapMutations } from 'vuex'; |
||||
|
import TimeSelect from 'components/TimeSelect/TimeSelect.vue'; |
||||
|
import { addArriveWorker } from 'config/api'; |
||||
|
|
||||
|
export default { |
||||
|
components: { TimeSelect }, |
||||
|
data() { |
||||
|
return { show: false }; |
||||
|
}, |
||||
|
computed: mapState('home', ['title', 'list', 'valueType', 'ptProps', 'addNum']), |
||||
|
methods: { |
||||
|
...mapMutations('home', ['setValueType', 'setAddNum']), |
||||
|
openPage(path) { |
||||
|
this.$router.push(path); |
||||
|
}, |
||||
|
backPage() { |
||||
|
window.history.go(-1); |
||||
|
}, |
||||
|
changeYan() { |
||||
|
if (this.valueType === 1) { |
||||
|
this.setValueType(0); |
||||
|
} else { |
||||
|
this.setValueType(1); |
||||
|
} |
||||
|
}, |
||||
|
// 时间选择 |
||||
|
chooseTime(time, firstIndex, secondIndex, name) { |
||||
|
console.log(time, firstIndex, secondIndex, name); |
||||
|
const info = { |
||||
|
name, |
||||
|
time, |
||||
|
}; |
||||
|
this.addDoc(info); |
||||
|
this.show = false; |
||||
|
}, |
||||
|
async addDoc(info) { |
||||
|
try { |
||||
|
const { projectId } = this.ptProps; |
||||
|
let num = this.addNum; |
||||
|
const params = { |
||||
|
param: { |
||||
|
projectId, |
||||
|
workerInfoList: [info], |
||||
|
}, |
||||
|
}; |
||||
|
const res = await addArriveWorker(params); |
||||
|
const { code, data, msg } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('添加成功'); |
||||
|
this.setAddNum(num + 1); |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="stylus" scoped> |
||||
|
.title { |
||||
|
height: 48px; |
||||
|
padding: auto 10px; |
||||
|
background: #F5F5F5; |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
width: 100%; |
||||
|
line-height: 48px; |
||||
|
z-index: 99; |
||||
|
} |
||||
|
|
||||
|
.titles { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
flex: 1; |
||||
|
} |
||||
|
|
||||
|
.iconleft { |
||||
|
position: absolute; |
||||
|
left: 10px; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.iconleft img { |
||||
|
height: 25px; |
||||
|
width: 25px; |
||||
|
} |
||||
|
|
||||
|
.divide { |
||||
|
width: 100%; |
||||
|
height: 1px; |
||||
|
background: #ddd; |
||||
|
} |
||||
|
|
||||
|
.iconright { |
||||
|
position: absolute; |
||||
|
right: 10px; |
||||
|
font-size: 18px; |
||||
|
height: 100%; |
||||
|
text-align: center; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,20 @@ |
|||||
|
/* |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-05-31 17:25:39 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-02 15:27:56 |
||||
|
*/ |
||||
|
/* |
||||
|
* Copyright (c) 2020. |
||||
|
* author: wally |
||||
|
* email: 18603454788@163.com |
||||
|
*/ |
||||
|
import axios from 'axios'; |
||||
|
let { proxyUrl } = require('@/config/setting'); |
||||
|
|
||||
|
const tall = `${proxyUrl}/gateway/tall/v1.0`; |
||||
|
const users = `${tall}/users`; |
||||
|
|
||||
|
// 查找用户详细信息
|
||||
|
export const getUserId = params => axios.get(`${users}/userId`, params); |
||||
@ -0,0 +1,110 @@ |
|||||
|
import axios from 'axios'; |
||||
|
let { proxyUrl } = require('@/config/setting'); |
||||
|
console.log('proxyUrl: ', proxyUrl); |
||||
|
|
||||
|
const wisdomcar = `${proxyUrl}/gateway/wisdomcar`; |
||||
|
const qcp = `${proxyUrl}/gateway/qcp/v3.0`; |
||||
|
const filedeal = `${proxyUrl}/filedeal`; |
||||
|
const car = `${qcp}/car`; // 平车相关接口
|
||||
|
// const project = `${wisdomcar}/project`; // 页面相关接口
|
||||
|
const otherRecords = `${wisdomcar}/otherRecords`; // 通用界面
|
||||
|
const patientAndFamily = `${wisdomcar}/patientAndFamily`; // 患者相关接口
|
||||
|
const step = `${wisdomcar}/step`; // 首页节点相关接口
|
||||
|
const worker = `${qcp}/worker`; // 人员相关接口
|
||||
|
const statistics = `${qcp}/statistical`; // 统计相关接口
|
||||
|
const project = `${qcp}/project`; // 项目相关接口
|
||||
|
const patient = `${qcp}/patient`; // 患者相关接口
|
||||
|
|
||||
|
// 上传文件
|
||||
|
export const upload = `${filedeal}/file/upload/multiple`; |
||||
|
|
||||
|
// 查询到场人员
|
||||
|
export const queryArriveWorker = params => axios.post(`${worker}/queryArriveWorker`, params); |
||||
|
|
||||
|
// 添加到场人员
|
||||
|
export const addArriveWorker = params => axios.post(`${worker}/addArriveWorker`, params); |
||||
|
|
||||
|
// 查询所有平车
|
||||
|
export const queryAllCar = params => axios.post(`${car}/query`, params); |
||||
|
|
||||
|
// 查询空闲平车
|
||||
|
export const carFree = params => axios.post(`${car}/free`, params); |
||||
|
|
||||
|
// 绑定平车
|
||||
|
export const bindingCar = params => axios.post(`${car}/bind`, params); |
||||
|
|
||||
|
// 查询绑定的平车
|
||||
|
export const queryBindingCar = params => axios.post(`${car}/queryBind`, params); |
||||
|
|
||||
|
// 创建病例
|
||||
|
// export const createCase = params => axios.post(`${car}/createCase`, params);
|
||||
|
|
||||
|
// 查询体重和团注剂量
|
||||
|
export const getWeight = params => axios.post(`${project}/weight`, params); |
||||
|
|
||||
|
// 点击开始
|
||||
|
export const setProStart = params => axios.post(`${project}/start`, params); |
||||
|
|
||||
|
// 选择历史患者切换项目
|
||||
|
export const switchProject = params => axios.post(`${project}/switchProject`, params); |
||||
|
|
||||
|
// 上传身份证图像识别
|
||||
|
export const identifyWords = `${project}/identifyWords`; |
||||
|
|
||||
|
// 获取开始时间
|
||||
|
export const getStartTime = params => axios.post(`${project}/getStartTime`, params); |
||||
|
|
||||
|
// 结束绑定平车
|
||||
|
export const endCar = params => axios.post(`${project}/end`, params); |
||||
|
|
||||
|
// 上传通用内容的图片和记录
|
||||
|
export const otherUpload = params => axios.post(`${otherRecords}/upload`, params); |
||||
|
|
||||
|
// 查询通用内容的图片和记录
|
||||
|
export const otherQuery = params => axios.post(`${otherRecords}/queryList`, params); |
||||
|
|
||||
|
// 查询医生的历史患者
|
||||
|
export const findOldPatient = params => axios.post(`${patientAndFamily}/findOldPatient`, params); |
||||
|
|
||||
|
// 查询患者信息(用于回显)
|
||||
|
export const queryPatientInfo = params => axios.post(`${patientAndFamily}/queryPatientInfo`, params); |
||||
|
|
||||
|
// 修改患者信息
|
||||
|
export const updatePatientInfo = params => axios.post(`${patientAndFamily}/updatePatientInfo`, params); |
||||
|
|
||||
|
// 查询首页节点进度
|
||||
|
export const findStepIsOver = params => axios.post(`${statistics}/step`, params); |
||||
|
|
||||
|
// 查询急救时长分析
|
||||
|
export const getPointTime = params => axios.post(`${statistics}/getPointTime`, params); |
||||
|
|
||||
|
// 质控表格
|
||||
|
export const getControl = params => axios.post(`${proxyUrl}/controlTable`, params); |
||||
|
|
||||
|
// 时间轴列表
|
||||
|
export const getTimeLine = params => axios.post(`${proxyUrl}/timeLine`, params); |
||||
|
|
||||
|
// 统计每天质控报告echarts数据图
|
||||
|
export const everyday = params => axios.post(`${statistics}/queryQuality/everyday`, params); |
||||
|
|
||||
|
// 查询质控报告(月和周)
|
||||
|
export const queryQuality = params => axios.post(`${statistics}/queryQuality`, params); |
||||
|
|
||||
|
// 查询医院成员和急救期间是否值班
|
||||
|
export const queryAllDoctor = params => axios.post(`${worker}/queryAllDoctor`, params); |
||||
|
// 正式接口
|
||||
|
|
||||
|
// 患者列表
|
||||
|
export const getPatientList = params => axios.post(`${patient}/query`, params); |
||||
|
|
||||
|
// 批量提交急救信息
|
||||
|
export const aidRecord = params => axios.post(`${patient}/aidRecord`, params); |
||||
|
|
||||
|
// 批量查询急救信息
|
||||
|
export const queryAidRecord = params => axios.post(`${patient}/queryAidRecord`, params); |
||||
|
|
||||
|
// 根据项目id查询患者信息
|
||||
|
export const queryByProject = params => axios.post(`${patient}/queryByProject`, params); |
||||
|
|
||||
|
// 创建病例
|
||||
|
export const createCase = params => axios.post(`${project}/createCase`, 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,33 @@ |
|||||
|
/* |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-01-29 11:16:27 |
||||
|
* @LastEditors: Please set LastEditors |
||||
|
* @LastEditTime: 2021-07-29 09:51:17 |
||||
|
*/ |
||||
|
// @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'; //对应的省份
|
||||
|
import './plugins/vue-quill-editor.js'; |
||||
|
// import VueDOMPurifyHTML from 'vue-dompurify-html';
|
||||
|
|
||||
|
// Vue.use(VueDOMPurifyHTML);
|
||||
|
Vue.prototype.$echarts = echarts; |
||||
|
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,95 @@ |
|||||
|
/* |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-01-29 11:16:27 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-02 10:10:30 |
||||
|
*/ |
||||
|
import Vue from 'vue'; |
||||
|
import { |
||||
|
Pagination, |
||||
|
Button, |
||||
|
Input, |
||||
|
InputNumber, |
||||
|
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, |
||||
|
Card, |
||||
|
List, |
||||
|
Collapse, |
||||
|
Cascader, |
||||
|
TimePicker, |
||||
|
Divider, |
||||
|
} 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.use(Card); |
||||
|
Vue.use(List); |
||||
|
Vue.use(Collapse); |
||||
|
Vue.use(Cascader); |
||||
|
Vue.use(InputNumber); |
||||
|
Vue.use(TimePicker); |
||||
|
Vue.use(Divider); |
||||
|
|
||||
|
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,84 @@ |
|||||
|
/* |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-04-19 10:23:19 |
||||
|
* @LastEditors: wally |
||||
|
* @LastEditTime: 2021-05-06 11:42:20 |
||||
|
*/ |
||||
|
'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,3 @@ |
|||||
|
import 'quill/dist/quill.core.css'; |
||||
|
import 'quill/dist/quill.snow.css'; |
||||
|
import 'quill/dist/quill.bubble.css'; |
||||
@ -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,202 @@ |
|||||
|
import Vue from 'vue'; |
||||
|
import VueRouter from 'vue-router'; |
||||
|
import Home from 'views/Index/Index.vue'; |
||||
|
|
||||
|
Vue.use(VueRouter); |
||||
|
|
||||
|
const routes = [ |
||||
|
// 首页数据统计
|
||||
|
{ |
||||
|
path: '/', |
||||
|
name: 'Home', |
||||
|
component: Home, |
||||
|
}, |
||||
|
// 选择平车界面
|
||||
|
{ |
||||
|
path: '/choice', |
||||
|
name: 'Choice', |
||||
|
component: () => import('@/views/Choice/Choice.vue'), |
||||
|
}, |
||||
|
// 患者表格
|
||||
|
{ |
||||
|
path: '/patient', |
||||
|
name: 'Patient', |
||||
|
component: () => import('@/views/Choice/Patient.vue'), |
||||
|
}, |
||||
|
// 通用界面
|
||||
|
{ |
||||
|
path: '/currency', |
||||
|
name: 'Currency', |
||||
|
component: () => import('@/views/Currency/Currency.vue'), |
||||
|
}, |
||||
|
// 创建病例界面
|
||||
|
{ |
||||
|
path: '/establish', |
||||
|
name: 'Establish', |
||||
|
component: () => import('@/views/Establish/Establish.vue'), |
||||
|
}, |
||||
|
// 创建病例界面
|
||||
|
{ |
||||
|
path: '/assessment', |
||||
|
name: 'Assessment', |
||||
|
component: () => import('@/views/Establish/Assessment.vue'), |
||||
|
}, |
||||
|
// 团注界面
|
||||
|
{ |
||||
|
path: '/groupNotes', |
||||
|
name: 'GroupNotes', |
||||
|
component: () => import('@/views/GroupNotes/GroupNotes.vue'), |
||||
|
}, |
||||
|
// 视频谈话界面
|
||||
|
{ |
||||
|
path: '/video', |
||||
|
name: 'Video', |
||||
|
component: () => import('@/views/Video/Video.vue'), |
||||
|
}, |
||||
|
// 到场插件
|
||||
|
{ |
||||
|
path: '/information', |
||||
|
name: 'Information', |
||||
|
component: () => import('@/views/Information/Information.vue'), |
||||
|
}, |
||||
|
// 省季度数据分析报告
|
||||
|
{ |
||||
|
path: '/provinceQuarter', |
||||
|
name: 'Quarter', |
||||
|
component: () => import('@/views/Quarter/Province/Quarter.vue'), |
||||
|
}, |
||||
|
// 省年度数据分析报告
|
||||
|
{ |
||||
|
path: '/provinceYear', |
||||
|
name: 'Year', |
||||
|
component: () => import('@/views/Quarter/Province/Year.vue'), |
||||
|
}, |
||||
|
// 省数据分析报告详情
|
||||
|
{ |
||||
|
path: '/provinceDetails', |
||||
|
name: 'ProvinceDetails', |
||||
|
component: () => import('@/views/Quarter/Province/Details.vue'), |
||||
|
}, |
||||
|
// 院值班表
|
||||
|
{ |
||||
|
path: '/courtyardBeOnDuty', |
||||
|
name: 'BeOnDuty', |
||||
|
component: () => import('@/views/Quarter/Courtyard/BeOnDuty.vue'), |
||||
|
}, |
||||
|
// 院急救数据详情
|
||||
|
{ |
||||
|
path: '/courtyardDetails', |
||||
|
name: 'Details', |
||||
|
component: () => import('@/views/Quarter/Courtyard/Details.vue'), |
||||
|
}, |
||||
|
// 院中心领导急救数据详情
|
||||
|
{ |
||||
|
path: '/detailsCore', |
||||
|
name: 'DetailsCore', |
||||
|
component: () => import('@/views/Quarter/Courtyard/DetailsCore.vue'), |
||||
|
}, |
||||
|
// 院信息科
|
||||
|
{ |
||||
|
path: '/courtyardInfor', |
||||
|
name: 'Infor', |
||||
|
component: () => import('@/views/Quarter/Courtyard/Infor.vue'), |
||||
|
}, |
||||
|
// 院运维界面
|
||||
|
{ |
||||
|
path: '/courtyardOperation', |
||||
|
name: 'Operation', |
||||
|
component: () => import('@/views/Quarter/Courtyard/Operation.vue'), |
||||
|
}, |
||||
|
// 院质控数据分析报告
|
||||
|
{ |
||||
|
path: '/courtyardQualityControl', |
||||
|
name: 'QualityControl', |
||||
|
component: () => import('@/views/Quarter/Courtyard/QualityControl.vue'), |
||||
|
}, |
||||
|
// 院中心领导质控数据分析报告
|
||||
|
{ |
||||
|
path: '/controlCore', |
||||
|
name: 'ControlCore', |
||||
|
component: () => import('@/views/Quarter/Courtyard/ControlCore.vue'), |
||||
|
}, |
||||
|
// 评估插件
|
||||
|
{ |
||||
|
path: '/assess', |
||||
|
name: 'assess', |
||||
|
component: () => import('@/views/Assess/Assess.vue'), |
||||
|
}, |
||||
|
// 医技插件
|
||||
|
{ |
||||
|
path: '/medicalSkill', |
||||
|
name: 'MedicalSkill', |
||||
|
component: () => import('@/views/MedicalSkill/MedicalSkill.vue'), |
||||
|
}, |
||||
|
// 治疗方案
|
||||
|
{ |
||||
|
path: '/treatmentPlan', |
||||
|
name: 'treatmentPlan', |
||||
|
component: () => import('@/views/TreatmentPlan/TreatmentPlan.vue'), |
||||
|
}, |
||||
|
// 质控界面
|
||||
|
{ |
||||
|
path: '/control', |
||||
|
name: 'Control', |
||||
|
component: () => import('@/views/Control/Control.vue'), |
||||
|
// 1月质控报告详情界面
|
||||
|
}, |
||||
|
{ |
||||
|
path: '/report', |
||||
|
name: 'Report', |
||||
|
component: () => import('@/views/Report/Report.vue'), |
||||
|
}, |
||||
|
// 患者列表
|
||||
|
{ |
||||
|
path: '/patientList', |
||||
|
name: 'PatientList', |
||||
|
component: () => import('@/views/PatientList/PatientList.vue'), |
||||
|
}, |
||||
|
// 静脉溶栓插件
|
||||
|
{ |
||||
|
path: '/vein', |
||||
|
name: 'Vein', |
||||
|
component: () => import('@/views/Vein/Vein.vue'), |
||||
|
}, |
||||
|
// 添加患者列表
|
||||
|
{ |
||||
|
path: '/addPatient', |
||||
|
name: 'AddPatient', |
||||
|
component: () => import('@/views/AddPatient/AddPatient.vue'), |
||||
|
}, |
||||
|
// 介入治疗插件
|
||||
|
{ |
||||
|
path: '/therapy', |
||||
|
name: 'Therapy', |
||||
|
component: () => import('@/views/Therapy/Therapy.vue'), |
||||
|
}, |
||||
|
// 知情谈话
|
||||
|
{ |
||||
|
path: '/treatment', |
||||
|
name: 'Treatment', |
||||
|
component: () => import('@/views/Treatment/Treatment.vue'), |
||||
|
}, |
||||
|
// 会诊界面
|
||||
|
{ |
||||
|
path: '/diagnosis', |
||||
|
name: 'Diagnosis', |
||||
|
component: () => import('@/views/Diagnosis/Diagnosis.vue'), |
||||
|
}, |
||||
|
// 信息直报
|
||||
|
{ |
||||
|
path: '/infoReport', |
||||
|
name: 'InfoReport', |
||||
|
component: () => import('@/views/InfoReport/InfoReport.vue'), |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
|
const router = new VueRouter({ |
||||
|
mode: 'history', |
||||
|
base: process.env.BASE_URL, |
||||
|
routes, |
||||
|
}); |
||||
|
|
||||
|
export default router; |
||||
@ -0,0 +1,7 @@ |
|||||
|
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 } }); |
||||
@ -0,0 +1,85 @@ |
|||||
|
/* |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-04-19 10:23:19 |
||||
|
* @LastEditors: Please set LastEditors |
||||
|
* @LastEditTime: 2021-07-29 11:48:40 |
||||
|
*/ |
||||
|
import axios from 'axios'; |
||||
|
import { message } from 'ant-design-vue'; |
||||
|
import { getUserId } from 'config/api-user'; |
||||
|
import { setProStart, getStartTime } from 'config/api'; |
||||
|
|
||||
|
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 || '获取个人信息失败'; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 点击开始 |
||||
|
* @param {any} commit |
||||
|
* @param {object} params 提交的参数 |
||||
|
*/ |
||||
|
async setStart({ rootState }, startTime) { |
||||
|
try { |
||||
|
console.log('rootState1:', rootState.home); |
||||
|
const params = { |
||||
|
param: { |
||||
|
startTime, |
||||
|
taskSubId: rootState.home.ptProps.id, |
||||
|
}, |
||||
|
}; |
||||
|
console.log('rootState2:', rootState.home); |
||||
|
const res = await setProStart(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
message.success('成功'); |
||||
|
} else { |
||||
|
message.error('请求失败，请重新尝试'); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
message.error('请求失败，请重新尝试'); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 根据任务Id获取已经填写的时间 |
||||
|
* @param {any} commit |
||||
|
* @param {object} params 提交的参数 |
||||
|
*/ |
||||
|
async getStart({ rootState }) { |
||||
|
try { |
||||
|
const params = { param: { taskSubId: rootState.home.ptProps.id } }; |
||||
|
const res = await getStartTime(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
if (data && data.startTime) { |
||||
|
return data.startTime; |
||||
|
} |
||||
|
} else { |
||||
|
return false; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
return false; |
||||
|
} |
||||
|
}, |
||||
|
}; |
||||
|
|
||||
|
export default actions; |
||||
@ -0,0 +1,26 @@ |
|||||
|
/* |
||||
|
* @Author: your name |
||||
|
* @Date: 2021-07-28 12:00:41 |
||||
|
* @LastEditTime: 2021-07-29 10:07:25 |
||||
|
* @LastEditors: your name |
||||
|
* @Description: In User Settings Edit |
||||
|
* @FilePath: \wisdomcar_mobile\src\store\modules\home\getters.js |
||||
|
*/ |
||||
|
const getters = { |
||||
|
// 获取用户的id
|
||||
|
userId({ user }) { |
||||
|
try { |
||||
|
if (!user) return ''; |
||||
|
return user.id; |
||||
|
} catch (error) { |
||||
|
console.warn("user's getters 获取userId失败", error); |
||||
|
return ''; |
||||
|
} |
||||
|
}, |
||||
|
}; |
||||
|
// 域定制导航展示形式
|
||||
|
// 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,91 @@ |
|||||
|
/* |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-05-31 17:25:39 |
||||
|
* @LastEditors: Please set LastEditors |
||||
|
* @LastEditTime: 2021-07-29 11:48:32 |
||||
|
*/ |
||||
|
const mutations = { |
||||
|
/** |
||||
|
* 设置token |
||||
|
* @param { object } state |
||||
|
* @param { string } token |
||||
|
*/ |
||||
|
sign(state, token) { |
||||
|
state.anyringToken = token; |
||||
|
sessionStorage.setItem('anyringToken', token); |
||||
|
}, |
||||
|
/** |
||||
|
* 设置token |
||||
|
* @param { object } state |
||||
|
* @param { string } token |
||||
|
*/ |
||||
|
getToken(state, token) { |
||||
|
state.anyringToken = sessionStorage.getItem('anyringToken'); |
||||
|
}, |
||||
|
/** |
||||
|
* 设置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)); |
||||
|
}, |
||||
|
/** |
||||
|
* 设置user用户信息 |
||||
|
* @param {object} state |
||||
|
* @param {Array} data |
||||
|
*/ |
||||
|
setControlGroups(state, data) { |
||||
|
state.controlGroups = data; |
||||
|
}, |
||||
|
/** |
||||
|
* 设置Pt传过来的参数 |
||||
|
* @param {object} state |
||||
|
* @param {string} data |
||||
|
*/ |
||||
|
setPtProps(state, data) { |
||||
|
state.ptProps = { ...data }; |
||||
|
console.log('setPtProps.ptProps', state.ptProps); |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 设置标题 |
||||
|
*/ |
||||
|
setTitle(state, data) { |
||||
|
state.title = data; |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 设置标题图标 |
||||
|
* 格式 [{ icon: 'plus-circle', path: '/addPatient', type: 1 }] |
||||
|
* icon 图标类型 || 图片路径 |
||||
|
* type 1 图标 2 图片 3 文字 |
||||
|
* path 跳转路径 |
||||
|
*/ |
||||
|
setTitleIcon(state, data) { |
||||
|
state.list = data; |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 设置正式演示 |
||||
|
* @param {object} state |
||||
|
* @param {number} data 0正式 1演示 |
||||
|
*/ |
||||
|
setValueType(state, data) { |
||||
|
state.valueType = data; |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 增加了一个到场医生后，值加一，到场信息界面监听到值变化后重新查询 |
||||
|
* @param {object} state |
||||
|
* @param {number} data |
||||
|
*/ |
||||
|
setAddNum(state, data) { |
||||
|
state.addNum = data; |
||||
|
}, |
||||
|
}; |
||||
|
|
||||
|
export default mutations; |
||||
@ -0,0 +1,24 @@ |
|||||
|
/* |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-04-19 10:23:19 |
||||
|
* @LastEditors: Please set LastEditors |
||||
|
* @LastEditTime: 2021-07-29 18:45:35 |
||||
|
*/ |
||||
|
const state = { |
||||
|
anyringToken: '', |
||||
|
user: { id: '', phone: '', account: '', wxInfo: { nickname: '' } }, |
||||
|
ptProps: { |
||||
|
userId: '', |
||||
|
// taskId: '',
|
||||
|
// projectId: '',
|
||||
|
id: '1400657516546887680', |
||||
|
projectId: '1420652719055839232', |
||||
|
}, // 接受PT传过来的 pluginId，projectId，roleId，taskId(id)，userId
|
||||
|
title: '智慧平车', |
||||
|
list: [], |
||||
|
valueType: 0, |
||||
|
addNum: 0, |
||||
|
}; |
||||
|
|
||||
|
export default state; |
||||
@ -0,0 +1,283 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-column pb-10"> |
||||
|
<div :key="indexa" class="tow mb-3" v-for="(index, indexa) in data"> |
||||
|
<a-list :data-source="index" class="white" item-layout="horizontal"> |
||||
|
<a-list-item class="mx-3" slot="renderItem" slot-scope="item" v-if="item.show"> |
||||
|
<div class="d-flex flex-nowrap align-center" style="width: 100%"> |
||||
|
<div class="mr-3"> |
||||
|
{{ item.title }} |
||||
|
<span class="text-red" v-if="item.required">*</span> |
||||
|
</div> |
||||
|
<div class="flex-1 flex-row-reverse"> |
||||
|
<a-input @change="onChange($event, item.name)" placeholder="请输入" style="width: 150px" v-if="item.type === 'text'" /> |
||||
|
<a-input |
||||
|
@change="onChange($event, item.name)" |
||||
|
placeholder="请输入" |
||||
|
style="width: 150px" |
||||
|
type="number" |
||||
|
v-if="item.type === 'heath'" |
||||
|
/> |
||||
|
<div type="number" v-else-if="item.type === 'heaths'">自动生成</div> |
||||
|
<a-radio-group @change="onChange($event, item.name)" class="d-flex flex-nowrap" v-else-if="item.type === 'gender'"> |
||||
|
<a-radio :style="radioStyle" :value="0" class="flex-1">女</a-radio> |
||||
|
<a-radio :style="radioStyle" :value="1" class="flex-1">男</a-radio> |
||||
|
</a-radio-group> |
||||
|
<a-radio-group @change="onChange($event, item.name)" class="d-flex flex-nowrap" v-else-if="item.type === 'timeType'"> |
||||
|
<a-radio :style="radioStyle" :value="0">已知</a-radio> |
||||
|
<a-radio :style="radioStyle" :value="1">未知</a-radio> |
||||
|
<a-radio :style="radioStyle" :value="2">醒后卒中</a-radio> |
||||
|
</a-radio-group> |
||||
|
<!-- 发病时间 --> |
||||
|
<a-date-picker |
||||
|
@change="onTimeChange($event, item.name)" |
||||
|
format="YYYY-MM-DD HH:mm" |
||||
|
placeholder="请选择发病时间" |
||||
|
show-time |
||||
|
style="width: 150px" |
||||
|
v-else-if="item.type === 'time'" |
||||
|
/> |
||||
|
<!-- 最后看起来正常时间 --> |
||||
|
<a-date-picker |
||||
|
@change="onTimeChange($event, item.name)" |
||||
|
format="YYYY-MM-DD HH:mm" |
||||
|
placeholder="请选择最后正常时间" |
||||
|
show-time |
||||
|
style="width: 150px" |
||||
|
v-else-if="item.type === 'lastNormalTime'" |
||||
|
/> |
||||
|
<a-radio-group @change="onChange($event, item.name)" class="d-flex flex-nowrap" v-else-if="item.type === 'radio'"> |
||||
|
<a-radio :style="radioStyle" :value="0" class="flex-1">否</a-radio> |
||||
|
<a-radio :style="radioStyle" :value="1" class="flex-1">是</a-radio> |
||||
|
</a-radio-group> |
||||
|
<a-date-picker |
||||
|
@change="onTimeChange($event, item.name)" |
||||
|
format="YYYY-MM-DD HH:mm" |
||||
|
placeholder="请选择到院时间" |
||||
|
show-time |
||||
|
style="width: 150px" |
||||
|
v-else-if="item.type === 'arriveTime'" |
||||
|
/> |
||||
|
<a-date-picker |
||||
|
@change="onTimeChange($event, item.name)" |
||||
|
format="YYYY-MM-DD HH:mm" |
||||
|
placeholder="请选择住院时间" |
||||
|
show-time |
||||
|
style="width: 150px" |
||||
|
v-else-if="item.type === 'inspect'" |
||||
|
/> |
||||
|
<a-select |
||||
|
@change="handleSelectChange($event, item.name)" |
||||
|
placeholder="请选择" |
||||
|
style="width: 150px" |
||||
|
v-else-if="item.type === 'select'" |
||||
|
> |
||||
|
<a-select-option :key="listIndex" :value="list.id" v-for="(list, listIndex) in item.lists">{{ |
||||
|
list.value |
||||
|
}}</a-select-option> |
||||
|
</a-select> |
||||
|
<!-- 入院途径 --> |
||||
|
<div v-else-if="item.type === 'pathway'" style="width: 150px"> |
||||
|
<a-select @change="handleSelectChange($event, item.name)" placeholder="请选择" style="width: 150px"> |
||||
|
<a-select-option :key="listIndex" :value="list.id" v-for="(list, listIndex) in item.lists">{{ |
||||
|
list.value |
||||
|
}}</a-select-option> |
||||
|
</a-select> |
||||
|
<a-input |
||||
|
@change="onPathwayChange($event, item.name)" |
||||
|
placeholder="请输入其他入院途径" |
||||
|
class="mt-3" |
||||
|
style="width: 150px" |
||||
|
v-if="showOther" |
||||
|
/> |
||||
|
</div> |
||||
|
<a-cascader |
||||
|
v-else-if="item.type === 'inHospitalType'" |
||||
|
style="width: 150px" |
||||
|
:options="item.lists" |
||||
|
placeholder="请选择" |
||||
|
change-on-select |
||||
|
@change="handleSelectChange($event, item.name)" |
||||
|
/> |
||||
|
<a-upload |
||||
|
:headers="headers" |
||||
|
:multiple="true" |
||||
|
@change="handleChange" |
||||
|
action="https://www.mocky.io/v2/5cc8019d300000980a055e76" |
||||
|
name="file" |
||||
|
v-else-if="item.type === 'photo'" |
||||
|
> |
||||
|
<a-button class="uploads"> |
||||
|
<a-icon type="camera" /> |
||||
|
</a-button> |
||||
|
</a-upload> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-list-item> |
||||
|
</a-list> |
||||
|
</div> |
||||
|
<img @click="openChoice" class="yan" src="../../assets/fixed.png" /> |
||||
|
<a-button :loading="loading" @click="submit" class="mx-3 mb-10" type="primary">完成创建患者</a-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapGetters, mapMutations } from 'vuex'; |
||||
|
import { data } from './config'; |
||||
|
import { createCase } from 'config/api'; |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
data, |
||||
|
loading: false, |
||||
|
current: 0, |
||||
|
radioStyle: { |
||||
|
display: 'block', |
||||
|
height: '30px', |
||||
|
lineHeight: '30px', |
||||
|
}, |
||||
|
headers: { authorization: 'authorization-text' }, |
||||
|
options: {}, |
||||
|
showOther: false, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: { |
||||
|
...mapState('home', ['valueType']), |
||||
|
...mapGetters('home', ['userId']), |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
this.setTitle('基本信息'); |
||||
|
const item = [{ icon: '（演）', path: '', type: 3 }]; |
||||
|
this.setTitleIcon(item); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle', 'setTitleIcon']), |
||||
|
onChange(e, name) { |
||||
|
this.options[name] = e.target.value; |
||||
|
if (name === 'timeType') { |
||||
|
if (e.target.value === 0) { |
||||
|
this.data[3][1].show = true; |
||||
|
this.data[3][2].show = false; |
||||
|
} else if (e.target.value === 1) { |
||||
|
this.data[3][1].show = false; |
||||
|
this.data[3][2].show = false; |
||||
|
} else { |
||||
|
this.data[3][1].show = false; |
||||
|
this.data[3][2].show = true; |
||||
|
} |
||||
|
} |
||||
|
if (name === 'hospitalStroke') { |
||||
|
if (e.target.value === 0) { |
||||
|
this.data[3][4].show = true; |
||||
|
} else { |
||||
|
this.data[3][4].show = false; |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
onTimeChange(time, name) { |
||||
|
const chooseTime = this.$moment(time).format('x'); |
||||
|
this.options[name] = chooseTime; |
||||
|
}, |
||||
|
handleSelectChange(value, name) { |
||||
|
console.log('value, name: ', value, name); |
||||
|
console.log('name', name === 'pathway' && value === '其他'); |
||||
|
if (name === 'inHospitalType') { |
||||
|
this.showOther = false; |
||||
|
this.options[name] = value[value.length - 1]; |
||||
|
} else if (name === 'pathway' && value === '其他') { |
||||
|
this.showOther = true; |
||||
|
} else { |
||||
|
this.showOther = false; |
||||
|
this.options[name] = value; |
||||
|
} |
||||
|
}, |
||||
|
onPathwayChange(e, name) { |
||||
|
console.log('e, name: ', e.target.value, name); |
||||
|
this.options['pathway'] = e.target.value; |
||||
|
}, |
||||
|
handleChange(info) { |
||||
|
if (info.file.status !== 'uploading') { |
||||
|
console.log(info.file, info.fileList); |
||||
|
} |
||||
|
if (info.file.status === 'done') { |
||||
|
this.$message.success(`${info.file.name} file uploaded successfully`); |
||||
|
} else if (info.file.status === 'error') { |
||||
|
this.$message.error(`${info.file.name} file upload failed.`); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 完成患者创建 |
||||
|
async submit() { |
||||
|
try { |
||||
|
this.loading = true; |
||||
|
const param = this.options; |
||||
|
const params = { param }; |
||||
|
params.param.valueType = this.valueType; |
||||
|
const res = await createCase(params); |
||||
|
this.loading = false; |
||||
|
const { code, data, msg } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('创建成功'); |
||||
|
location.href = `http://www.tall.wiki/tall/v3.0.0/#/?u=${this.userId}&p=${data.projectId}`; |
||||
|
} else { |
||||
|
this.$message.error(msg || '创建失败'); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.loading = false; |
||||
|
console.log('error: ', error); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 跳转绑定平车 |
||||
|
openChoice() { |
||||
|
this.$router.push('/choice'); |
||||
|
this.setTitleIcon([]); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.ant-list-item >>> input { |
||||
|
outline: none; |
||||
|
border: none; |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
.ant-calendar-picker >>> input { |
||||
|
padding-right: 34px; |
||||
|
} |
||||
|
|
||||
|
.ant-select >>> .ant-select-selection { |
||||
|
border: none; |
||||
|
} |
||||
|
|
||||
|
.ant-select >>> .ant-select-selection__placeholder, |
||||
|
.ant-select-search__field__placeholder { |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
.ant-select >>> .ant-select-selection-selected-value { |
||||
|
width: 100%; |
||||
|
text-align: right; |
||||
|
padding-right: 11px; |
||||
|
} |
||||
|
|
||||
|
.ant-cascader-picker >>> .ant-cascader-input.ant-input { |
||||
|
padding-right: 35px; |
||||
|
} |
||||
|
|
||||
|
.ant-cascader-picker >>> .ant-cascader-picker-label { |
||||
|
text-align: right; |
||||
|
padding-right: 35px; |
||||
|
} |
||||
|
|
||||
|
.yan { |
||||
|
position: fixed; |
||||
|
right: 0; |
||||
|
top: 50%; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,117 @@ |
|||||
|
export const data = [ |
||||
|
[{ title: '身份信息', name: 'idcardInfo', type: 'photo', show: true }], |
||||
|
[ |
||||
|
{ title: '姓名', name: 'name', type: 'text', required: true, show: true }, |
||||
|
{ title: '性别', name: 'gender', type: 'gender', required: true, show: true }, |
||||
|
{ title: '年龄', name: 'age', type: 'heath', required: true, show: true }, |
||||
|
{ |
||||
|
title: '民族', |
||||
|
name: 'nation', |
||||
|
type: 'select', |
||||
|
show: true, |
||||
|
lists: [ |
||||
|
{ id: '汉族', value: '汉族' }, |
||||
|
{ id: '蒙古族', value: '蒙古族' }, |
||||
|
{ id: '回族', value: '回族' }, |
||||
|
{ id: '藏族', value: '藏族' }, |
||||
|
{ id: '维吾尔族', value: '维吾尔族' }, |
||||
|
{ id: '苗族', value: '苗族' }, |
||||
|
{ id: '彝族', value: '彝族' }, |
||||
|
{ id: '壮族', value: '壮族' }, |
||||
|
{ id: '布依族', value: '布依族' }, |
||||
|
{ id: '朝鲜族', value: '朝鲜族' }, |
||||
|
{ id: '满族', value: '满族' }, |
||||
|
{ id: '侗族', value: '侗族' }, |
||||
|
{ id: '瑶族', value: '瑶族' }, |
||||
|
{ id: '白族', value: '白族' }, |
||||
|
{ id: '土家族', value: '土家族' }, |
||||
|
{ id: '哈尼族', value: '哈尼族' }, |
||||
|
{ id: '哈萨克族', value: '哈萨克族' }, |
||||
|
{ id: '傣族', value: '傣族' }, |
||||
|
{ id: '黎族', value: '黎族' }, |
||||
|
{ id: '傈僳族', value: '傈僳族' }, |
||||
|
{ id: '佤族', value: '佤族' }, |
||||
|
{ id: '畲族', value: '畲族' }, |
||||
|
{ id: '高山族', value: '高山族' }, |
||||
|
{ id: '拉祜族', value: '拉祜族' }, |
||||
|
{ id: '水族', value: '水族' }, |
||||
|
{ id: '东乡族', value: '东乡族' }, |
||||
|
{ id: '纳西族', value: '纳西族' }, |
||||
|
{ id: '景颇族', value: '景颇族' }, |
||||
|
{ id: '柯尔克孜族', value: '柯尔克孜族' }, |
||||
|
{ id: '土族', value: '土族' }, |
||||
|
{ id: '达斡尔族', value: '达斡尔族' }, |
||||
|
{ id: '仫佬族', value: '仫佬族' }, |
||||
|
{ id: '羌族', value: '羌族' }, |
||||
|
{ id: '布朗族', value: '布朗族' }, |
||||
|
{ id: '撒拉族', value: '撒拉族' }, |
||||
|
{ id: '毛南族', value: '毛南族' }, |
||||
|
{ id: '仡佬族', value: '仡佬族' }, |
||||
|
{ id: '锡伯族', value: '锡伯族' }, |
||||
|
{ id: '阿昌族', value: '阿昌族' }, |
||||
|
{ id: '普米族', value: '普米族' }, |
||||
|
{ id: '塔吉克族', value: '塔吉克族' }, |
||||
|
{ id: '怒族', value: '怒族' }, |
||||
|
{ id: '乌孜别克族', value: '乌孜别克族' }, |
||||
|
{ id: '俄罗斯族', value: '俄罗斯族' }, |
||||
|
{ id: '鄂温克族', value: '鄂温克族' }, |
||||
|
{ id: '德昂族', value: '德昂族' }, |
||||
|
{ id: '保安族', value: '保安族' }, |
||||
|
{ id: '裕固族', value: '裕固族' }, |
||||
|
{ id: '京族', value: '京族' }, |
||||
|
{ id: '塔塔尔族', value: '塔塔尔族' }, |
||||
|
{ id: '独龙族', value: '独龙族' }, |
||||
|
{ id: '鄂伦春族', value: '鄂伦春族' }, |
||||
|
{ id: '赫哲族', value: '赫哲族' }, |
||||
|
{ id: '门巴族', value: '门巴族' }, |
||||
|
{ id: '珞巴族', value: '珞巴族' }, |
||||
|
{ id: '基诺族', value: '基诺族' }, |
||||
|
], |
||||
|
}, // 民族
|
||||
|
{ title: '证件号', name: 'idcard', type: 'text', show: true }, |
||||
|
{ title: '住院号', name: 'medicalRecordNum', type: 'text', show: true }, |
||||
|
], |
||||
|
[ |
||||
|
{ title: '联系电话', name: 'phone', type: 'heath', show: true }, |
||||
|
{ title: '亲属电话', name: 'kinsfolkPhone', type: 'heath', show: true }, |
||||
|
], |
||||
|
[ |
||||
|
{ title: '发病时间类型', name: 'timeType', type: 'timeType', show: true }, |
||||
|
{ title: '发病时间', name: 'time', type: 'time', show: true }, |
||||
|
{ title: '最后正常时间', name: 'lastNormalTime', type: 'lastNormalTime', show: false }, |
||||
|
{ title: '是否在院内卒中', name: 'hospitalStroke', type: 'radio', show: true }, |
||||
|
{ title: '到院时间', name: 'arriveHospitalTime', type: 'arriveTime', show: true }, |
||||
|
{ title: '住院时间', name: 'hospitalizedTime', type: 'inspect', show: true }, |
||||
|
{ |
||||
|
title: '入院途径', |
||||
|
name: 'pathway', |
||||
|
type: 'pathway', |
||||
|
lists: [ |
||||
|
{ id: '急诊', value: '急诊' }, |
||||
|
{ id: '门诊', value: '门诊' }, |
||||
|
{ id: '其他医疗机构转入', value: '其他医疗机构转入' }, |
||||
|
{ id: '其他', value: '其他' }, |
||||
|
], |
||||
|
show: true, |
||||
|
}, |
||||
|
{ |
||||
|
title: '来院方式', |
||||
|
name: 'inHospitalType', |
||||
|
type: 'inHospitalType', |
||||
|
lists: [ |
||||
|
{ value: 1, label: '本院急救车' }, |
||||
|
{ value: 2, label: '当地120' }, |
||||
|
{ |
||||
|
value: 7, |
||||
|
label: '外院转院', |
||||
|
children: [ |
||||
|
{ value: 3, label: '网络协作医院' }, |
||||
|
{ value: 4, label: '非网络协作医院' }, |
||||
|
], |
||||
|
}, |
||||
|
{ value: 5, label: '自行来院' }, |
||||
|
], |
||||
|
show: true, |
||||
|
}, |
||||
|
], |
||||
|
]; |
||||
@ -0,0 +1,307 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-column pb-10"> |
||||
|
<div class="tow mb-3" v-for="(index, indexa) in information" :key="indexa"> |
||||
|
<a-list item-layout="horizontal" class="white" :data-source="index"> |
||||
|
<a-list-item class="mx-3" slot="renderItem" slot-scope="item"> |
||||
|
<div class="d-flex flex-nowrap align-center" style="width: 100%"> |
||||
|
<div class="mr-3">{{ item.title }}</div> |
||||
|
<div class="flex-1 flex-row-reverse"> |
||||
|
<span |
||||
|
v-if="item.type === 'heath'" |
||||
|
class="pr-3" |
||||
|
@click=" |
||||
|
openNumKey( |
||||
|
item.title.split(' ')[0], |
||||
|
item.title.split(' ')[1], |
||||
|
record[`${item.name}`] && record[`${item.name}`].length ? record[`${item.name}`][0] : '', |
||||
|
item.name, |
||||
|
) |
||||
|
" |
||||
|
> |
||||
|
{{ item.value || (record[`${item.name}`] && record[`${item.name}`].length ? record[`${item.name}`][0] : '') }} |
||||
|
</span> |
||||
|
|
||||
|
<div v-else-if="item.type === 'heaths'" type="number" class="pr-3"> |
||||
|
{{ weight && height ? (weight / (height * height)).toFixed(2) : 0 }} |
||||
|
</div> |
||||
|
<div v-else-if="item.type === 'radio'"> |
||||
|
<a-radio-group |
||||
|
:default-value="record[`${item.name}`] && record[`${item.name}`].length ? record[`${item.name}`][0] : ''" |
||||
|
:key="record[`${item.name}`] && record[`${item.name}`].length ? record[`${item.name}`][0] : ''" |
||||
|
@change="onChange($event, item.name)" |
||||
|
class="d-flex flex-nowrap" |
||||
|
> |
||||
|
<a-radio :style="radioStyle" value="0" class="flex-1"> 否 </a-radio> |
||||
|
<a-radio :style="radioStyle" value="1" class="flex-1"> 是 </a-radio> |
||||
|
</a-radio-group> |
||||
|
<div v-if="show" class="mt-3"> |
||||
|
洼田饮水试验 |
||||
|
<a-input |
||||
|
@click="showModel = true" |
||||
|
style="width: 50px; border-bottom: 1px solid #666; border-radius: 0" |
||||
|
type="text" |
||||
|
:value="currentValue" |
||||
|
/> |
||||
|
级 |
||||
|
</div> |
||||
|
</div> |
||||
|
<a-checkbox-group |
||||
|
v-else-if="item.type === 'radios'" |
||||
|
v-model="checkedList" |
||||
|
:options="plainOptions" |
||||
|
@change="onCheckChange($event, item.name)" |
||||
|
/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-list-item> |
||||
|
</a-list> |
||||
|
</div> |
||||
|
<test-model v-if="showModel" :lists="lists" :current-value="currentValue" @closeModel="closeModel"></test-model> |
||||
|
<num-key |
||||
|
v-if="showNumModel" |
||||
|
:title="title" |
||||
|
:unit="unit" |
||||
|
:num-value="numValue" |
||||
|
:type="type" |
||||
|
@closeNumModel="closeNumModel" |
||||
|
@changeValue="changeValue" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapMutations } from 'vuex'; |
||||
|
import { information } from './config'; |
||||
|
import { queryAidRecord, aidRecord } from 'config/api'; |
||||
|
import TestModel from '@/components/TestModel/TestModel.vue'; |
||||
|
import NumKey from '../../components/NumKey/NumKey.vue'; |
||||
|
|
||||
|
export default { |
||||
|
components: { TestModel, NumKey }, |
||||
|
data() { |
||||
|
return { |
||||
|
information, |
||||
|
current: 0, |
||||
|
radioStyle: { |
||||
|
display: 'block', |
||||
|
height: '30px', |
||||
|
lineHeight: '30px', |
||||
|
}, |
||||
|
plainOptions: ['糖尿病', '高血压'], |
||||
|
checkedList: [], |
||||
|
show: false, |
||||
|
record: {}, |
||||
|
headers: { authorization: 'authorization-text' }, |
||||
|
options: { |
||||
|
answer: '', |
||||
|
questionCode: '', |
||||
|
}, |
||||
|
height: 0, |
||||
|
weight: 0, |
||||
|
info: { |
||||
|
RYPGheight: 0, |
||||
|
RYPGweight: 0, |
||||
|
RYPGsystolicPressure: 0, |
||||
|
RYPGdiastolicPressure: 0, |
||||
|
RYPGpulse: 0, |
||||
|
RYPGbloodGlucose: 0, |
||||
|
RYPGmRSScore: 0, |
||||
|
RYPGNIHSSScore: 0, |
||||
|
RYPGswallowingFunction: 0, |
||||
|
RYPGmedicalHistory: 0, |
||||
|
}, |
||||
|
lists: ['1', '2', '3', '4', '5', '未评'], |
||||
|
showModel: false, |
||||
|
currentValue: '', |
||||
|
numValue: '0', |
||||
|
title: '', |
||||
|
unit: '', |
||||
|
type: '', |
||||
|
showNumModel: false, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: mapState('home', ['ptProps']), |
||||
|
|
||||
|
created() { |
||||
|
this.setTitle('入院评估'); |
||||
|
this.getQuery(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle']), |
||||
|
|
||||
|
// 点击弹出数字键盘 |
||||
|
openNumKey(title, unit, value, name) { |
||||
|
this.title = title; |
||||
|
this.unit = unit; |
||||
|
this.type = name; |
||||
|
this.numValue = value; |
||||
|
this.showNumModel = true; |
||||
|
}, |
||||
|
|
||||
|
// 关闭数字键盘 |
||||
|
closeNumModel() { |
||||
|
this.showNumModel = false; |
||||
|
}, |
||||
|
|
||||
|
// 数字键盘修改值 |
||||
|
changeValue(value, name) { |
||||
|
this.showNumModel = false; |
||||
|
if (name === 'RYPG-height') { |
||||
|
this.height = value / 100 - 0; |
||||
|
} |
||||
|
if (name === 'RYPG-weight') { |
||||
|
this.weight = value - 0; |
||||
|
} |
||||
|
// 赋值 |
||||
|
for (var i = 0; i < this.information.length; i++) { |
||||
|
const item = this.information[i]; |
||||
|
for (var j = 0; j < item.length; j++) { |
||||
|
if (item[j].name === name) { |
||||
|
item[j].value = value; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
this.options = {}; |
||||
|
this.options.answer = [value]; |
||||
|
this.options.questionCode = name; |
||||
|
this.submit(this.options); |
||||
|
}, |
||||
|
|
||||
|
onChange(e, name) { |
||||
|
if (name === 'RYPG-swallowingFunction') { |
||||
|
if (e.target.value === '0') { |
||||
|
this.show = false; |
||||
|
} else { |
||||
|
this.show = true; |
||||
|
} |
||||
|
} |
||||
|
this.options = {}; |
||||
|
this.options.answer = [e.target.value]; |
||||
|
this.options.questionCode = name; |
||||
|
this.submit(this.options); |
||||
|
}, |
||||
|
|
||||
|
onCheckChange(value, name) { |
||||
|
this.options = {}; |
||||
|
this.options.answer = value; |
||||
|
this.options.questionCode = name; |
||||
|
this.submit(this.options); |
||||
|
}, |
||||
|
|
||||
|
// 弹框关闭 |
||||
|
closeModel(i) { |
||||
|
this.showModel = false; |
||||
|
if (i) { |
||||
|
this.currentValue = this.lists[i]; |
||||
|
this.options = {}; |
||||
|
this.options.answer = [this.lists[i]]; |
||||
|
this.options.questionCode = 'RYPG-test'; |
||||
|
this.submit(this.options); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 批量查询急救信息 |
||||
|
* @param { Array } codeList code列表 |
||||
|
* @param { String } projectId 项目id |
||||
|
*/ |
||||
|
async getQuery() { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
codeList: [ |
||||
|
'RYPG-height', |
||||
|
'RYPG-weight', |
||||
|
'RYPG-weight', |
||||
|
'RYPG-systolicPressure', |
||||
|
'RYPG-diastolicPressure', |
||||
|
'RYPG-pulse', |
||||
|
'RYPG-bloodGlucose', |
||||
|
'RYPG-mRSScore', |
||||
|
'RYPG-NIHSSScore', |
||||
|
'RYPG-swallowingFunction', |
||||
|
'RYPG-medicalHistory', |
||||
|
'RYPG-test', |
||||
|
], |
||||
|
projectId: this.ptProps.projectId, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await queryAidRecord(params); |
||||
|
const { code, data, msg } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.record = data.record; |
||||
|
// 赋值BMI |
||||
|
if (this.record['RYPG-height']) { |
||||
|
this.height = this.record['RYPG-height'] / 100 - 0; |
||||
|
} |
||||
|
if (this.record['RYPG-weight']) { |
||||
|
this.weight = this.record['RYPG-weight'] - 0; |
||||
|
} |
||||
|
if (this.record['RYPG-medicalHistory']) { |
||||
|
this.checkedList = this.record['RYPG-medicalHistory']; |
||||
|
} |
||||
|
if (this.record['RYPG-test'] && this.record['RYPG-swallowingFunction'] && this.record['RYPG-swallowingFunction'] === '1') { |
||||
|
this.show = true; |
||||
|
this.currentValue = this.record['RYPG-test']; |
||||
|
} |
||||
|
// 赋值单选 |
||||
|
} else { |
||||
|
this.$message.error(msg || '查询失败'); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.log('error: ', error); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 提交信息 |
||||
|
* @param { Array } codeAndAnswerList code和答案 |
||||
|
* @param { String } projectId 项目id |
||||
|
* @param { Number } userType 提交人类型（0平车 1人） |
||||
|
*/ |
||||
|
async submit(options) { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
codeAndAnswerList: [options], |
||||
|
projectId: this.ptProps.projectId, |
||||
|
userType: 0, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await aidRecord(params); |
||||
|
const { code, data, msg } = res.data; |
||||
|
if (code === 200) { |
||||
|
} else { |
||||
|
this.$message.error(msg || '提交失败'); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.log('error: ', error); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.ant-list-item >>> input { |
||||
|
outline: none; |
||||
|
border: none; |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
.ant-calendar-picker >>> input { |
||||
|
padding-right: 34px; |
||||
|
} |
||||
|
|
||||
|
.ant-select >>> .ant-select-selection { |
||||
|
border: none; |
||||
|
} |
||||
|
|
||||
|
.ant-select >>> .ant-select-selection__placeholder, |
||||
|
.ant-select-search__field__placeholder { |
||||
|
text-align: right; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,19 @@ |
|||||
|
export const information = [ |
||||
|
[ |
||||
|
{ title: '身高 cm', name: 'RYPG-height', type: 'heath', value: '' }, |
||||
|
{ title: '体重 kg', name: 'RYPG-weight', type: 'heath', value: '' }, |
||||
|
{ title: 'BMI（系统自动计算）', name: 'RYPG-bmi', type: 'heaths', value: '' }, |
||||
|
], |
||||
|
[ |
||||
|
{ title: '收缩压 mmHg', name: 'RYPG-systolicPressure', type: 'heath', value: '' }, |
||||
|
{ title: '舒张压 mmHg', name: 'RYPG-diastolicPressure', type: 'heath', value: '' }, |
||||
|
{ title: '脉搏 次/分', name: 'RYPG-pulse', type: 'heath', value: '' }, |
||||
|
{ title: '快速血糖 mmol/L', name: 'RYPG-bloodGlucose', type: 'heath', value: '' }, |
||||
|
], |
||||
|
[ |
||||
|
{ title: '本次入院mRS评分', name: 'RYPG-mRSScore', type: 'heath', value: '' }, |
||||
|
{ title: '本次入院NIHSS评分', name: 'RYPG-NIHSSScore', type: 'heath', value: '' }, |
||||
|
{ title: '吞咽功能', name: 'RYPG-swallowingFunction', type: 'radio', value: null }, |
||||
|
], |
||||
|
[{ title: '既往病史', name: 'RYPG-medicalHistory', type: 'radios' }], |
||||
|
]; |
||||
@ -0,0 +1,296 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:07:17 |
||||
|
* @LastEditors: Please set LastEditors |
||||
|
* @LastEditTime: 2021-07-29 23:57:56 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap flex-column"> |
||||
|
<div v-if="showInfo"> |
||||
|
<a-card class="fill-width" style="position: relative"> |
||||
|
<div slot="title" class="d-flex align-center"> |
||||
|
<span> 选择平车 </span> |
||||
|
<div class="flex-1 justify-center"> |
||||
|
<a-button type="primary" v-if="everCar && everCar.carSerial" @click="showInfo = false">查看平车信息</a-button> |
||||
|
</div> |
||||
|
<a-icon type="undo" class="title-icon" @click="getCar" /> |
||||
|
</div> |
||||
|
<a-spin tip="正在重新获取平车数据..." :spinning="spinning"> |
||||
|
<a-radio-group class="d-flex flex-column" v-if="list.length" @change="choiceCar"> |
||||
|
<div v-for="item in list" :key="item.id" class="radio-box d-flex"> |
||||
|
<a-radio :key="item.id" class="radio-item" :value="item.id"> |
||||
|
{{ item.serial }} |
||||
|
</a-radio> |
||||
|
<div class="radio-name" v-if="item.patientName">已绑定</div> |
||||
|
</div> |
||||
|
</a-radio-group> |
||||
|
<a-empty v-else description="暂时没有平车数据" /> |
||||
|
</a-spin> |
||||
|
</a-card> |
||||
|
<a-card class="fill-width mt-1"> |
||||
|
<div slot="title" class="d-flex align-center"> |
||||
|
<span class="flex-1"> 选择时间 </span> |
||||
|
</div> |
||||
|
<div class="d-flex align-center"> |
||||
|
<div class="flex-1">开始时间：</div> |
||||
|
<a-date-picker |
||||
|
class="mr-2" |
||||
|
:default-value="$moment(startTime)" |
||||
|
format="YYYY-MM-DD HH:mm" |
||||
|
:show-time="{ format: 'HH:mm' }" |
||||
|
placeholder="开始时间" |
||||
|
@change="changeStart" |
||||
|
/> |
||||
|
</div> |
||||
|
<div class="d-flex align-center mt-2"> |
||||
|
<div class="flex-1">结束时间：</div> |
||||
|
<a-date-picker |
||||
|
class="mr-2" |
||||
|
format="YYYY-MM-DD HH:mm" |
||||
|
:show-time="{ format: 'HH:mm' }" |
||||
|
placeholder="结束时间" |
||||
|
@change="changeEnd" |
||||
|
/> |
||||
|
</div> |
||||
|
</a-card> |
||||
|
<a-button v-if="carInfo !== null" class="mt-2 mb-4" style="height: 40px" type="primary" block @click="suspend"> 提交 </a-button> |
||||
|
<a-modal v-model="visible" title="提示" @ok="submitCar"> |
||||
|
<p v-if="carInfo"> |
||||
|
此平车已绑定病人 |
||||
|
<!-- <span class="name-box" @click="changePro(carInfo.projectId)">{{ carInfo.name }}(点击查看详情)</span> --> |
||||
|
<br /> |
||||
|
确定换绑吗？ |
||||
|
</p> |
||||
|
</a-modal> |
||||
|
</div> |
||||
|
<div v-else> |
||||
|
<a-card style="padding: 0 12px"> |
||||
|
<div class="align-center d-flex flex-row flex-nowrap justify-space-between"> |
||||
|
<div class="title-box">患者：{{ everCar.name }}</div> |
||||
|
<div class="title-box" v-if="everCar && everCar.startTime">{{ $moment(+everCar.startTime).format('MM-DD HH:mm') }}</div> |
||||
|
<div class="car-box" @click="showInfo = true">卒中专用平车{{ everCar.carNumber }}</div> |
||||
|
</div> |
||||
|
</a-card> |
||||
|
<a-card class="mt-1 fill-width"> |
||||
|
<!-- <process :list="infoList" class="my-4" /> --> |
||||
|
<img class="fill-width" src="https://www.tall.wiki/staticrec/photos/step.png" /> |
||||
|
</a-card> |
||||
|
<a-card class="mt-1"> |
||||
|
<data-table :list="infoList" /> |
||||
|
</a-card> |
||||
|
<a-card class="mt-1"> |
||||
|
<!-- <analysis /> --> |
||||
|
<img class="fill-width" src="https://www.tall.wiki/staticrec/photos/step-echart.png" /> |
||||
|
</a-card> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapMutations } from 'vuex'; |
||||
|
import { bindingCar, queryBindingCar, queryAllCar, switchProject, findStepIsOver, endCar } from 'config/api'; |
||||
|
// import Analysis from './../Index/components/Analysis.vue'; |
||||
|
import DataTable from './../Index/components/DataTable.vue'; |
||||
|
// import Process from './../Index/components/Process.vue'; |
||||
|
export default { |
||||
|
name: 'Choice', |
||||
|
components: { DataTable }, |
||||
|
data() { |
||||
|
return { |
||||
|
spinning: false, |
||||
|
list: [], |
||||
|
startTime: Date.parse(new Date()), |
||||
|
endTime: 0, |
||||
|
id: 0, |
||||
|
carInfo: null, |
||||
|
oldChoiceCar: [], |
||||
|
visible: false, |
||||
|
infoList: [], |
||||
|
everCar: null, |
||||
|
showInfo: true, |
||||
|
}; |
||||
|
}, |
||||
|
computed: mapState('home', ['ptProps']), |
||||
|
created() { |
||||
|
this.getChoice(); |
||||
|
this.getCar(); |
||||
|
this.setTitle('选择平车'); |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle']), |
||||
|
|
||||
|
choiceCar(e) { |
||||
|
let { list } = this; |
||||
|
// this.id = e.target.value; |
||||
|
const index = list.findIndex(item => item.id === e.target.value); |
||||
|
this.carInfo = list[index]; |
||||
|
}, |
||||
|
async getCar() { |
||||
|
try { |
||||
|
const that = this; |
||||
|
that.spinning = true; |
||||
|
const params = { param: {} }; |
||||
|
const res = await queryAllCar(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.list = [...data]; |
||||
|
that.spinning = false; |
||||
|
} else { |
||||
|
that.spinning = false; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
that.spinning = false; |
||||
|
} |
||||
|
}, |
||||
|
suspend() { |
||||
|
const { carInfo } = this; |
||||
|
if (!carInfo) { |
||||
|
this.$message.warning('没有选择平车'); |
||||
|
return; |
||||
|
} else if (carInfo.patientName) { |
||||
|
this.visible = true; |
||||
|
} else { |
||||
|
this.submitCar(); |
||||
|
} |
||||
|
}, |
||||
|
async submitCar() { |
||||
|
try { |
||||
|
// if (carInfo && carInfo.name) { |
||||
|
// const isEnd = await this.endCarData(); |
||||
|
// if (!isEnd) { |
||||
|
// this.$message.warning('解除绑定平车失败'); |
||||
|
// return; |
||||
|
// } |
||||
|
// } |
||||
|
const { projectId } = this.ptProps; |
||||
|
const { carInfo, startTime, endTime } = this; |
||||
|
const params = { |
||||
|
param: { |
||||
|
carId: carInfo.id, |
||||
|
startTime, |
||||
|
projectId, |
||||
|
// taskSubId: id, |
||||
|
endTime, |
||||
|
}, |
||||
|
}; |
||||
|
|
||||
|
const res = await bindingCar(params); |
||||
|
const { code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('选择成功'); |
||||
|
this.getChoice(); |
||||
|
} else { |
||||
|
this.$message.warning(msg); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.warning('选择失败'); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
async endCarData() { |
||||
|
try { |
||||
|
const { patientCarId } = this.carInfo; |
||||
|
const params = { param: { id: patientCarId } }; |
||||
|
const res = await endCar(params); |
||||
|
const { code, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
return true; |
||||
|
} else { |
||||
|
return false; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
return false; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
changeStart(e) { |
||||
|
this.startTime = e._i; |
||||
|
}, |
||||
|
changeEnd(e) { |
||||
|
this.endTime = e._i; |
||||
|
}, |
||||
|
async getChoice() { |
||||
|
try { |
||||
|
// const params = { param: { taskSubId: '1400297464451436544' } }; |
||||
|
const params = { param: { projectId: this.ptProps.projectId } }; |
||||
|
const res = await queryBindingCar(params); |
||||
|
const { code, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.everCar = data; |
||||
|
this.getList(data); |
||||
|
this.showInfo = false; |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
async changePro(projectId) { |
||||
|
try { |
||||
|
const params = { param: { projectId } }; |
||||
|
await switchProject(params); |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
async getList() { |
||||
|
try { |
||||
|
const { projectId } = this.ptProps; |
||||
|
const params = { param: { projectId } }; |
||||
|
const res = await findStepIsOver(params); |
||||
|
const { code, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.infoList = data; |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
/deep/.ant-spin-spinning { |
||||
|
background: rgba(0, 0, 0, 0.15); |
||||
|
} |
||||
|
|
||||
|
// /deep/ .ant-radio { |
||||
|
// margin: 12px 0; |
||||
|
// } |
||||
|
.name-box { |
||||
|
color: green; |
||||
|
} |
||||
|
|
||||
|
.radio-box { |
||||
|
background-color: rgb(239, 247, 250); |
||||
|
margin-bottom: 10px; |
||||
|
border: 1px dashed rgba(24, 144, 255, 0.2); |
||||
|
border-radius: 5px; |
||||
|
padding-left: 10px; |
||||
|
} |
||||
|
|
||||
|
.radio-name { |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
width: 40%; |
||||
|
text-align: center; |
||||
|
color: green; |
||||
|
} |
||||
|
|
||||
|
.radio-item { |
||||
|
display: 'block'; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
width: 60%; |
||||
|
} |
||||
|
|
||||
|
.title-icon { |
||||
|
color: rgba(24, 144, 255, 0.5); |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
|
||||
|
.car-box { |
||||
|
background-color: #49cc90; |
||||
|
color: #fff; |
||||
|
padding: 0 8px; |
||||
|
font-weight: 500; |
||||
|
height: 32px; |
||||
|
line-height: 32px; |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,106 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-03 18:26:42 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-11 16:15:23 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-column"> |
||||
|
<div class="flex-1" v-if="list && list.length"> |
||||
|
<a-table |
||||
|
:columns="columns" |
||||
|
:pagination="false" |
||||
|
:data-source="list" |
||||
|
:row-key="record => record.id" |
||||
|
bordered |
||||
|
class="white pa-3 fill-width" |
||||
|
> |
||||
|
<template slot="id" slot-scope="text, record, index"> |
||||
|
<span>{{ index + 1 }}</span> |
||||
|
</template> |
||||
|
<template slot="sex" slot-scope="text, record"> |
||||
|
<span v-if="record.sex === 0">女</span> |
||||
|
<span v-else>男</span> |
||||
|
</template> |
||||
|
<template slot="edit" slot-scope="text, record"> |
||||
|
<span style="color: #1890ff; font-weight: 600" @click="changePro(record.projectId)">查看</span> |
||||
|
</template> |
||||
|
</a-table> |
||||
|
</div> |
||||
|
<a-empty v-else /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapMutations } from 'vuex'; |
||||
|
import { findOldPatient, switchProject } from 'config/api'; |
||||
|
const columns = [ |
||||
|
{ |
||||
|
title: '序号', |
||||
|
align: 'center', |
||||
|
dataIndex: 'id', |
||||
|
key: 'id', |
||||
|
scopedSlots: { customRender: 'id' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '姓名', |
||||
|
align: 'center', |
||||
|
dataIndex: 'name', |
||||
|
key: 'name', |
||||
|
}, |
||||
|
{ |
||||
|
title: '年龄', |
||||
|
align: 'center', |
||||
|
dataIndex: 'age', |
||||
|
key: 'age', |
||||
|
}, |
||||
|
{ |
||||
|
title: '性别', |
||||
|
align: 'center', |
||||
|
dataIndex: 'sex', |
||||
|
key: 'sex', |
||||
|
scopedSlots: { customRender: 'sex' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '操作', |
||||
|
align: 'center', |
||||
|
dataIndex: 'edit', |
||||
|
key: 'edit', |
||||
|
scopedSlots: { customRender: 'edit' }, |
||||
|
}, |
||||
|
]; |
||||
|
export default { |
||||
|
name: 'Patient', |
||||
|
data() { |
||||
|
return { |
||||
|
columns, |
||||
|
list: [], |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getData(); |
||||
|
this.setTitle('患者表格'); |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle']), |
||||
|
|
||||
|
async getData() { |
||||
|
try { |
||||
|
const params = { param: {} }; |
||||
|
const res = await findOldPatient(params); |
||||
|
const { code, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.list = data; |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
async changePro(projectId) { |
||||
|
try { |
||||
|
const params = { param: { projectId } }; |
||||
|
await switchProject(params); |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,244 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-column"> |
||||
|
<div class="tips d-flex justify-space-between align-center px-2"> |
||||
|
<div class="d-flex">时间单位：min</div> |
||||
|
<div class="d-flex flex-row align-center"> |
||||
|
<div class="yuanquan bg-green mr-1"></div> |
||||
|
标准范围事件 |
||||
|
</div> |
||||
|
<div class="d-flex flex-row align-center"> |
||||
|
<div class="yuanquan bg-red mr-1"></div> |
||||
|
超出参考时间 |
||||
|
</div> |
||||
|
</div> |
||||
|
<Table :table-list="tableList" /> |
||||
|
<TimeLine :line-list="lineList" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { mapMutations, mapState } from 'vuex'; |
||||
|
import { getControl, queryByProject, queryAidRecord } from 'config/api'; |
||||
|
import Table from './components/Table.vue'; |
||||
|
import TimeLine from './components/TimeLine.vue'; |
||||
|
export default { |
||||
|
name: 'Control', |
||||
|
components: { Table, TimeLine }, |
||||
|
data() { |
||||
|
return { |
||||
|
tableList: [ |
||||
|
{ |
||||
|
time: 35, |
||||
|
scope: 'ONT', |
||||
|
beyond: '发病-溶栓', |
||||
|
}, |
||||
|
{ |
||||
|
time: 40, |
||||
|
scope: 'DNT', |
||||
|
beyond: '到院-溶栓', |
||||
|
}, |
||||
|
{ |
||||
|
time: 55, |
||||
|
scope: 'OPT', |
||||
|
beyond: '发病-穿刺', |
||||
|
}, |
||||
|
{ |
||||
|
time: 50, |
||||
|
scope: 'DPT', |
||||
|
beyond: '到院-穿刺', |
||||
|
}, |
||||
|
{ |
||||
|
time: 48, |
||||
|
scope: 'DRT', |
||||
|
beyond: '到院-再通', |
||||
|
}, |
||||
|
], |
||||
|
lineList: [ |
||||
|
{ |
||||
|
codeT: '就诊时间', |
||||
|
valueT: 0, |
||||
|
codeB: 'CT完成时间', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: 'CT完成时间', |
||||
|
valueT: 0, |
||||
|
codeB: '溶栓开始知情', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '就诊时间', |
||||
|
valueT: 0, |
||||
|
codeB: 'CT完成时间', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '溶栓开始知情', |
||||
|
valueT: 0, |
||||
|
codeB: '溶栓签署知情', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '就诊时间', |
||||
|
valueT: 0, |
||||
|
codeB: '溶栓签署知情', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '第一次医疗接触时间', |
||||
|
valueT: 0, |
||||
|
codeB: '溶栓开始时间', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '就诊时间', |
||||
|
valueT: 0, |
||||
|
codeB: '溶栓开始时间', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '最后正常时间', |
||||
|
valueT: 0, |
||||
|
codeB: '溶栓开始时间', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '血管内治疗开始知情', |
||||
|
valueT: 0, |
||||
|
codeB: '血管内治疗签署知情', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '血管内治疗签署知情', |
||||
|
valueT: 0, |
||||
|
codeB: '穿刺时间', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '穿刺时间', |
||||
|
valueT: 0, |
||||
|
codeB: '造影完成', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '穿刺时间', |
||||
|
valueT: 0, |
||||
|
codeB: '血管再通时间', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '发病时间', |
||||
|
valueT: 0, |
||||
|
codeB: '到达医院大门时间', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
{ |
||||
|
codeT: '到达医院大门时间', |
||||
|
valueT: 0, |
||||
|
codeB: '穿刺时间', |
||||
|
valueB: 0, |
||||
|
}, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
computed: { ...mapState('home', ['ptProps']) }, |
||||
|
async created() { |
||||
|
this.setTitle('质控'); |
||||
|
// this.getControlData(); |
||||
|
await this.getLineData(); |
||||
|
await this.getRecord(); |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle']), |
||||
|
async getControlData() { |
||||
|
try { |
||||
|
const params = { param: {} }; |
||||
|
const res = await getControl(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.tableList = data; |
||||
|
} else { |
||||
|
console.log(msg); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.log(error); |
||||
|
} |
||||
|
}, |
||||
|
// 根据code查询时间信息 |
||||
|
async getRecord() { |
||||
|
try { |
||||
|
const { projectId } = this.ptProps; |
||||
|
const { lineList } = this; |
||||
|
const params = { |
||||
|
param: { |
||||
|
codeList: ['YJJL-CTendTime', 'ZQTH-THSJ', 'ZQTH-ZQSJ', 'JMRSSJ', 'JRZL-CCSJ', 'JRZL-ZCKT'], |
||||
|
projectId, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await queryAidRecord(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
lineList[0].valueB = data.record['YJJL-CTendTime'][0]; |
||||
|
lineList[1].valueT = data.record['YJJL-CTendTime'][0]; |
||||
|
lineList[1].valueB = data.record['ZQTH-THSJ'][0]; |
||||
|
lineList[2].valueB = data.record['YJJL-CTendTime'][0]; |
||||
|
lineList[3].valueT = data.record['ZQTH-THSJ'][0]; |
||||
|
lineList[3].valueB = data.record['ZQTH-ZQSJ'][0]; |
||||
|
lineList[4].valueB = data.record['ZQTH-ZQSJ'][0]; |
||||
|
lineList[5].valueB = data.record['JMRSSJ'][0]; |
||||
|
lineList[6].valueB = data.record['ZQTH-ZQSJ'][0]; |
||||
|
lineList[7].valueB = data.record['ZQTH-ZQSJ'][0]; |
||||
|
lineList[9].valueB = data.record['JRZL-CCSJ'][0]; |
||||
|
lineList[10].valueT = data.record['JRZL-CCSJ'][0]; |
||||
|
lineList[11].valueT = data.record['JRZL-CCSJ'][0]; |
||||
|
lineList[11].valueB = data.record['JRZL-ZCKT'][0]; |
||||
|
lineList[13].valueB = data.record['JRZL-CCSJ'][0]; |
||||
|
|
||||
|
this.lineList = [...lineList]; |
||||
|
} else { |
||||
|
this.$message.error(msg || '查询失败'); |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
// 根据项目id查询信息 |
||||
|
async getLineData() { |
||||
|
try { |
||||
|
const { projectId } = this.ptProps; |
||||
|
const { lineList } = this; |
||||
|
const params = { param: { projectId } }; |
||||
|
const res = await queryByProject(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.lineList[0].valueT = data.arriveHospitalTime; |
||||
|
this.lineList[2].valueT = data.arriveHospitalTime; |
||||
|
this.lineList[4].valueT = data.arriveHospitalTime; |
||||
|
this.lineList[6].valueT = data.arriveHospitalTime; |
||||
|
this.lineList[12].valueT = data.lastNormalTime; |
||||
|
this.lineList[12].valueB = data.time; |
||||
|
this.lineList[13].valueT = data.time; |
||||
|
this.lineList = [...lineList]; |
||||
|
} else { |
||||
|
this.$message.error(msg || '查询失败'); |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.tips { |
||||
|
height: 40px; |
||||
|
width: 100%; |
||||
|
color: rgba(0, 0, 0, 0.85); |
||||
|
} |
||||
|
.yuanquan { |
||||
|
height: 16px; |
||||
|
width: 16px; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
.bg-red { |
||||
|
background-color: rgba(255, 0, 0, 0.85); |
||||
|
} |
||||
|
.bg-green { |
||||
|
background-color: #7ed321; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,38 @@ |
|||||
|
<template> |
||||
|
<div class="bg-white"> |
||||
|
<a-list item-layout="horizontal" :data-source="tableList"> |
||||
|
<a-list-item slot="renderItem" slot-scope="item, index" :class="index % 2 === 1 ? 'bg-green' : ''"> |
||||
|
<div class="d-flex justify-space-between align-center fill-width" style="padding: 0 20px"> |
||||
|
<div>{{ item.time }}</div> |
||||
|
<div>{{ item.scope }}</div> |
||||
|
<div>{{ item.beyond }}</div> |
||||
|
</div> |
||||
|
</a-list-item> |
||||
|
</a-list> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Table', |
||||
|
props: { |
||||
|
tableList: { |
||||
|
default: () => [], |
||||
|
type: Array, |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
.bg-white { |
||||
|
background-color: white; |
||||
|
} |
||||
|
.bg-green { |
||||
|
background-color: rgba(126, 211, 33, 0.15); |
||||
|
} |
||||
|
.ant-list-item { |
||||
|
padding: 8px 0; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,79 @@ |
|||||
|
<template> |
||||
|
<div class="bg-white mt-2" style="padding-top: 4px"> |
||||
|
<div v-for="(item, index) in lineList" :key="index" class="d-flex flex-row"> |
||||
|
<div style="width: 40px d-flex flex-row"> |
||||
|
<div class="yuanquan"></div> |
||||
|
<div class="line"></div> |
||||
|
</div> |
||||
|
<div class="mt-1 ml-2 flex-1" style="padding-right: 10px"> |
||||
|
<a-card size="small" class="fill-width"> |
||||
|
<div class="d-flex flex-column"> |
||||
|
<div class="flex-1 flex-column"> |
||||
|
<div class="title-code">{{ item.codeT }}</div> |
||||
|
<div class="title-value d-flex align-center"> |
||||
|
<div class="flex-1"> |
||||
|
{{ item.valueT ? $moment(+item.valueT).format('YYYY-MM-DD HH:mm') : '...' }} |
||||
|
</div> |
||||
|
<div class="align-center">时长：</div> |
||||
|
<div class="align-center" style="font-size: 24px; font-weight: 600"> |
||||
|
{{ item.valueT && item.valueB ? ((item.valueB - item.valueT) / 1000 / 60).toFixed(0) : 0 }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="flex-1 flex-column"> |
||||
|
<div class="title-code">{{ item.codeB }}</div> |
||||
|
<div class="title-value d-flex align-center"> |
||||
|
<div class="flex-1"> |
||||
|
{{ item.valueB ? $moment(+item.valueB).format('YYYY-MM-DD HH:mm') : '...' }} |
||||
|
</div> |
||||
|
<div class="align-center">参考：</div> |
||||
|
<div class="align-center">-min</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-card> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'TimeLine', |
||||
|
props: { |
||||
|
lineList: { |
||||
|
default: () => [], |
||||
|
type: Array, |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
.bg-white { |
||||
|
background-color: white; |
||||
|
} |
||||
|
.yuanquan { |
||||
|
margin-left: 12px; |
||||
|
height: 16px; |
||||
|
width: 16px; |
||||
|
border-radius: 50%; |
||||
|
background: #7ed321; |
||||
|
margin-top: 4px; |
||||
|
} |
||||
|
.line { |
||||
|
width: 20px; |
||||
|
height: 82%; |
||||
|
border-right: 1px solid #7ed321; |
||||
|
margin-bottom: 2px; |
||||
|
} |
||||
|
.title-code { |
||||
|
font-size: 16px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.title-value { |
||||
|
font-size: 14px; |
||||
|
margin-bottom: 4px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,58 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:07:56 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-10 14:23:36 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap flex-column"> |
||||
|
<a-card class="fill-width"> |
||||
|
<div class="d-flex flex-nowrap"> |
||||
|
<div class="flex-1"> |
||||
|
<a-date-picker |
||||
|
:value="$moment(time)" |
||||
|
:show-time="{ format: 'HH:mm' }" |
||||
|
format="YYYY-MM-DD HH:mm" |
||||
|
placeholder="选择时间" |
||||
|
style="width: 100%" |
||||
|
@change="onChange" |
||||
|
@ok="onChange" |
||||
|
/> |
||||
|
</div> |
||||
|
<!-- <a-button v-if="isShow" style="width: 100px" type="primary" block @click="start"> 开始 </a-button> --> |
||||
|
</div> |
||||
|
</a-card> |
||||
|
<Content :time="time" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapActions, mapMutations } from 'vuex'; |
||||
|
import Content from 'components/Content/Content.vue'; |
||||
|
export default { |
||||
|
name: 'Currency', |
||||
|
components: { Content }, |
||||
|
data() { |
||||
|
return { time: Date.parse(new Date()), isShow: false }; |
||||
|
}, |
||||
|
async created() { |
||||
|
const start = await this.getStart(); |
||||
|
if (start) { |
||||
|
this.time = +start; |
||||
|
} |
||||
|
this.setTitle('通用界面'); |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapActions('home', ['getStart']), |
||||
|
...mapMutations('home', ['setTitle']), |
||||
|
onChange(e) { |
||||
|
let str = this.$moment(e._d).format('YYYY-MM-DD HH:mm'); |
||||
|
str += ':00'; |
||||
|
this.time = new Date(str).valueOf(); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,156 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-column"> |
||||
|
<div class="bg-white title d-flex align-center pl-4" style="height: 44px">山西医科大学第一医院</div> |
||||
|
<a-collapse default-active-key="1" @change="changeActivekey"> |
||||
|
<a-collapse-panel key="1" header="神经内科"> |
||||
|
<div class="d-flex flex-wrap"> |
||||
|
<div class="duty-box" v-for="(item, index) in list1" :key="index"> |
||||
|
<img class="duty-img" src="./png/duty.png" /> |
||||
|
<div v-if="item.onDutyStatus" class="duty-isDuty">值班</div> |
||||
|
<div class="duty-name">{{ item.name }}</div> |
||||
|
<a class="duty-tel" :href="'tel:' + item.phone"> |
||||
|
<img class="tel-img" src="./png/tel.png" /> |
||||
|
呼叫 |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-collapse-panel> |
||||
|
<a-collapse-panel key="2" header="急诊科"> |
||||
|
<div class="d-flex flex-wrap"> |
||||
|
<div class="duty-box" v-for="(item, index) in list2" :key="index"> |
||||
|
<img class="duty-img" src="./png/duty.png" /> |
||||
|
<div v-if="item.onDutyStatus" class="duty-isDuty">值班</div> |
||||
|
<div class="duty-name">{{ item.name }}</div> |
||||
|
<a class="duty-tel" :href="'tel:' + item.phone"> |
||||
|
<img class="tel-img" src="./png/tel.png" /> |
||||
|
呼叫 |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-collapse-panel> |
||||
|
</a-collapse> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { mapMutations } from 'vuex'; |
||||
|
import { queryAllDoctor } from 'config/api'; |
||||
|
export default { |
||||
|
name: 'Diagnosis', |
||||
|
data() { |
||||
|
return { |
||||
|
list: [ |
||||
|
{ |
||||
|
name: '传小控', |
||||
|
isDuty: true, |
||||
|
tel: 1234657890, |
||||
|
}, |
||||
|
{ |
||||
|
name: '传小控', |
||||
|
isDuty: true, |
||||
|
tel: 1234657890, |
||||
|
}, |
||||
|
{ |
||||
|
name: '传小控', |
||||
|
isDuty: false, |
||||
|
tel: 1234657890, |
||||
|
}, |
||||
|
{ |
||||
|
name: '传小控', |
||||
|
isDuty: false, |
||||
|
tel: 1234657890, |
||||
|
}, |
||||
|
], |
||||
|
list1: [], |
||||
|
list2: [], |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getDoctor(); |
||||
|
this.setTitle('会诊'); |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle']), |
||||
|
|
||||
|
changeActivekey(key) { |
||||
|
console.log('key: ', key); |
||||
|
}, |
||||
|
async getDoctor() { |
||||
|
try { |
||||
|
const params = { param: {} }; |
||||
|
const res = await queryAllDoctor(params); |
||||
|
// console.log('res: ', res); |
||||
|
// console.log('res.data: ', res.data); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
console.log(data); |
||||
|
this.list1 = data['1']; |
||||
|
this.list2 = data['2']; |
||||
|
} else { |
||||
|
console.log(msg); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.log(error); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.bg-white { |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.title { |
||||
|
border-bottom: 1px solid #ddd; |
||||
|
} |
||||
|
.duty-box { |
||||
|
height: 140px; |
||||
|
width: 30%; |
||||
|
margin: 5px 1.65%; |
||||
|
position: relative; |
||||
|
border-radius: 5px; |
||||
|
border: 1px solid #ccc; |
||||
|
box-shadow: 1px 0 0 -1px #ccc; |
||||
|
} |
||||
|
.duty-img { |
||||
|
position: absolute; |
||||
|
top: 30px; |
||||
|
height: 50px; |
||||
|
width: 50px; |
||||
|
margin-left: 50%; |
||||
|
left: -25px; |
||||
|
} |
||||
|
.duty-isDuty { |
||||
|
background-color: #4b8aff; |
||||
|
position: absolute; |
||||
|
font-size: 12px; |
||||
|
padding: 1px 4px; |
||||
|
color: #fff; |
||||
|
border-radius: 0 5px 0 8px; |
||||
|
right: 0; |
||||
|
top: 0; |
||||
|
} |
||||
|
.duty-name { |
||||
|
width: 60px; |
||||
|
position: absolute; |
||||
|
margin-left: 50%; |
||||
|
left: -30px; |
||||
|
top: 64%; |
||||
|
font-weight: bold; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.duty-tel { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
width: 101%; |
||||
|
border-radius: 0 0 5px 5px; |
||||
|
height: 26px; |
||||
|
line-height: 26px; |
||||
|
text-align: center; |
||||
|
color: #fff; |
||||
|
background-color: #4b8aff; |
||||
|
} |
||||
|
.tel-img { |
||||
|
height: 16px; |
||||
|
margin: -4px 4px 0 0; |
||||
|
} |
||||
|
</style> |
||||
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
@ -0,0 +1,51 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 19:54:26 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-01 20:48:29 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-column"> |
||||
|
<a-card title="流行病学史" class="fill-width mt-1"> |
||||
|
<a-list item-layout="horizontal"> |
||||
|
<a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>发病前14天内有无---</div> |
||||
|
<a-switch /> |
||||
|
</a-list-item> |
||||
|
<a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>发病前14天内有无---</div> |
||||
|
<a-switch /> |
||||
|
</a-list-item> |
||||
|
<a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>发病前14天内有无---</div> |
||||
|
<a-switch /> |
||||
|
</a-list-item> |
||||
|
<a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>有聚集性发病</div> |
||||
|
<a-switch /> |
||||
|
</a-list-item> |
||||
|
</a-list> |
||||
|
</a-card> |
||||
|
<a-card title="临床症状" class="fill-width mt-1"> |
||||
|
<a-list item-layout="horizontal"> |
||||
|
<a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>发热/呼吸道症状</div> |
||||
|
<a-switch /> |
||||
|
</a-list-item> |
||||
|
</a-list> |
||||
|
</a-card> |
||||
|
<a-button class="mt-2 mb-4" style="height: 40px" type="primary" block> 提交 </a-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Assessment', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,331 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:06:14 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-10 14:32:31 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap flex-column"> |
||||
|
<a-spin :spinning="spinning" tip="正在努力创建病例..."> |
||||
|
<a-card class="fill-width"> |
||||
|
<div slot="title" style="color: rgba(76, 115, 177, 0.9)">基本信息填写</div> |
||||
|
<a-list item-layout="horizontal" :data-source="list"> |
||||
|
<a-list-item slot="renderItem" slot-scope="item" class="d-flex flex-nowrap"> |
||||
|
<div> |
||||
|
{{ item.title }} |
||||
|
<span v-if="item.isTrue" style="color: red">*</span> |
||||
|
</div> |
||||
|
<div v-if="item.type === 'card'"> |
||||
|
<a-upload |
||||
|
name="part" |
||||
|
style="width: 60%" |
||||
|
:headers="headers" |
||||
|
:multiple="false" |
||||
|
:action="action" |
||||
|
:default-file-list="fileList" |
||||
|
list-type="picture-card" |
||||
|
@change="handleChange" |
||||
|
> |
||||
|
<div v-if="fileList.length < 1 && !isUpload"> |
||||
|
<a-icon type="plus" /> |
||||
|
<div class="ant-upload-text">上传身份证</div> |
||||
|
</div> |
||||
|
</a-upload> |
||||
|
</div> |
||||
|
<a-input v-model="item.value" v-else-if="item.type === 'ipt'" style="width: 60%" /> |
||||
|
<a-input-number v-model="item.value" v-else-if="item.type === 'iptNum'" style="width: 60%" /> |
||||
|
<a-radio-group v-model="patientSex" v-else-if="item.type === 'radio'" class="d-flex flex-nowrap" style="width: 60%"> |
||||
|
<a-radio :style="radioStyle" :value="0" class="flex-1"> 女 </a-radio> |
||||
|
<a-radio :style="radioStyle" :value="1" class="flex-1"> 男 </a-radio> |
||||
|
</a-radio-group> |
||||
|
</a-list-item> |
||||
|
</a-list> |
||||
|
</a-card> |
||||
|
<a-card class="fill-width mt-1"> |
||||
|
<a-list item-layout="horizontal"> |
||||
|
<a-list-item @click="jump('/assessment')" class="d-flex flex-nowrap"> |
||||
|
<div>新冠肺炎评估</div> |
||||
|
<a-icon type="right" /> |
||||
|
</a-list-item> |
||||
|
<!-- <a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>病案号</div> |
||||
|
<span style="color: #999">001</span> |
||||
|
</a-list-item> --> |
||||
|
</a-list> |
||||
|
</a-card> |
||||
|
<a-button class="mt-2 mb-4" style="height: 40px" type="primary" block @click="setCase"> |
||||
|
<span v-if="!patientId"> 创建病例 </span> |
||||
|
<span v-else> 修改信息 </span> |
||||
|
</a-button> |
||||
|
</a-spin> |
||||
|
<a-modal title="提示" :visible="visible" @ok="handleOk" @cancel="handleCancel"> |
||||
|
<p>是否跳转到该病例的项目详情页?</p> |
||||
|
</a-modal> |
||||
|
</div> |
||||
|
<!-- action="https://www.mocky.io/v2/5cc8019d300000980a055e76" |
||||
|
:headers="headers" |
||||
|
@change="handleChange" --> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapMutations } from 'vuex'; |
||||
|
import { createCase, identifyWords, queryPatientInfo, updatePatientInfo, switchProject } from 'config/api'; |
||||
|
|
||||
|
const list = [ |
||||
|
{ |
||||
|
title: '身份信息', |
||||
|
isTrue: true, |
||||
|
type: 'card', |
||||
|
}, |
||||
|
{ |
||||
|
title: '姓名', |
||||
|
isTrue: true, |
||||
|
type: 'ipt', |
||||
|
value: '', |
||||
|
name: 'name', |
||||
|
}, |
||||
|
{ |
||||
|
title: '性别', |
||||
|
isTrue: true, |
||||
|
type: 'radio', |
||||
|
}, |
||||
|
{ |
||||
|
title: '年龄', |
||||
|
isTrue: true, |
||||
|
type: 'iptNum', |
||||
|
value: '', |
||||
|
name: 'age', |
||||
|
}, |
||||
|
{ |
||||
|
title: '身份证号', |
||||
|
isTrue: false, |
||||
|
type: 'ipt', |
||||
|
value: '', |
||||
|
name: 'idCard', |
||||
|
}, |
||||
|
{ |
||||
|
title: '联系电话', |
||||
|
isTrue: false, |
||||
|
type: 'iptNum', |
||||
|
value: '', |
||||
|
name: 'phone', |
||||
|
}, |
||||
|
{ |
||||
|
title: '亲属姓名', |
||||
|
isTrue: false, |
||||
|
type: 'ipt', |
||||
|
value: '', |
||||
|
name: 'familyName', |
||||
|
}, |
||||
|
{ |
||||
|
title: '亲属电话', |
||||
|
isTrue: false, |
||||
|
type: 'iptNum', |
||||
|
value: '', |
||||
|
name: 'familyPhone', |
||||
|
}, |
||||
|
]; |
||||
|
export default { |
||||
|
name: 'Establish', |
||||
|
data() { |
||||
|
return { |
||||
|
list, |
||||
|
formLayout: 'horizontal', |
||||
|
form: this.$form.createForm(this, { name: 'Establish' }), |
||||
|
action: identifyWords, |
||||
|
radioStyle: { |
||||
|
display: 'block', |
||||
|
height: '30px', |
||||
|
lineHeight: '30px', |
||||
|
}, |
||||
|
patientSex: 0, |
||||
|
fileList: [], |
||||
|
isUpload: false, |
||||
|
patientId: '', |
||||
|
visible: false, |
||||
|
projectId: '', |
||||
|
spinning: false, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState('home', ['ptProps']), |
||||
|
// 上传附加请求头 |
||||
|
headers() { |
||||
|
const token = sessionStorage.getItem('anyringToken'); |
||||
|
return { Authorization: `Bearer ${token}` }; |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
// this.getPatientInfo(); |
||||
|
this.setTitle('创建病例'); |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle']), |
||||
|
|
||||
|
jump(url) { |
||||
|
this.$router.push(url); |
||||
|
}, |
||||
|
// 上传图片 |
||||
|
handleChange(info) { |
||||
|
const status = info.file.status; |
||||
|
if (status === 'uploading') { |
||||
|
this.isUpload = true; |
||||
|
} |
||||
|
if (status === 'done') { |
||||
|
// console.log(info); |
||||
|
const file = info.file; |
||||
|
const obj = { |
||||
|
uid: file.uid, |
||||
|
name: file.response.data.name, |
||||
|
status: status, |
||||
|
url: file.thumbUrl, |
||||
|
}; |
||||
|
for (let i = 0; i < this.list.length; i++) { |
||||
|
if (list[i].name === 'idCard') { |
||||
|
list[i].value = file.response.data.idCardNo; |
||||
|
} else if (list[i].name === 'name') { |
||||
|
list[i].value = file.response.data.name; |
||||
|
} else if (list[i].name === 'age') { |
||||
|
list[i].value = file.response.data.age; |
||||
|
} |
||||
|
} |
||||
|
this.patientSex = file.response.data.sex; |
||||
|
this.fileList.push(obj); |
||||
|
} else if (status === 'removed') { |
||||
|
this.fileList = []; |
||||
|
this.isUpload = false; |
||||
|
} |
||||
|
}, |
||||
|
// 创建病例 |
||||
|
async setCase() { |
||||
|
this.spinning = true; |
||||
|
console.log(this.patientId); |
||||
|
if (this.patientId) { |
||||
|
await this.updatePatientInfo(); |
||||
|
this.spinning = false; |
||||
|
} else { |
||||
|
await this.addPatientInfo(); |
||||
|
this.spinning = false; |
||||
|
} |
||||
|
}, |
||||
|
async addPatientInfo() { |
||||
|
try { |
||||
|
const { patientSex } = this; |
||||
|
const params = { |
||||
|
param: { |
||||
|
familyName: this.getValue('familyName'), |
||||
|
familyPhone: this.getValue('familyPhone'), |
||||
|
patientAge: this.getValue('age'), |
||||
|
patientIdCard: this.getValue('idCard'), |
||||
|
patientName: this.getValue('name'), |
||||
|
patientPhone: this.getValue('phone'), |
||||
|
patientSex: patientSex, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await createCase(params); |
||||
|
const { code, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('创建成功'); |
||||
|
this.projectId = data.projectId; |
||||
|
this.visible = true; |
||||
|
} else { |
||||
|
this.$message.error('创建失败'); |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
// 获取对应字段的值 |
||||
|
getValue(str) { |
||||
|
const { list } = this; |
||||
|
return list.find(item => { |
||||
|
if (item.name && item.name === str) { |
||||
|
return item; |
||||
|
} |
||||
|
}).value; |
||||
|
}, |
||||
|
async getPatientInfo() { |
||||
|
try { |
||||
|
const parmas = { param: { projectId: this.ptProps.projectId } }; |
||||
|
const res = await queryPatientInfo(parmas); |
||||
|
const { code, msg, data } = res.data; |
||||
|
const { list } = this; |
||||
|
if (code === 200) { |
||||
|
console.log(data); |
||||
|
for (let i = 0; i < list.length; i++) { |
||||
|
for (let key in data) { |
||||
|
if (list[i].name === key) { |
||||
|
list[i].value = data[key]; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
this.patientSex = data.sex; |
||||
|
this.patientId = data.id; |
||||
|
this.list = [...list]; |
||||
|
} else { |
||||
|
console.error(msg); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.error(error); |
||||
|
} |
||||
|
}, |
||||
|
async updatePatientInfo() { |
||||
|
try { |
||||
|
const { patientSex } = this; |
||||
|
const params = { |
||||
|
param: { |
||||
|
id: this.patientId, |
||||
|
familyName: this.getValue('familyName'), |
||||
|
familyPhone: this.getValue('familyPhone'), |
||||
|
age: this.getValue('age'), |
||||
|
idCard: this.getValue('idCard'), |
||||
|
name: this.getValue('name'), |
||||
|
phone: this.getValue('phone'), |
||||
|
sex: patientSex, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await updatePatientInfo(params); |
||||
|
const { code, msg } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('修改成功'); |
||||
|
} else { |
||||
|
this.$message.warning(msg); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.error(error); |
||||
|
} |
||||
|
}, |
||||
|
async handleOk() { |
||||
|
const { projectId } = this; |
||||
|
const params = { param: { projectId } }; |
||||
|
const res = await switchProject(params); |
||||
|
const { code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.visible = false; |
||||
|
} |
||||
|
}, |
||||
|
handleCancel() { |
||||
|
this.visible = false; |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
/deep/ .ant-card-body { |
||||
|
padding: 12px; |
||||
|
} |
||||
|
|
||||
|
.card-btn { |
||||
|
color: #1890ff; |
||||
|
border: 1px solid rgba(24, 144, 255, 0.5); |
||||
|
} |
||||
|
|
||||
|
/deep/ .ant-input-number-handler-wrap { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
/deep/ .ant-upload.ant-upload-select-picture-card { |
||||
|
height: 90px; |
||||
|
width: 90px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,120 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:09:48 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-11 14:14:33 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap flex-column"> |
||||
|
<a-card class="fill-width"> |
||||
|
<a-list item-layout="horizontal"> |
||||
|
<a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>患者体重（kg）：</div> |
||||
|
<span v-if="weight !== -1">{{ weight }}</span> |
||||
|
<span v-else class="color-c">暂无数据</span> |
||||
|
</a-list-item> |
||||
|
<a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>溶栓剂量（mg） ：</div> |
||||
|
<span v-if="medicine !== -1">{{ medicine }}</span> |
||||
|
<span v-else class="color-c">暂无数据</span> |
||||
|
</a-list-item> |
||||
|
<a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>团注剂量（mg） ：</div> |
||||
|
<span v-if="dose !== -1">{{ dose }}</span> |
||||
|
<span v-else class="color-c">暂无数据</span> |
||||
|
</a-list-item> |
||||
|
<a-list-item class="d-flex flex-nowrap"> |
||||
|
<div>维持剂量（mg） ：</div> |
||||
|
<span v-if="maintain !== -1">{{ maintain }}</span> |
||||
|
<span v-else class="color-c">暂无数据</span> |
||||
|
</a-list-item> |
||||
|
</a-list> |
||||
|
<div class="d-flex mt-4"> |
||||
|
<div class="flex-1"> |
||||
|
<a-date-picker |
||||
|
:value="$moment(time)" |
||||
|
:show-time="{ format: 'HH:mm' }" |
||||
|
format="YYYY-MM-DD HH:mm" |
||||
|
placeholder="选择时间" |
||||
|
style="width: 100%" |
||||
|
@change="onChange" |
||||
|
@ok="onChange" |
||||
|
/> |
||||
|
</div> |
||||
|
<!-- <a-button v-if="isShow" style="width: 100px" type="primary" block @click="start"> 开始 </a-button> --> |
||||
|
</div> |
||||
|
</a-card> |
||||
|
<Content :time="time" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapActions, mapMutations } from 'vuex'; |
||||
|
import { getWeight } from 'config/api'; |
||||
|
import Content from 'components/Content/Content.vue'; |
||||
|
export default { |
||||
|
name: 'GroupNotes', |
||||
|
components: { Content }, |
||||
|
data() { |
||||
|
return { |
||||
|
weight: -1, // 体重 |
||||
|
medicine: -1, // 溶栓剂量 |
||||
|
dose: -1, // 团注剂量 |
||||
|
maintain: -1, // 维持剂量 |
||||
|
time: Date.parse(new Date()), |
||||
|
isShow: false, |
||||
|
}; |
||||
|
}, |
||||
|
computed: mapState('home', ['ptProps']), |
||||
|
async created() { |
||||
|
const start = await this.getStart(); |
||||
|
if (start) { |
||||
|
this.time = +start; |
||||
|
} |
||||
|
this.getData(); |
||||
|
this.setTitle('团注'); |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapActions('home', ['getStart']), |
||||
|
...mapMutations('home', ['setTitle']), |
||||
|
|
||||
|
async getData() { |
||||
|
try { |
||||
|
const parmas = { param: { projectId: this.ptProps.projectId } }; |
||||
|
const res = await getWeight(parmas); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
console.log(data); |
||||
|
if (data && data.length) { |
||||
|
for (let i = 0; i < data.length; i++) { |
||||
|
if (data[i].type === 1) { |
||||
|
this.weight = data[i].value; |
||||
|
} else if (data[i].type === 8) { |
||||
|
this.medicine = data[i].value; |
||||
|
} else if (data[i].type === 9) { |
||||
|
this.dose = data[i].value; |
||||
|
} else if (data[i].type === 10) { |
||||
|
this.maintain = data[i].value; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} else { |
||||
|
console.log(msg); |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
onChange(e) { |
||||
|
let str = this.$moment(e._d).format('YYYY-MM-DD HH:mm'); |
||||
|
str += ':00'; |
||||
|
this.time = new Date(str).valueOf(); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.color-c { |
||||
|
color: #ccc; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,82 @@ |
|||||
|
<!-- |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-02-22 09:20:03 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-11 14:12:54 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap flex-column"> |
||||
|
<a-card style="padding: 0 12px"> |
||||
|
<div class="align-center d-flex flex-row flex-nowrap justify-space-between"> |
||||
|
<div class="title-box">患者：{{ carInfo.name }}</div> |
||||
|
<div class="title-box" v-if="carInfo && carInfo.startTime">{{ $moment(+carInfo.startTime).format('MM-DD HH:mm') }}</div> |
||||
|
<div class="car-box">卒中专用平车{{ carInfo.carNumber }}</div> |
||||
|
</div> |
||||
|
</a-card> |
||||
|
<a-card class="mt-1"> |
||||
|
<process :list="list" class="my-4" /> |
||||
|
</a-card> |
||||
|
<a-card class="mt-1"> |
||||
|
<data-table :list="list" /> |
||||
|
</a-card> |
||||
|
<a-card class="mt-1"> |
||||
|
<analysis /> |
||||
|
</a-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { findStepIsOver } from 'config/api'; |
||||
|
import Analysis from './components/Analysis.vue'; |
||||
|
import DataTable from './components/DataTable.vue'; |
||||
|
import Process from './components/Process.vue'; |
||||
|
export default { |
||||
|
name: 'Index', |
||||
|
components: { Analysis, Process, DataTable }, |
||||
|
data() { |
||||
|
return { |
||||
|
list: [], |
||||
|
carInfo: null, |
||||
|
}; |
||||
|
}, |
||||
|
async created() { |
||||
|
this.carInfo = this.$route.query.carInfo[0]; |
||||
|
await this.getList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
async getList() { |
||||
|
try { |
||||
|
const { projectId } = this.ptProps; |
||||
|
const params = { param: { projectId: projectId } }; |
||||
|
const res = await findStepIsOver(params); |
||||
|
const { code, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.list = data; |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
/deep/ .ant-card-body { |
||||
|
padding: 12px 2px; |
||||
|
} |
||||
|
|
||||
|
.car-box { |
||||
|
background-color: #49cc90; |
||||
|
color: #fff; |
||||
|
padding: 0 8px; |
||||
|
font-weight: 500; |
||||
|
height: 32px; |
||||
|
line-height: 32px; |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
|
||||
|
.title-box { |
||||
|
font-weight: 700; |
||||
|
color: rgba(0, 0, 0, 0.75); |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,138 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-02 18:23:18 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-04 09:50:02 |
||||
|
--> |
||||
|
<template> |
||||
|
<div :style="{ width: 'width' }"> |
||||
|
<div id="Analysis" style="width: 100%; height: 300px"></div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { getPointTime } from 'config/api'; |
||||
|
export default { |
||||
|
name: 'Analysis', |
||||
|
data() { |
||||
|
return { |
||||
|
width: '', |
||||
|
height: '', |
||||
|
list: { |
||||
|
pointTimeCurrentList: [], |
||||
|
pointTimeHospital: [], |
||||
|
pointTimeInternation: [], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
option() { |
||||
|
return { |
||||
|
tooltip: { trigger: 'axis' }, |
||||
|
legend: { |
||||
|
x: 'center', |
||||
|
y: 'bottom', |
||||
|
data: ['我院标准', '国际标准', '当前数据'], |
||||
|
textStyle: { |
||||
|
fontWeight: 'normal', |
||||
|
color: '#666', //标题颜色 |
||||
|
}, |
||||
|
}, |
||||
|
grid: { |
||||
|
left: '3%', |
||||
|
// right: '4%', |
||||
|
top: '10%', |
||||
|
bottom: '10%', |
||||
|
containLabel: true, |
||||
|
}, |
||||
|
xAxis: { |
||||
|
type: 'category', |
||||
|
boundaryGap: false, |
||||
|
data: ['呼叫', '分诊', '一线', '采血', '心电', 'CT', '二线', '谈话', '签字', '团注', '介入', '置鞘', '病房'], |
||||
|
axisLabel: { |
||||
|
textStyle: { |
||||
|
fontWeight: 'normal', |
||||
|
color: '#666', //标题颜色 |
||||
|
}, |
||||
|
formatter: function(value) { |
||||
|
return value.split('').join('\n'); |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
yAxis: { |
||||
|
type: 'value', |
||||
|
name: '秒', |
||||
|
axisLabel: { |
||||
|
textStyle: { |
||||
|
fontWeight: 'normal', |
||||
|
color: '#666', //标题颜色 |
||||
|
}, |
||||
|
}, |
||||
|
nameTextStyle: { color: '#666' }, |
||||
|
splitLine: { |
||||
|
show: true, |
||||
|
lineStyle: { |
||||
|
type: 'dashed', |
||||
|
color: '#666', |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
series: [ |
||||
|
{ |
||||
|
name: '我院标准', |
||||
|
type: 'line', |
||||
|
connectNulls: true, |
||||
|
symbolSize: 6, |
||||
|
data: this.list.pointTimeHospital, |
||||
|
color: 'rgb(18, 131, 227)', |
||||
|
}, |
||||
|
{ |
||||
|
name: '国际标准', |
||||
|
type: 'line', |
||||
|
connectNulls: true, |
||||
|
symbolSize: 6, |
||||
|
data: this.list.pointTimeInternation, |
||||
|
color: 'rgb(30, 231, 231)', |
||||
|
}, |
||||
|
{ |
||||
|
name: '当前数据', |
||||
|
type: 'line', |
||||
|
connectNulls: true, |
||||
|
symbolSize: 6, |
||||
|
data: this.list.pointTimeCurrentList, |
||||
|
color: 'rgb(227, 18, 187)', |
||||
|
}, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
}, |
||||
|
mounted() { |
||||
|
let wh = window.innerWidth; |
||||
|
let hg = window.innerHeight; |
||||
|
this.width = wh + 'px'; |
||||
|
this.height = hg + 'px'; |
||||
|
console.log(this.height); |
||||
|
this.drawLine(); |
||||
|
}, |
||||
|
methods: { |
||||
|
async drawLine() { |
||||
|
// 基于准备好的dom，初始化echarts实例 |
||||
|
await this.getData(); |
||||
|
var myChart = this.$echarts.init(document.getElementById('Analysis')); |
||||
|
// 绘制图表 |
||||
|
myChart.setOption(this.option); |
||||
|
}, |
||||
|
async getData() { |
||||
|
try { |
||||
|
const params = { param: { id: 0 } }; |
||||
|
const res = await getPointTime(params); |
||||
|
const { code, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.list = { ...data }; |
||||
|
} |
||||
|
} catch (error) {} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,101 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-02 18:22:38 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-03 19:26:50 |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<div style="width: 100%" v-if="list.length > 0"> |
||||
|
<a-table :columns="columns" :pagination="false" :data-source="list" :row-key="record => record.id" bordered class="white pa-3"> |
||||
|
<template slot="id" slot-scope="text, record, index"> |
||||
|
<span>{{ index + 1 }}</span> |
||||
|
</template> |
||||
|
<template slot="startTime" slot-scope="text, record"> |
||||
|
<span v-if="record.startTime">{{ $moment(+record.startTime).format('MM-DD HH:mm') }}</span> |
||||
|
</template> |
||||
|
<template slot="type" slot-scope="text, record"> |
||||
|
<span v-if="record.type === 0">平车</span> |
||||
|
<span v-else-if="record.type === 1">{{ record.memberName }}</span> |
||||
|
</template> |
||||
|
</a-table> |
||||
|
</div> |
||||
|
<a-empty v-else /> |
||||
|
<div v-if="list.length > 0" class="fill-width"> |
||||
|
<a-button class="btn my-4"> 数据导出 </a-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
const columns = [ |
||||
|
{ |
||||
|
title: '序号', |
||||
|
align: 'center', |
||||
|
dataIndex: 'id', |
||||
|
key: 'id', |
||||
|
scopedSlots: { customRender: 'id' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '流程', |
||||
|
align: 'center', |
||||
|
dataIndex: 'stepName', |
||||
|
key: 'stepName', |
||||
|
}, |
||||
|
{ |
||||
|
title: '开始时间', |
||||
|
align: 'center', |
||||
|
dataIndex: 'startTime', |
||||
|
key: 'startTime', |
||||
|
scopedSlots: { customRender: 'startTime' }, |
||||
|
}, |
||||
|
// { |
||||
|
// title: '质控', |
||||
|
// align: 'center', |
||||
|
// dataIndex: 'control', |
||||
|
// key: 'control', |
||||
|
// scopedSlots: { customRender: 'control' }, |
||||
|
// }, |
||||
|
{ |
||||
|
title: '操作者', |
||||
|
align: 'center', |
||||
|
dataIndex: 'type', |
||||
|
key: 'type', |
||||
|
scopedSlots: { customRender: 'type' }, |
||||
|
}, |
||||
|
]; |
||||
|
export default { |
||||
|
name: 'Table', |
||||
|
props: { |
||||
|
list: { |
||||
|
type: Array, |
||||
|
default: () => [], |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { columns }; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.btn { |
||||
|
background-color: rgba(0, 128, 0, 0.75); |
||||
|
color: #fff; |
||||
|
float: right; |
||||
|
} |
||||
|
|
||||
|
/deep/ .ant-table-thead > tr > th { |
||||
|
padding: 16px 4px; |
||||
|
} |
||||
|
|
||||
|
/deep/ .ant-table-thead > tr > th { |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
/deep/ .ant-table { |
||||
|
font-weight: 500; |
||||
|
color: rgba(0, 0, 0, 0.85); |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,110 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-02 18:21:47 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-11 15:14:39 |
||||
|
--> |
||||
|
<template> |
||||
|
<div style="margin: 0 10px"> |
||||
|
<div class="fill-width d-flex flex-row flex-nowrap"> |
||||
|
<div v-for="(item, index) in list" :key="item.stepId" class="flex-1 justify-center"> |
||||
|
<div v-if="(index + 1) % 2 === 0" class="d-flex flex-column"> |
||||
|
<div style="text-align: center; font-weight: 600">{{ item.stepName }}</div> |
||||
|
<div class="circle" :class="{ 'bd-green': item.startTime }"> |
||||
|
{{ index + 1 }} |
||||
|
</div> |
||||
|
<div class="line" :class="{ 'br-green': item.startTime }"></div> |
||||
|
<div class="circle-small" :class="{ 'bg-green': item.startTime }"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="margin: 0 15px"> |
||||
|
<a-progress :percent="100" :show-info="false" stroke-color="#ccc" :stroke-width="2" /> |
||||
|
</div> |
||||
|
<div class="fill-width d-flex flex-row flex-nowrap"> |
||||
|
<div v-for="(item, index) in list" :key="item.id" class="flex-1 justify-center"> |
||||
|
<div v-if="(index + 1) % 2 === 1" class="d-flex flex-column"> |
||||
|
<div class="circle-small-bottom" :class="{ 'bg-green': item.startTime }"></div> |
||||
|
<div class="line" :class="{ 'br-green': item.startTime }"></div> |
||||
|
<div class="circle" :class="{ 'bd-green': item.startTime }"> |
||||
|
{{ index + 1 }} |
||||
|
</div> |
||||
|
<div style="text-align: center; font-weight: 600">{{ item.stepName }}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Process', |
||||
|
props: { |
||||
|
list: { |
||||
|
type: Array, |
||||
|
default: () => [], |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.circle { |
||||
|
height: 30px; |
||||
|
width: 30px; |
||||
|
font-weight: 700; |
||||
|
text-align: center; |
||||
|
line-height: 30px; |
||||
|
border-radius: 50%; |
||||
|
border: 1px solid #666; |
||||
|
} |
||||
|
|
||||
|
.line { |
||||
|
border-right: 2px solid #999; |
||||
|
height: 30px; |
||||
|
width: 50%; |
||||
|
} |
||||
|
|
||||
|
.br-green { |
||||
|
border-right: 2px solid green; |
||||
|
} |
||||
|
|
||||
|
.circle-small { |
||||
|
width: 10px; |
||||
|
height: 10px; |
||||
|
border-radius: 50%; |
||||
|
border: 2px solid #ccc; |
||||
|
margin-bottom: -18px; |
||||
|
z-index: 1; |
||||
|
margin-left: 32%; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
|
||||
|
.bg-green { |
||||
|
border: 2px solid green !important; |
||||
|
} |
||||
|
|
||||
|
.bd-green { |
||||
|
border: 2px solid green !important; |
||||
|
color: green !important; |
||||
|
} |
||||
|
|
||||
|
.br-red { |
||||
|
border: 2px solid red !important; |
||||
|
} |
||||
|
|
||||
|
.circle-small-bottom { |
||||
|
width: 10px; |
||||
|
height: 10px; |
||||
|
border-radius: 50%; |
||||
|
border: 2px solid #ccc; |
||||
|
margin-top: -13px; |
||||
|
z-index: 1; |
||||
|
margin-left: 32%; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,26 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-column fill-width"> |
||||
|
<img class="fill-width" src="https://www.tall.wiki/staticrec/photos/info01.jpg" /> |
||||
|
<img class="fill-width" src="https://www.tall.wiki/staticrec/photos/info02.jpg" /> |
||||
|
<img class="fill-width" src="https://www.tall.wiki/staticrec/photos/info03.jpg" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapMutations } from 'vuex'; |
||||
|
|
||||
|
export default { |
||||
|
name: 'InfoReport', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
this.setTitle('信息直报'); |
||||
|
}, |
||||
|
|
||||
|
methods: mapMutations('home', ['setTitle']), |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,102 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-column" style="padding: 0 16px"> |
||||
|
<div class="d-flex" v-for="(timeAxio, timeIndex) in timeAxios" :key="timeIndex"> |
||||
|
<div> |
||||
|
<div class="circle"></div> |
||||
|
<div class="faaxis" v-if="timeIndex !== timeAxios.length - 1"> |
||||
|
<div class="axis"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="flex-1 d-flex flex-column"> |
||||
|
<div> |
||||
|
<div class="time" style="">{{ $moment(+timeAxio.time).format('MM-DD HH:mm') }}</div> |
||||
|
<div class="present">{{ timeAxio.name ? timeAxio.name : user.wxInfo.nickname + '记录' }}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { queryArriveWorker } from 'config/api'; |
||||
|
import { mapMutations } from 'vuex'; |
||||
|
import { mapState } from 'vuex'; |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
index: 0, |
||||
|
timeAxios: [], |
||||
|
}; |
||||
|
}, |
||||
|
computed: mapState('home', ['ptProps', 'user', 'addNum']), |
||||
|
watch: { |
||||
|
addNum(val) { |
||||
|
this.getMembers(); |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
this.setTitle('到场信息'); |
||||
|
const item = [{ icon: 'plus-circle', type: 4 }]; |
||||
|
this.setTitleIcon(item); |
||||
|
this.getMembers(); |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle', 'setTitleIcon']), |
||||
|
|
||||
|
//查询人员 |
||||
|
async getMembers() { |
||||
|
try { |
||||
|
const params = { param: { projectId: this.ptProps.projectId } }; |
||||
|
const res = await queryArriveWorker(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.timeAxios = data.reverse(); |
||||
|
} else { |
||||
|
console.log(msg); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.log(error); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped lang="stylus"> |
||||
|
.circle { |
||||
|
height: 20px; |
||||
|
width: 20px; |
||||
|
background: #68D33A; |
||||
|
border: 2px solid #68D33A; |
||||
|
border-radius: 50%; |
||||
|
margin: 10px; |
||||
|
} |
||||
|
|
||||
|
.faaxis { |
||||
|
height: 60px; |
||||
|
width: 20px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
|
||||
|
.axis { |
||||
|
height: 60px; |
||||
|
width: 2px; |
||||
|
background: #68D33A; |
||||
|
} |
||||
|
|
||||
|
.time { |
||||
|
height: 20px; |
||||
|
margin: 10px auto; |
||||
|
} |
||||
|
|
||||
|
.present { |
||||
|
height: 60px; |
||||
|
width: 100%; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 5px; |
||||
|
padding: 10px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,345 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-column pb-10"> |
||||
|
<div class="tow mb-3" v-for="(index, indexa) in data" :key="indexa"> |
||||
|
<a-list item-layout="horizontal" class="white" :data-source="index"> |
||||
|
<a-list-item class="mx-3" slot="renderItem" slot-scope="item, itemIndex"> |
||||
|
<div class="d-flex flex-nowrap align-center" style="width: 100%"> |
||||
|
<div class="mr-3">{{ item.title }}</div> |
||||
|
<div class="flex-1 flex-row-reverse"> |
||||
|
<div @click="openTimeSelect(item.title, indexa, itemIndex)" v-if="item.type === 'inspect'"> |
||||
|
<span class="mr-3" v-if="item.value || item.codeA">{{ |
||||
|
item.value || $moment(+item.codeA).format('YYYY-MM-DD HH:mm') |
||||
|
}}</span> |
||||
|
<span class="mr-3 gray-text" v-else>请选择时间</span> |
||||
|
<a-icon type="calendar" /> |
||||
|
</div> |
||||
|
<!-- <a-upload |
||||
|
v-else-if="item.type === 'photo'" |
||||
|
name="file" |
||||
|
:multiple="true" |
||||
|
action="https://www.mocky.io/v2/5cc8019d300000980a055e76" |
||||
|
:headers="headers" |
||||
|
@change="handleChange($event, item.name)" |
||||
|
> |
||||
|
<a-button class="uploads"> <a-icon type="camera" /> </a-button> |
||||
|
</a-upload> --> |
||||
|
<div v-else-if="item.type === 'CTreportPhoto'"> |
||||
|
<div> |
||||
|
<a-upload |
||||
|
name="files" |
||||
|
style="width: 60%" |
||||
|
:headers="headers" |
||||
|
:multiple="false" |
||||
|
:action="action" |
||||
|
@change="handleChange($event, item.name)" |
||||
|
:show-upload-list="false" |
||||
|
list-type="picture-card" |
||||
|
> |
||||
|
<div v-if="fileList.length < 1"> |
||||
|
<a-icon type="plus" /> |
||||
|
<div class="ant-upload-text">上传图片</div> |
||||
|
</div> |
||||
|
</a-upload> |
||||
|
</div> |
||||
|
<a-list-item v-for="fileItem in fileList" :key="fileItem.id"> |
||||
|
<div class="d-flex justify-space-between fill-width align-center"> |
||||
|
<img @click="lookImg(fileItem.url)" :src="fileItem.url" class="mr-3" style="width: 80px; height: 80px" /> |
||||
|
<a-popconfirm placement="left" ok-text="确定" cancel-text="再想想" @confirm="confirm(fileItem.code)"> |
||||
|
<template slot="title"> 确定删除此图片吗? </template> |
||||
|
<a-icon type="delete" class="text-red" /> |
||||
|
</a-popconfirm> |
||||
|
</div> |
||||
|
</a-list-item> |
||||
|
</div> |
||||
|
<div v-else-if="item.type === 'NMRreportPhoto'"> |
||||
|
<div> |
||||
|
<a-upload |
||||
|
name="files" |
||||
|
style="width: 60%" |
||||
|
:headers="headers" |
||||
|
:multiple="false" |
||||
|
:action="action" |
||||
|
@change="handleChangeHc($event, item.name)" |
||||
|
:show-upload-list="false" |
||||
|
list-type="picture-card" |
||||
|
> |
||||
|
<div v-if="fileListHc.length < 1"> |
||||
|
<a-icon type="plus" /> |
||||
|
<div class="ant-upload-text">上传图片</div> |
||||
|
</div> |
||||
|
</a-upload> |
||||
|
</div> |
||||
|
<a-list-item v-for="fileItem in fileListHc" :key="fileItem.id"> |
||||
|
<div class="d-flex justify-space-between fill-width align-center"> |
||||
|
<img @click="lookImg(fileItem.url)" :src="fileItem.url" class="mr-3" style="width: 80px; height: 80px" /> |
||||
|
<a-popconfirm placement="left" ok-text="确定" cancel-text="再想想" @confirm="confirmHc(fileItem.code)"> |
||||
|
<template slot="title"> 确定删除此图片吗? </template> |
||||
|
<a-icon type="delete" class="text-red" /> |
||||
|
</a-popconfirm> |
||||
|
</div> |
||||
|
</a-list-item> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-list-item> |
||||
|
</a-list> |
||||
|
</div> |
||||
|
<time-select |
||||
|
:first-index="firstIndex" |
||||
|
:second-index="secondIndex" |
||||
|
@chooseTime="chooseTime" |
||||
|
v-if="show" |
||||
|
:title="title" |
||||
|
:show="show" |
||||
|
@closeTimeSelect="closeTimeSelect" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapMutations } from 'vuex'; |
||||
|
import { data } from './config'; |
||||
|
import { upload, queryAidRecord, aidRecord } from 'config/api'; |
||||
|
import TimeSelect from 'components/TimeSelect/TimeSelect.vue'; |
||||
|
|
||||
|
export default { |
||||
|
components: { TimeSelect }, |
||||
|
data() { |
||||
|
return { |
||||
|
data, |
||||
|
current: 0, |
||||
|
radioStyle: { |
||||
|
display: 'block', |
||||
|
height: '30px', |
||||
|
lineHeight: '30px', |
||||
|
}, |
||||
|
record: {}, |
||||
|
headers: { authorization: 'authorization-text' }, |
||||
|
options: { |
||||
|
answer: '', |
||||
|
questionCode: '', |
||||
|
}, |
||||
|
show: false, |
||||
|
title: '', |
||||
|
firstIndex: 0, |
||||
|
secondIndex: 0, |
||||
|
action: upload, |
||||
|
fileList: [], |
||||
|
fileListHc: [], |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: mapState('home', ['ptProps']), |
||||
|
|
||||
|
created() { |
||||
|
this.setTitle('医技结论'); |
||||
|
this.setTitleIcon('', ''); |
||||
|
this.getQuery(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle', 'setTitleIcon']), |
||||
|
|
||||
|
// 打开时间选择框 |
||||
|
openTimeSelect(title, firstIndex, secondIndex) { |
||||
|
this.show = true; |
||||
|
this.title = title; |
||||
|
this.firstIndex = firstIndex; |
||||
|
this.secondIndex = secondIndex; |
||||
|
}, |
||||
|
|
||||
|
// 关闭时间选择框 |
||||
|
closeTimeSelect() { |
||||
|
this.show = false; |
||||
|
}, |
||||
|
|
||||
|
// 时间选择 |
||||
|
chooseTime(time, firstIndex, secondIndex) { |
||||
|
// 赋值 |
||||
|
this.data[firstIndex][secondIndex].value = this.$moment(time).format('YYYY-MM-DD HH:mm'); |
||||
|
// 调接口 |
||||
|
this.options = {}; |
||||
|
this.options.answer = [time]; |
||||
|
this.options.questionCode = this.data[firstIndex][secondIndex].name; |
||||
|
this.submit(this.options); |
||||
|
this.closeTimeSelect(); |
||||
|
}, |
||||
|
|
||||
|
// 上传文件 |
||||
|
lookImg(url) { |
||||
|
window.open(url); |
||||
|
}, |
||||
|
confirm(code) { |
||||
|
this.fileList = []; |
||||
|
this.options = { answer: [], questionCode: code }; |
||||
|
this.submit(this.options); |
||||
|
}, |
||||
|
confirmHc(code) { |
||||
|
this.fileListHc = []; |
||||
|
this.options = { answer: [], questionCode: code }; |
||||
|
this.submit(this.options); |
||||
|
}, |
||||
|
handleChange(info, code) { |
||||
|
const status = info.file.status; |
||||
|
if (status === 'done') { |
||||
|
const file = info.file; |
||||
|
// 调接口 |
||||
|
|
||||
|
const obj = { |
||||
|
uid: file.response.data[0].id, |
||||
|
name: file.response.data[0].name, |
||||
|
status: status, |
||||
|
url: file.response.data[0].visitUrl, |
||||
|
thumbUrl: file.response.data[0].visitUrl, |
||||
|
code, |
||||
|
}; |
||||
|
this.fileList.push(obj); |
||||
|
this.options = {}; |
||||
|
this.options.answer = [file.response.data[0].visitUrl]; |
||||
|
this.options.questionCode = code; |
||||
|
this.submit(this.options); |
||||
|
} |
||||
|
}, |
||||
|
handleChangeHc(info, code) { |
||||
|
const status = info.file.status; |
||||
|
if (status === 'done') { |
||||
|
const file = info.file; |
||||
|
// 调接口 |
||||
|
|
||||
|
const obj = { |
||||
|
uid: file.response.data[0].id, |
||||
|
name: file.response.data[0].name, |
||||
|
status: status, |
||||
|
url: file.response.data[0].visitUrl, |
||||
|
thumbUrl: file.response.data[0].visitUrl, |
||||
|
code, |
||||
|
}; |
||||
|
this.fileListHc.push(obj); |
||||
|
this.options = {}; |
||||
|
this.options.answer = [file.response.data[0].visitUrl]; |
||||
|
this.options.questionCode = code; |
||||
|
this.submit(this.options); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 批量查询急救信息 |
||||
|
* @param { Array } codeList code列表 |
||||
|
* @param { String } projectId 项目id |
||||
|
*/ |
||||
|
async getQuery() { |
||||
|
try { |
||||
|
console.log('this.ptProps: ', this.ptProps); |
||||
|
const params = { |
||||
|
param: { |
||||
|
codeList: [ |
||||
|
'YJJL-ECGstartTime', |
||||
|
'CT-START', |
||||
|
'YJJL-CTendTime', |
||||
|
'YJJL-CTreportPhoto', |
||||
|
'YJJL-NMRstartTime', |
||||
|
'YJJL-NMRendTime', |
||||
|
'YJJL-NMRreportPhoto', |
||||
|
'YJJL-bloodroutineReportTime', |
||||
|
'YJJL-coagulationReportTime', |
||||
|
'YJJL-biochemicalReportTime', |
||||
|
], |
||||
|
projectId: this.ptProps.projectId, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await queryAidRecord(params); |
||||
|
const { code, data, msg } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.record = data.record; |
||||
|
this.data[0][0].codeA = data.record['YJJL-ECGstartTime'] ? data.record['YJJL-ECGstartTime'][0] : null; |
||||
|
this.data[1][0].codeA = data.record['CT-START'] ? data.record['CT-START'][0] : null; |
||||
|
this.data[1][1].codeA = data.record['YJJL-CTendTime'] ? data.record['YJJL-CTendTime'][0] : null; |
||||
|
this.data[2][0].codeA = data.record['YJJL-NMRstartTime'] ? data.record['YJJL-NMRstartTime'][0] : null; |
||||
|
this.data[2][1].codeA = data.record['YJJL-NMRendTime'] ? data.record['YJJL-NMRendTime'][0] : null; |
||||
|
this.data[3][0].codeA = data.record['YJJL-bloodroutineReportTime'] ? data.record['YJJL-bloodroutineReportTime'][0] : null; |
||||
|
this.data[3][1].codeA = data.record['YJJL-coagulationReportTime'] ? data.record['YJJL-coagulationReportTime'][0] : null; |
||||
|
this.data[3][2].codeA = data.record['YJJL-biochemicalReportTime'] ? data.record['YJJL-biochemicalReportTime'][0] : null; |
||||
|
if (this.record['YJJL-CTreportPhoto'] && this.record['YJJL-CTreportPhoto'].length) { |
||||
|
const obj = { |
||||
|
uid: this.record['YJJL-CTreportPhoto'][0], |
||||
|
name: this.record['YJJL-CTreportPhoto'][0], |
||||
|
status: 'done', |
||||
|
url: this.record['YJJL-CTreportPhoto'][0], |
||||
|
thumbUrl: this.record['YJJL-CTreportPhoto'][0], |
||||
|
code: 'YJJL-CTreportPhoto', |
||||
|
}; |
||||
|
this.fileList.push(obj); |
||||
|
} |
||||
|
if (this.record['YJJL-NMRreportPhoto'] && this.record['YJJL-NMRreportPhoto'].length) { |
||||
|
const obj = { |
||||
|
uid: this.record['YJJL-NMRreportPhoto'][0], |
||||
|
name: this.record['YJJL-NMRreportPhoto'][0], |
||||
|
status: 'done', |
||||
|
url: this.record['YJJL-NMRreportPhoto'][0], |
||||
|
thumbUrl: this.record['YJJL-NMRreportPhoto'][0], |
||||
|
code: 'YJJL-NMRreportPhoto', |
||||
|
}; |
||||
|
this.fileListHc.push(obj); |
||||
|
} |
||||
|
} else { |
||||
|
this.$message.error(msg || '查询失败'); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.log('error: ', error); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 提交信息 |
||||
|
* @param { Array } codeAndAnswerList code和答案 |
||||
|
* @param { String } projectId 项目id |
||||
|
* @param { Number } userType 提交人类型（0平车 1人） |
||||
|
*/ |
||||
|
async submit(options) { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
codeAndAnswerList: [options], |
||||
|
projectId: this.ptProps.projectId, |
||||
|
userType: 0, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await aidRecord(params); |
||||
|
const { code, data, msg } = res.data; |
||||
|
if (code === 200) { |
||||
|
console.log('data: ', data); |
||||
|
} else { |
||||
|
this.$message.error(msg || '提交失败'); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.log('error: ', error); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.ant-list-item >>> input { |
||||
|
outline: none; |
||||
|
border: none; |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
.ant-calendar-picker >>> input { |
||||
|
padding-right: 34px; |
||||
|
} |
||||
|
|
||||
|
.ant-select >>> .ant-select-selection { |
||||
|
border: none; |
||||
|
} |
||||
|
|
||||
|
.ant-select >>> .ant-select-selection__placeholder, |
||||
|
.ant-select-search__field__placeholder { |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
.ant-time-picker >>> input { |
||||
|
padding-right: 34px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,18 @@ |
|||||
|
export const data = [ |
||||
|
[{ title: '心电开始时间', name: 'YJJL-ECGstartTime', codeA: null, type: 'inspect', value: null }], |
||||
|
[ |
||||
|
{ title: 'CT开始时间', name: 'CT-START', codeA: null, type: 'inspect', value: null }, |
||||
|
{ title: 'CT结束时间', name: 'YJJL-CTendTime', codeA: null, type: 'inspect', value: null }, |
||||
|
{ title: 'CT报告拍照', name: 'YJJL-CTreportPhoto', codeA: null, type: 'CTreportPhoto' }, |
||||
|
], |
||||
|
[ |
||||
|
{ title: '核磁开始时间', name: 'YJJL-NMRstartTime', codeA: null, type: 'inspect', value: null }, |
||||
|
{ title: '核磁结束时间', name: 'YJJL-NMRendTime', codeA: null, type: 'inspect', value: null }, |
||||
|
{ title: '核磁报告拍照', name: 'YJJL-NMRreportPhoto', codeA: null, type: 'NMRreportPhoto' }, |
||||
|
], |
||||
|
[ |
||||
|
{ title: '血常规报告时间', name: 'YJJL-bloodroutineReportTime', codeA: null, type: 'inspect', value: null }, |
||||
|
{ title: '凝血报告时间', name: 'YJJL-coagulationReportTime', codeA: null, type: 'inspect', value: null }, |
||||
|
{ title: '生化报告时间', name: 'YJJL-biochemicalReportTime', codeA: null, type: 'inspect', value: null }, |
||||
|
], |
||||
|
]; |
||||
@ -0,0 +1,134 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-column pt-3"> |
||||
|
<div class="tips d-flex justify-space-between align-center px-2"> |
||||
|
<a-input placeholder="请输入患者" style="width: 160px" @change="patientChange"> |
||||
|
<a-icon slot="prefix" type="search" /> |
||||
|
</a-input> |
||||
|
<div class="ml-3 flex-1 d-flex flex-row-reverse align-center"> |
||||
|
<a-select :default-value="types[type].value" style="width: 120px" @change="handleChange"> |
||||
|
<a-select-option v-for="typeItem in types" :key="typeItem.id" :value="typeItem.id">{{ typeItem.value }}</a-select-option> |
||||
|
</a-select> |
||||
|
<span class="mr-2">类型</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<List class="list" :spinning="spinning" :lists="lists" :to-end="toEnd" :type="type" @getControlData="getControlData" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapMutations } from 'vuex'; |
||||
|
import { getPatientList } from 'config/api'; |
||||
|
import List from './components/List.vue'; |
||||
|
export default { |
||||
|
name: 'Control', |
||||
|
components: { List }, |
||||
|
data() { |
||||
|
return { |
||||
|
types: [ |
||||
|
{ |
||||
|
id: 0, |
||||
|
value: '急救患者', |
||||
|
}, |
||||
|
{ |
||||
|
id: 1, |
||||
|
value: '平车患者', |
||||
|
}, |
||||
|
{ |
||||
|
id: 2, |
||||
|
value: '转归患者', |
||||
|
}, |
||||
|
], |
||||
|
lists: [], |
||||
|
type: 0, |
||||
|
patientName: '', |
||||
|
toEnd: false, |
||||
|
spinning: false, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
this.setTitle('急救绿色通道列表'); |
||||
|
this.getControlData(); |
||||
|
const item = [{ icon: 'plus-circle', path: '/addPatient', type: 1 }]; |
||||
|
this.setTitleIcon(item); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
...mapMutations('home', ['setTitle', 'setTitleIcon']), |
||||
|
|
||||
|
patientChange(e) { |
||||
|
this.patientName = e.target.value; |
||||
|
this.lists = []; |
||||
|
this.getControlData(); |
||||
|
}, |
||||
|
|
||||
|
handleChange(value) { |
||||
|
this.type = value; |
||||
|
this.lists = []; |
||||
|
this.getControlData(); |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 患者列表查询 |
||||
|
* @param {number} page 第几页 |
||||
|
* @param {number} pageSize 每页多少条 |
||||
|
* @param {number} patientName 患者名称 不传查询全部 |
||||
|
* @param {number} type 患者类型 0急救患者 1平车患者 2转归患者 |
||||
|
*/ |
||||
|
async getControlData(options) { |
||||
|
try { |
||||
|
this.spinning = true; |
||||
|
const params = { |
||||
|
param: { |
||||
|
pageSize: 10, |
||||
|
patientName: this.patientName, |
||||
|
type: this.type, |
||||
|
}, |
||||
|
}; |
||||
|
params.param.page = options && options.page ? options.page : 1; |
||||
|
const res = await getPatientList(params); |
||||
|
this.spinning = false; |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
if (data.list && data.list.length) { |
||||
|
this.lists = this.lists.concat(data.list); |
||||
|
} else { |
||||
|
this.toEnd = true; |
||||
|
} |
||||
|
} else { |
||||
|
console.log(msg); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.spinning = false; |
||||
|
console.log(error); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.tips { |
||||
|
height: 54px; |
||||
|
width: 100%; |
||||
|
color: rgba(0, 0, 0, 0.85); |
||||
|
position: fixed; |
||||
|
top: 48px; |
||||
|
z-index: 99; |
||||
|
background: #f5f5f5; |
||||
|
} |
||||
|
.yuanquan { |
||||
|
height: 16px; |
||||
|
width: 16px; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
.bg-red { |
||||
|
background-color: rgba(255, 0, 0, 0.85); |
||||
|
} |
||||
|
.bg-green { |
||||
|
background-color: #7ed321; |
||||
|
} |
||||
|
.list { |
||||
|
margin-top: 40px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,140 @@ |
|||||
|
<!-- |
||||
|
* @Author: your name |
||||
|
* @Date: 2021-07-28 14:16:38 |
||||
|
* @LastEditTime: 2021-07-29 14:16:49 |
||||
|
* @LastEditors: Please set LastEditors |
||||
|
* @Description: In User Settings Edit |
||||
|
* @FilePath: \wisdomcar_mobile\src\views\PatientList\components\List.vue |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="mt-2" style="padding-top: 4px"> |
||||
|
<div class="d-flex flex-column white px-3 mb-2 pt-3"> |
||||
|
<div class="font-bold-16 ml-1">{{ type === 0 ? '急救患者' : type === 1 ? '平车患者' : '转归患者' }}</div> |
||||
|
<div class="d-flex flex-column mt-3 mb-2" v-if="lists && lists.length"> |
||||
|
<div v-for="(patient, index) in lists" :key="index"> |
||||
|
<div class="card d-flex flex-column"> |
||||
|
<div class="text-white px-3 py-1" :class="patient.carId ? 'blue' : 'gray'"> |
||||
|
<img class="mr-2 pingche" src="@/assets/pingche.png" /> |
||||
|
<span>{{ patient.carId || '未绑定' }}</span> |
||||
|
</div> |
||||
|
<div class="d-flex flex-column"> |
||||
|
<div class="pa-3 card-main"> |
||||
|
<div class="d-flex flex-nowrap mb-2"> |
||||
|
<!-- 姓名 --> |
||||
|
<span class="font-bold mr-3">{{ patient.name || '无名氏' }}</span> |
||||
|
<!-- 性别 --> |
||||
|
<span class="font-bold mr-3" v-if="patient.gender">{{ patient.gender === 0 ? '男' : '女' }}</span> |
||||
|
<span class="font-bold mr-3" v-else>--</span> |
||||
|
<!-- 年龄 --> |
||||
|
<span class="font-bold mr-3">{{ patient.age || '--' }}岁</span> |
||||
|
<!-- 脑卒中 --> |
||||
|
<a-tag color="blue" class="mr-3"> 脑卒中 </a-tag> |
||||
|
<!-- 待接诊 --> |
||||
|
<a-tag color="orange" v-if="!patient.greenwayTime"> 待接诊 </a-tag> |
||||
|
</div> |
||||
|
<img class="yan" v-if="patient.demonstrate === 1" src="@/assets/yan.png" /> |
||||
|
<!-- 发病时间 --> |
||||
|
<div class="mb-2" v-if="type !== 2"> |
||||
|
<span class="font-bold">发病时间：</span> |
||||
|
<span v-if="patient.morbidityTime">{{ $moment(+patient.morbidityTime).format('YYYY-MM-DD HH:mm:ss') }}</span> |
||||
|
</div> |
||||
|
<div class="mb-2" v-else> |
||||
|
<span class="font-bold">转归时间：</span> |
||||
|
<span v-if="patient.transformationTime">{{ $moment(+patient.transformationTime).format('YYYY-MM-DD HH:mm:ss') }}</span> |
||||
|
</div> |
||||
|
<!-- 启动绿道 --> |
||||
|
<div v-if="type !== 2"> |
||||
|
<span class="font-bold" style="color: #6fc8bf">启动绿道：</span> |
||||
|
<span v-if="patient.greenwayTime">{{ $moment(+patient.greenwayTime).format('YYYY-MM-DD HH:mm:ss') }}</span> |
||||
|
</div> |
||||
|
<div v-else> |
||||
|
<span class="font-bold" style="color: #6fc8bf">转归去向：</span> |
||||
|
<span>{{ patient.transformation || '--' }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<a-divider class="my-0" v-if="patient.doctorList && patient.doctorList.length" /> |
||||
|
<div class="d-flex flex-wrap font-12 pa-3" v-if="patient.doctorList && patient.doctorList.length"> |
||||
|
<div v-for="doctor in patient.doctorList" :key="doctor.id"> |
||||
|
<span class="font-bold ml-2">{{ doctor.post }}：</span>{{ doctor.name }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="d-flex justify-center"> |
||||
|
<a-spin :spinning="spinning" /> |
||||
|
</div> |
||||
|
<a-divider v-if="toEnd">无更多数据</a-divider> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'TimeLine', |
||||
|
props: { |
||||
|
lists: { |
||||
|
type: Array, |
||||
|
default: () => [], |
||||
|
}, |
||||
|
type: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
toEnd: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
spinning: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { page: 1 }; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
const that = this; |
||||
|
window.onscroll = function() { |
||||
|
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; |
||||
|
var windowHeight = document.documentElement.clientHeight || document.body.clientHeight; |
||||
|
var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight; |
||||
|
|
||||
|
if (scrollTop + windowHeight == scrollHeight) { |
||||
|
if (that.toEnd) return; |
||||
|
//写后台加载数据的函数 |
||||
|
const nextPage = (that.page += 1); |
||||
|
const options = { page: nextPage }; |
||||
|
that.$emit('getControlData', options); |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.pingche { |
||||
|
position: relative; |
||||
|
top: -2px; |
||||
|
} |
||||
|
|
||||
|
.card { |
||||
|
margin-bottom: 12px; |
||||
|
border-radius: 8px; |
||||
|
box-shadow: -2px 2px 8px #ccc; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.card-main { |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.yan { |
||||
|
position: absolute; |
||||
|
right: 24px; |
||||
|
bottom: 12px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,22 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:16:21 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-01 16:16:34 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap">值班表</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'BeOnDuty', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
method: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,10 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-02 10:58:01 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-02 10:58:27 |
||||
|
--> |
||||
|
<template> |
||||
|
<div>院中心领导质控数据分析报告</div> |
||||
|
</template> |
||||
@ -0,0 +1,22 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:13:14 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-01 16:15:55 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap">急救数据详情</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Details', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
method: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,10 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-02 10:56:44 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-02 10:58:37 |
||||
|
--> |
||||
|
<template> |
||||
|
<div>院中心领导急救数据详情</div> |
||||
|
</template> |
||||
@ -0,0 +1,22 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:17:55 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-01 16:18:09 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap">信息科</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Infor', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
method: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,22 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:18:33 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-01 16:39:58 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap">运维界面</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Operation', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
method: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,22 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:15:02 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-01 16:15:16 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap">质控数据分析报告</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'QualityControl', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
method: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,22 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:13:14 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-01 16:37:37 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap">省数据分析报告详情</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'ProvinceDetails', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
method: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,22 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:11:02 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-01 16:12:24 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap">省季度数据分析报告</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Quarter', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
method: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,22 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-06-01 16:12:50 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-06-01 16:15:24 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="d-flex flex-wrap">省年度数据分析报告</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Year', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
method: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue