nicky
5 months ago
168 changed files with 52867 additions and 0 deletions
@ -0,0 +1,23 @@ |
|||||
|
node_modules |
||||
|
/dist |
||||
|
test.zip |
||||
|
api.zip |
||||
|
dist.zip |
||||
|
.DS_Store |
||||
|
|
||||
|
|
||||
|
# local env files |
||||
|
.env.local |
||||
|
.env.*.local |
||||
|
|
||||
|
# Log files |
||||
|
npm-debug.log* |
||||
|
|
||||
|
# Editor directories and files |
||||
|
.idea |
||||
|
.vscode |
||||
|
*.suo |
||||
|
*.ntvs* |
||||
|
*.njsproj |
||||
|
*.sln |
||||
|
*.sw? |
||||
@ -0,0 +1,36 @@ |
|||||
|
# Bfy_Pad_v4 |
||||
|
|
||||
|
#### Description |
||||
|
{**When you're done, you can delete the content in this README and update the file with details for others getting started with your repository**} |
||||
|
|
||||
|
#### Software Architecture |
||||
|
Software architecture description |
||||
|
|
||||
|
#### Installation |
||||
|
|
||||
|
1. xxxx |
||||
|
2. xxxx |
||||
|
3. xxxx |
||||
|
|
||||
|
#### Instructions |
||||
|
|
||||
|
1. xxxx |
||||
|
2. xxxx |
||||
|
3. xxxx |
||||
|
|
||||
|
#### Contribution |
||||
|
|
||||
|
1. Fork the repository |
||||
|
2. Create Feat_xxx branch |
||||
|
3. Commit your code |
||||
|
4. Create Pull Request |
||||
|
|
||||
|
|
||||
|
#### Gitee Feature |
||||
|
|
||||
|
1. You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md |
||||
|
2. Gitee blog [blog.gitee.com](https://blog.gitee.com) |
||||
|
3. Explore open source project [https://gitee.com/explore](https://gitee.com/explore) |
||||
|
4. The most valuable open source project [GVP](https://gitee.com/gvp) |
||||
|
5. The manual of Gitee [https://gitee.com/help](https://gitee.com/help) |
||||
|
6. The most popular members [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/) |
||||
@ -0,0 +1,19 @@ |
|||||
|
# ht-ageing |
||||
|
|
||||
|
## Project setup |
||||
|
``` |
||||
|
npm install |
||||
|
``` |
||||
|
|
||||
|
### Compiles and hot-reloads for development |
||||
|
``` |
||||
|
npm run serve |
||||
|
``` |
||||
|
|
||||
|
### Compiles and minifies for production |
||||
|
``` |
||||
|
npm run build |
||||
|
``` |
||||
|
|
||||
|
### Customize configuration |
||||
|
See [Configuration Reference](https://cli.vuejs.org/config/). |
||||
@ -0,0 +1 @@ |
|||||
|
CARBASICS2023-WEB-PAD |
||||
@ -0,0 +1,5 @@ |
|||||
|
module.exports = { |
||||
|
presets: [ |
||||
|
'@vue/cli-plugin-babel/preset' |
||||
|
] |
||||
|
} |
||||
File diff suppressed because it is too large
@ -0,0 +1,39 @@ |
|||||
|
{ |
||||
|
"name": "storm-pad", |
||||
|
"version": "2.0.0", |
||||
|
"private": true, |
||||
|
"scripts": { |
||||
|
"serve": "vue-cli-service serve", |
||||
|
"test": "vue-cli-service build --mode test", |
||||
|
"build": "vue-cli-service build" |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"@nutui/nutui-jdl": "^1.0.5", |
||||
|
"ant-design-vue": "^1.7.2", |
||||
|
"axios": "^1.4.0", |
||||
|
"core-js": "^3.6.5", |
||||
|
"dayjs": "^1.11.9", |
||||
|
"echarts": "^5.6.0", |
||||
|
"reqwest": "^2.0.5", |
||||
|
"scss": "^0.2.4", |
||||
|
"scss-loader": "^0.0.1", |
||||
|
"stylus-loader": "^3.0.2", |
||||
|
"vant": "^2.12.54", |
||||
|
"vue": "^2.6.11", |
||||
|
"vue-esign": "^1.1.4", |
||||
|
"vue-infinite-scroll": "^2.0.2", |
||||
|
"vue-quill-editor": "^3.0.6", |
||||
|
"vue-router": "^3.2.0", |
||||
|
"vuex": "^3.4.0" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"@vue/cli-plugin-babel": "~4.5.19", |
||||
|
"@vue/cli-plugin-router": "~4.5.19", |
||||
|
"@vue/cli-plugin-vuex": "~4.5.19", |
||||
|
"@vue/cli-service": "~4.5.19", |
||||
|
"less": "^3.0.4", |
||||
|
"less-loader": "^5.0.0", |
||||
|
"postcss-px-to-viewport": "^1.1.1", |
||||
|
"vue-template-compiler": "^2.6.11" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,22 @@ |
|||||
|
module.exports = { |
||||
|
plugins: { |
||||
|
'postcss-px-to-viewport': { |
||||
|
// options
|
||||
|
unitToConvert: 'px', |
||||
|
viewportWidth: 1100, |
||||
|
unitPrecision: 2, |
||||
|
propList: ['*'], |
||||
|
viewportUnit: 'vw', |
||||
|
fontViewportUnit: 'vw', |
||||
|
selectorBlackList: [], |
||||
|
minPixelValue: 1, |
||||
|
mediaQuery: false, |
||||
|
replace: true, |
||||
|
exclude: undefined, |
||||
|
include: undefined, |
||||
|
landscape: false, |
||||
|
landscapeUnit: 'vw', |
||||
|
landscapeWidth: 700 |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,30 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang=""> |
||||
|
|
||||
|
<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, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> |
||||
|
<link rel="icon" href="<%= BASE_URL %>logo.jpg"> |
||||
|
<title>绿道质控</title> |
||||
|
<meta http-equiv="Pragma" content="no-cache"> |
||||
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> |
||||
|
<meta http-equiv="Expires" content="0"> |
||||
|
</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 type="text/javascript" src="./vconsole.js"></script> --> |
||||
|
<script type="text/javascript" src="./uni.webview.1.5.4.js"></script> |
||||
|
<script> |
||||
|
// var vConsole = new VConsole() |
||||
|
</script> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
|
After Width: | Height: | Size: 9.9 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,368 @@ |
|||||
|
<!-- |
||||
|
* @Author: gaowenya |
||||
|
* @email: gaowenya_a@163.com |
||||
|
* @Date: 2023-06-19 09:38:10 |
||||
|
* @LastEditors: |
||||
|
* @LastEditTime: |
||||
|
--> |
||||
|
<template> |
||||
|
<a-config-provider :locale="locale"> |
||||
|
<div id="app" class="storm"> |
||||
|
<a-spin tip="正在请求..." class="zhezhao" :spinning="spinning"> |
||||
|
<div class="storm-container"> |
||||
|
<!-- <Nav /> --> |
||||
|
<div class="storm-content"> |
||||
|
<router-view /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-spin> |
||||
|
<!-- 全局计时 --> |
||||
|
<Dragger v-if="$route.name !== 'PatientList' && getCount" ref="timer" class="count-container"> |
||||
|
<div class="count-name">静脉溶栓</div> |
||||
|
<!-- <van-count-down :time="getCount" format="mm:ss" /> --> |
||||
|
<Count /> |
||||
|
</Dragger> |
||||
|
<!-- 测评提示信息弹窗 --> |
||||
|
<a-modal class="patient-create patient-form" :width="518" :maskClosable="false" :closable="false" |
||||
|
:destroyOnClose="true" v-model="tip.visible" title="提示" @ok="tipConfirm" okText="去测评" cancelText="忽略"> |
||||
|
<div class="modal-content"> |
||||
|
{{ tip.content }} |
||||
|
</div> |
||||
|
</a-modal> |
||||
|
<!-- --> |
||||
|
<a-modal class="patient-create patient-form" :width="518" :maskClosable="false" :closable="false" |
||||
|
:destroyOnClose="true" v-model="tip.Lnspect" title="提示" @ok="LnspectConfirm" @cancel="LnspectCancel" |
||||
|
okText="查看" cancelText="忽略"> |
||||
|
<div class="modal-content">检验结果已完成, 请前往查看</div> |
||||
|
</a-modal> |
||||
|
</div> |
||||
|
</a-config-provider> |
||||
|
</template> |
||||
|
<script> |
||||
|
import zhCN from 'ant-design-vue/es/locale/zh_CN'; // 引入中文语言包 |
||||
|
import Dragger from './components/dragger.vue'; |
||||
|
import Count from './components/count.vue'; |
||||
|
import { |
||||
|
messageQuery |
||||
|
} from 'api'; |
||||
|
import { |
||||
|
mapMutations, |
||||
|
mapState |
||||
|
} from 'vuex'; |
||||
|
import Nav from 'components/Nav.vue'; |
||||
|
export default { |
||||
|
components: { |
||||
|
Nav, |
||||
|
Dragger, |
||||
|
Count, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
locale: zhCN, // 设置为中文 |
||||
|
routeName: '', |
||||
|
tip: { |
||||
|
// 提示信息 |
||||
|
visible: false, //测评 |
||||
|
Lnspect: false, //检验 |
||||
|
content: '', |
||||
|
k: null, |
||||
|
}, |
||||
|
request: 0, |
||||
|
pushRouter: { |
||||
|
0: 'Inspect', |
||||
|
1: 'Image', |
||||
|
2: 'Min', |
||||
|
}, |
||||
|
titleForm: { |
||||
|
'0min': 'JMRS-Q-NIHSS', |
||||
|
'15min': 'JMRS-15-NIHSS', |
||||
|
'30min': 'JMRS-30-NIHSS', |
||||
|
'45min': 'JMRS-45-NIHSS', |
||||
|
'60min': 'JMRS-60-NIHSS', |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState('storm', ['spinning', 'showNav']), |
||||
|
...mapState('patient', ['patientData', 'timerData', 'overviewType']), |
||||
|
getCount() { |
||||
|
const { |
||||
|
timerData, |
||||
|
patientData |
||||
|
} = this; |
||||
|
if (!timerData && !patientData) return null; |
||||
|
if (timerData.firstAidId !== patientData.firstAidId) return null; |
||||
|
const { |
||||
|
countdown |
||||
|
} = timerData; |
||||
|
if (!countdown) return null; |
||||
|
// const totalSeconds = countdown; |
||||
|
// // ?️ 获取完整分钟数 |
||||
|
// const minutes = Math.floor(totalSeconds / 60); |
||||
|
// // ?️ 获得剩余的秒数 |
||||
|
// const seconds = totalSeconds % 60; |
||||
|
// // ✅ 格式化为 MM:SS |
||||
|
// const result = `${this.padTo2Digits(minutes)}:${this.padTo2Digits(seconds)}`; |
||||
|
// console.log(result); // ?️ "09:25" |
||||
|
return parseInt(countdown) * 1000; |
||||
|
}, |
||||
|
}, |
||||
|
watch: { |
||||
|
overviewType: { |
||||
|
deep: true, |
||||
|
handler(n, o) { |
||||
|
if (n === 'overview' || n === 'info') { |
||||
|
this.queryMessage(); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
$route: { |
||||
|
deep: true, |
||||
|
handler(n, o) { |
||||
|
if (n.name === 'PatientList') { |
||||
|
this.setTimerData({}); |
||||
|
} |
||||
|
if (n.name === 'PatientDetails') { |
||||
|
// this.request = 0; |
||||
|
} |
||||
|
if ( |
||||
|
n.path !== '/' && |
||||
|
n.name !== 'PatientList' && |
||||
|
n.name !== 'Min' |
||||
|
) { |
||||
|
this.init(); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapMutations('patient', ['setTimerData']), |
||||
|
padTo2Digits(num) { |
||||
|
return num.toString().padStart(2, '0'); |
||||
|
}, |
||||
|
async init() { |
||||
|
const { |
||||
|
firstAidId |
||||
|
} = this.patientData; |
||||
|
if (!firstAidId) return; |
||||
|
// this.queryMessage(); |
||||
|
await this.handMessageQuery(); |
||||
|
console.log('init', this.$route.name); |
||||
|
this.request = 0; |
||||
|
this.utils.AnimationFrame.create( |
||||
|
'timerTask', |
||||
|
10000, |
||||
|
true, |
||||
|
(min) => { |
||||
|
this.getMessageQuery(min); |
||||
|
} |
||||
|
); |
||||
|
}, |
||||
|
async queryMessage() { |
||||
|
const { |
||||
|
firstAidId |
||||
|
} = this.patientData; |
||||
|
const res = await messageQuery(firstAidId); |
||||
|
const { |
||||
|
code, |
||||
|
msg |
||||
|
} = res; |
||||
|
if (code === 200) { |
||||
|
this.setTimerData(res.data); |
||||
|
} |
||||
|
}, |
||||
|
// 测评确认 |
||||
|
tipConfirm() { |
||||
|
this.tip.visible = false; |
||||
|
const name = this.pushRouter[this.tip.k]; |
||||
|
console.log('name: ', name); |
||||
|
this.$router.push({ |
||||
|
name, |
||||
|
}); |
||||
|
}, |
||||
|
// 检验调取确认 |
||||
|
LnspectConfirm() { |
||||
|
this.LnspectCancel(); |
||||
|
this.$router.push({ |
||||
|
name: 'Inspect', |
||||
|
}); |
||||
|
}, |
||||
|
LnspectCancel() { |
||||
|
this.tip.Lnspect = false; |
||||
|
this.$forceUpdate(); |
||||
|
}, |
||||
|
// 消息提示 |
||||
|
async handMessageQuery() { |
||||
|
// 异步 |
||||
|
const { |
||||
|
firstAidId |
||||
|
} = this.patientData; |
||||
|
if (firstAidId) { |
||||
|
const res = await messageQuery(firstAidId); |
||||
|
const { |
||||
|
code, |
||||
|
msg |
||||
|
} = res; |
||||
|
if (code === 200) { |
||||
|
this.setTimerData(res.data); |
||||
|
const { |
||||
|
map, |
||||
|
haveFlagInspect |
||||
|
} = res.data; |
||||
|
console.log('firstAidInspectDataDtos: ', haveFlagInspect); |
||||
|
for (let k in map) { |
||||
|
if (map[k]) { |
||||
|
this.taskList = { |
||||
|
text: map[k], |
||||
|
status: false, |
||||
|
}; |
||||
|
} |
||||
|
if (map[k] && this.taskList.status === false) { |
||||
|
// 记录不重复弹窗 |
||||
|
if (this.taskList.text === map[k]) { |
||||
|
this.taskList.status = true; |
||||
|
} |
||||
|
if ( |
||||
|
this.$route.name !== 'Min' && |
||||
|
this.$route.name !== 'PatientList' |
||||
|
) { |
||||
|
this.tip = { |
||||
|
visible: true, |
||||
|
k, |
||||
|
content: map[k], |
||||
|
}; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
// 检验调取 判断是否有急诊号 1 弹窗, 0 不弹窗 |
||||
|
if (haveFlagInspect) { |
||||
|
if ( |
||||
|
this.$route.name !== 'Inspect' && |
||||
|
this.$route.name !== 'PatientList' |
||||
|
) { |
||||
|
this.tip.Lnspect = true; |
||||
|
} |
||||
|
} |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
async getMessageQuery(min, firstAidId) { |
||||
|
const n = min; |
||||
|
if (this.request === n) { |
||||
|
// 符合轮训条件 |
||||
|
console.log('十秒'); |
||||
|
this.request = n + 1; |
||||
|
await this.handMessageQuery(); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="less"> |
||||
|
.zhezhao { |
||||
|
position: fixed; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 100vw; |
||||
|
height: 100vh; |
||||
|
z-index: 999; |
||||
|
} |
||||
|
|
||||
|
#app { |
||||
|
font-family: Avenir, Helvetica, Arial, sans-serif; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
// text-align: center; |
||||
|
color: #2c3e50; |
||||
|
background: #f6f8fa; |
||||
|
height: 100%; |
||||
|
position: relative; |
||||
|
|
||||
|
::-webkit-scrollbar { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// .count-container { |
||||
|
// width: 200px; |
||||
|
// background: rgba(255, 255, 255, 0.1); |
||||
|
// border: 1px solid #ffffff; |
||||
|
// box-shadow: 0px 6px 10px 0px rgba(0, 59, 172, 0.2); |
||||
|
// border-radius: 4px; |
||||
|
// overflow: hidden; |
||||
|
// backdrop-filter: blur(4px); |
||||
|
// text-align: center; |
||||
|
// display: flex; |
||||
|
// flex-direction: column; |
||||
|
// align-items: center; |
||||
|
// padding: 16px 0; |
||||
|
// z-index: 999; |
||||
|
|
||||
|
// .count-name { |
||||
|
// font-size: 26px; |
||||
|
// font-family: Source Han Sans CN, Source Han Sans CN-Bold; |
||||
|
// font-weight: 700; |
||||
|
// color: #393d4e; |
||||
|
// line-height: 26px; |
||||
|
// padding-bottom: 7px; |
||||
|
// } |
||||
|
|
||||
|
// .van-count-down { |
||||
|
// font-size: 44px; |
||||
|
// font-family: Source Han Sans CN, Source Han Sans CN-Bold; |
||||
|
// font-weight: 700; |
||||
|
// color: #393d4e; |
||||
|
// line-height: 44px; |
||||
|
// } |
||||
|
// } |
||||
|
</style> |
||||
|
<style lang="stylus"> |
||||
|
// @import './assets/portrait.styl'; |
||||
|
@import './assets/less/common.less'; |
||||
|
|
||||
|
html { |
||||
|
overflow: hidden !important; |
||||
|
} |
||||
|
|
||||
|
html, |
||||
|
body, |
||||
|
#app { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
font-size: 1.2rem |
||||
|
} |
||||
|
|
||||
|
.zhezhao .ant-spin-container { |
||||
|
height: 100% |
||||
|
} |
||||
|
|
||||
|
.ant-modal div[aria-hidden="true"]{ |
||||
|
display: none !important; |
||||
|
} |
||||
|
|
||||
|
.storm { |
||||
|
display: flex; |
||||
|
flex: 1; |
||||
|
|
||||
|
.storm-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
height: 100%; |
||||
|
background: linear-gradient(180deg, #dbeaff, #fbfdff); |
||||
|
|
||||
|
.header { |
||||
|
// height: 88px; |
||||
|
} |
||||
|
|
||||
|
.storm-content { |
||||
|
flex: 1; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
overflow-y: auto; |
||||
|
display: flex; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,226 @@ |
|||||
|
import axios from 'axios'; |
||||
|
let { proxyUrl } = require('@/config/setting'); |
||||
|
let proxyUrl1 = proxyUrl + '/workstation'; |
||||
|
//查询民族列表
|
||||
|
export const getNation = () => axios.post(`${proxyUrl1}/sys/nation/list`); |
||||
|
// 查询菜单
|
||||
|
export const getRouters = (params) => |
||||
|
axios.get(`${proxyUrl1}/getRouters`, params); |
||||
|
|
||||
|
// 查询平车、平板设备列表
|
||||
|
export const selectList = (params) => |
||||
|
axios.post(`${proxyUrl1}/remoteDevice/selectList `, params); |
||||
|
|
||||
|
// 查询患者列表
|
||||
|
export const getList = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/list`, params); |
||||
|
|
||||
|
// 查询分诊患者列表
|
||||
|
export const queryTriageList = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/queryTriageList`, params); |
||||
|
|
||||
|
// 创建患者
|
||||
|
export const create = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/create`, params); |
||||
|
|
||||
|
// 查病历数据
|
||||
|
export const queryAidRecord = (firstAidId, codeList) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/queryAidRecord`, { |
||||
|
param: { firstAidId, codeList }, |
||||
|
}); |
||||
|
|
||||
|
// 更新急救code信息
|
||||
|
export const saveAidRecord = (param) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/saveAidRecord`, { param }); |
||||
|
|
||||
|
// 更新急救基本信息
|
||||
|
export const updateAidBase = (param) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/update`, { param }); |
||||
|
|
||||
|
//溶栓记录
|
||||
|
export const queryLog = (param) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/queryLog`, { param }); |
||||
|
|
||||
|
//医嘱查询
|
||||
|
export const adviceQuery = (param) => |
||||
|
axios.post(`${proxyUrl1}/advice/query`, { param }); |
||||
|
|
||||
|
//下发医嘱
|
||||
|
export const adviceAdd = (params) => |
||||
|
axios.post(`${proxyUrl1}/advice/add`, { ...params }); |
||||
|
|
||||
|
//推送结果
|
||||
|
export const messageQuery = (firstAidId) => |
||||
|
axios.post(`${proxyUrl1}/message/query`, { firstAidId }); |
||||
|
|
||||
|
export function uploadIdcard(data) { |
||||
|
return axios({ |
||||
|
url: `${proxyUrl1}/sys/ocr/idcardInfo`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'multipart/form-data', |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
export const idcardInfo = `${proxyUrl1}/sys/ocr/idcardInfo`; |
||||
|
|
||||
|
// 创建急救身份证扫描
|
||||
|
|
||||
|
export const idcardInfoBase64 = (picBase64) => |
||||
|
axios.post(`${proxyUrl1}/sys/ocr/idcardInfoBase64`, { picBase64 }); |
||||
|
|
||||
|
//知情同意新增
|
||||
|
export const saveInformedConsent = (params) => |
||||
|
axios.post(`${proxyUrl1}/informed/saveInformedConsent`, { ...params }); |
||||
|
|
||||
|
// 查询是否有进行中的急救
|
||||
|
export const queryFree = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/queryFree`, { ...params }); |
||||
|
|
||||
|
export const endFirstAid = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/endFirstAid `, {}); |
||||
|
//知情同意查询
|
||||
|
export const queryConsentResult = (params) => |
||||
|
axios.post(`${proxyUrl1}/informed/queryConsentResult`, { |
||||
|
param: { ...params }, |
||||
|
}); |
||||
|
|
||||
|
//查看知情同意时添加谈话时间
|
||||
|
export const thTime = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/thTime`, { ...params }); |
||||
|
|
||||
|
// 上传文件
|
||||
|
export function uploadfile(data) { |
||||
|
return axios({ |
||||
|
url: `${proxyUrl}/file/upload`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'multipart/form-data', |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
// 上传文件
|
||||
|
export function uploadBase64(data) { |
||||
|
return axios({ |
||||
|
url: `${proxyUrl}/file/uploadBase64`, |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'multipart/form-data', |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
// 查询平车状态
|
||||
|
export const queryByPadNo = (params) => |
||||
|
axios.post(`${proxyUrl1}/car/queryByPadNo`, { param: { ...params } }); |
||||
|
// 血样报告
|
||||
|
export const queryFirstAidInspectData = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/queryFirstAidInspectData`, { |
||||
|
...params, |
||||
|
}); |
||||
|
// 查询下一个节点
|
||||
|
export const getNextNode = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/next`, { param: { ...params } }); |
||||
|
|
||||
|
//导出急救记录
|
||||
|
export const exportFirstAid = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/export`, { param: { ...params } }); |
||||
|
|
||||
|
// 溶栓介入视频
|
||||
|
export const queryVideo = (param) => |
||||
|
axios.post(`${proxyUrl1}/video/query`, { param: { ...param } }); |
||||
|
|
||||
|
// 溶栓介入视频
|
||||
|
export const queryBook = (param) => |
||||
|
axios.post(`${proxyUrl1}/informed/queryConsentTemplate`, { |
||||
|
param: { ...param }, |
||||
|
}); |
||||
|
|
||||
|
// 溶栓介入视频
|
||||
|
export const queryWeight = (firstAidId) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/weight`, { |
||||
|
firstAidId: firstAidId, |
||||
|
}); |
||||
|
|
||||
|
// 修改急救信息
|
||||
|
export const updateFirstAid = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/update`, { param: { ...params } }); |
||||
|
|
||||
|
// ------------平车相关操作------------
|
||||
|
// 授权
|
||||
|
export const remoteAuth = (params) => |
||||
|
axios.post(`${proxyUrl1}/mqtt/remoteAuth`, { ...params }); |
||||
|
|
||||
|
// 电池容量
|
||||
|
export const remoteKljCapacity = (params) => |
||||
|
axios.post(`${proxyUrl1}/mqtt/remoteKljCapacity`, { ...params }); |
||||
|
// 设备重启
|
||||
|
export const remoteReboot = (params) => |
||||
|
axios.post( |
||||
|
`${proxyUrl1}/mqtt/remoteReboot
|
||||
|
`,
|
||||
|
{ ...params } |
||||
|
); |
||||
|
// 发送远程rfid消息
|
||||
|
export const remoteRfid = (params) => |
||||
|
axios.post( |
||||
|
`${proxyUrl1}/mqtt/remoteRfid
|
||||
|
`,
|
||||
|
{ ...params } |
||||
|
); |
||||
|
// 发送远程设备心跳（校时）消息
|
||||
|
export const remoteTime = (params) => |
||||
|
axios.post( |
||||
|
`${proxyUrl1}/mqtt/remoteTime
|
||||
|
`,
|
||||
|
{ ...params } |
||||
|
); |
||||
|
// 称重校准
|
||||
|
export const remoteWeightCalibration = (params) => |
||||
|
axios.post( |
||||
|
`${proxyUrl1}/mqtt/remoteWeightCalibration
|
||||
|
`,
|
||||
|
{ ...params } |
||||
|
); |
||||
|
|
||||
|
// 病例统计
|
||||
|
export const getCtInfoPath = (params) => |
||||
|
axios.post(`${proxyUrl1}/firstAid/getCtInfoPath`, { ...params }); |
||||
|
|
||||
|
|
||||
|
// 我的
|
||||
|
export const loginInfo = (params) => |
||||
|
axios.post(`${proxyUrl1}/home/loginInfo`, { ...params } ); |
||||
|
|
||||
|
// RPT统计
|
||||
|
export const queryRptResult = (params) => |
||||
|
axios.post(`${proxyUrl1}/home/queryRptResult`, { ...params }); |
||||
|
// DPT统计 / 血管内治疗率
|
||||
|
export const queryDptResult = (params) => |
||||
|
axios.post(`${proxyUrl1}/home/queryDptResult`, { ...params }); |
||||
|
// 血管内治疗数据对比
|
||||
|
export const selectXgzl = (params) => |
||||
|
axios.post(`${proxyUrl1}/home/selectXgzl`, { ...params }); |
||||
|
// SICH发生率
|
||||
|
export const querySichResult = (params) => |
||||
|
axios.post(`${proxyUrl1}/home/querySichResult`, { ...params }); |
||||
|
// SICHDNT分布
|
||||
|
export const queryDntResult = (params) => |
||||
|
axios.post(`${proxyUrl1}/home/queryDntResult`, { ...params }); |
||||
|
// 静脉溶栓数据对比 / 静脉溶栓率
|
||||
|
export const queryJmrs = (params) => |
||||
|
axios.post(`${proxyUrl1}/home/queryJmrs`, { ...params }); |
||||
|
// 病例统计数据分析
|
||||
|
export const queryByDatePatient = (params) => |
||||
|
axios.post(`${proxyUrl1}/home/queryByDatePatient`, { ...params }); |
||||
|
// 病例统计
|
||||
|
export const queryPatient = (params) => |
||||
|
axios.post(`${proxyUrl1}/home/queryPatient`, { ...params }); |
||||
|
// 介入手术记录/总报告
|
||||
|
export const operationLog = (params) => |
||||
|
axios.post(`${proxyUrl1}/interfere/operationLog`, { ...params }); |
||||
|
|
||||
|
|
||||
@ -0,0 +1,5 @@ |
|||||
|
import axios from 'axios'; |
||||
|
let { proxyUrl } = require('@/config/setting'); |
||||
|
// 登录
|
||||
|
export const Login = (params) => |
||||
|
axios.post(`${proxyUrl}/auth/pad/login`, params); |
||||
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 75 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 200 KiB |
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 446 B |
|
After Width: | Height: | Size: 512 B |
|
After Width: | Height: | Size: 551 B |
|
After Width: | Height: | Size: 360 B |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 894 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 230 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 978 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 145 B |
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 746 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 567 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 580 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 655 B |
|
After Width: | Height: | Size: 482 B |
|
After Width: | Height: | Size: 524 B |
|
After Width: | Height: | Size: 631 B |
|
After Width: | Height: | Size: 613 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 978 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
@ -0,0 +1,315 @@ |
|||||
|
.border-b { |
||||
|
border-bottom: 1px solid #ccc; |
||||
|
} |
||||
|
|
||||
|
.relative { |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.absolute { |
||||
|
position: absolute; |
||||
|
} |
||||
|
|
||||
|
.d-flex { |
||||
|
display: flex; |
||||
|
} |
||||
|
|
||||
|
.flex-wrap { |
||||
|
flex-wrap: wrap; |
||||
|
} |
||||
|
|
||||
|
.flex-nowrap { |
||||
|
flex-wrap: nowrap; |
||||
|
} |
||||
|
|
||||
|
.flex-column { |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
|
||||
|
.flex-column-reverse { |
||||
|
flex-direction: column-reverse; |
||||
|
} |
||||
|
|
||||
|
.flex-row { |
||||
|
flex-direction: row; |
||||
|
} |
||||
|
|
||||
|
.flex-row-reverse { |
||||
|
flex-direction: row-reverse; |
||||
|
} |
||||
|
|
||||
|
.justify-center { |
||||
|
justify-content: center; |
||||
|
} |
||||
|
|
||||
|
.justify-space-between { |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
|
||||
|
.align-center { |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.flex-1 { |
||||
|
display: flex; |
||||
|
flex: 1; |
||||
|
} |
||||
|
|
||||
|
.flex-2 { |
||||
|
display: flex; |
||||
|
flex: 2; |
||||
|
} |
||||
|
|
||||
|
.flex-3 { |
||||
|
display: flex; |
||||
|
flex: 3; |
||||
|
} |
||||
|
|
||||
|
.pointer { |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.ellipsis-2 { |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
|
||||
|
.ellipsis-3 { |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 3; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
|
||||
|
.fz22 { |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
|
||||
|
.border-bottom { |
||||
|
border-bottom: 1px solid #dfe6ec; |
||||
|
} |
||||
|
|
||||
|
.borderNone { |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
|
||||
|
.common-picker { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
z-index: 999; |
||||
|
} |
||||
|
|
||||
|
.common-button { |
||||
|
width: 200px; |
||||
|
margin: 0 auto; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.common-slider { |
||||
|
width: 90%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
flex-direction: column; |
||||
|
position: relative; |
||||
|
margin: 40px 0 20px; |
||||
|
} |
||||
|
|
||||
|
.common-slider .van-stepper--round { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.common-slider .van-stepper--round .van-stepper__minus { |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
color: #7690e5; |
||||
|
border-color: #7690e5; |
||||
|
} |
||||
|
|
||||
|
.common-slider .van-stepper--round .van-stepper__plus { |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
background-color: #7690e5; |
||||
|
} |
||||
|
|
||||
|
.common-slider .van-stepper--round .van-stepper__input { |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
right: 50%; |
||||
|
transform: translate(-50%, -50%); |
||||
|
bottom: 5px; |
||||
|
background: #7690e5; |
||||
|
border-radius: 6px; |
||||
|
font-size: 24px; |
||||
|
font-family: OPPOSans, OPPOSans-Bold; |
||||
|
font-weight: 700; |
||||
|
text-align: center; |
||||
|
color: #ffffff; |
||||
|
padding: 10px 0; |
||||
|
width: 100px; |
||||
|
margin-bottom: 10px; |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.common-slider .common-slider-slider { |
||||
|
width: 80%; |
||||
|
position: absolute; |
||||
|
bottom: 6px; |
||||
|
height: 16px; |
||||
|
background: #e4edff; |
||||
|
border-radius: 8px; |
||||
|
} |
||||
|
|
||||
|
.common-slider .common-slider-slider .van-slider__button-wrapper { |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
background: #7690e5; |
||||
|
border-radius: 50%; |
||||
|
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); |
||||
|
} |
||||
|
|
||||
|
.common-slider .common-slider-slider .ant-input-number { |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
right: 50%; |
||||
|
bottom: 20px; |
||||
|
transform: translate(-50%, -50%); |
||||
|
font-size: 24px; |
||||
|
font-family: OPPOSans, OPPOSans-Bold; |
||||
|
font-weight: 700; |
||||
|
height: auto; |
||||
|
padding: 4px 0; |
||||
|
text-align: center; |
||||
|
background: #7690e5; |
||||
|
border-radius: 6px; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.common-slider .common-slider-slider .ant-input-number .ant-input-number-input { |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.common-slider .common-slider-slider .ant-input-number .ant-input-number-handler-wrap { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.common-slider .common-slider-slider .slider-icon { |
||||
|
position: absolute; |
||||
|
top: -23px; |
||||
|
left: 2px; |
||||
|
color: #7690e5; |
||||
|
font-size: 26px; |
||||
|
} |
||||
|
|
||||
|
.ant-form .ant-form-item-label { |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
.ant-form label { |
||||
|
font-size: 26px !important; |
||||
|
font-weight: 500; |
||||
|
color: #565e6f; |
||||
|
} |
||||
|
|
||||
|
.ant-form .ant-form-item { |
||||
|
margin-bottom: 18px !important; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
.ant-form .ant-form-item:not(:last-child) { |
||||
|
border-bottom: 1px solid #dfe6ec; |
||||
|
padding-bottom: 18px; |
||||
|
} |
||||
|
|
||||
|
.ant-form .dose-item { |
||||
|
margin-bottom: 40px !important; |
||||
|
} |
||||
|
|
||||
|
.ant-form .mb0 { |
||||
|
margin-bottom: 0px !important; |
||||
|
} |
||||
|
|
||||
|
.ant-form .borderNone { |
||||
|
border-bottom: none !important; |
||||
|
} |
||||
|
|
||||
|
.ant-form .ant-radio-button-wrapper { |
||||
|
padding: 0 18px; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
font-size: 18px !important; |
||||
|
margin-right: 20px; |
||||
|
margin-bottom: 10px; |
||||
|
background: #f8f8f9; |
||||
|
border: 0.5px solid #a3acbf; |
||||
|
border-radius: 6px; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
.ant-form .ant-radio-button-wrapper:before, |
||||
|
.ant-form .ant-radio-button-wrapper .ant-radio-button-wrapper-checked:before { |
||||
|
display: none !important; |
||||
|
} |
||||
|
|
||||
|
.ant-form .ant-radio-button-wrapper:first-child, |
||||
|
.ant-form .ant-radio-button-wrapper:last-child { |
||||
|
border-radius: 6px !important; |
||||
|
} |
||||
|
|
||||
|
.ant-form .ant-radio-button-wrapper:last-child { |
||||
|
margin-right: 0; |
||||
|
} |
||||
|
|
||||
|
.ant-form .ant-form-item-control { |
||||
|
text-align: left; |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
|
||||
|
.solid .ant-checkbox-wrapper { |
||||
|
background: #f8f8f9; |
||||
|
border: 0.5px solid #a3acbf; |
||||
|
border-radius: 6px; |
||||
|
vertical-align: middle; |
||||
|
margin-right: 20px; |
||||
|
margin-bottom: 10px; |
||||
|
font-size: 1.2vw !important; |
||||
|
line-height: 40px; |
||||
|
padding: 0 18px; |
||||
|
height: 40px; |
||||
|
} |
||||
|
|
||||
|
.solid .ant-checkbox-wrapper.ant-checkbox-wrapper-checked { |
||||
|
background: #7690e5; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.solid .ant-checkbox-wrapper .ant-checkbox { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.ant-tabs-nav-container .ant-tabs-tab { |
||||
|
font-size: 20px; |
||||
|
font-family: Source Han Sans CN, Source Han Sans CN-Medium; |
||||
|
font-weight: 500; |
||||
|
text-align: left; |
||||
|
color: #70798c; |
||||
|
} |
||||
|
|
||||
|
.ant-tabs-nav-container .ant-tabs-tab-active { |
||||
|
font-weight: 700; |
||||
|
font-family: Source Han Sans CN, Source Han Sans CN-Bold; |
||||
|
color: #393d4e !important; |
||||
|
} |
||||
|
|
||||
|
.ant-tabs-nav-container .ant-tabs-ink-bar { |
||||
|
background: #7690e5 !important; |
||||
|
} |
||||
@ -0,0 +1,819 @@ |
|||||
|
.border-b { |
||||
|
border-bottom: 1px solid #ccc; |
||||
|
} |
||||
|
|
||||
|
// position |
||||
|
.relative { |
||||
|
position: relative; |
||||
|
} |
||||
|
.absolute { |
||||
|
position: absolute; |
||||
|
} |
||||
|
|
||||
|
// flex |
||||
|
.d-flex{ |
||||
|
display: flex; |
||||
|
} |
||||
|
|
||||
|
.flex-wrap{ |
||||
|
flex-wrap: wrap; |
||||
|
} |
||||
|
|
||||
|
.flex-nowrap{ |
||||
|
flex-wrap: nowrap; |
||||
|
} |
||||
|
|
||||
|
.flex-column{ |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
|
||||
|
.flex-column-reverse{ |
||||
|
flex-direction: column-reverse; |
||||
|
} |
||||
|
|
||||
|
.flex-row{ |
||||
|
flex-direction: row; |
||||
|
} |
||||
|
|
||||
|
.flex-row-reverse{ |
||||
|
flex-direction: row-reverse; |
||||
|
} |
||||
|
|
||||
|
.justify-center{ |
||||
|
justify-content: center; |
||||
|
} |
||||
|
|
||||
|
.justify-space-between{ |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
|
||||
|
.align-center{ |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.flex-1{ |
||||
|
display: flex; |
||||
|
flex: 1; |
||||
|
} |
||||
|
|
||||
|
.flex-2{ |
||||
|
display: flex; |
||||
|
flex: 2; |
||||
|
} |
||||
|
.flex-3{ |
||||
|
display: flex; |
||||
|
flex: 3; |
||||
|
} |
||||
|
|
||||
|
// other |
||||
|
.pointer{ |
||||
|
cursor:pointer; |
||||
|
} |
||||
|
.ellipsis-2 { |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
.ellipsis-3 { |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 3; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
.font-bold{ |
||||
|
font: bold; |
||||
|
} |
||||
|
.text-left{ |
||||
|
text-align: left; |
||||
|
} |
||||
|
.text-right{ |
||||
|
text-align: right; |
||||
|
} |
||||
|
.text-center{ |
||||
|
text-align: center; |
||||
|
} |
||||
|
.fz20{ |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
.fz22{ |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
.fz24{ |
||||
|
font-size: 24px; |
||||
|
} |
||||
|
.border-bottom{ |
||||
|
border-bottom: 1px solid #dfe6ec; |
||||
|
} |
||||
|
.borderNone{ |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
|
||||
|
.common-picker{ |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
z-index: 999; |
||||
|
} |
||||
|
.common-button { |
||||
|
width: 200px; |
||||
|
margin: 0 auto; |
||||
|
margin-bottom: 12px; |
||||
|
border-radius: 20px; |
||||
|
} |
||||
|
.common-slider{ |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
flex-direction: column; |
||||
|
position: relative; |
||||
|
margin: 80px 0 20px; |
||||
|
.van-stepper--round{ |
||||
|
width: 90%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
position: relative; |
||||
|
.van-stepper__input{ |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
right: 50%; |
||||
|
transform: translate(-50%, -50%); |
||||
|
bottom: 5px; |
||||
|
background: #007AFF; |
||||
|
border-radius: 6px; |
||||
|
font-size: 24px; |
||||
|
font-family: OPPOSans, OPPOSans-Bold; |
||||
|
font-weight: 700; |
||||
|
text-align: center; |
||||
|
color: #ffffff; |
||||
|
padding: 10px 0; |
||||
|
width: 100px; |
||||
|
margin-bottom: 10px; |
||||
|
display: none; |
||||
|
} |
||||
|
.van-stepper__minus{ |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
color: #fff; |
||||
|
color: #007AFF; |
||||
|
border-color: #007AFF; |
||||
|
} |
||||
|
.van-stepper__plus{ |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
background-color: #007AFF; |
||||
|
} |
||||
|
&.one{ |
||||
|
.van-stepper__minus{ |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 40px; |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
color: #fff; |
||||
|
border-color: #007AFF; |
||||
|
// background-color: #007AFF; |
||||
|
background: linear-gradient(to right, rgba(82, 165, 255, 1), rgba(0, 122, 255, 1)); |
||||
|
} |
||||
|
.van-stepper__plus{ |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
right: 40px; |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
// background-color: #007AFF; |
||||
|
background: linear-gradient(to right, rgba(82, 165, 255, 1), rgba(0, 122, 255, 1)); |
||||
|
} |
||||
|
} |
||||
|
&.five{ |
||||
|
.van-stepper__minus{ |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
color: #fff; |
||||
|
border-color: #007AFF; |
||||
|
// background-color: #007AFF; |
||||
|
background: linear-gradient(to right, rgba(82, 165, 255, 1), rgba(0, 122, 255, 1)); |
||||
|
&::before{ |
||||
|
content: '-5'; |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
position: absolute; |
||||
|
top: 4px; |
||||
|
left: 13px; |
||||
|
height: 0; |
||||
|
} |
||||
|
} |
||||
|
.van-stepper__plus{ |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
color: #fff; |
||||
|
border-color: #007AFF; |
||||
|
// background-color: #007AFF; |
||||
|
background: linear-gradient(to right, rgba(82, 165, 255, 1), rgba(0, 122, 255, 1)); |
||||
|
position: relative; |
||||
|
&::before{ |
||||
|
content: '+5'; |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
position: absolute; |
||||
|
top: 4px; |
||||
|
left: 13px; |
||||
|
height: 0; |
||||
|
// letter-spacing: -1px; |
||||
|
} |
||||
|
&::after{ |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
&.ten{ |
||||
|
.van-stepper__minus{ |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: -35px; |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
color: #fff; |
||||
|
border-color: #007AFF; |
||||
|
// background-color: #007AFF; |
||||
|
background: linear-gradient(to right, rgba(82, 165, 255, 1), rgba(0, 122, 255, 1)); |
||||
|
&::before{ |
||||
|
content: '-10'; |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
position: absolute; |
||||
|
top: 4px; |
||||
|
left: 11px; |
||||
|
height: 0; |
||||
|
// letter-spacing: -1px; |
||||
|
} |
||||
|
} |
||||
|
.van-stepper__plus{ |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: -35px; |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
color: #fff; |
||||
|
// background-color: #52A5FF; |
||||
|
background: linear-gradient(to right, rgba(82, 165, 255, 1), rgba(0, 122, 255, 1)); |
||||
|
&::before{ |
||||
|
content: '+10'; |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
position: absolute; |
||||
|
top: 4px; |
||||
|
left: 11px; |
||||
|
height: 0; |
||||
|
// letter-spacing: -1px; |
||||
|
} |
||||
|
&::after{ |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.common-slider-slider{ |
||||
|
width: 68%; |
||||
|
position: absolute; |
||||
|
bottom: 6px; |
||||
|
height: 16px; |
||||
|
// background: #e4edff; |
||||
|
background: linear-gradient(to right, #007AFF, #52A5FF); |
||||
|
border-radius: 8px; |
||||
|
.van-slider__button-wrapper{ |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
background-color: #007AFF; |
||||
|
border-radius: 50%; |
||||
|
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); |
||||
|
|
||||
|
.inner-circle{ |
||||
|
width: 15px; |
||||
|
height: 15px; |
||||
|
border-radius: 50%; /* 圆形 */ |
||||
|
background-color: white; /* 白色背景 */ |
||||
|
position: absolute; /* 绝对定位 */ |
||||
|
top: 50%; |
||||
|
left: 50%; |
||||
|
transform: translate(-50%, -50%); /* 居中 */ |
||||
|
} |
||||
|
} |
||||
|
.ant-input-number{ |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
right: 50%; |
||||
|
bottom: 18px; |
||||
|
transform: translate(-50%, -50%); |
||||
|
font-size: 24px; |
||||
|
font-family: OPPOSans, OPPOSans-Bold; |
||||
|
font-weight: 700; |
||||
|
height: auto; |
||||
|
padding: 4px 0; |
||||
|
text-align: center; |
||||
|
// background: #7690e5; |
||||
|
background: linear-gradient(to right, rgba(0, 122, 255, 0.7), rgba(0, 122, 255, 1)); |
||||
|
border-radius: 6px; |
||||
|
color: #fff; |
||||
|
.ant-input-number-input{ |
||||
|
text-align: center; |
||||
|
} |
||||
|
.ant-input-number-handler-wrap{ |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
.van-slider__bar{ |
||||
|
background: linear-gradient(to right, #007AFF, #52A5FF); |
||||
|
// background: linear-gradient(to right, rgba(0, 122, 255, 0.7), rgba(0, 122, 255, 1)); |
||||
|
} |
||||
|
.slider-icon{ |
||||
|
position: absolute; |
||||
|
top: -20px; |
||||
|
left: 2px; |
||||
|
color: #007AFF; |
||||
|
font-size: 26px; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.ant-form { |
||||
|
.ant-form-item-label{ |
||||
|
text-align: left; |
||||
|
} |
||||
|
label{ |
||||
|
font-size: 26px ; |
||||
|
font-weight: 500; |
||||
|
color: #565e6f; |
||||
|
} |
||||
|
.ant-form-item{ |
||||
|
&:not(:last-child) { |
||||
|
border-bottom: 1px solid #dfe6ec; |
||||
|
} |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.dose-item{ |
||||
|
margin-bottom: 40px!important; |
||||
|
} |
||||
|
.mb0{ |
||||
|
margin-bottom: 10px!important; |
||||
|
} |
||||
|
.borderNone{ |
||||
|
border-bottom: none!important; |
||||
|
} |
||||
|
.ant-radio-button-wrapper{ |
||||
|
padding: 0 18px; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
font-size: 18px!important; |
||||
|
margin-right: 20px; |
||||
|
margin-bottom: 10px; |
||||
|
background: #f9f9f9; |
||||
|
border: 0.5px solid #a3acbf; |
||||
|
border-radius: 6px; |
||||
|
vertical-align: middle; |
||||
|
&:before, .ant-radio-button-wrapper-checked:before{ |
||||
|
display: none!important; |
||||
|
} |
||||
|
&:first-child, &:last-child{ |
||||
|
border-radius: 6px!important; |
||||
|
} |
||||
|
&:last-child{ |
||||
|
margin-right: 0; |
||||
|
} |
||||
|
} |
||||
|
.ant-form-item-control{ |
||||
|
text-align: left; |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
} |
||||
|
// .solid{ |
||||
|
// .ant-checkbox-wrapper { |
||||
|
// background: #f9f9f9; |
||||
|
// border: 0.5px solid #a3acbf; |
||||
|
// border-radius: 6px; |
||||
|
// vertical-align: middle; |
||||
|
// margin-right: 20px; |
||||
|
// margin-bottom: 10px; |
||||
|
// font-size: 18px!important; |
||||
|
// line-height: 40px; |
||||
|
// padding: 0 18px; |
||||
|
// height: 40px; |
||||
|
// min-width: 0!important; |
||||
|
// &.ant-checkbox-wrapper-checked{ |
||||
|
// background: #7690e5; |
||||
|
// color: #fff; |
||||
|
// } |
||||
|
// .ant-checkbox{ |
||||
|
// display: none; |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
.ant-tabs-nav-container{ |
||||
|
.ant-tabs-tab{ |
||||
|
// font-size: 20px; |
||||
|
// font-family: Source Han Sans CN, Source Han Sans CN-Medium; |
||||
|
// font-weight: 500; |
||||
|
// text-align: left; |
||||
|
// color: #70798c; |
||||
|
} |
||||
|
.ant-tabs-tab-active{ |
||||
|
// // font-weight: 700; |
||||
|
// font-family: Source Han Sans CN, Source Han Sans CN-Bold; |
||||
|
// color: #393d4e!important; |
||||
|
} |
||||
|
.ant-tabs-ink-bar{ |
||||
|
// background: #7690e5 !important; |
||||
|
border-bottom: 3px solid transparent; /* 设置透明的底部边框 */ |
||||
|
border-image: linear-gradient(to right, #fff, #007AFF) 1; /* 使用渐变色填充边框 */ |
||||
|
border-radius: 10px; /* 设置圆角 */ |
||||
|
} |
||||
|
} |
||||
|
.ant-modal-wrap { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
.ant-modal{ |
||||
|
top: 0; |
||||
|
padding-bottom: 0; |
||||
|
.ant-modal-body { |
||||
|
padding: 26px 26px 20px !important; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.container-left-header { |
||||
|
display: flex; |
||||
|
margin-top: 20px; |
||||
|
margin-bottom: 20px; |
||||
|
span { |
||||
|
width: 12px; |
||||
|
height: 32px; |
||||
|
display: inline-block; |
||||
|
border-radius: 12px; |
||||
|
background: #8FB3FB; |
||||
|
margin-right: 16px; |
||||
|
} |
||||
|
|
||||
|
p { |
||||
|
line-height: 32px; |
||||
|
font-size: 32px; |
||||
|
font-weight: 600; |
||||
|
margin: 0; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//急诊溶栓记录 |
||||
|
.basic-btn { |
||||
|
height: 72px; |
||||
|
background: linear-gradient(180deg, #b1caff, #83aafa); |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
border-radius: 36px; |
||||
|
margin: 60px 20px 0 20px; |
||||
|
|
||||
|
.basic-ico { |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
|
||||
|
p { |
||||
|
line-height: 72px; |
||||
|
font-weight: 600; |
||||
|
color: #fff; |
||||
|
font-size: 24px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.container-left-basic { |
||||
|
min-height: 80px; |
||||
|
background: #7690E5; |
||||
|
border-radius: 12px; |
||||
|
margin-bottom: 24px; |
||||
|
color: #70798c; |
||||
|
// 下一节点 |
||||
|
.container-basic-node { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding: 0 24px; |
||||
|
|
||||
|
.basic-p { |
||||
|
font-size: 24px; |
||||
|
color: #fff; |
||||
|
font-weight: 600; |
||||
|
text-align: left; |
||||
|
line-height: 62px; |
||||
|
margin: 0; |
||||
|
max-width: 74%; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
|
||||
|
// 节点倒计时 |
||||
|
.basic-node-time { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
|
||||
|
p { |
||||
|
margin: 0; |
||||
|
background: #fff; |
||||
|
padding: 2px 6px; |
||||
|
color: #758FE4; |
||||
|
font-weight: 600; |
||||
|
font-size: 18px; |
||||
|
border-radius: 6px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
span { |
||||
|
font-weight: 600; |
||||
|
font-size: 30px; |
||||
|
color: #fff; |
||||
|
margin: 0 8px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.leftbasic-centbox { |
||||
|
height: 80px; |
||||
|
background: #fff; |
||||
|
margin-left: 6px; |
||||
|
border-radius: 12px; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding: 0 16px; |
||||
|
} |
||||
|
|
||||
|
.leftbasic-centbox-title { |
||||
|
font-size: 24px; |
||||
|
font-weight: 600; |
||||
|
line-height: 80px; |
||||
|
} |
||||
|
|
||||
|
.leftbasic-centbox-ico { |
||||
|
margin-top: 32px; |
||||
|
} |
||||
|
&.active{ |
||||
|
background: #fff; |
||||
|
.leftbasic-centbox{ |
||||
|
background: #7690E5; |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.container-left-header { |
||||
|
display: flex; |
||||
|
span { |
||||
|
width: 12px; |
||||
|
height: 32px; |
||||
|
display: inline-block; |
||||
|
border-radius: 12px; |
||||
|
background: #8FB3FB; |
||||
|
margin-right: 16px; |
||||
|
} |
||||
|
|
||||
|
p { |
||||
|
line-height: 32px; |
||||
|
font-size: 32px; |
||||
|
font-weight: 600; |
||||
|
margin: 0; |
||||
|
} |
||||
|
} |
||||
|
.basicr-back { |
||||
|
border-radius: 12px; |
||||
|
background: #fff; |
||||
|
padding: 0 28px; |
||||
|
box-shadow: 0 2px 12px 0 rgba(52, 52, 52, .1); |
||||
|
} |
||||
|
.container { |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
|
||||
|
.container-left { |
||||
|
flex: 1; |
||||
|
padding-left: 20px; |
||||
|
margin-top: 24px; |
||||
|
} |
||||
|
.container-right{ |
||||
|
flex: 2; |
||||
|
overflow-y: auto; |
||||
|
display: flex; |
||||
|
padding-right: 20px; |
||||
|
border-left: 1px solid #C9D1DF; |
||||
|
padding-left: 20px; |
||||
|
margin-left: 20px; |
||||
|
margin-top: 24px; |
||||
|
margin-bottom: 24px; |
||||
|
} |
||||
|
} |
||||
|
.ant-select-dropdown{ |
||||
|
.ant-select-dropdown-menu-item{ |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
} |
||||
|
.detail-form { |
||||
|
.detail-form-control{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.ant-form-item { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
padding: 12px 0 !important; |
||||
|
margin-bottom: 0 !important; |
||||
|
|
||||
|
.ant-form-item-label { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
|
||||
|
label { |
||||
|
font-size: 24px !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.ant-radio-wrapper { |
||||
|
height: 30px !important; |
||||
|
font-size: 20px !important; |
||||
|
} |
||||
|
} |
||||
|
.ant-select{ |
||||
|
min-width: 300px; |
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
} |
||||
|
.ant-select-selection-selected-value{ |
||||
|
padding-right: 10px; |
||||
|
} |
||||
|
.ant-select-selection__rendered{ |
||||
|
line-height: 40px; |
||||
|
max-width: 300px; |
||||
|
} |
||||
|
.ant-form-item-control-wrapper { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: flex-end; |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.Overviewbasicr { |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
// 复选框 |
||||
|
.ant-checkbox-group{ |
||||
|
display: flex!important; |
||||
|
flex-wrap: wrap; |
||||
|
.ant-checkbox-wrapper{ |
||||
|
min-width: 30%; |
||||
|
} |
||||
|
.ant-checkbox-checked{ |
||||
|
.ant-checkbox-inner{ |
||||
|
background-color: #7690e5!important; |
||||
|
border-color: #7690e5!important; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 详情form-item |
||||
|
.jmrs-form-item { |
||||
|
.jmrs-form-item-con { |
||||
|
|
||||
|
&.checkbox { |
||||
|
flex-direction: column; |
||||
|
.content-right{ |
||||
|
margin-top: 10px; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.content-right{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.operate { |
||||
|
font-size: 24px; |
||||
|
color: #000000; |
||||
|
padding-right: 12px; |
||||
|
} |
||||
|
.label-info{ |
||||
|
color: #000000; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
// 折叠面板 |
||||
|
// .collapse-content{ |
||||
|
// display: flex; |
||||
|
// justify-content: space-between; |
||||
|
// padding: 5px 0; |
||||
|
// } |
||||
|
// .ant-collapse-arrow, .ant-select-arrow{ |
||||
|
// font-size: 20px!important; |
||||
|
// color: #70798C!important; |
||||
|
// } |
||||
|
|
||||
|
// 知情同意 |
||||
|
.Informed-container { |
||||
|
// padding: 0 0 30px; |
||||
|
|
||||
|
.mt2 { |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
|
||||
|
.informed-info { |
||||
|
font-size: 1.2rem; |
||||
|
font-weight: bold; |
||||
|
text-align: left; |
||||
|
line-height: 36px; |
||||
|
&.indent { |
||||
|
text-indent: 2em; |
||||
|
} |
||||
|
&.pl{ |
||||
|
padding-left: 20px; |
||||
|
} |
||||
|
|
||||
|
&.informed-info-sky{ |
||||
|
color: #007AFF; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.informed-list { |
||||
|
display: flex; |
||||
|
// flex-wrap: wrap; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
margin-top: 20px; |
||||
|
|
||||
|
.informed-item { |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
margin-bottom: 15px; |
||||
|
margin-right: 10px; |
||||
|
|
||||
|
// margin: 0 10px 20px; |
||||
|
>span { |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
.item-input { |
||||
|
width: 45%; |
||||
|
} |
||||
|
|
||||
|
.item-sign { |
||||
|
width: 50%; |
||||
|
} |
||||
|
|
||||
|
.item-btn { |
||||
|
color: #7690e5; |
||||
|
border: 1px solid #7690e5; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
.item-img { |
||||
|
// width: 120px; |
||||
|
flex: 1; |
||||
|
height: 40px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
box-sizing: border-box; |
||||
|
margin: 0 5px; |
||||
|
img { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
&.item-img-black{ |
||||
|
background-color: black; |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
.item-img-non { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.informed-item1{ |
||||
|
width: 40%; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
margin-bottom: 15px; |
||||
|
|
||||
|
.item-input { |
||||
|
width: 60%; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
@ -0,0 +1,274 @@ |
|||||
|
.white--text{ |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.text-left { |
||||
|
text-align: left !important; |
||||
|
} |
||||
|
|
||||
|
// padding |
||||
|
.pa-3 { |
||||
|
padding: 12px; |
||||
|
} |
||||
|
|
||||
|
.px-2{ |
||||
|
padding-left: 8px; |
||||
|
padding-right: 8px; |
||||
|
} |
||||
|
|
||||
|
.px-3{ |
||||
|
padding-left: 12px; |
||||
|
padding-right: 12px; |
||||
|
} |
||||
|
|
||||
|
.px-10{ |
||||
|
padding-left: 30px; |
||||
|
padding-right: 30px; |
||||
|
} |
||||
|
|
||||
|
.pb-2 { |
||||
|
padding-bottom: 8px; |
||||
|
} |
||||
|
|
||||
|
.pb-3 { |
||||
|
padding-bottom: 12px; |
||||
|
} |
||||
|
|
||||
|
.pb-4 { |
||||
|
padding-bottom: 16px; |
||||
|
} |
||||
|
|
||||
|
.pb-5 { |
||||
|
padding-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.pb-10 { |
||||
|
padding-bottom: 40px; |
||||
|
} |
||||
|
.pr-1 { |
||||
|
padding-right: 4px; |
||||
|
} |
||||
|
.pr-2 { |
||||
|
padding-right: 8px; |
||||
|
} |
||||
|
.pr-3 { |
||||
|
padding-right: 12px; |
||||
|
} |
||||
|
.pr-4 { |
||||
|
padding-right: 18px; |
||||
|
} |
||||
|
.pr-5 { |
||||
|
padding-right: 20px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// margin |
||||
|
.ma-2 { |
||||
|
margin: 8px; |
||||
|
} |
||||
|
|
||||
|
.ma-3 { |
||||
|
margin: 12px; |
||||
|
} |
||||
|
|
||||
|
.mx-2{ |
||||
|
margin-left: 8px; |
||||
|
margin-right: 8px; |
||||
|
} |
||||
|
|
||||
|
.my-2{ |
||||
|
margin-top: 8px; |
||||
|
margin-bottom: 8px; |
||||
|
} |
||||
|
|
||||
|
.my-3{ |
||||
|
margin-top: 12px; |
||||
|
margin-bottom: 12px; |
||||
|
} |
||||
|
|
||||
|
.my-4{ |
||||
|
margin-top: 16px; |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
|
||||
|
.my-6{ |
||||
|
margin-top: 24px; |
||||
|
margin-bottom: 24px; |
||||
|
} |
||||
|
|
||||
|
.mt-1{ |
||||
|
margin-top: 4px; |
||||
|
} |
||||
|
|
||||
|
.mt-2{ |
||||
|
margin-top: 8px; |
||||
|
} |
||||
|
|
||||
|
.mt-3{ |
||||
|
margin-top: 12px; |
||||
|
} |
||||
|
|
||||
|
.mt-4{ |
||||
|
margin-top: 16px; |
||||
|
} |
||||
|
|
||||
|
.mb-1{ |
||||
|
margin-bottom: 4px; |
||||
|
} |
||||
|
|
||||
|
.mb-2{ |
||||
|
margin-bottom: 8px; |
||||
|
} |
||||
|
|
||||
|
.mb-3{ |
||||
|
margin-bottom: 12px; |
||||
|
} |
||||
|
|
||||
|
.mb-4{ |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
|
||||
|
.mb-5{ |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.mb-6{ |
||||
|
margin-bottom: 24px; |
||||
|
} |
||||
|
|
||||
|
.ml-2{ |
||||
|
margin-left: 8px; |
||||
|
} |
||||
|
|
||||
|
.ml-3{ |
||||
|
margin-left: 12px; |
||||
|
} |
||||
|
|
||||
|
.ml-4{ |
||||
|
margin-left: 16px; |
||||
|
} |
||||
|
|
||||
|
.ml-5{ |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
|
||||
|
.ml-6{ |
||||
|
margin-left: 24px; |
||||
|
} |
||||
|
|
||||
|
.ml-7{ |
||||
|
margin-left: 28px; |
||||
|
} |
||||
|
|
||||
|
.ml-8{ |
||||
|
margin-left: 32px; |
||||
|
} |
||||
|
|
||||
|
.mr-1{ |
||||
|
margin-right: 4px; |
||||
|
} |
||||
|
|
||||
|
.mr-2{ |
||||
|
margin-right: 8px; |
||||
|
} |
||||
|
|
||||
|
.mr-3{ |
||||
|
margin-right: 12px; |
||||
|
} |
||||
|
|
||||
|
.mr-4{ |
||||
|
margin-right: 16px; |
||||
|
} |
||||
|
|
||||
|
.mr-5{ |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
|
||||
|
.mr-6{ |
||||
|
margin-right: 24px; |
||||
|
} |
||||
|
|
||||
|
// background |
||||
|
.white { |
||||
|
background: white; |
||||
|
} |
||||
|
|
||||
|
// font |
||||
|
.font-bold-24{ |
||||
|
font-size: 24px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.font-24{ |
||||
|
font-size: 24px; |
||||
|
} |
||||
|
|
||||
|
.font-bold-16{ |
||||
|
font-size: 16px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.font-16{ |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
.font-bold-14{ |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.font-14{ |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
.font-18{ |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.icon-size{ |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
|
||||
|
h2{ |
||||
|
font-size: 24px; |
||||
|
font-weight: bold; |
||||
|
color: rgba(0,0,0,.85) |
||||
|
} |
||||
|
|
||||
|
.textColor{ |
||||
|
color: rgba(0,0,0,.65) |
||||
|
} |
||||
|
|
||||
|
.baseColor{ |
||||
|
color: #7690e5 |
||||
|
} |
||||
|
|
||||
|
.bg{ |
||||
|
background: #F5F5F5 |
||||
|
} |
||||
|
|
||||
|
.ant-btn-primary, .ant-radio-button-wrapper-checked{ |
||||
|
background-color: #017aff!important; |
||||
|
border-color: #017aff!important; |
||||
|
} |
||||
|
.ant-radio-checked{ |
||||
|
border-color: #7690e5!important; |
||||
|
} |
||||
|
.ant-radio-inner{ |
||||
|
border-color: #7690e5!important; |
||||
|
} |
||||
|
.ant-radio-inner:after{ |
||||
|
background-color: #7690e5!important; |
||||
|
} |
||||
|
.ant-btn-link:hover, .ant-btn-link:focus{ |
||||
|
color: #7690e5!important; |
||||
|
} |
||||
|
|
||||
|
.fill-width{ |
||||
|
width:100%; |
||||
|
} |
||||
|
|
||||
|
.fill-height{ |
||||
|
height:100%; |
||||
|
} |
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
* @desc: 导航 |
||||
|
* @Author: gaowenya |
||||
|
* @Date: 2023-06-21 11:00 |
||||
|
* @LastEditors: |
||||
|
* @LastEditTime: |
||||
|
--> |
||||
|
<template> |
||||
|
<header class="header" :class="getPatient === false ? 'mt' : ''"> |
||||
|
<div class="header-content" v-if="getChangeText.title || getPatient"> |
||||
|
<div class="header-back" v-if="isBack" @click="toBack"> |
||||
|
<a-icon type="left" />返回 |
||||
|
</div> |
||||
|
<div class="header-title"> |
||||
|
<span v-if="getChangeText.title"> |
||||
|
{{ getChangeText.title }} |
||||
|
</span> |
||||
|
<p v-else class="caret-top"> |
||||
|
姓名: |
||||
|
<span> {{ patientData.patientName || '暂无' }} </span> |
||||
|
性别: |
||||
|
<span> |
||||
|
{{ sex[patientData.patientGender] || '暂无' }} |
||||
|
</span> |
||||
|
年龄: |
||||
|
<span> {{ patientData.patientAge || '暂无' }} </span> |
||||
|
证件号: |
||||
|
<span> {{ patientData.jzh || '暂无' }} </span> |
||||
|
急诊号: |
||||
|
<span> 暂无 </span> |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="header-right" v-if="isMore" @click="changeOverviewType"> |
||||
|
{{ getChangeText.text }}<a-icon type="swap" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</header> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapMutations, mapState } from 'vuex'; |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
sex: { |
||||
|
0: '男', |
||||
|
1: '女', |
||||
|
}, |
||||
|
overview: { |
||||
|
title: '', |
||||
|
text: '', |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState('patient', ['patientData', 'overviewType']), |
||||
|
...mapState('storm', ['isBack', 'isMore']), |
||||
|
getChangeText() { |
||||
|
if (this.overviewType === 'info') { |
||||
|
return { |
||||
|
title: '患者信息', |
||||
|
text: '切换至概览', |
||||
|
}; |
||||
|
} else if (this.overviewType === 'overview') { |
||||
|
return { |
||||
|
title: '患者概览', |
||||
|
text: '切换至详情', |
||||
|
}; |
||||
|
} |
||||
|
return { |
||||
|
title: '', |
||||
|
text: '', |
||||
|
}; |
||||
|
}, |
||||
|
getPatient() { |
||||
|
if (!this.patientData) return false; |
||||
|
const { patientName, patientGender, patientAge, patientIdCardNo } = |
||||
|
this.patientData; |
||||
|
console.log(' this.patientData: ', this.patientData); |
||||
|
let sex = { |
||||
|
0: '男', |
||||
|
1: '女', |
||||
|
}; |
||||
|
if (!patientName) return false; |
||||
|
return `姓名: ${patientName} 性别: ${sex[patientGender]} 年龄: ${ |
||||
|
patientAge || '' |
||||
|
} 证件号: ${patientIdCardNo} 急诊号: 暂无`; |
||||
|
}, |
||||
|
}, |
||||
|
methods: { |
||||
|
...mapMutations('patient', ['setOverviewType']), |
||||
|
toBack() { |
||||
|
window.history.go(-1); |
||||
|
}, |
||||
|
changeOverviewType() { |
||||
|
if (this.overviewType === 'info') { |
||||
|
this.overview = { |
||||
|
title: '患者概览', |
||||
|
text: '切换至概览', |
||||
|
}; |
||||
|
this.setOverviewType('overview'); |
||||
|
} else if (this.overviewType === 'overview') { |
||||
|
this.overview = { |
||||
|
title: '患者信息', |
||||
|
text: '切换至详情', |
||||
|
}; |
||||
|
this.setOverviewType('info'); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="less"> |
||||
|
.header { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
background: linear-gradient(180deg, #dbeaff, #fbfdff 50%); |
||||
|
box-shadow: 0px 0.25px 0px 0px rgba(0, 0, 0, 0.2); |
||||
|
.caret-top { |
||||
|
margin: 0; |
||||
|
span { |
||||
|
color: #70798c; |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
} |
||||
|
&.mt { |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
.header-content { |
||||
|
flex: 1; |
||||
|
height: 60px; |
||||
|
display: flex; |
||||
|
position: relative; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.header-back { |
||||
|
position: absolute; |
||||
|
top: 16px; |
||||
|
left: 24px; |
||||
|
font-size: 24px; |
||||
|
} |
||||
|
.header-right { |
||||
|
position: absolute; |
||||
|
top: 16px; |
||||
|
right: 24px; |
||||
|
font-size: 24px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
|
||||
|
.header-title { |
||||
|
flex: 1; |
||||
|
font-size: 24px; |
||||
|
font-family: Source Han Sans CN, Source Han Sans CN-Bold; |
||||
|
font-weight: 700; |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,115 @@ |
|||||
|
<template> |
||||
|
<div class="count">{{ time }}{{ markerList.runTime }}</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState } from 'vuex'; |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
markerList: { |
||||
|
runTotal: '3600', |
||||
|
runTime: '00:00', |
||||
|
}, |
||||
|
minute: 0, |
||||
|
second: 0, |
||||
|
requestCount: 0, |
||||
|
lastTime: 0, |
||||
|
currentTime: 0, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState('patient', ['patientData', 'timerData']), |
||||
|
time() { |
||||
|
const { timerData, patientData } = this; |
||||
|
if (!timerData && !patientData) return null; |
||||
|
if (timerData.firstAidId !== patientData.firstAidId) return null; |
||||
|
const { countdown } = timerData; |
||||
|
if (countdown === null && !countdown) return null; |
||||
|
const totalSeconds = countdown; |
||||
|
// ?️ 获取完整分钟数 |
||||
|
const minutes = Math.floor(totalSeconds / 60); |
||||
|
this.minute = minutes; |
||||
|
// ?️ 获得剩余的秒数 |
||||
|
const seconds = totalSeconds % 60; |
||||
|
this.second = seconds; |
||||
|
// ✅ 格式化为 MM:SS |
||||
|
const result = `${this.padTo2Digits(minutes)}:${this.padTo2Digits( |
||||
|
seconds |
||||
|
)}`; |
||||
|
this.markerList.runTime = result; |
||||
|
if (this.markerList.runTotal === countdown) { |
||||
|
this.utils.AnimationFrame.done('countTask'); |
||||
|
} else { |
||||
|
this.utils.AnimationFrame.create( |
||||
|
'countTask', |
||||
|
1000, |
||||
|
true, |
||||
|
(min) => { |
||||
|
this.runStart(min); |
||||
|
} |
||||
|
); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
methods: { |
||||
|
padTo2Digits(num) { |
||||
|
return num.toString().padStart(2, '0'); |
||||
|
}, |
||||
|
runStart(min) { |
||||
|
// 改版 防抖 |
||||
|
// 当前定时器一直在执行,并非隔一秒才执行, 而是每隔一秒1 |
||||
|
// 通过防抖来限制该函数一秒内只执行一次 |
||||
|
this.currentTime = new Date().getTime(); |
||||
|
if (this.currentTime - this.lastTime > 1000) { |
||||
|
this.lastTime = this.currentTime; |
||||
|
// //开始计时 |
||||
|
this.second = this.second + 1; |
||||
|
if (this.second >= 60) { |
||||
|
this.second = 0; |
||||
|
this.minute = this.minute + 1; |
||||
|
} |
||||
|
// console.log(this.minute) |
||||
|
if (this.minute >= 60) { |
||||
|
this.minute = 60; |
||||
|
this.second = 0; |
||||
|
} |
||||
|
this.markerList.runTime = |
||||
|
this.Zero(this.minute) + ':' + this.Zero(this.second); |
||||
|
} |
||||
|
// 窗口小化定时器校验无法进入, requestCount 的值停留在了窗口小化那一瞬间 |
||||
|
// if (this.requestCount === n) { |
||||
|
// console.log('countTask::', n); |
||||
|
// this.requestCount = n + 1; |
||||
|
// //开始计时 |
||||
|
// this.second = this.second + 1; |
||||
|
// if (this.second >= 60) { |
||||
|
// this.second = 0; |
||||
|
// this.minute = this.minute + 1; |
||||
|
// } |
||||
|
// // console.log(this.minute) |
||||
|
// if (this.minute >= 60) { |
||||
|
// this.minute = 60; |
||||
|
// this.second = 0; |
||||
|
// } |
||||
|
// this.markerList.runTime = |
||||
|
// this.Zero(this.minute) + ':' + this.Zero(this.second); |
||||
|
// } |
||||
|
}, |
||||
|
//补零 |
||||
|
Zero(n) { |
||||
|
return n < 10 ? '0' + n : '' + n; |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped> |
||||
|
.count { |
||||
|
font-size: 44px; |
||||
|
font-family: Source Han Sans CN, Source Han Sans CN-Bold; |
||||
|
font-weight: 700; |
||||
|
color: #393d4e; |
||||
|
line-height: 44px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,80 @@ |
|||||
|
<!-- |
||||
|
* @desc: 拖拽 |
||||
|
* @Author: gaowenya |
||||
|
* @Date: 2023-07-06 11:00 |
||||
|
* @LastEditors: |
||||
|
* @LastEditTime: |
||||
|
--> |
||||
|
<template> |
||||
|
<div |
||||
|
@touchstart="onTouchStart" |
||||
|
@touchmove="onTouchMove" |
||||
|
@touchend="onTouchEnd" |
||||
|
ref="floatWindow" |
||||
|
:style="{ right: right + 'px', top: top + 'px' }" |
||||
|
class="dragger" |
||||
|
> |
||||
|
<slot> </slot> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { mapState } from 'vuex'; |
||||
|
export default { |
||||
|
props: {}, |
||||
|
data() { |
||||
|
return { |
||||
|
startX: 0, |
||||
|
startY: 0, |
||||
|
offsetX: 0, |
||||
|
offsetY: 0, |
||||
|
right: 0, |
||||
|
top: 300, |
||||
|
isScrolling: false, |
||||
|
}; |
||||
|
}, |
||||
|
computed: {}, |
||||
|
methods: { |
||||
|
onTouchStart(e) { |
||||
|
this.startX = e.touches[0].clientX; |
||||
|
this.startY = e.touches[0].clientY; |
||||
|
this.offsetX = this.right; |
||||
|
this.offsetY = this.top; |
||||
|
this.isScrolling = false; |
||||
|
}, |
||||
|
onTouchMove(e) { |
||||
|
const x = this.startX - e.touches[0].clientX + this.offsetX; |
||||
|
const y = e.touches[0].clientY - this.startY + this.offsetY; |
||||
|
const maxX = window.innerWidth - this.$refs.floatWindow.offsetWidth; |
||||
|
const maxY = |
||||
|
window.innerHeight - this.$refs.floatWindow.offsetHeight; |
||||
|
this.right = x < 0 ? 0 : x > maxX ? maxX : x; |
||||
|
this.top = y < 0 ? 0 : y > maxY ? maxY : y; |
||||
|
if ( |
||||
|
Math.abs(this.startX - e.touches[0].clientX) > 5 || |
||||
|
Math.abs(e.touches[0].clientY - this.startY) > 5 |
||||
|
) { |
||||
|
this.isScrolling = true; |
||||
|
} |
||||
|
}, |
||||
|
onTouchEnd(e) { |
||||
|
if (!this.isScrolling) { |
||||
|
if (e.changedTouches[0].clientX > window.innerWidth / 2) { |
||||
|
this.right = 0; |
||||
|
} else { |
||||
|
this.right = |
||||
|
window.innerWidth - this.$refs.floatWindow.offsetWidth; |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped lang="less"> |
||||
|
.dragger { |
||||
|
position: fixed; |
||||
|
right: 0; |
||||
|
top: 0; |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
transition: right 0.3s ease-out; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,546 @@ |
|||||
|
<template> |
||||
|
<div class="myKeyboard" @click.stop="handleFocus" @blur="handleBlur" tabindex="0"> |
||||
|
<div class="input-container"> |
||||
|
<div class="input-top"> |
||||
|
<div class="input-label" :style="labelStyle" :class="labelClass"> |
||||
|
{{ inputLabel }} |
||||
|
</div> |
||||
|
<div class="inputText" id="inputText" :style="inputStyle" :class="inputClass"> |
||||
|
<span class="cursor"> |
||||
|
<span class="holder showWhite">|</span> |
||||
|
</span> |
||||
|
<span class="place-holder">{{ placeHolder }}</span> |
||||
|
<span class="right-space" :style="{ color: zcolor }" @click="moveCursor"> </span> |
||||
|
<span class="right-btn"> |
||||
|
<a-icon class="clear" v-if="clearShow" type="close-circle" @click="handleClear" /> |
||||
|
<slot></slot> |
||||
|
</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="error" :style="errorStyle" v-if="errorShow"> |
||||
|
{{ errorMessage }} |
||||
|
</div> |
||||
|
<div class="errorSpace" v-else></div> |
||||
|
</div> |
||||
|
<div class="number hidden" :class="numberClass" :style="numberStyle"> |
||||
|
<div class="mybtn" @click.stop="handleBlur"> |
||||
|
<a-icon type="down" /> |
||||
|
</div> |
||||
|
<div class="mynum"> |
||||
|
<div class="num" @click="handleNum('1')">1</div> |
||||
|
<div class="num" @click="handleNum('2')">2</div> |
||||
|
<div class="num" @click="handleNum('3')">3</div> |
||||
|
<div class="num" @click="handleNum('4')">4</div> |
||||
|
<div class="num" @click="handleNum('5')">5</div> |
||||
|
<div class="num" @click="handleNum('6')">6</div> |
||||
|
<div class="num" @click="handleNum('7')">7</div> |
||||
|
<div class="num" @click="handleNum('8')">8</div> |
||||
|
<div class="num" @click="handleNum('9')">9</div> |
||||
|
<div class="num" @click="handleNum('0')">0</div> |
||||
|
<div v-if="keyboard == 'card'" class="num" @click="handleNum('X')"> |
||||
|
X |
||||
|
</div> |
||||
|
<div v-if="keyboard == 'tel'" class="num" @click="handleNum('0')"> |
||||
|
0 |
||||
|
</div> |
||||
|
<div class="num" @click.stop="handleDelete" @touchstart="gtouchstart" @touchend="gtouchend" |
||||
|
@touchmove="gtouchmove"> |
||||
|
<a-icon type="close-circle" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: { |
||||
|
// inputS: { |
||||
|
// type: String, |
||||
|
// default: '', |
||||
|
// }, |
||||
|
// inputH: { |
||||
|
// type: String, |
||||
|
// default: '2.5rem', |
||||
|
// }, |
||||
|
// inputB: { |
||||
|
// type: String, |
||||
|
// default: 'none', |
||||
|
// }, |
||||
|
// inputW: { |
||||
|
// type: String, |
||||
|
// default: '', |
||||
|
// }, |
||||
|
// inputBgc: { |
||||
|
// type: String, |
||||
|
// default: '#fff', |
||||
|
// }, |
||||
|
// labelS: { |
||||
|
// type: String, |
||||
|
// default: '', |
||||
|
// }, |
||||
|
// labelC: { |
||||
|
// type: String, |
||||
|
// default: '', |
||||
|
// }, |
||||
|
// labelW: { |
||||
|
// type: String, |
||||
|
// default: '', |
||||
|
// }, |
||||
|
// 输入框索引（必填字段） |
||||
|
indexNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
// 是否聚焦（true:不聚焦，false:聚焦） |
||||
|
numberDis: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
// 是否必填（true:出现红星，false:不出现） |
||||
|
required: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
// 键盘类型（card:身份证，tel:数字） |
||||
|
keyboard: { |
||||
|
type: String, |
||||
|
default: 'card', |
||||
|
}, |
||||
|
// 父组件存的值 |
||||
|
oldValue: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
// 占位符颜色（建议设置和输入框背景同色） |
||||
|
zcolor: { |
||||
|
type: String, |
||||
|
default: 'transparent', |
||||
|
}, |
||||
|
// label文字 |
||||
|
inputLabel: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
// 当输入框内无文字时显示 |
||||
|
placeHolder: { |
||||
|
type: String, |
||||
|
default: '请输入', |
||||
|
}, |
||||
|
// 错误提示信息 |
||||
|
errorMessage: { |
||||
|
type: String, |
||||
|
default: '请输入正确的信息', |
||||
|
}, |
||||
|
// 是否显示错误提示信息 |
||||
|
errorShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
// 错误提示信息样式 |
||||
|
errorStyle: { |
||||
|
type: Object, |
||||
|
default: function() { |
||||
|
return {} |
||||
|
}, |
||||
|
}, |
||||
|
// 是否显示清除键 |
||||
|
clearShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
// label动态类名 |
||||
|
labelClass: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
// label样式 |
||||
|
labelStyle: { |
||||
|
type: Object, |
||||
|
default: function() { |
||||
|
return {} |
||||
|
}, |
||||
|
}, |
||||
|
// input动态类名 |
||||
|
inputClass: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
// input样式 |
||||
|
inputStyle: { |
||||
|
type: Object, |
||||
|
default: function() { |
||||
|
return {} |
||||
|
}, |
||||
|
}, |
||||
|
// number类名 |
||||
|
numberClass: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
}, |
||||
|
// number样式 |
||||
|
numberStyle: { |
||||
|
type: Object, |
||||
|
default: function() { |
||||
|
return {} |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
inputArea: '', |
||||
|
stop: false, |
||||
|
clickNum: false, |
||||
|
show: false, |
||||
|
value: '', |
||||
|
inputValue: '', |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
oldValue(val) { |
||||
|
if (val != this.inputValue) { |
||||
|
this.handleClear() |
||||
|
this.handleOld() |
||||
|
} |
||||
|
}, |
||||
|
required(val) { |
||||
|
this.handleRequired(val) |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
this.$toast.clear() |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.handleRequired(this.required) |
||||
|
this.handleOld() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 是否必填 |
||||
|
handleRequired(val) { |
||||
|
const inputLabel = |
||||
|
document.getElementsByClassName('input-label')[this.indexNum] |
||||
|
if (val) { |
||||
|
inputLabel.className = 'input-label required' |
||||
|
} else { |
||||
|
inputLabel.className = 'input-label' |
||||
|
} |
||||
|
}, |
||||
|
// 父组件改变值 |
||||
|
handleOld() { |
||||
|
// 获取父组件存的值后画数字 |
||||
|
if (this.oldValue != '') { |
||||
|
for (const item of this.oldValue) { |
||||
|
const span = document.createElement('span') //创建包含值的元素 |
||||
|
span.className = 'val' |
||||
|
span.innerText = item |
||||
|
const space = document.createElement('span') |
||||
|
space.className = 'space' |
||||
|
space.innerText = '' |
||||
|
span.addEventListener('click', this.moveCursor) |
||||
|
const cursor = |
||||
|
document.getElementsByClassName('cursor')[this.indexNum] |
||||
|
const inputArea = |
||||
|
document.getElementsByClassName('inputText')[this.indexNum] |
||||
|
inputArea.insertBefore(space, cursor) //插入空列 |
||||
|
inputArea.insertBefore(span, cursor) //插入值 |
||||
|
} |
||||
|
} |
||||
|
const placeHolder = |
||||
|
document.getElementsByClassName('place-holder')[this.indexNum] |
||||
|
|
||||
|
if (this.oldValue == '') { |
||||
|
placeHolder.className = 'place-holder' |
||||
|
} else { |
||||
|
placeHolder.className = 'place-holder hidden' |
||||
|
} |
||||
|
this.inputValue = this.oldValue |
||||
|
this.$emit('keyboard-input', this.inputValue) |
||||
|
}, |
||||
|
// 聚焦 |
||||
|
handleFocus(event) { |
||||
|
if (!this.numberDis) { |
||||
|
this.$emit('indexNum', this.indexNum) |
||||
|
const number = document.getElementsByClassName('number')[this.indexNum] |
||||
|
number.className = 'number' |
||||
|
this.setCursorFlash() |
||||
|
this.handleValue() |
||||
|
} |
||||
|
}, |
||||
|
//字符插入，在光标前插入字符 |
||||
|
handleNum(value) { |
||||
|
const number = document.getElementsByClassName('number')[this.indexNum] |
||||
|
number.className = 'number' |
||||
|
const span = document.createElement('span') //创建包含值的元素 |
||||
|
span.className = 'val' |
||||
|
span.innerText = value |
||||
|
|
||||
|
const space = document.createElement('span') |
||||
|
space.className = 'space' |
||||
|
space.innerText = '' |
||||
|
span.addEventListener('click', this.moveCursor) |
||||
|
const cursor = document.getElementsByClassName('cursor')[this.indexNum] |
||||
|
const inputArea = |
||||
|
document.getElementsByClassName('inputText')[this.indexNum] |
||||
|
inputArea.insertBefore(space, cursor) //插入空列 |
||||
|
inputArea.insertBefore(span, cursor) //插入值 |
||||
|
this.handleValue() |
||||
|
}, |
||||
|
// 失焦 |
||||
|
handleBlur(e) { |
||||
|
clearInterval(this.intervalId) |
||||
|
const placeHolder = |
||||
|
document.getElementsByClassName('holder')[this.indexNum] |
||||
|
placeHolder.className = 'holder showWhite' |
||||
|
const number = document.getElementsByClassName('number')[this.indexNum] |
||||
|
number.className = 'number hidden' |
||||
|
const inputText = |
||||
|
document.getElementsByClassName('inputText')[this.indexNum] |
||||
|
inputText.className = 'inputText' |
||||
|
this.handleValue() |
||||
|
const inputArea = |
||||
|
document.getElementsByClassName('inputText')[this.indexNum] |
||||
|
const reset = |
||||
|
document.getElementsByClassName('place-holder')[this.indexNum] |
||||
|
const cursor = document.getElementsByClassName('cursor')[this.indexNum] //获取光标 |
||||
|
const ele = inputArea.replaceChild(reset.previousSibling, cursor) |
||||
|
inputArea.insertBefore(ele, reset) |
||||
|
}, |
||||
|
// 移动光标位置 |
||||
|
moveCursor(event) { |
||||
|
const inputArea = |
||||
|
document.getElementsByClassName('inputText')[this.indexNum] |
||||
|
const cursor = document.getElementsByClassName('cursor')[this.indexNum] //获取光标 |
||||
|
if (event.currentTarget.className == 'right-space') { |
||||
|
const ele = inputArea.replaceChild( |
||||
|
event.currentTarget.previousSibling.previousSibling, |
||||
|
cursor, |
||||
|
) |
||||
|
inputArea.insertBefore(ele, event.currentTarget.previousSibling) |
||||
|
} else { |
||||
|
const tempEle = event.currentTarget |
||||
|
const nodeName = event.currentTarget.nextSibling.nodeName |
||||
|
const temp = event.currentTarget.previousSibling |
||||
|
const ele = inputArea.replaceChild(temp, cursor) //把光标替换成当前元素 |
||||
|
inputArea.insertBefore(ele, event.currentTarget) |
||||
|
} |
||||
|
}, |
||||
|
// 删除 |
||||
|
handleDelete() { |
||||
|
const inputArea = |
||||
|
document.getElementsByClassName('inputText')[this.indexNum] |
||||
|
// this.setCursorFlash() |
||||
|
const cursor = document.getElementsByClassName('cursor')[this.indexNum] |
||||
|
let n = 2 //两个删除动作 |
||||
|
while (cursor.previousSibling && n > 0) { |
||||
|
inputArea.removeChild(cursor.previousSibling) |
||||
|
n-- |
||||
|
} |
||||
|
this.handleValue() |
||||
|
}, |
||||
|
//开始按 |
||||
|
gtouchstart(e) { |
||||
|
this.timeOutEvent = setTimeout(() => { |
||||
|
this.longPress() |
||||
|
}, 500) |
||||
|
return false |
||||
|
}, |
||||
|
gtouchend() { |
||||
|
clearTimeout(this.timeOutEvent) |
||||
|
clearInterval(this.press) |
||||
|
if (this.timeOutEvent != 0) { |
||||
|
// alert('你这是点击，不是长按') |
||||
|
} |
||||
|
return false |
||||
|
}, |
||||
|
gtouchmove() { |
||||
|
clearTimeout(this.timeOutEvent) |
||||
|
clearInterval(this.press) |
||||
|
this.timeOutEvent = 0 |
||||
|
}, |
||||
|
longPress() { |
||||
|
this.timeOutEvent = 0 |
||||
|
this.press = setInterval(() => { |
||||
|
this.handleDelete() |
||||
|
}, 300) |
||||
|
}, |
||||
|
//设置光标定时任务 |
||||
|
setCursorFlash() { |
||||
|
const placeHolder = |
||||
|
document.getElementsByClassName('holder')[this.indexNum] |
||||
|
let isShowCursor = false |
||||
|
if (this.intervalId) { |
||||
|
clearInterval(this.intervalId) |
||||
|
} |
||||
|
this.intervalId = setInterval(function() { |
||||
|
isShowCursor = !isShowCursor |
||||
|
if (isShowCursor) { |
||||
|
placeHolder.className = 'holder' |
||||
|
} else { |
||||
|
placeHolder.className = 'holder showWhite' |
||||
|
} |
||||
|
}, 500) |
||||
|
}, |
||||
|
// 全清 |
||||
|
handleClear() { |
||||
|
const father = document.getElementsByClassName('inputText')[this.indexNum] |
||||
|
const child = |
||||
|
document.getElementsByClassName('inputText')[this.indexNum].childNodes |
||||
|
for (let i = child.length - 1; i >= 0; i--) { |
||||
|
if (child[i].className == 'val' || child[i].className == 'space') { |
||||
|
father.removeChild(child[i]) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
// 获取值 |
||||
|
handleValue() { |
||||
|
const val = document |
||||
|
.getElementsByClassName('inputText')[this.indexNum].querySelectorAll('.val') |
||||
|
const arr = [] |
||||
|
arr[this.indexNum] = [] |
||||
|
for (let i = 0; i < val.length; i++) { |
||||
|
arr[this.indexNum].push(val[i].innerHTML) |
||||
|
} |
||||
|
this.inputValue = arr[this.indexNum].toString() |
||||
|
this.inputValue = this.inputValue.split(',').join('') |
||||
|
this.$emit('keyboard-input', this.inputValue) |
||||
|
const placeHolder = |
||||
|
document.getElementsByClassName('place-holder')[this.indexNum] |
||||
|
|
||||
|
if (this.inputValue == '') { |
||||
|
placeHolder.className = 'place-holder' |
||||
|
} else { |
||||
|
placeHolder.className = 'place-holder hidden' |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="less"> |
||||
|
.myKeyboard{ |
||||
|
padding-top: 0.15vw; |
||||
|
} |
||||
|
.myKeyboard:focus { |
||||
|
outline: none; |
||||
|
} |
||||
|
|
||||
|
.input-container { |
||||
|
display: flex; |
||||
|
// align-items: center; |
||||
|
flex-direction: column; |
||||
|
box-sizing: border-box; |
||||
|
width: 100%; |
||||
|
font-size: 1rem; |
||||
|
border: 1px solid #d9d9d9; |
||||
|
background: #f9f9f9; |
||||
|
padding-left: 12px; |
||||
|
border-radius: .3rem; |
||||
|
box-sizing: border-box; |
||||
|
.acitve { |
||||
|
border: 1px solid #2e8fff !important; |
||||
|
} |
||||
|
|
||||
|
.input-top { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
box-sizing: border-box; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.error { |
||||
|
color: #ee0a24; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
|
||||
|
.errorSpace {} |
||||
|
|
||||
|
.required::before { |
||||
|
position: absolute; |
||||
|
left: 6px; |
||||
|
color: #ee0a24; |
||||
|
content: '*'; |
||||
|
font-size: 22px; |
||||
|
} |
||||
|
|
||||
|
.inputText { |
||||
|
position: relative; |
||||
|
flex: 1; |
||||
|
width: 80%; |
||||
|
border: none; |
||||
|
height: 2.91vw; |
||||
|
} |
||||
|
|
||||
|
.right-btn { |
||||
|
position: absolute; |
||||
|
right: 2%; |
||||
|
|
||||
|
.clear { |
||||
|
width: 1.5rem; |
||||
|
} |
||||
|
|
||||
|
// :nth-child(1) { |
||||
|
// width: 1.5rem; |
||||
|
// } |
||||
|
:nth-child(2) {} |
||||
|
} |
||||
|
|
||||
|
.right-space { |
||||
|
// color: #fff; |
||||
|
} |
||||
|
|
||||
|
.place-holder { |
||||
|
color: #c8c8c8; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.number { |
||||
|
position: fixed; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
z-index: 999999; |
||||
|
width: 100%; |
||||
|
background-color: #f0f0f0; |
||||
|
font-size: 24px; |
||||
|
|
||||
|
.mybtn { |
||||
|
padding: 5px 0; |
||||
|
text-align: center; |
||||
|
line-height: 24px; |
||||
|
|
||||
|
img { |
||||
|
height: 100%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.mynum { |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
padding-bottom: 10px; |
||||
|
.num { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
flex: 1 0 25%; |
||||
|
justify-content: center; |
||||
|
padding: 5px 0; |
||||
|
border-top: 1px solid #eee; |
||||
|
border-left: 1px solid #eee; |
||||
|
background-color: #fff; |
||||
|
text-align: center; |
||||
|
|
||||
|
&:active { |
||||
|
background-color: rgb(202, 202, 202); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.hidden { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.showWhite { |
||||
|
color: transparent; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,4 @@ |
|||||
|
@font-face { |
||||
|
font-family: SONG; |
||||
|
src: url(./仿宋字体.ttf); |
||||
|
} |
||||
@ -0,0 +1,104 @@ |
|||||
|
<template> |
||||
|
<div class="canvaspanel-conntainer"> |
||||
|
<div class="canvaspanel"> |
||||
|
<div class="canvasborder"> |
||||
|
<vue-esign |
||||
|
ref="esign" |
||||
|
:width="width" |
||||
|
:height="300" |
||||
|
:isCrop="isCrop" |
||||
|
:lineWidth="lineWidth" |
||||
|
:lineColor="lineColor" |
||||
|
:bgColor.sync="bgColor" |
||||
|
style="width: 100% !important" |
||||
|
/> |
||||
|
</div> |
||||
|
<div class="buttongroup"> |
||||
|
<a-button type="gray" size="large" @click="handleReset" icon="delete"> 清除 </a-button> |
||||
|
<a-button type="link" size="large" @click="handleGenerate" icon="check-circle"> 保存 </a-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<img :src="resultImg" alt="" v-show="false" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'esign', |
||||
|
components: {}, |
||||
|
data() { |
||||
|
return { |
||||
|
title: '手写签名', |
||||
|
width: 0, |
||||
|
lineWidth: 10, |
||||
|
lineColor: '#000000', |
||||
|
bgColor: '', |
||||
|
resultImg: '', |
||||
|
isCrop: false, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.width = window.innerWidth - 16*2 - 16*2; |
||||
|
}, |
||||
|
methods: { |
||||
|
handleReset() { |
||||
|
this.$refs['esign'].reset(); //清空画布 |
||||
|
this.$emit('reset'); |
||||
|
}, |
||||
|
handleGenerate() { |
||||
|
this.$refs['esign'] |
||||
|
.generate() |
||||
|
.then(res => { |
||||
|
this.resultImg = res; // 得到了签字生成的base64图片 |
||||
|
this.base64ImgtoFile(this.resultImg); |
||||
|
let data = this.base64ImgtoFile(this.resultImg); |
||||
|
//调用接口 |
||||
|
this.$emit('close', data); |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
this.$message.error('请签名后再保存'); |
||||
|
}); |
||||
|
}, |
||||
|
// 将base64，转换成图片 |
||||
|
base64ImgtoFile(dataurl, filename = 'file') { |
||||
|
const arr = dataurl.split(','); |
||||
|
const mime = arr[0].match(/:(.*?);/)[1]; |
||||
|
const suffix = mime.split('/')[1]; |
||||
|
const bstr = atob(arr[1]); |
||||
|
let n = bstr.length; |
||||
|
const u8arr = new Uint8Array(n); |
||||
|
while (n--) { |
||||
|
u8arr[n] = bstr.charCodeAt(n); |
||||
|
} |
||||
|
return new File([u8arr], `${filename}.${suffix}`, { |
||||
|
type: mime, |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="less" scope> |
||||
|
.canvasborder { |
||||
|
background: #efefef; |
||||
|
border-radius: 8px; |
||||
|
width: 100%; |
||||
|
|
||||
|
} |
||||
|
.canvaspanel { |
||||
|
display: flex; |
||||
|
position: relative; |
||||
|
margin: 16px 0; |
||||
|
} |
||||
|
|
||||
|
.buttongroup { |
||||
|
position: absolute; |
||||
|
right: 16px; |
||||
|
bottom: 16px; |
||||
|
} |
||||
|
|
||||
|
.autograph { |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
.clos { |
||||
|
width: 88px; |
||||
|
} |
||||
|
</style> |
||||
Binary file not shown.
@ -0,0 +1,144 @@ |
|||||
|
'use strict'; |
||||
|
|
||||
|
import Vue from 'vue'; |
||||
|
import axios from 'axios'; |
||||
|
import router from '../router/index'; |
||||
|
import store from '../store/index'; |
||||
|
import { message } from 'ant-design-vue'; |
||||
|
let { proxyUrl } = require('@/config/setting'); |
||||
|
let config = { |
||||
|
timeout: 10000, // Timeout
|
||||
|
}; |
||||
|
|
||||
|
const _axios = axios.create(config); |
||||
|
axios.interceptors.request.use( |
||||
|
(config) => { |
||||
|
if ( |
||||
|
config.url !== `${proxyUrl}/message/query` && |
||||
|
config.url !== `${proxyUrl}/firstAid/next` |
||||
|
) { |
||||
|
store.commit('storm/setSpinning', true); |
||||
|
} |
||||
|
config.timeout = 30000; |
||||
|
config.reTry = config.reTry || 0; |
||||
|
let token = localStorage.getItem('anyringToken'); |
||||
|
if (token && token !== 'null') { |
||||
|
config.headers.Authorization = `Bearer ${token}`; |
||||
|
} |
||||
|
return config; |
||||
|
}, |
||||
|
(error) => { |
||||
|
// Do something with request error
|
||||
|
store.commit('storm/setSpinning', false); |
||||
|
return Promise.reject(error); |
||||
|
} |
||||
|
); |
||||
|
|
||||
|
// Add a response interceptor
|
||||
|
axios.interceptors.response.use( |
||||
|
async (res) => { |
||||
|
store.commit('storm/setSpinning', false); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
return res.data; |
||||
|
} else if (code === 401) { |
||||
|
localStorage.setItem('anyringToken', null); |
||||
|
let [err, data] = await store.dispatch('storm/toLogin', { |
||||
|
padNo: store.state.storm.padNo, |
||||
|
}); |
||||
|
let token = data.access_token; |
||||
|
const config = res.config; |
||||
|
let reTry = config.reTry + 1; |
||||
|
let cfg = Object.assign({}, config); |
||||
|
cfg.reTry = reTry; |
||||
|
cfg.headers['Authorization'] = `Bearer ${token}`; |
||||
|
// console.log('token222: ', token);
|
||||
|
let resNew; |
||||
|
if (reTry < 3 && token) { |
||||
|
resNew = await axios(cfg); |
||||
|
} |
||||
|
return Promise.resolve(resNew || res.data); |
||||
|
} else { |
||||
|
message.error(msg || '请求发生错误'); |
||||
|
return Promise.resolve(res.data); |
||||
|
} |
||||
|
}, |
||||
|
(error) => { |
||||
|
//异常关闭loading
|
||||
|
store.commit('storm/setSpinning', false); |
||||
|
// Do something with response error
|
||||
|
if (error && error.response) { |
||||
|
switch (error.response.status) { |
||||
|
case 400: |
||||
|
error.message = '请求错误'; |
||||
|
break; |
||||
|
case 401: |
||||
|
error.message = ''; |
||||
|
// executeSkip();
|
||||
|
break; |
||||
|
case 403: |
||||
|
error.message = '拒绝访问'; |
||||
|
break; |
||||
|
case 404: |
||||
|
error.message = '请求出错'; |
||||
|
break; |
||||
|
case 408: |
||||
|
error.message = '请求超时'; |
||||
|
break; |
||||
|
case 500: |
||||
|
error.message = '请求错误，请稍后重试'; |
||||
|
//设置响应后加载状态
|
||||
|
break; |
||||
|
case 501: |
||||
|
error.message = '服务未实现'; |
||||
|
break; |
||||
|
case 502: |
||||
|
error.message = '网络错误'; |
||||
|
break; |
||||
|
case 503: |
||||
|
error.message = '服务不可用'; |
||||
|
break; |
||||
|
case 504: |
||||
|
error.message = '网络超时'; |
||||
|
break; |
||||
|
case 505: |
||||
|
error.message = 'HTTP版本不受支持'; |
||||
|
break; |
||||
|
default: |
||||
|
error.message = '连接出错'; |
||||
|
} |
||||
|
} else { |
||||
|
error.message = '网络异常，请稍后重试'; |
||||
|
} |
||||
|
if (error.message) { |
||||
|
message.error(error.message); |
||||
|
} |
||||
|
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; |
||||
File diff suppressed because it is too large
@ -0,0 +1,7 @@ |
|||||
|
// 疑似诊断
|
||||
|
export const FIRSTAIDZLTYPE_DICT = { |
||||
|
0: 'AS急性脑卒中', |
||||
|
1: 'AMI急性心肌梗死', |
||||
|
2: 'ATI急性创伤', |
||||
|
3: 'AGB急性消化道出血' |
||||
|
} |
||||
@ -0,0 +1,61 @@ |
|||||
|
import store from '../store/index'; |
||||
|
import { getRouters, saveAidRecord, queryAidRecord, queryWeight } from 'api'; |
||||
|
import router from '../router'; |
||||
|
import { message } from 'ant-design-vue'; |
||||
|
|
||||
|
async function updateAidCode(param, type) { |
||||
|
const { firstAidId } = store.state.patient.patientData; |
||||
|
if (!firstAidId) { |
||||
|
message.error('缺少急救'); |
||||
|
return; |
||||
|
} |
||||
|
param['firstAidId'] = firstAidId; |
||||
|
let res = await saveAidRecord(param); |
||||
|
const { code, data, msg } = res; |
||||
|
if (code === 200) { |
||||
|
// message.success('更新成功')
|
||||
|
queryAid(firstAidId, type); |
||||
|
} else { |
||||
|
message.error(msg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
async function queryWei(firstAidId) { |
||||
|
if (!firstAidId) { |
||||
|
message.error('缺少急救'); |
||||
|
return; |
||||
|
} |
||||
|
const res = await queryWeight(firstAidId); |
||||
|
} |
||||
|
async function queryAid(firstAidId, type = true) { |
||||
|
if (!firstAidId) { |
||||
|
message.error('缺少急救'); |
||||
|
return; |
||||
|
} |
||||
|
const res = await queryAidRecord(firstAidId); |
||||
|
const { data } = res; |
||||
|
if (!data) return; |
||||
|
// console.log('data: ', data);
|
||||
|
store.commit('patient/setPatientData', data); |
||||
|
const writeAble = data.writeAble; |
||||
|
store.commit('patient/setWriteAble', writeAble === false); |
||||
|
if (type) router.go(-1); |
||||
|
} |
||||
|
|
||||
|
// 获取菜单
|
||||
|
async function getRouter(id) { |
||||
|
const res = await getRouters(); |
||||
|
const { code, msg, data } = res; |
||||
|
if (code === 200) { |
||||
|
store.commit('storm/setRoute', data); |
||||
|
} else { |
||||
|
message.error(msg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default { |
||||
|
getRouter, |
||||
|
updateAidCode, |
||||
|
queryAid, |
||||
|
queryWei, |
||||
|
}; |
||||
@ -0,0 +1,50 @@ |
|||||
|
const env = process.env.NODE_ENV; |
||||
|
|
||||
|
// 首页标题 描述信息的配置
|
||||
|
const INDEX_SETTINGS = { |
||||
|
title: '暴风眼', |
||||
|
description: '暴风眼', |
||||
|
// production: {
|
||||
|
// //山大一生产
|
||||
|
// apiUrl: 'http://116.204.114.73:10050/carbasics2024-gateway/',
|
||||
|
// proxyUrl: '/carbasics2024-gateway/',
|
||||
|
// publicPath: '/carbasics2024/pad/v2',
|
||||
|
// imgUrl: 'http://116.204.114.73:9300',
|
||||
|
// },
|
||||
|
production: { |
||||
|
//因孚生产
|
||||
|
apiUrl: 'http://116.204.114.73:10050/carbasics2024-yf-gateway/', |
||||
|
proxyUrl: '/carbasics2024-yf-gateway/', |
||||
|
publicPath: '/carbasics2024-yf/pad/v2', |
||||
|
imgUrl: 'http://116.204.114.73:20007', |
||||
|
}, |
||||
|
test: { |
||||
|
//测试环境
|
||||
|
apiUrl: 'https://test.tall.wiki/carbasics2024-gateway/', |
||||
|
proxyUrl: '/carbasics2024-gateway/', |
||||
|
publicPath: '/carbasics2024/pad/v2', |
||||
|
imgUrl: 'http://test.tall.wiki:9300', |
||||
|
}, |
||||
|
development: { |
||||
|
//开发环境
|
||||
|
apiUrl: 'http://116.204.114.73:10050/carbasics2024-yf-gateway/', // apiUrl: 'http://192.168.0.6:9002',
|
||||
|
proxyUrl: '', |
||||
|
publicPath: '', |
||||
|
imgUrl: 'http://116.204.114.73:20007', |
||||
|
}, |
||||
|
}; |
||||
|
|
||||
|
module.exports = { |
||||
|
// 首页标题
|
||||
|
title: INDEX_SETTINGS.title, // 首页描述信息
|
||||
|
|
||||
|
description: INDEX_SETTINGS.description, // api基础地址
|
||||
|
|
||||
|
apiUrl: INDEX_SETTINGS[env].apiUrl, // api代理地址
|
||||
|
|
||||
|
proxyUrl: INDEX_SETTINGS[env].proxyUrl, // 生成文件目录 publicPath
|
||||
|
|
||||
|
publicPath: INDEX_SETTINGS[env].publicPath, |
||||
|
|
||||
|
imgUrl: INDEX_SETTINGS[env].imgUrl, |
||||
|
}; |
||||
@ -0,0 +1,215 @@ |
|||||
|
.global-layout{ |
||||
|
.page-layout{ |
||||
|
background-color: #f6f6f6; |
||||
|
width: 100vw; |
||||
|
height: 100vh; |
||||
|
.ant-layout-sider{ |
||||
|
flex: 0 0 120px !important; |
||||
|
max-width: 120px !important; |
||||
|
min-width: 120px !important; |
||||
|
width: 120px !important; |
||||
|
background-color: #fff; |
||||
|
.layout-sider-header-row{ |
||||
|
display: flex; |
||||
|
padding: .3rem 1rem; |
||||
|
height: 5vw; |
||||
|
line-height: 5vw; |
||||
|
box-sizing: border-box; |
||||
|
overflow: hidden; |
||||
|
justify-content: center; |
||||
|
.layout-sider-header-row-icon{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
.sider-header-icon{ |
||||
|
display: inline-block; |
||||
|
text-align: center; |
||||
|
width: 1.8rem; |
||||
|
height: 1.8rem; |
||||
|
line-height: 1.8rem; |
||||
|
background-color: #659aff; |
||||
|
border-radius: 50px; |
||||
|
overflow: hidden; |
||||
|
color: #FFFFFF; |
||||
|
font-size: 1rem; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.layout-sider-header-row-title{ |
||||
|
flex: 1; |
||||
|
font-size: .6rem; |
||||
|
margin-left: 0.2rem; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.layout-sider-menu{ |
||||
|
padding: 10px; |
||||
|
user-select: none; /* 禁止文本选择 */ |
||||
|
-webkit-user-select: none; /* Safari */ |
||||
|
-moz-user-select: none; /* Firefox */ |
||||
|
-ms-user-select: none; /* IE */ |
||||
|
.menus{ |
||||
|
.menu-item{ |
||||
|
border-radius: .5rem; |
||||
|
color: #8a8c8e; |
||||
|
overflow: hidden; |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
padding: .4rem .6rem; |
||||
|
margin-bottom: .5rem; |
||||
|
cursor: pointer; |
||||
|
&.active{ |
||||
|
color: #0576fe; |
||||
|
box-shadow: 0 1px 6px rgba(238, 238, 238, 1); |
||||
|
} |
||||
|
.menu-item-icon{ |
||||
|
img{ |
||||
|
width: 1.6rem; |
||||
|
height: 1.6rem; |
||||
|
} |
||||
|
} |
||||
|
.menu-item-name{ |
||||
|
flex: 1; |
||||
|
text-align: left; |
||||
|
margin-left: .5rem; |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.ant-layout-header{ |
||||
|
padding: 0 !important; |
||||
|
height: 5vw !important; |
||||
|
line-height: 5vw !important; |
||||
|
background-color: #FFFFFF !important; |
||||
|
.patient-box{ |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
.patient-info { |
||||
|
// background-color: #fff; |
||||
|
// border-radius: 5px; |
||||
|
// padding: 12px; |
||||
|
font-size: 1rem; |
||||
|
|
||||
|
.lable { |
||||
|
color: #AAAAAA; |
||||
|
padding: 0 .5rem 0 1rem; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.text { |
||||
|
color: #000000; |
||||
|
padding: 0 2rem 0 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.layout-sider-header-row-title{ |
||||
|
background-color: #fff; |
||||
|
height: 5vw; |
||||
|
line-height: 5vw; |
||||
|
flex: 1; |
||||
|
font-size: 0.75rem; |
||||
|
margin-left: 0rem; |
||||
|
padding-left: 20px; |
||||
|
} |
||||
|
} |
||||
|
.ant-layout-content{ |
||||
|
position: relative; |
||||
|
|
||||
|
// box-shadow: -2px 0px 8px rgba(238, 238, 238, 0.6); /* 左边阴影 */ |
||||
|
|
||||
|
.global-layout-content{ |
||||
|
height: calc(100vh - 6vw); |
||||
|
overflow-y: auto; |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
.ant-drawer-body{ |
||||
|
padding: 0; |
||||
|
} |
||||
|
.person-drawer{ |
||||
|
// height: 100vh; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
.person-header{ |
||||
|
height: 10rem; |
||||
|
width: 100%; |
||||
|
background: linear-gradient(to right, #87c1ff, #b1d7fb); |
||||
|
border-radius: 0 0 2rem 2rem; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
padding: 0 2rem; |
||||
|
box-sizing: border-box; |
||||
|
.person-header-avatar{ |
||||
|
height: 3rem; |
||||
|
width: 3rem; |
||||
|
border-radius: 2rem; |
||||
|
border: .2rem solid #FFFFFF; |
||||
|
img{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
} |
||||
|
.person-header-name{ |
||||
|
text-align: left; |
||||
|
flex: 1; |
||||
|
margin-left: 1rem; |
||||
|
font-size: 1.4rem; |
||||
|
color: #FFFFFF; |
||||
|
font-weight: bold; |
||||
|
.user-name{ |
||||
|
margin-right: 1rem; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.person-float-info{ |
||||
|
position: absolute; |
||||
|
left: 1.2rem; |
||||
|
right: 1.2rem; |
||||
|
top: 8rem; |
||||
|
padding: .6rem 1rem; |
||||
|
background-color: #FFFFFF; |
||||
|
box-shadow: 5px 5px 6px rgba(238, 238, 238, 1); |
||||
|
border-radius: .6rem; |
||||
|
line-height: 2rem; |
||||
|
font-size: .8rem; |
||||
|
.label{ |
||||
|
color: #8a8c8e; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.person-content{ |
||||
|
margin-top: 3.5rem; |
||||
|
padding: 1.2rem 1rem; |
||||
|
font-size: .8rem; |
||||
|
flex: 1; |
||||
|
.person-content-row{ |
||||
|
border-bottom: 2px solid #eee; |
||||
|
padding: 1rem; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
.label{ |
||||
|
color: #8a8c8e; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.person-footer{ |
||||
|
padding: 1rem; |
||||
|
.person-footer-button { |
||||
|
|
||||
|
} |
||||
|
.person-footer-logout{ |
||||
|
margin-top: .5rem; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,200 @@ |
|||||
|
<template> |
||||
|
<div class="global-layout"> |
||||
|
<a-layout class="page-layout"> |
||||
|
<a-layout-sider> |
||||
|
<div class="layout-sider-header"> |
||||
|
<div class="layout-sider-header-row"> |
||||
|
<div class="layout-sider-header-row-icon"> |
||||
|
<span class="sider-header-icon">质</span> |
||||
|
</div> |
||||
|
<!-- <div class="layout-sider-header-row-title">质控卒中工作站</div> --> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layout-sider-menu"> |
||||
|
<div class="menus" v-for="(item, index) in menus" :key="index"> |
||||
|
<div class="menu-item" :class="{'active': current == index}" |
||||
|
@click="handleClickMenu(item, index)"> |
||||
|
<div class="menu-item-icon"> |
||||
|
<!-- <img src="@/assets/images/plus.png" alt="" /> --> |
||||
|
<img :src="item.iconactive" alt="" v-if="current == index" /> |
||||
|
<img :src="item.icon" alt="" v-else /> |
||||
|
</div> |
||||
|
<div class="menu-item-name">{{item.name}}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-layout-sider> |
||||
|
<a-layout> |
||||
|
<a-layout-header> |
||||
|
<div class="patient-box"> |
||||
|
<div class="patient-info"> |
||||
|
<span class="lable">姓名: </span> |
||||
|
<span class="text">{{patientData.patientName || '-'}}</span> |
||||
|
<span class="lable">性别: </span> |
||||
|
<span class="text">{{patientData.patientGender == 1 ? '女' : patientData.patientGender == 0 ? '男' : '-'}}</span> |
||||
|
<span class="lable">年龄: </span> |
||||
|
<span class="text">{{patientData.patientAge || '-'}}</span> |
||||
|
<span class="lable">证件号: </span> |
||||
|
<span |
||||
|
class="text">{{patientData.patientIdCardNo ? utils.maskIDCard(patientData.patientIdCardNo) : '-'}}</span> |
||||
|
<span class="lable">门急诊号: </span> |
||||
|
<span class="text">{{patientData.servialNo || '-'}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-layout-header> |
||||
|
<a-layout-content ref="layoutContent" id="layoutContent"> |
||||
|
<div class="global-layout-content" id="globalLayoutContent"> |
||||
|
<router-view /> |
||||
|
</div> |
||||
|
|
||||
|
<a-drawer placement="left" :visible="visible" width="320" @close="onClose" :getContainer="false" |
||||
|
:closable="false" :wrap-style="{ position: 'absolute' }"> |
||||
|
<div class="person-drawer"> |
||||
|
<div class="person-header"> |
||||
|
<div class="person-header-avatar"> |
||||
|
<img src="@/assets/images/ys.png" alt="" /> |
||||
|
</div> |
||||
|
<div class="person-header-name"> |
||||
|
<span class="user-name">{{loginInfo?.name}}</span> |
||||
|
<a-icon type="woman" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="person-float-info"> |
||||
|
<div class="person-float-info-row"><span class="label">职位: </span><span |
||||
|
class="text">{{loginInfo?.deptName}}</span></div> |
||||
|
<div class="person-float-info-row"><span class="label">联系方式: </span><span |
||||
|
class="text">{{loginInfo?.contract}}</span></div> |
||||
|
</div> |
||||
|
<div class="person-content"> |
||||
|
<div class="person-content-row"> |
||||
|
<span class="label">所属医院: </span> |
||||
|
<span class="text">{{loginInfo?.hospitalName}}</span> |
||||
|
</div> |
||||
|
<div class="person-content-row"> |
||||
|
<span class="label">所属科室: </span> |
||||
|
<span class="text">{{loginInfo?.deptName}}</span> |
||||
|
</div> |
||||
|
<div class="person-content-row"> |
||||
|
<span class="label">联系客服: </span> |
||||
|
<span class="text">{{loginInfo?.customer}}</span> |
||||
|
</div> |
||||
|
<div class="person-content-row"> |
||||
|
<span class="label">当前版本: </span> |
||||
|
<span class="text">正式版v{{loginInfo?.version}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="person-footer"> |
||||
|
<a-button class="persion-footer-button person-footer-reset" block>修改密码</a-button> |
||||
|
<a-button class="persion-footer-button person-footer-logout" type="primary" |
||||
|
block>退出登录</a-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-drawer> |
||||
|
</a-layout-content> |
||||
|
</a-layout> |
||||
|
|
||||
|
</a-layout> |
||||
|
</div> |
||||
|
|
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
mapMutations, |
||||
|
mapState |
||||
|
} from 'vuex'; |
||||
|
import { loginInfo } from 'api'; |
||||
|
import icon01 from '@/assets/images/slice/icon01.png' |
||||
|
import icon01H from '@/assets/images/slice/icon01H.png' |
||||
|
import icon02 from '@/assets/images/slice/icon02.png' |
||||
|
import icon02H from '@/assets/images/slice/icon02H.png' |
||||
|
import icon03 from '@/assets/images/slice/icon03.png' |
||||
|
import icon03H from '@/assets/images/slice/icon03H.png' |
||||
|
import icon04 from '@/assets/images/slice/icon04.png' |
||||
|
import icon04H from '@/assets/images/slice/icon04H.png' |
||||
|
export default { |
||||
|
name: 'BasicLayout', |
||||
|
data() { |
||||
|
return { |
||||
|
current: 0, |
||||
|
current_: 0, |
||||
|
visible: false, |
||||
|
loginInfo: null, |
||||
|
menus: [{ |
||||
|
name: '急救', |
||||
|
path: '/firstaid/patientList', |
||||
|
icon: icon01H, |
||||
|
iconactive: icon01, |
||||
|
}, { |
||||
|
name: '档案', |
||||
|
path: '/document', |
||||
|
icon: icon02H, |
||||
|
iconactive: icon02, |
||||
|
}, { |
||||
|
name: '统计', |
||||
|
path: '/statistics', |
||||
|
icon: icon03H, |
||||
|
iconactive: icon03, |
||||
|
}, { |
||||
|
name: '我的', |
||||
|
path: 'person', |
||||
|
icon: icon04H, |
||||
|
iconactive: icon04, |
||||
|
}], |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState('patient', ['patientData']), |
||||
|
}, |
||||
|
beforeRouteEnter(to, from, next) { |
||||
|
next((vm) => { |
||||
|
if (to.fullPath == '/document') { |
||||
|
vm.current = 1 |
||||
|
vm.current_ = 1 |
||||
|
} else if (to.fullPath == '/statistics') { |
||||
|
vm.current = 2 |
||||
|
vm.current_ = 2 |
||||
|
} else { |
||||
|
vm.current = 0 |
||||
|
vm.current_ = 0 |
||||
|
if (to.fullPath != '/firstaid/patientList') { |
||||
|
vm.$router.replace('/firstaid/patientList') |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
methods: { |
||||
|
handleClickMenu(item, index) { |
||||
|
if (index != this.current) { |
||||
|
this.current_ = this.current |
||||
|
} |
||||
|
this.current = index |
||||
|
if (item.path == 'person') { |
||||
|
if (this.visible) this.onClose() |
||||
|
else this.showPersion() |
||||
|
} else { |
||||
|
this.visible = false; |
||||
|
this.$router.replace(item.path) |
||||
|
} |
||||
|
}, |
||||
|
async showPersion() { |
||||
|
this.visible = true; |
||||
|
document.getElementById('globalLayoutContent').style.overflowY = 'hidden'; |
||||
|
if(!this.loginInfo){ |
||||
|
var res = await loginInfo(); |
||||
|
this.loginInfo = res.data || {} |
||||
|
} |
||||
|
this.visible = true; |
||||
|
}, |
||||
|
onClose() { |
||||
|
this.visible = false; |
||||
|
document.getElementById('globalLayoutContent').style.overflowY = 'auto'; |
||||
|
this.current = this.current_ |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less"> |
||||
|
@import "./BasicLayout.less"; |
||||
|
</style> |
||||
@ -0,0 +1,15 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<router-view /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'BlankLayout' |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,11 @@ |
|||||
|
<template> |
||||
|
<page-header-wrapper> |
||||
|
<router-view /> |
||||
|
</page-header-wrapper> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'PageView' |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,33 @@ |
|||||
|
<script> |
||||
|
export default { |
||||
|
name: 'RouteView', |
||||
|
props: { |
||||
|
keepAlive: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return {} |
||||
|
}, |
||||
|
render() { |
||||
|
const { |
||||
|
$route: { |
||||
|
meta |
||||
|
}, |
||||
|
$store: { |
||||
|
getters |
||||
|
} |
||||
|
} = this |
||||
|
const inKeep = (<keep-alive> <router-view/> </keep-alive>) |
||||
|
const notKeep = (<router-view />) |
||||
|
// 这里增加了 multiTab 的判断，当开启了 multiTab 时 |
||||
|
// 应当全部组件皆缓存，否则会导致切换页面后页面还原成原始状态 |
||||
|
// 若确实不需要，可改为 return meta.keepAlive ? inKeep : notKeep |
||||
|
if (!getters.multiTab && !meta.keepAlive) { |
||||
|
return notKeep |
||||
|
} |
||||
|
return this.keepAlive || getters.multiTab || meta.keepAlive ? inKeep : notKeep |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,12 @@ |
|||||
|
// import UserLayout from './UserLayout'
|
||||
|
import BlankLayout from './BlankLayout' |
||||
|
import BasicLayout from './BasicLayout' |
||||
|
import RouteView from './RouteView' |
||||
|
import PageView from './PageView' |
||||
|
|
||||
|
export { |
||||
|
BasicLayout, |
||||
|
BlankLayout, |
||||
|
RouteView, |
||||
|
PageView |
||||
|
} |
||||
@ -0,0 +1,73 @@ |
|||||
|
/* |
||||
|
* Copyright (c) 2023. |
||||
|
* author: gaowenya |
||||
|
* email: gaowenya_a@163.com |
||||
|
*/ |
||||
|
import Vue from 'vue'; |
||||
|
import './config/axios'; |
||||
|
import App from './App.vue'; |
||||
|
import router from './router'; |
||||
|
import store from './store'; |
||||
|
|
||||
|
import Antd from 'ant-design-vue'; |
||||
|
import 'ant-design-vue/dist/antd.less'; |
||||
|
Vue.use(Antd); |
||||
|
|
||||
|
import { |
||||
|
DatetimePicker, |
||||
|
Slider, |
||||
|
Stepper, |
||||
|
Toast, |
||||
|
CountDown, |
||||
|
NumberKeyboard, |
||||
|
} from 'vant'; |
||||
|
import 'vant/lib/index.css'; |
||||
|
Vue.use(DatetimePicker); |
||||
|
Vue.use(Slider); |
||||
|
Vue.use(Stepper); |
||||
|
Vue.use(Toast); |
||||
|
Vue.use(CountDown); |
||||
|
Vue.use(NumberKeyboard); |
||||
|
|
||||
|
import vueEsign from 'vue-esign'; |
||||
|
Vue.use(vueEsign); |
||||
|
|
||||
|
import home from './config/home'; |
||||
|
import util from './utils'; |
||||
|
|
||||
|
Vue.config.productionTip = false; |
||||
|
Vue.prototype.home = home; |
||||
|
Vue.prototype.utils = util; |
||||
|
|
||||
|
router.beforeEach(async (to, from, next) => { |
||||
|
const { back, more } = to.meta; |
||||
|
store.commit('storm/setShowBack', back); |
||||
|
store.commit('storm/setShowMore', more); |
||||
|
//患者列表清楚定时器
|
||||
|
if (to.name === 'PatientList') { |
||||
|
util.AnimationFrame.done('timerTask'); |
||||
|
util.AnimationFrame.done('countTask'); |
||||
|
} |
||||
|
const { deviceNo } = to.query; |
||||
|
if (deviceNo) { |
||||
|
if (deviceNo !== localStorage.getItem('APP_DEVICE_NO')) { |
||||
|
localStorage.setItem('anyringToken', null); |
||||
|
} |
||||
|
store.commit('storm/setPadNo', deviceNo); |
||||
|
} |
||||
|
if (!to.meta.route) { |
||||
|
next(); |
||||
|
} else { |
||||
|
next(); |
||||
|
} |
||||
|
}); |
||||
|
document.addEventListener('UniAppJSBridgeReady', function () { |
||||
|
uni.getEnv(function (res) { |
||||
|
console.log('当前环境：' + JSON.stringify(res)); |
||||
|
}); |
||||
|
new Vue({ |
||||
|
router, |
||||
|
store, |
||||
|
render: (h) => h(App), |
||||
|
}).$mount('#app'); |
||||
|
}); |
||||
@ -0,0 +1,75 @@ |
|||||
|
import Vue from 'vue' |
||||
|
import VueRouter from 'vue-router' |
||||
|
import { |
||||
|
BasicLayout, |
||||
|
BlankLayout |
||||
|
} from '@/layouts' |
||||
|
|
||||
|
Vue.use(VueRouter) |
||||
|
|
||||
|
const routes = [{ |
||||
|
path: '/', |
||||
|
component: BasicLayout, |
||||
|
redirect: '/firstaid/patientList', |
||||
|
hidden: true, |
||||
|
children: [{ |
||||
|
path: '/firstaid/patientList', |
||||
|
name: 'PatientList', |
||||
|
meta: { |
||||
|
back: false, |
||||
|
nav: true |
||||
|
}, |
||||
|
component: () => import( /* 急救患者 */ 'views/Patient/index.vue') |
||||
|
}, { |
||||
|
path: '/firstaid/thrombolysis', |
||||
|
name: 'Thrombolysis', |
||||
|
meta: { |
||||
|
back: false, |
||||
|
nav: true |
||||
|
}, |
||||
|
component: () => import( /* 溶栓急救 */ 'views/thrombolysis/index.vue'), |
||||
|
}, |
||||
|
{ |
||||
|
path: '/document', |
||||
|
name: 'Document', |
||||
|
meta: { |
||||
|
back: false, |
||||
|
nav: true |
||||
|
}, |
||||
|
component: () => import( /* 档案 */ 'views/document/index.vue'), |
||||
|
}, |
||||
|
{ |
||||
|
path: '/statistics', |
||||
|
name: 'Statistics', |
||||
|
meta: { |
||||
|
back: false, |
||||
|
nav: true |
||||
|
}, |
||||
|
component: () => import( /* 档案 */ 'views/statistics/index.vue'), |
||||
|
}, |
||||
|
// {
|
||||
|
// path: '/doc-report',
|
||||
|
// name: 'DocReport',
|
||||
|
// meta: {
|
||||
|
// back: true,
|
||||
|
// nav: true
|
||||
|
// },
|
||||
|
// component: () => import( /* 档案 */ 'views/document/report.vue'),
|
||||
|
// }
|
||||
|
] |
||||
|
}, |
||||
|
// {
|
||||
|
// path: '/404',
|
||||
|
// component: () => import('@/views/exception/404')
|
||||
|
// }
|
||||
|
] |
||||
|
|
||||
|
const router = new VueRouter({ |
||||
|
mode: 'hash', // 去掉url中的#
|
||||
|
scrollBehavior: () => ({ |
||||
|
y: 0 |
||||
|
}), |
||||
|
routes |
||||
|
}) |
||||
|
|
||||
|
export default router |
||||
@ -0,0 +1,7 @@ |
|||||
|
import Vue from 'vue'; |
||||
|
import Vuex from 'vuex'; |
||||
|
import storm from './modules/storm/index'; |
||||
|
import patient from './modules/patient/index'; |
||||
|
|
||||
|
Vue.use(Vuex); |
||||
|
export default new Vuex.Store({ modules: { storm, patient } }); |
||||
@ -0,0 +1,3 @@ |
|||||
|
const actions = { |
||||
|
} |
||||
|
export default actions |
||||
@ -0,0 +1,5 @@ |
|||||
|
const getters = { |
||||
|
|
||||
|
}; |
||||
|
|
||||
|
export default getters; |
||||
@ -0,0 +1,13 @@ |
|||||
|
/* |
||||
|
* @Author: gaowenya |
||||
|
* @email: gaowenya_a@163.com |
||||
|
* @Date: 2023-06-20 13:11 |
||||
|
* @LastEditors: |
||||
|
* @LastEditTime: |
||||
|
*/ |
||||
|
import mutations from './mutations'; |
||||
|
import getters from './getters'; |
||||
|
import actions from './actions'; |
||||
|
import state from './state'; |
||||
|
|
||||
|
export default { namespaced: true, state, getters, mutations, actions }; |
||||
@ -0,0 +1,50 @@ |
|||||
|
const mutations = { |
||||
|
/** |
||||
|
* 当前患者信息 |
||||
|
* @param { object } state |
||||
|
* @param { boolean } data |
||||
|
*/ |
||||
|
setPatientData(state, data) { |
||||
|
// 团注, 剂量, 每次进来复制为空
|
||||
|
if (data.recordValDict) { |
||||
|
if (!data.recordValDict['JMRS-TZJL']) { |
||||
|
data.recordValDict['JMRS-TZJL'] = [ |
||||
|
{ |
||||
|
questionCode: 'JMRS-TZJL', |
||||
|
answer: [], |
||||
|
}, |
||||
|
]; |
||||
|
} |
||||
|
if (!data.recordValDict['JMRS-JDJL']) { |
||||
|
data.recordValDict['JMRS-JDJL'] = [ |
||||
|
{ |
||||
|
questionCode: 'JMRS-JDJL', |
||||
|
answer: [], |
||||
|
}, |
||||
|
]; |
||||
|
} |
||||
|
} |
||||
|
sessionStorage.setItem('patientData', JSON.stringify(data)); |
||||
|
state.patientData = data; |
||||
|
}, |
||||
|
setTimerData(state, data) { |
||||
|
state.timerData = data; |
||||
|
}, |
||||
|
setNextNodeData(state, data) { |
||||
|
state.nextNodeData = data; |
||||
|
}, |
||||
|
setOverviewType(state, data) { |
||||
|
state.overviewType = data; |
||||
|
}, |
||||
|
setVideo(state, data) { |
||||
|
state.video = data; |
||||
|
}, |
||||
|
setBook(state, data) { |
||||
|
state.book = data; |
||||
|
}, |
||||
|
setWriteAble(state, flag) { |
||||
|
state.writeAble = flag; |
||||
|
}, |
||||
|
}; |
||||
|
|
||||
|
export default mutations; |
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue