zzc
3 months ago
21 changed files with 3490 additions and 590 deletions
@ -0,0 +1,77 @@ |
|||||
|
import request from "@/utils/request"; |
||||
|
// ------ 筛查上报相关接口 ------
|
||||
|
// 通过组织id查询医院信息
|
||||
|
export function queryHospitalNoToken(data) { |
||||
|
return request({ |
||||
|
url: "admin/web/queryTenantById", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 创建筛查
|
||||
|
export function create(data) { |
||||
|
return request({ |
||||
|
url: "admin/screening/createNoToken", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 通过code提交数据
|
||||
|
export function screenSave(data) { |
||||
|
return request({ |
||||
|
url: "admin/screening/save", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 提交筛查上报数据
|
||||
|
export function screenSubmit(data) { |
||||
|
return request({ |
||||
|
url: "admin/screening/submitNoToken", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
// ------ 筛查二维码相关接口 ------
|
||||
|
// 筛查二维码 列表
|
||||
|
export function queryScreenList(data) { |
||||
|
return request({ |
||||
|
url: "admin/wxQrCode/queryScreenList", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 添加筛查二维码
|
||||
|
export function addScreen(data) { |
||||
|
return request({ |
||||
|
url: "admin/wxQrCode/addScreen", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// 删除筛查二维码
|
||||
|
export function deleteScreen(data) { |
||||
|
return request({ |
||||
|
url: "admin/wxQrCode/deleteScreen", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
// // 导出二维码
|
||||
|
export function exportQr(data) { |
||||
|
return request({ |
||||
|
url: "admin/wxQrCode/exportScreen", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
// ------ 筛查列表 ------
|
||||
|
export function queryDetail(data) { |
||||
|
return request({ |
||||
|
url: "admin/screening/queryDetail", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
@ -0,0 +1,394 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div> |
||||
|
<div |
||||
|
class="item-container" |
||||
|
v-for="(item, index) in questions" |
||||
|
:key="index" |
||||
|
> |
||||
|
<div class="item-title">{{ item.index }}. {{ item.question }}</div> |
||||
|
<div class="item-radio-box"> |
||||
|
<el-radio-group v-model="form[`topic${item.index}`]"> |
||||
|
<el-radio |
||||
|
v-for="(criteria, index) in item.criteria" |
||||
|
:key="index" |
||||
|
:label="criteria.value" |
||||
|
>{{ criteria.label }} |
||||
|
</el-radio> |
||||
|
</el-radio-group> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="submit-box"> |
||||
|
<el-button class="submit-box-but" type="primary" @click="submitForm" |
||||
|
>提交</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "PHQ9", |
||||
|
props: ["scaleCode"], |
||||
|
data() { |
||||
|
return { |
||||
|
form: {}, |
||||
|
questions: [ |
||||
|
{ |
||||
|
index: 1, |
||||
|
question: "以下哪一项能够最准确描述你在过去六个月所感受到的疼痛", |
||||
|
criteria: [ |
||||
|
{ label: "无疼痛", value: 1 }, |
||||
|
{ label: "轻微", value: 2 }, |
||||
|
{ label: "中等", value: 3 }, |
||||
|
{ label: "中等至严重", value: 4 }, |
||||
|
{ label: "严重", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 2, |
||||
|
question: "以下哪一项能够最准确描述你在过去一个月所感受到的疼痛", |
||||
|
criteria: [ |
||||
|
{ label: "无疼痛", value: 1 }, |
||||
|
{ label: "轻微", value: 2 }, |
||||
|
{ label: "中等", value: 3 }, |
||||
|
{ label: "中等至严重", value: 4 }, |
||||
|
{ label: "严重", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 3, |
||||
|
question: "总体来说，在过去六个月期间你感到十分焦虑吗", |
||||
|
criteria: [ |
||||
|
{ label: "完全没有", value: 1 }, |
||||
|
{ label: "小部分时间", value: 2 }, |
||||
|
{ label: "有时", value: 3 }, |
||||
|
{ label: "大部分时间", value: 4 }, |
||||
|
{ label: "全部时间", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 4, |
||||
|
question: |
||||
|
"如果你必须在背部维持现状不变的情况下继续生活，你会有什么感受", |
||||
|
criteria: [ |
||||
|
{ label: "十分愉快", value: 1 }, |
||||
|
{ label: "某种程度上愉快", value: 2 }, |
||||
|
{ label: "没有愉快或不愉快", value: 3 }, |
||||
|
{ label: "某种程度不愉快", value: 4 }, |
||||
|
{ label: "十分不愉快", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 5, |
||||
|
question: "你现时的活动能力如何", |
||||
|
criteria: [ |
||||
|
{ label: "只限于床上", value: 1 }, |
||||
|
{ label: "基本上不活动", value: 2 }, |
||||
|
{ label: "轻度的运动及劳动，如家务活", value: 3 }, |
||||
|
{ label: "中度的运动及劳动，如骑车", value: 4 }, |
||||
|
{ label: "活动不受限制", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 6, |
||||
|
question: "你在穿上衣服后的外观如何", |
||||
|
criteria: [ |
||||
|
{ label: "很好", value: 1 }, |
||||
|
{ label: "好", value: 2 }, |
||||
|
{ label: "可以接受", value: 3 }, |
||||
|
{ label: "差劲", value: 4 }, |
||||
|
{ label: "十分差劲", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 7, |
||||
|
question: |
||||
|
"在过去六个月期间你曾感到十分沮丧以至于任何事物也不能让你开心吗", |
||||
|
criteria: [ |
||||
|
{ label: "总是", value: 1 }, |
||||
|
{ label: "经常", value: 2 }, |
||||
|
{ label: "有时", value: 3 }, |
||||
|
{ label: "很少数时间", value: 4 }, |
||||
|
{ label: "完全没有", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 8, |
||||
|
question: "你在休息时背部有疼痛吗", |
||||
|
criteria: [ |
||||
|
{ label: "总是有", value: 1 }, |
||||
|
{ label: "经常有", value: 2 }, |
||||
|
{ label: "有时有", value: 3 }, |
||||
|
{ label: "很少数时间有", value: 4 }, |
||||
|
{ label: "完全没有", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 9, |
||||
|
question: "你现阶段在工作单位/学校的活动能力为多少", |
||||
|
criteria: [ |
||||
|
{ label: "正常的100%", value: 1 }, |
||||
|
{ label: "正常的75%", value: 2 }, |
||||
|
{ label: "正常的50%", value: 3 }, |
||||
|
{ label: "正常的25%", value: 4 }, |
||||
|
{ label: "正常的0%", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 10, |
||||
|
question: "以下哪一项最能够描述你躯干的外观", |
||||
|
criteria: [ |
||||
|
{ label: "很好", value: 1 }, |
||||
|
{ label: "好", value: 2 }, |
||||
|
{ label: "可以接受", value: 3 }, |
||||
|
{ label: "差劲", value: 4 }, |
||||
|
{ label: "十分差劲", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 11, |
||||
|
question: "下列哪一项最能准确地描述你因背部疼痛而所需要服用的药物", |
||||
|
criteria: [ |
||||
|
{ label: "无", value: 1 }, |
||||
|
{ label: "一般止痛药(每星期服用一次或更少)", value: 2 }, |
||||
|
{ label: "一般止痛药(天天服用)", value: 3 }, |
||||
|
{ label: "特效止痛药(每星期服用一次或更少)", value: 4 }, |
||||
|
{ label: "特效止痛药(天天服用)", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 12, |
||||
|
question: "你的背部疼痛是否影响你做家务的能力", |
||||
|
criteria: [ |
||||
|
{ label: "没有影响", value: 1 }, |
||||
|
{ label: "少许影响", value: 2 }, |
||||
|
{ label: "有时有影响", value: 3 }, |
||||
|
{ label: "常有影响", value: 4 }, |
||||
|
{ label: "总是有影响", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 13, |
||||
|
question: "总体来说，你在过去六个月期间感到安宁和平静吗", |
||||
|
criteria: [ |
||||
|
{ label: "一直", value: 1 }, |
||||
|
{ label: "大多数时间", value: 2 }, |
||||
|
{ label: "有时", value: 3 }, |
||||
|
{ label: "很少数时间", value: 4 }, |
||||
|
{ label: "完全没有", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 14, |
||||
|
question: "你是否感到你背部的状况对你的人际关系构成影响", |
||||
|
criteria: [ |
||||
|
{ label: "没有影响", value: 1 }, |
||||
|
{ label: "少许影响", value: 2 }, |
||||
|
{ label: "某种程度上有影响", value: 3 }, |
||||
|
{ label: "很大程度上有影响", value: 4 }, |
||||
|
{ label: "非常有影响", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 15, |
||||
|
question: "你以及/或你家人是否因为你背部的问题而在经济方面遇到困难", |
||||
|
criteria: [ |
||||
|
{ label: "极有", value: 1 }, |
||||
|
{ label: "很大程度上有", value: 2 }, |
||||
|
{ label: "某种程度上有", value: 3 }, |
||||
|
{ label: "少许", value: 4 }, |
||||
|
{ label: "没有", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 16, |
||||
|
question: "总体来说，在过去六个月时间你是否感到失落和灰心", |
||||
|
criteria: [ |
||||
|
{ label: "完全没有", value: 1 }, |
||||
|
{ label: "很少数时间", value: 2 }, |
||||
|
{ label: "有时", value: 3 }, |
||||
|
{ label: "经常", value: 4 }, |
||||
|
{ label: "绝大多数时间", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 17, |
||||
|
question: |
||||
|
"在过去三个月时间你是否因背痛而向学校/公司请假?如有，共有多少天", |
||||
|
criteria: [ |
||||
|
{ label: "0天", value: 1 }, |
||||
|
{ label: "1天", value: 2 }, |
||||
|
{ label: "2天", value: 3 }, |
||||
|
{ label: "3天", value: 4 }, |
||||
|
{ label: "4天或以上", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 18, |
||||
|
question: "你背部的状况是否阻碍你和家人/朋友外出", |
||||
|
criteria: [ |
||||
|
{ label: "从来没有", value: 1 }, |
||||
|
{ label: "很少数时间", value: 2 }, |
||||
|
{ label: "有时", value: 3 }, |
||||
|
{ label: "经常", value: 4 }, |
||||
|
{ label: "总是", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 19, |
||||
|
question: "你现在背部的状况是否让你觉得自己仍有吸引力", |
||||
|
criteria: [ |
||||
|
{ label: "是，很有吸引力", value: 1 }, |
||||
|
{ label: "是，某种程度上有吸引力", value: 2 }, |
||||
|
{ label: "可能有，也可能没有", value: 3 }, |
||||
|
{ label: "否，没有什么吸引力", value: 4 }, |
||||
|
{ label: "否，完全没有吸引力", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 20, |
||||
|
question: "总体来说，你在过去的六个月里感到愉快吗", |
||||
|
criteria: [ |
||||
|
{ label: "完全没有", value: 1 }, |
||||
|
{ label: "很少数时间", value: 2 }, |
||||
|
{ label: "有时", value: 3 }, |
||||
|
{ label: "大多数时间", value: 4 }, |
||||
|
{ label: "所有时间", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 21, |
||||
|
question: "你对你背部治疗的成效感到满意吗", |
||||
|
criteria: [ |
||||
|
{ label: "十分满意", value: 1 }, |
||||
|
{ label: "满意", value: 2 }, |
||||
|
{ label: "满意，也可能不满意", value: 3 }, |
||||
|
{ label: "不满意", value: 4 }, |
||||
|
{ label: "非常不满意", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 22, |
||||
|
question: "如果你的背部再次遇到同类情况你是否接受同样的治疗", |
||||
|
criteria: [ |
||||
|
{ label: "一定会", value: 1 }, |
||||
|
{ label: "可能会", value: 2 }, |
||||
|
{ label: "不清楚", value: 3 }, |
||||
|
{ label: "可能不会", value: 4 }, |
||||
|
{ label: "一定不会", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
], |
||||
|
scaleData: {}, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.treatmentId = this.$route.query.treatmentId; // 诊疗id |
||||
|
let scaleData = localStorage.getItem("scaleData"); // 获取上次填写的数据 |
||||
|
// 如果scaleData存在，则解析成对象，否则创建一个空对象 |
||||
|
this.scaleData = scaleData |
||||
|
? JSON.parse(scaleData) |
||||
|
: { |
||||
|
[this.treatmentId]: {}, |
||||
|
}; |
||||
|
|
||||
|
// 如果scaleData[this.treatmentId]不存在，则创建一个空对象 |
||||
|
if (!this.scaleData[this.treatmentId]) { |
||||
|
this.scaleData[this.treatmentId] = {}; |
||||
|
} |
||||
|
this.form = this.scaleData[this.treatmentId][this.scaleCode] || {}; // 将上次填写的数据赋值给form |
||||
|
}, |
||||
|
methods: { |
||||
|
// 维度得分计算： |
||||
|
// 每个维度的得分是该维度内所有问题得分的平均值。例如，功能维度包含多个问题，将这些问题的得分相加后除以问题数量，得到该维度的平均得分。 |
||||
|
|
||||
|
// 总得分计算： |
||||
|
// SRS-22量表的总得分是五个维度得分的平均值。 |
||||
|
submitForm() { |
||||
|
let score = 0; |
||||
|
// 功能/活动 第5、9、12、15、18题 |
||||
|
// 疼痛 第1、2、8、11、17题 |
||||
|
// 自我形象/外观 第4、6、10、14、19题 |
||||
|
// 心理健康 第3、7、13、16、20题 |
||||
|
// 治疗满意度 第21、22题 |
||||
|
|
||||
|
// 2. 维度得分计算： |
||||
|
// 每个维度的得分是该维度内所有问题得分的平均值。例如，功能维度包含多个问题，将这些问题的得分相加后除以问题数量，得到该维度的平均得分。 |
||||
|
// 计算各维度得分 |
||||
|
const calculateDimensionScore = (questionIndices) => { |
||||
|
let sum = 0; |
||||
|
let count = 0; |
||||
|
questionIndices.forEach((index) => { |
||||
|
if (this.form[`topic${index}`] !== undefined) { |
||||
|
sum += this.form[`topic${index}`]; |
||||
|
count++; |
||||
|
} |
||||
|
}); |
||||
|
return count > 0 ? sum / count : 0; |
||||
|
}; |
||||
|
// 各维度对应的题号 |
||||
|
const dimensions = { |
||||
|
function: [5, 9, 12, 15, 18], // 功能/活动 |
||||
|
pain: [1, 2, 8, 11, 17], // 疼痛 |
||||
|
appearance: [4, 6, 10, 14, 19], // 自我形象/外观 |
||||
|
mentalHealth: [3, 7, 13, 16, 20], // 心理健康 |
||||
|
satisfaction: [21, 22], // 治疗满意度 |
||||
|
}; |
||||
|
// 计算各维度得分 |
||||
|
const dimensionScores = { |
||||
|
function: calculateDimensionScore(dimensions.function), |
||||
|
pain: calculateDimensionScore(dimensions.pain), |
||||
|
appearance: calculateDimensionScore(dimensions.appearance), |
||||
|
mentalHealth: calculateDimensionScore(dimensions.mentalHealth), |
||||
|
satisfaction: calculateDimensionScore(dimensions.satisfaction), |
||||
|
}; |
||||
|
|
||||
|
// 3. 总得分计算： |
||||
|
// SRS-22量表的总得分是五个维度得分的平均值 |
||||
|
// 计算总得分 |
||||
|
const totalScore = |
||||
|
(dimensionScores.function + |
||||
|
dimensionScores.pain + |
||||
|
dimensionScores.appearance + |
||||
|
dimensionScores.mentalHealth + |
||||
|
dimensionScores.satisfaction) / |
||||
|
5; |
||||
|
console.log("totalScore", totalScore); |
||||
|
|
||||
|
// 存储数据 |
||||
|
this.scaleData[this.treatmentId][this.scaleCode] = this.form; |
||||
|
localStorage.setItem("scaleData", JSON.stringify(this.scaleData)); |
||||
|
// // 将数据传递给父组件 |
||||
|
this.$emit("getScaleResult", totalScore, this.scaleCode); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
|
||||
|
<style scoped> |
||||
|
.item-title { |
||||
|
font-size: 20px; |
||||
|
font-weight: bold; |
||||
|
color: #3d3d3d; |
||||
|
line-height: 26px; |
||||
|
} |
||||
|
.item-radio-box { |
||||
|
margin: 16px 0px; |
||||
|
} |
||||
|
>>> .el-radio__label { |
||||
|
font-size: 18px; |
||||
|
color: #555555; |
||||
|
line-height: 20px; |
||||
|
} |
||||
|
.submit-box { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
.submit-box-but { |
||||
|
width: 200px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
After Width: | Height: | Size: 21 KiB |
@ -0,0 +1,146 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<!-- |
||||
|
1. 后方视角（SET 1） |
||||
|
图形1 图形2 图形3 图形4 图形5 |
||||
|
2. 弯腰时从上方视角（SET 2） |
||||
|
图形1 图形2 图形3 图形4 图形5 |
||||
|
3. 前方视角（根据性别选择 SET 3） |
||||
|
图形1 图形2 图形3 图形4 图形5 |
||||
|
--> |
||||
|
<div> |
||||
|
<div style=""> |
||||
|
<img src="./TAPS.png" alt="" /> |
||||
|
</div> |
||||
|
|
||||
|
<div |
||||
|
class="item-container" |
||||
|
v-for="(item, index) in questions" |
||||
|
:key="index" |
||||
|
> |
||||
|
<div class="item-title">{{ item.index }}. {{ item.question }}</div> |
||||
|
<div class="item-radio-box"> |
||||
|
<el-radio-group v-model="form[`topic${item.index}`]"> |
||||
|
<el-radio |
||||
|
v-for="(criteria, index) in item.criteria" |
||||
|
:key="index" |
||||
|
:label="criteria.value" |
||||
|
>{{ criteria.label }} |
||||
|
</el-radio> |
||||
|
</el-radio-group> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="submit-box"> |
||||
|
<el-button class="submit-box-but" type="primary" @click="submitForm" |
||||
|
>提交</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "phq", |
||||
|
props: ["scaleCode"], |
||||
|
data() { |
||||
|
return { |
||||
|
form: {}, |
||||
|
questions: [ |
||||
|
{ |
||||
|
index: 1, |
||||
|
question: "后方视角（SET 1）", |
||||
|
criteria: [ |
||||
|
{ label: "图形1", value: 1 }, |
||||
|
{ label: "图形2", value: 2 }, |
||||
|
{ label: "图形3", value: 3 }, |
||||
|
{ label: "图形4", value: 4 }, |
||||
|
{ label: "图形5", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 2, |
||||
|
question: "弯腰时从上方视角（SET 2）", |
||||
|
criteria: [ |
||||
|
{ label: "图形1", value: 1 }, |
||||
|
{ label: "图形2", value: 2 }, |
||||
|
{ label: "图形3", value: 3 }, |
||||
|
{ label: "图形4", value: 4 }, |
||||
|
{ label: "图形5", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 3, |
||||
|
question: "前方视角（根据性别选择 SET 3）", |
||||
|
criteria: [ |
||||
|
{ label: "图形1", value: 1 }, |
||||
|
{ label: "图形2", value: 2 }, |
||||
|
{ label: "图形3", value: 3 }, |
||||
|
{ label: "图形4", value: 4 }, |
||||
|
{ label: "图形5", value: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
], |
||||
|
scaleData: {}, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.treatmentId = this.$route.query.treatmentId; // 诊疗id |
||||
|
let scaleData = localStorage.getItem("scaleData"); // 获取上次填写的数据 |
||||
|
// 如果scaleData存在，则解析成对象，否则创建一个空对象 |
||||
|
this.scaleData = scaleData |
||||
|
? JSON.parse(scaleData) |
||||
|
: { |
||||
|
[this.treatmentId]: {}, |
||||
|
}; |
||||
|
|
||||
|
// 如果scaleData[this.treatmentId]不存在，则创建一个空对象 |
||||
|
if (!this.scaleData[this.treatmentId]) { |
||||
|
this.scaleData[this.treatmentId] = {}; |
||||
|
} |
||||
|
this.form = this.scaleData[this.treatmentId][this.scaleCode] || {}; // 将上次填写的数据赋值给form |
||||
|
}, |
||||
|
methods: { |
||||
|
submitForm() { |
||||
|
let score = 0; |
||||
|
// 计算总分, topic${i}属性不一定存在，先校验是否存在 |
||||
|
for (let i = 1; i <= 8; i++) { |
||||
|
if (this.form[`topic${i}`] !== undefined) { |
||||
|
score += this.form[`topic${i}`]; |
||||
|
} |
||||
|
} |
||||
|
// 存储数据 |
||||
|
this.scaleData[this.treatmentId][this.scaleCode] = this.form; |
||||
|
localStorage.setItem("scaleData", JSON.stringify(this.scaleData)); |
||||
|
// 将数据传递给父组件 |
||||
|
this.$emit("getScaleResult", score, this.scaleCode); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
|
||||
|
<style scoped> |
||||
|
.item-title { |
||||
|
font-size: 20px; |
||||
|
font-weight: bold; |
||||
|
color: #3d3d3d; |
||||
|
line-height: 26px; |
||||
|
} |
||||
|
.item-radio-box { |
||||
|
margin: 16px 0px; |
||||
|
} |
||||
|
>>> .el-radio__label { |
||||
|
font-size: 18px; |
||||
|
color: #555555; |
||||
|
line-height: 20px; |
||||
|
} |
||||
|
.submit-box { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
.submit-box-but { |
||||
|
width: 200px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,146 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div> |
||||
|
<!-- |
||||
|
1、肩部 |
||||
|
肩膀的不对称性，轻微差异1分，2分有差异，3分差异性很大 |
||||
|
2、肩胛骨 |
||||
|
肩胛骨的对称性，轻微差异1分，差异较大2分 |
||||
|
3、腰部 |
||||
|
腰部的对称性，轻微差异1分，2分有差异，3分差异性很大，4分差异性很大 |
||||
|
4、半胸 |
||||
|
上半身不对称的状况，以上胸椎的区域为主，主要看譬如肩胛骨的凸侧，以及肋骨的变化，轻微差异1分，差异较大2分 |
||||
|
--> |
||||
|
<div |
||||
|
class="item-container" |
||||
|
v-for="(item, index) in questions" |
||||
|
:key="index" |
||||
|
> |
||||
|
<div class="item-title">{{ item.index }}. {{ item.question }}</div> |
||||
|
<div class="item-radio-box"> |
||||
|
<el-radio-group v-model="form[`topic${item.index}`]"> |
||||
|
<el-radio |
||||
|
v-for="(criteria, index) in item.criteria" |
||||
|
:key="index" |
||||
|
:label="criteria.value" |
||||
|
>{{ criteria.label }} |
||||
|
</el-radio> |
||||
|
</el-radio-group> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="submit-box"> |
||||
|
<el-button class="submit-box-but" type="primary" @click="submitForm" |
||||
|
>提交</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "PHQ9", |
||||
|
props: ["scaleCode"], |
||||
|
data() { |
||||
|
return { |
||||
|
form: {}, |
||||
|
questions: [ |
||||
|
{ |
||||
|
index: 1, |
||||
|
question: "肩部-肩膀的不对称性", |
||||
|
criteria: [ |
||||
|
{ label: "轻微差异", value: 1 }, |
||||
|
{ label: "有差异", value: 2 }, |
||||
|
{ label: "差异性很大", value: 3 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 2, |
||||
|
question: "肩胛骨-肩胛骨的对称性", |
||||
|
criteria: [ |
||||
|
{ label: "轻微差异", value: 1 }, |
||||
|
{ label: "差异较大", value: 2 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 3, |
||||
|
question: "腰部-腰部的对称性", |
||||
|
criteria: [ |
||||
|
{ label: "轻微差异", value: 1 }, |
||||
|
{ label: "有差异", value: 2 }, |
||||
|
{ label: "差异性很大", value: 3 }, |
||||
|
{ label: "差异性很大", value: 4 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
index: 4, |
||||
|
question: "半胸-上半身不对称的状况", |
||||
|
criteria: [ |
||||
|
{ label: "轻微差异", value: 1 }, |
||||
|
{ label: "差异较大", value: 2 }, |
||||
|
], |
||||
|
}, |
||||
|
], |
||||
|
scaleData: {}, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.treatmentId = this.$route.query.treatmentId; // 诊疗id |
||||
|
let scaleData = localStorage.getItem("scaleData"); // 获取上次填写的数据 |
||||
|
// 如果scaleData存在，则解析成对象，否则创建一个空对象 |
||||
|
this.scaleData = scaleData |
||||
|
? JSON.parse(scaleData) |
||||
|
: { |
||||
|
[this.treatmentId]: {}, |
||||
|
}; |
||||
|
|
||||
|
// 如果scaleData[this.treatmentId]不存在，则创建一个空对象 |
||||
|
if (!this.scaleData[this.treatmentId]) { |
||||
|
this.scaleData[this.treatmentId] = {}; |
||||
|
} |
||||
|
this.form = this.scaleData[this.treatmentId][this.scaleCode] || {}; // 将上次填写的数据赋值给form |
||||
|
}, |
||||
|
methods: { |
||||
|
submitForm() { |
||||
|
let score = 0; |
||||
|
// 计算总分, topic${i}属性不一定存在，先校验是否存在 |
||||
|
for (let i = 1; i <= 7; i++) { |
||||
|
if (this.form[`topic${i}`] !== undefined) { |
||||
|
score += this.form[`topic${i}`]; |
||||
|
} |
||||
|
} |
||||
|
// 存储数据 |
||||
|
this.scaleData[this.treatmentId][this.scaleCode] = this.form; |
||||
|
localStorage.setItem("scaleData", JSON.stringify(this.scaleData)); |
||||
|
// 将数据传递给父组件 |
||||
|
this.$emit("getScaleResult", score, this.scaleCode); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
|
||||
|
<style scoped> |
||||
|
.item-title { |
||||
|
font-size: 20px; |
||||
|
font-weight: bold; |
||||
|
color: #3d3d3d; |
||||
|
line-height: 26px; |
||||
|
} |
||||
|
.item-radio-box { |
||||
|
margin: 16px 0px; |
||||
|
} |
||||
|
>>> .el-radio__label { |
||||
|
font-size: 18px; |
||||
|
color: #555555; |
||||
|
line-height: 20px; |
||||
|
} |
||||
|
.submit-box { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
.submit-box-but { |
||||
|
width: 200px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
File diff suppressed because it is too large
@ -0,0 +1,758 @@ |
|||||
|
<template> |
||||
|
<div class="app-container" v-loading="loading"> |
||||
|
<div class="hospital">{{ tenantName || "- - - -" }}</div> |
||||
|
<el-form |
||||
|
v-if="stepNum == 1" |
||||
|
:rules="rules" |
||||
|
ref="form" |
||||
|
:model="form" |
||||
|
label-width="110px" |
||||
|
> |
||||
|
<!-- 姓名、性别（单选）、出生日期、年龄、联系方式 --> |
||||
|
<div class="card"> |
||||
|
<div class="card-title">基本信息</div> |
||||
|
<div> |
||||
|
<!-- <el-upload |
||||
|
name="file" |
||||
|
accept=".img,.png,.jpg" |
||||
|
:action="uploadFileUrl" |
||||
|
list-type="picture-card" |
||||
|
class="idcardupd" |
||||
|
:show-file-list="false" |
||||
|
:on-success="changeFile" |
||||
|
:on-change="uploader" |
||||
|
:on-progress="handleProgress" |
||||
|
> |
||||
|
<div slot="trigger" class="idcardupd-but"> |
||||
|
<img |
||||
|
src="@/assets/images/idcard.png" |
||||
|
class="img-icon" |
||||
|
style="margin-right: 5px" |
||||
|
/> |
||||
|
<span>扫描身份证</span> |
||||
|
</div> |
||||
|
</el-upload> --> |
||||
|
<el-form-item label="姓名" prop="SCWJ-NAME"> |
||||
|
<el-input |
||||
|
v-model="form['SCWJ-NAME']" |
||||
|
placeholder="请输入姓名" |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="性别" prop="SCWJ-SEX"> |
||||
|
<el-radio-group v-model="form['SCWJ-SEX']"> |
||||
|
<el-radio label="男">男</el-radio> |
||||
|
<el-radio label="女">女</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="出生日期" prop="SCWJ-BIRTH"> |
||||
|
<el-date-picker |
||||
|
v-model="form['SCWJ-BIRTH']" |
||||
|
type="date" |
||||
|
placeholder="选择日期" |
||||
|
@change="calculateAge" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年龄" prop="SCWJ-AGE"> |
||||
|
<el-input |
||||
|
v-model="form['SCWJ-AGE']" |
||||
|
type="number" |
||||
|
placeholder="请输入年龄" |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系方式" prop="SCWJ-PHONE"> |
||||
|
<el-input |
||||
|
v-model="form['SCWJ-PHONE']" |
||||
|
type="number" |
||||
|
placeholder="请输入联系方式" |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 身高、体重，BMI --> |
||||
|
<div class="card"> |
||||
|
<div class="card-title">体重自评</div> |
||||
|
<el-form-item label="身高cm" prop="SCWJ-HEIGHT"> |
||||
|
<el-input |
||||
|
@blur="calculateBMI" |
||||
|
v-model="form['SCWJ-HEIGHT']" |
||||
|
type="number" |
||||
|
placeholder="请输入身高" |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="体重kg" prop="SCWJ-WEIGHT"> |
||||
|
<el-input |
||||
|
@blur="calculateBMI" |
||||
|
v-model="form['SCWJ-WEIGHT']" |
||||
|
type="number" |
||||
|
placeholder="请输入体重" |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="BMI" prop="SCWJ-BMI"> |
||||
|
<el-input |
||||
|
:disabled="true" |
||||
|
v-model="form['SCWJ-BMI']" |
||||
|
type="number" |
||||
|
placeholder="BMI" |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="结论" prop="SCWJ-JL"> |
||||
|
<span :class="`BIMTips${BMIVerdict[form['SCWJ-JL']]}`"> |
||||
|
{{ form["SCWJ-JL"] || "- - -" }}</span |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
<div v-if="stepNum == 2"> |
||||
|
<div class="card"> |
||||
|
<div class="card-title">失眠自评（SRSS）</div> |
||||
|
<div |
||||
|
class="item-container" |
||||
|
v-for="(item, index) in scaleList" |
||||
|
:key="index" |
||||
|
> |
||||
|
<div class="item-title">{{ index + 1 }}. {{ item.question }}</div> |
||||
|
<div class="item-radio-box"> |
||||
|
<el-radio-group v-model="form[`topic${index + 1}`]"> |
||||
|
<el-radio |
||||
|
class="item-radio" |
||||
|
v-for="(criteria, index) in item.options" |
||||
|
:key="index" |
||||
|
:label="criteria.score" |
||||
|
>{{ criteria.label }} |
||||
|
</el-radio> |
||||
|
</el-radio-group> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="card-tips"> |
||||
|
SRSS共有10个项目，每个项目分5级评分（1~5），总分为每个项目得分之和。评分愈高，说明睡眠问题愈严重。此量表最低分为10分（基本无睡眠问题），最高分为50分（最严重） |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="card"> |
||||
|
<div class="card-title">可接受的治疗方式</div> |
||||
|
<el-checkbox-group v-model="form['SCWJ-ZLFS']"> |
||||
|
<el-checkbox label="饮食治疗" class="item-radio"> |
||||
|
饮食治疗（中药代饮、减脂餐、营养制剂） |
||||
|
</el-checkbox> |
||||
|
<el-checkbox label="运动治疗" class="item-radio"> |
||||
|
运动治疗（功率踏车，有氧运动，跑步） |
||||
|
</el-checkbox> |
||||
|
<el-checkbox label="中医治疗" class="item-radio"> |
||||
|
中医治疗（针灸、拔罐、埋线） |
||||
|
</el-checkbox> |
||||
|
</el-checkbox-group> |
||||
|
</div> |
||||
|
<div class="card"> |
||||
|
<div class="card-title">可接受的治疗周期</div> |
||||
|
<el-radio-group v-model="form['SCWJ-ZLZQ']"> |
||||
|
<el-radio class="item-radio" :label="1">1个月</el-radio> |
||||
|
<el-radio class="item-radio" :label="2">2个月</el-radio> |
||||
|
<el-radio class="item-radio" :label="3">3个月</el-radio> |
||||
|
</el-radio-group> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="submit-box" v-if="stepNum == 1"> |
||||
|
<el-button type="primary" class="submit-box-but" @click="submitForm"> |
||||
|
下一步 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
<div class="submit-box" v-if="stepNum == 2 && disabled"> |
||||
|
<el-button type="primary" class="submit-box-but" @click="scaleSubmitForm"> |
||||
|
提交 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
<div class="hospital1">{{ tenantName || "- - - -" }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
create, |
||||
|
screenSave, |
||||
|
screenSubmit, |
||||
|
queryHospitalNoToken, |
||||
|
} from "@/api/screening.js"; |
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
data() { |
||||
|
return { |
||||
|
loading: false, |
||||
|
disabled: true, |
||||
|
|
||||
|
tenantId: "", |
||||
|
tenantName: "", |
||||
|
stepNum: 1, // 步骤数 |
||||
|
uploadFileUrl: process.env.VUE_APP_BASE_URL + "/baidu/ocr/idcardInfo", // 上传的图片服务器地址 |
||||
|
fileList: [], |
||||
|
|
||||
|
BMITips: [ |
||||
|
{ |
||||
|
label: "体重过轻", |
||||
|
score: 18.5, |
||||
|
}, |
||||
|
{ |
||||
|
label: "正常", |
||||
|
score: 23.9, |
||||
|
}, |
||||
|
{ |
||||
|
label: "超重", |
||||
|
score: 27.9, |
||||
|
}, |
||||
|
{ |
||||
|
label: "肥胖", |
||||
|
score: 28, |
||||
|
}, |
||||
|
], |
||||
|
|
||||
|
BMIVerdict: { |
||||
|
体重过轻: "1", |
||||
|
正常: "2", |
||||
|
超重: "3", |
||||
|
肥胖: "4", |
||||
|
}, |
||||
|
// 1.您觉得平时睡眠足够吗 ? |
||||
|
// ①睡眠过多了 ②睡眠正好 ③睡眠欠一些 ④睡眠不够 ⑤睡眠时间远远不够 |
||||
|
// 2.您在睡眠后是否已觉得充分休息过了 ? |
||||
|
// ①觉得充分休息过了 ②觉得休息过了 ③觉得休息了一点 ④不觉得休息过了 ⑤觉得一点儿也没休息 |
||||
|
// 3.您晚上已睡过觉,白天是否打瞌睡 ? |
||||
|
// ① 0~5 天 ②很少 （6~12 天） ③有时 （13~18 天)） ④经常（19~24 天） ⑤总是（25~31 天） |
||||
|
// 4.您平均每个晚上大约能睡几小时 ? |
||||
|
// ①≥9小时 ② 7~8 小时 ③ 5~6 小时 ④ 3~4 小时 ⑤ 1~2 小时 |
||||
|
// 5.您是否有入睡困难 ? |
||||
|
// ①0~5 天 ②很少 （6~12 天） ③有时（13~18 天 ） ④经常（19~24 天） ⑤总是（25~31 天） |
||||
|
// 6.您入睡后中间是否易醒 ? |
||||
|
// ①0~5 天 ②很少（6~12 天） ③有时（13~18 天） ④经常 （19~24 天） ⑤总是（25~31 天） |
||||
|
// 7.您在醒后是否难于再入睡 ? |
||||
|
// ①0~5天 ②很少（61~2 天） ③有时 （13~18 天） ④经常 （19~24 天） ⑤总是 （25~31 天） |
||||
|
// 8.您是否多梦或常被恶梦惊醒 ? |
||||
|
// ①0~5天 ②很少（61~2 天） ③有时 （13~18 天） ④经常 （19~24 天） ⑤总是 （25~31 天） |
||||
|
// 9.为了睡眠 , 您是否吃安眠药 ? |
||||
|
// ①0~5天 ②很少（61~2 天） ③有时 （13~18 天） ④经常 （19~24 天） ⑤总是 （25~31 天） |
||||
|
// 10.您失眠后心情（心境）如何 ? |
||||
|
// ①无不适 ②无所谓 ③有时心烦、急躁 ④心慌、气短 ⑤乏力、没精神、做事效率低 |
||||
|
scaleList: [ |
||||
|
{ |
||||
|
question: "您觉得平时睡眠足够吗 ?", |
||||
|
options: [ |
||||
|
{ label: "睡眠过多了", score: 1 }, |
||||
|
{ label: "睡眠正好", score: 2 }, |
||||
|
{ label: "睡眠欠一些", score: 3 }, |
||||
|
{ label: "睡眠不够", score: 4 }, |
||||
|
{ label: "睡眠时间远远不够", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
question: "您在睡眠后是否已觉得充分休息过了 ?", |
||||
|
options: [ |
||||
|
{ label: "觉得充分休息过了", score: 1 }, |
||||
|
{ label: "觉得休息过了", score: 2 }, |
||||
|
{ label: "觉得休息了一点", score: 3 }, |
||||
|
{ label: "不觉得休息过了", score: 4 }, |
||||
|
{ label: "觉得一点儿也没休息", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
question: "您晚上已睡过觉,白天是否打瞌睡 ?", |
||||
|
options: [ |
||||
|
{ label: "0~5 天", score: 1 }, |
||||
|
{ label: "很少 （6~12 天）", score: 2 }, |
||||
|
{ label: "有时 （13~18 天）", score: 3 }, |
||||
|
{ label: "经常（19~24 天）", score: 4 }, |
||||
|
{ label: "总是（25~31 天）", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
question: "您平均每个晚上大约能睡几小时 ?", |
||||
|
options: [ |
||||
|
{ label: "≥9小时", score: 1 }, |
||||
|
{ label: "7~8 小时", score: 2 }, |
||||
|
{ label: "5~6 小时", score: 3 }, |
||||
|
{ label: "3~4 小时", score: 4 }, |
||||
|
{ label: "1~2 小时", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
question: "您是否有入睡困难 ?", |
||||
|
options: [ |
||||
|
{ label: "0~5 天", score: 1 }, |
||||
|
{ label: "很少 （6~12 天）", score: 2 }, |
||||
|
{ label: "有时（13~18 天 ）", score: 3 }, |
||||
|
{ label: "经常（19~24 天）", score: 4 }, |
||||
|
{ label: "总是（25~31 天）", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
question: "您入睡后中间是否易醒 ?", |
||||
|
options: [ |
||||
|
{ label: "0~5 天", score: 1 }, |
||||
|
{ label: "很少（6~12 天）", score: 2 }, |
||||
|
{ label: "有时（13~18 天）", score: 3 }, |
||||
|
{ label: "经常 （19~24 天）", score: 4 }, |
||||
|
{ label: "总是（25~31 天）", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
question: "您在醒后是否难于再入睡 ?", |
||||
|
options: [ |
||||
|
{ label: "0~5天", score: 1 }, |
||||
|
{ label: "很少（6~12 天）", score: 2 }, |
||||
|
{ label: "有时 （13~18 天）", score: 3 }, |
||||
|
{ label: "经常 （19~24 天）", score: 4 }, |
||||
|
{ label: "总是 （25~31 天）", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
question: "您是否多梦或常被恶梦惊醒 ?", |
||||
|
options: [ |
||||
|
{ label: "0~5天", score: 1 }, |
||||
|
{ label: "很少（6~12 天）", score: 2 }, |
||||
|
{ label: "有时 （13~18 天）", score: 3 }, |
||||
|
{ label: "经常 （19~24 天）", score: 4 }, |
||||
|
{ label: "总是 （25~31 天）", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
question: "为了睡眠 , 您是否吃安眠药 ?", |
||||
|
options: [ |
||||
|
{ label: "0~5天", score: 1 }, |
||||
|
{ label: "很少（6~12 天）", score: 2 }, |
||||
|
{ label: "有时 （13~18 天）", score: 3 }, |
||||
|
{ label: "经常 （19~24 天）", score: 4 }, |
||||
|
{ label: "总是 （25~31 天）", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
question: "您失眠后心情（心境）如何 ?", |
||||
|
options: [ |
||||
|
{ label: "无不适", score: 1 }, |
||||
|
{ label: "无所谓", score: 2 }, |
||||
|
{ label: "有时心烦、急躁", score: 3 }, |
||||
|
{ label: "心慌、气短", score: 4 }, |
||||
|
{ label: "乏力、没精神、做事效率低", score: 5 }, |
||||
|
], |
||||
|
}, |
||||
|
], // 表单参数 |
||||
|
form: { |
||||
|
"SCWJ-NAME": "", |
||||
|
"SCWJ-SEX": "男", |
||||
|
"SCWJ-BIRTH": "", |
||||
|
"SCWJ-AGE": "", |
||||
|
"SCWJ-PHONE": "", |
||||
|
"SCWJ-HEIGHT": "", |
||||
|
"SCWJ-WEIGHT": "", |
||||
|
"SCWJ-BMI": "", |
||||
|
"SCWJ-JL": "", |
||||
|
"SCWJ-ZLFS": [], |
||||
|
// "SCWJ-NAME": "测试患者2", |
||||
|
// "SCWJ-SEX": "男", |
||||
|
// "SCWJ-BIRTH": "1945-01-01", |
||||
|
// "SCWJ-AGE": "70", |
||||
|
// "SCWJ-PHONE": "18534353638", |
||||
|
// "SCWJ-HEIGHT": "170", |
||||
|
// "SCWJ-WEIGHT": "80", |
||||
|
// "SCWJ-BMI": "24.56", |
||||
|
// "SCWJ-JL": "正常", |
||||
|
// "SCWJ-ZLFS": [], |
||||
|
}, |
||||
|
// 表单校验 |
||||
|
rules: { |
||||
|
"SCWJ-NAME": [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "姓名不能为空", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
"SCWJ-SEX": [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "性别不能为空", |
||||
|
trigger: "change", |
||||
|
}, |
||||
|
], |
||||
|
"SCWJ-BIRTH": [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "出生日期不能为空", |
||||
|
trigger: "change", |
||||
|
}, |
||||
|
], |
||||
|
"SCWJ-AGE": [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "年龄不能为空", |
||||
|
trigger: "change", |
||||
|
}, |
||||
|
], |
||||
|
"SCWJ-PHONE": [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "联系方式不能为空", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
{ |
||||
|
pattern: /^1[3456789]\d{9}$/, |
||||
|
message: "格式不正确", |
||||
|
trigger: "change", |
||||
|
}, |
||||
|
], |
||||
|
"SCWJ-HEIGHT": [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "身高不能为空", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
"SCWJ-WEIGHT": [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "体重不能为空", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
"SCWJ-BMI": [ |
||||
|
{ |
||||
|
required: false, |
||||
|
message: "BMI不能为空", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
loading: false, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.tenantId = this.$route.query.tenantId; |
||||
|
console.log("this.tenantId", this.tenantId); |
||||
|
|
||||
|
this.getQueryHospitalNoToken(); // 组织id获取组织名称 |
||||
|
}, |
||||
|
methods: { |
||||
|
// 通过出生日期计算年龄 |
||||
|
calculateAge() { |
||||
|
const birthDate = new Date(this.form["SCWJ-BIRTH"]); |
||||
|
const today = new Date(); |
||||
|
let age = today.getFullYear() - birthDate.getFullYear(); |
||||
|
const monthDiff = today.getMonth() - birthDate.getMonth(); |
||||
|
if ( |
||||
|
monthDiff < 0 || |
||||
|
(monthDiff === 0 && today.getDate() < birthDate.getDate()) |
||||
|
) { |
||||
|
age--; |
||||
|
} |
||||
|
this.form["SCWJ-AGE"] = age; |
||||
|
}, |
||||
|
|
||||
|
// 上传身份信息,获取身份信息字段 |
||||
|
async changeFile(e) { |
||||
|
this.loading = false; |
||||
|
console.log("上传身份信息: ", e); |
||||
|
const { code, data } = e; |
||||
|
console.log("data: ", data); |
||||
|
if (code === 200) { |
||||
|
this.spinning = false; |
||||
|
this.codeValue["SCWJ-NAME"] = data.name; |
||||
|
this.codeValue["SCWJ-SEX"] = data.sex; |
||||
|
this.codeValue["SCWJ-idCard"] = data.idcard; |
||||
|
this.codeValue["SCWJ-AGE"] = data.age; |
||||
|
await this.setValueByIdCard(data.idcard); |
||||
|
// await this.saveAnswer(data.name, "SCWJ-NAME"); |
||||
|
// await this.saveAnswer(data.idcard, "SCWJ-idCard"); |
||||
|
} |
||||
|
}, |
||||
|
handleProgress() { |
||||
|
this.loading = true; |
||||
|
}, |
||||
|
uploader(res) { |
||||
|
this.loading = false; |
||||
|
}, |
||||
|
// 组织id获取组织名称 |
||||
|
getQueryHospitalNoToken() { |
||||
|
let params = { |
||||
|
id: this.$route.query.tenantId, |
||||
|
}; |
||||
|
queryHospitalNoToken(params).then((response) => { |
||||
|
this.tenantName = response.data.name || ""; |
||||
|
}); |
||||
|
}, |
||||
|
// 计算BIM |
||||
|
calculateBMI() { |
||||
|
if (this.form["SCWJ-WEIGHT"] && this.form["SCWJ-HEIGHT"]) { |
||||
|
const weight = parseFloat(this.form["SCWJ-WEIGHT"]); |
||||
|
const height = parseFloat(this.form["SCWJ-HEIGHT"]); |
||||
|
const bmi = weight / (height / 100) ** 2; |
||||
|
this.form["SCWJ-BMI"] = bmi.toFixed(2); |
||||
|
this.getBMITips(bmi); |
||||
|
} |
||||
|
}, |
||||
|
// 通过BIM结果显示对于的结论 |
||||
|
// <18.5：体重过轻 |
||||
|
// 18.5~23.9：正常 |
||||
|
// 24~27.9：超重 |
||||
|
// ≥28：肥胖 |
||||
|
getBMITips(bmi) { |
||||
|
let tips = ""; |
||||
|
if (bmi < 18.5) { |
||||
|
tips = "体重过轻"; |
||||
|
} |
||||
|
if (bmi >= 18.5 && bmi < 23.9) { |
||||
|
tips = "正常"; |
||||
|
} |
||||
|
if (bmi >= 24 && bmi < 27.9) { |
||||
|
tips = "超重"; |
||||
|
} |
||||
|
if (bmi >= 28) { |
||||
|
tips = "肥胖"; |
||||
|
} |
||||
|
this.form["SCWJ-JL"] = tips; |
||||
|
}, |
||||
|
// 上传成功回 - pdg |
||||
|
handleUploadPdfAdd1(res) { |
||||
|
if (res.code == 200) { |
||||
|
this.importOpen = false; |
||||
|
this.getList(); |
||||
|
this.$modal.msgSuccess("导入成功"); |
||||
|
} else { |
||||
|
this.$message.error(res.msg || "导入失败"); |
||||
|
this.fileList = []; |
||||
|
} |
||||
|
}, |
||||
|
// 上传前校检格式和大小 - 图片 |
||||
|
handleBeforeUpload1(file) { |
||||
|
const isLt2M = file.size / 1024 / 1024 < 100; |
||||
|
// 校检文件大小 |
||||
|
if (!isLt2M) { |
||||
|
this.$message.error("上传文件大小不能超过 100MB!"); |
||||
|
} |
||||
|
return isLt2M; |
||||
|
}, |
||||
|
// 上传前校检格式和大小 - 文件 |
||||
|
handleBeforePdfUpload1(file) { |
||||
|
const fileSuffix = file.name.substring(file.name.lastIndexOf(".") + 1); |
||||
|
const whiteList = ["xlsx", "xls"]; |
||||
|
if (whiteList.indexOf(fileSuffix) === -1) { |
||||
|
this.$message.error("上传文件只能是.xlsx, .xls"); |
||||
|
return false; |
||||
|
} |
||||
|
}, |
||||
|
/** 查询公告列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
queryPatient(this.queryParams).then((res) => { |
||||
|
this.listDat = res.data.list; |
||||
|
this.total = res.data.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
/** 基本信息 */ |
||||
|
submitForm: function () { |
||||
|
this.$refs["form"].validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
// 滚动条回到顶部 |
||||
|
window.scrollTo(0, 0); |
||||
|
this.stepNum++; |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
// 量表结果 |
||||
|
async scaleSubmitForm() { |
||||
|
try { |
||||
|
// ------ 量表分值计算 ------ |
||||
|
let score = 0; |
||||
|
// 计算总分, topic${i}属性不一定存在，先校验是否存在 |
||||
|
for (let i = 1; i <= 24; i++) { |
||||
|
if (this.form[`topic${i}`] !== undefined) { |
||||
|
score += this.form[`topic${i}`]; |
||||
|
} |
||||
|
} |
||||
|
// ------ 创建筛查 ------ |
||||
|
const params = { |
||||
|
param: { |
||||
|
type: 33, |
||||
|
tenantId: this.tenantId, |
||||
|
centerId: this.tenantId, |
||||
|
}, |
||||
|
}; |
||||
|
create(params).then(async (res) => { |
||||
|
this.loading = true; |
||||
|
this.detailId = res.data.detailId; |
||||
|
this.id = res.data.id; |
||||
|
// ------ 保存答案 ------ |
||||
|
// 基本信息 |
||||
|
await this.saveAnswer(this.form["SCWJ-NAME"], "SCWJ-NAME"); |
||||
|
await this.saveAnswer(this.form["SCWJ-SEX"], "SCWJ-SEX"); |
||||
|
await this.saveAnswer(this.form["SCWJ-BIRTH"], "SCWJ-BIRTH"); |
||||
|
await this.saveAnswer(this.form["SCWJ-AGE"], "SCWJ-AGE"); |
||||
|
await this.saveAnswer(this.form["SCWJ-PHONE"], "SCWJ-PHONE"); |
||||
|
await this.saveAnswer(this.form["SCWJ-HEIGHT"], "SCWJ-HEIGHT"); |
||||
|
await this.saveAnswer(this.form["SCWJ-WEIGHT"], "SCWJ-WEIGHT"); |
||||
|
await this.saveAnswer(this.form["SCWJ-BMI"], "SCWJ-BMI"); |
||||
|
await this.saveAnswer(this.form["SCWJ-JL"], "SCWJ-JL"); |
||||
|
// 筛查总分 |
||||
|
await this.saveAnswer(score, "SCWJ-RESULT"); |
||||
|
await this.saveAnswer(this.form["SCWJ-ZLFS"].toString(), "SCWJ-ZLFS"); // 治疗方式 |
||||
|
await this.saveAnswer(this.form["SCWJ-ZLZQ"], "SCWJ-ZLZQ"); // 治疗周期 |
||||
|
// ------ 提交筛查 ------ |
||||
|
const submitParams = { param: { detailId: this.detailId } }; |
||||
|
await screenSubmit(submitParams).then((response) => { |
||||
|
this.loading = false; |
||||
|
this.disabled = false; |
||||
|
this.$modal.msgSuccess("提交成功"); |
||||
|
}); |
||||
|
}); |
||||
|
} catch (error) { |
||||
|
this.loading = false; |
||||
|
this.disabled = false; |
||||
|
console.log("提交失败：", error); |
||||
|
this.$message.error("提交失败，请稍后重试！"); |
||||
|
} |
||||
|
}, |
||||
|
// 保存答案 |
||||
|
async saveAnswer(value, str) { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
answer: value, |
||||
|
code: str, |
||||
|
detailId: this.detailId, |
||||
|
}, |
||||
|
}; |
||||
|
await screenSave(params).then((response) => {}); |
||||
|
} catch (error) { |
||||
|
this.loading = false; |
||||
|
this.disabled = false; |
||||
|
console.log("保存失败：", error); |
||||
|
this.$message.error("保存失败，请稍后重试！"); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
<style scoped> |
||||
|
.idcardupd { |
||||
|
height: 44px; |
||||
|
margin-bottom: 14px; |
||||
|
} |
||||
|
.idcardupd-but { |
||||
|
height: 44px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
color: #fff; |
||||
|
} |
||||
|
.idcardupd-but span { |
||||
|
padding-top: 1px; |
||||
|
} |
||||
|
.idcardupd-but img { |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
} |
||||
|
.idcardupd >>> .el-upload { |
||||
|
height: 44px; |
||||
|
border: none; |
||||
|
background: #c6a268; |
||||
|
} |
||||
|
.hospital1 { |
||||
|
text-align: center; |
||||
|
font-size: 14px; |
||||
|
color: #999; |
||||
|
} |
||||
|
.hospital { |
||||
|
background: #fff; |
||||
|
font-size: 20px; |
||||
|
color: #70483e; |
||||
|
line-height: 50px; |
||||
|
font-weight: 600; |
||||
|
margin-bottom: 10px; |
||||
|
border-radius: 6px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.BIMTips1 { |
||||
|
color: #cccccc; |
||||
|
} |
||||
|
.BIMTips2 { |
||||
|
color: #66cc00; |
||||
|
} |
||||
|
.BIMTips3 { |
||||
|
color: #c3c300; |
||||
|
} |
||||
|
.BIMTips4 { |
||||
|
color: #ff9900; |
||||
|
} |
||||
|
.item-radio { |
||||
|
display: block; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
.item-title { |
||||
|
font-size: 18px; |
||||
|
font-weight: bold; |
||||
|
color: #3d3d3d; |
||||
|
line-height: 26px; |
||||
|
} |
||||
|
.item-radio-box { |
||||
|
margin: 16px 0px; |
||||
|
} |
||||
|
>>> .el-radio__label { |
||||
|
font-size: 16px; |
||||
|
color: #555555; |
||||
|
line-height: 20px; |
||||
|
} |
||||
|
.submit-box { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.submit-box .submit-box-but { |
||||
|
background: #c6a268; |
||||
|
width: 100%; |
||||
|
font-size: 16px; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
.card { |
||||
|
padding: 16px; |
||||
|
background: #fff; |
||||
|
border-radius: 6px; |
||||
|
margin-bottom: 14px; |
||||
|
} |
||||
|
|
||||
|
.card-title { |
||||
|
font-weight: 600; |
||||
|
font-size: 20px; |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
.card-tips { |
||||
|
font-size: 14px; |
||||
|
color: #999999; |
||||
|
} |
||||
|
/* */ |
||||
|
.app-container { |
||||
|
/* background: linear-gradient(to bottom, #70483e, #f7f8fa); */ |
||||
|
background: #70483e; |
||||
|
min-height: 100vh; |
||||
|
} |
||||
|
>>> .el-input__inner { |
||||
|
border: none; |
||||
|
border-bottom: 1px solid #dcdfe6; |
||||
|
border-radius: 0; |
||||
|
} |
||||
|
>>> .el-date-editor.el-input { |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
>>> .el-form-item--medium .el-form-item__label { |
||||
|
padding-right: 30px; |
||||
|
} |
||||
|
|
||||
|
>>> .el-radio input[aria-hidden="true"] { |
||||
|
display: none !important; |
||||
|
} |
||||
|
|
||||
|
>>> .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) |
||||
|
.el-radio__inner { |
||||
|
box-shadow: none !important; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- >>> .el-input__inner { |
||||
|
padding: 0 15px !important; |
||||
|
} --> |
||||
@ -0,0 +1,362 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-form |
||||
|
:model="queryParams" |
||||
|
ref="queryForm" |
||||
|
size="small" |
||||
|
:inline="true" |
||||
|
v-show="showSearch" |
||||
|
label-width="68px" |
||||
|
> |
||||
|
<el-form-item label="" prop="noticeTitle"> |
||||
|
<el-input |
||||
|
style="width: 300px" |
||||
|
v-model="queryParams.param.keywords" |
||||
|
placeholder="支持姓名、全拼、简拼、手机号码" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年龄范围" prop="createBy"> |
||||
|
<div class="form-item-age"> |
||||
|
<el-input |
||||
|
v-model="queryParams.param.startAge" |
||||
|
placeholder="最小年龄" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
<span>—</span> |
||||
|
<el-input |
||||
|
v-model="queryParams.param.endAge" |
||||
|
placeholder="最大年龄" |
||||
|
clearable |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
/> |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="建档组织" prop="tenantId"> |
||||
|
<el-select |
||||
|
v-model="queryParams.param.tenantId" |
||||
|
placeholder="请选择" |
||||
|
clearable |
||||
|
filterable |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="(item, index) in tenantsListData" |
||||
|
:label="item.name" |
||||
|
:value="item.id" |
||||
|
:key="index" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-form-item label="创建时间" prop="doctorNo"> |
||||
|
<el-date-picker |
||||
|
v-model="queryTime" |
||||
|
type="daterange" |
||||
|
range-separator="至" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
align="right" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-search" |
||||
|
size="mini" |
||||
|
@click="handleQuery" |
||||
|
>搜索</el-button |
||||
|
> |
||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"> |
||||
|
重置 |
||||
|
</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-row :gutter="10" class="mb8"> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="warning" |
||||
|
plain |
||||
|
icon="el-icon-download" |
||||
|
size="mini" |
||||
|
@click="handleExport" |
||||
|
> |
||||
|
导出 |
||||
|
</el-button> |
||||
|
</el-col> |
||||
|
<right-toolbar |
||||
|
:showSearch.sync="showSearch" |
||||
|
@queryTable="getList" |
||||
|
></right-toolbar> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="listDat" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
max-height="600" |
||||
|
row-key="id" |
||||
|
> |
||||
|
<el-table-column |
||||
|
type="selection" |
||||
|
width="55" |
||||
|
align="center" |
||||
|
:reserve-selection="true" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="姓名" |
||||
|
align="center" |
||||
|
prop="SCWJ-NAME" |
||||
|
min-width="100" |
||||
|
show-overflow-tooltip |
||||
|
fixed |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="性别" |
||||
|
align="center" |
||||
|
prop="SCWJ-SEX" |
||||
|
min-width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="出生日期" |
||||
|
align="center" |
||||
|
prop="SCWJ-BIRTH" |
||||
|
min-width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="年龄" |
||||
|
align="center" |
||||
|
prop="SCWJ-AGE" |
||||
|
min-width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="联系方式" |
||||
|
align="center" |
||||
|
prop="SCWJ-PHONE" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="身高cm" |
||||
|
align="center" |
||||
|
prop="SCWJ-HEIGHT" |
||||
|
min-width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="体重kg" |
||||
|
align="center" |
||||
|
prop="SCWJ-WEIGHT" |
||||
|
min-width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="BMI" |
||||
|
align="center" |
||||
|
prop="SCWJ-BMI" |
||||
|
min-width="100" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
show-overflow-tooltip |
||||
|
label="结论" |
||||
|
align="center" |
||||
|
prop="SCWJ-JL" |
||||
|
min-width="150" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="失眠自评（SRSS）" |
||||
|
align="center" |
||||
|
prop="SCWJ-RESULT" |
||||
|
min-width="150" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="可接受的治疗方式" |
||||
|
align="center" |
||||
|
prop="SCWJ-ZLFS" |
||||
|
min-width="200" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="可接受的治疗周期" |
||||
|
align="center" |
||||
|
prop="SCWJ-ZLZQ" |
||||
|
min-width="150" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
fixed="right" |
||||
|
label="创建时间" |
||||
|
align="center" |
||||
|
min-width="140" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ |
||||
|
parseTime(scope.row.createTime, "{y}-{m}-{d} {h}:{i}") |
||||
|
}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="组织" |
||||
|
align="center" |
||||
|
prop="tenantName" |
||||
|
min-width="150" |
||||
|
show-overflow-tooltip |
||||
|
fixed="right" |
||||
|
/> |
||||
|
</el-table> |
||||
|
|
||||
|
<pagination |
||||
|
v-show="total > 0" |
||||
|
:total="total" |
||||
|
:page.sync="queryParams.pageNum" |
||||
|
:limit.sync="queryParams.pageSize" |
||||
|
@pagination="getList" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { queryDetail } from "@/api/screening.js"; |
||||
|
import { tenantsList } from "@/api/member"; |
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
dicts: ["sys_notice_status", "sys_notice_type"], |
||||
|
data() { |
||||
|
return { |
||||
|
queryTime: [], // 创建时间范围 |
||||
|
tenantsListData: [], // 组织列表 |
||||
|
loading: false, // 遮罩层 |
||||
|
ids: [], // 选中数组 |
||||
|
single: true, // 非单个禁用 |
||||
|
multiple: true, // 非多个禁用 |
||||
|
showSearch: true, // 显示搜索条件 |
||||
|
total: 0, // 总条数 |
||||
|
listDat: [], // 公告表格数据 |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
param: { |
||||
|
keywords: "", //关键字 |
||||
|
startAge: "", //开始年龄 |
||||
|
endAge: "", //结束年龄 |
||||
|
tenantId: "", //建档组织 |
||||
|
createBy: "", //建档人 |
||||
|
sourceId: "", //来源 |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
// this.getLastWeekDays(); // 获取上一周的开始结束时间 |
||||
|
this.getList(); // 列表 |
||||
|
this.getTenantsList(); // 组织列表 |
||||
|
}, |
||||
|
methods: { |
||||
|
// 获取上一周的开始结束时间 |
||||
|
getLastWeekDays() { |
||||
|
let obj = { |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
}; |
||||
|
obj.startTime = this.$moment( |
||||
|
this.$moment() |
||||
|
.week(this.$moment().week() - 1) |
||||
|
.startOf("week") |
||||
|
.add(1, "days") |
||||
|
.valueOf() |
||||
|
).format("YYYY-MM-DD"); |
||||
|
obj.endTime = this.$moment( |
||||
|
this.$moment() |
||||
|
.week(this.$moment().week() - 1) |
||||
|
.endOf("week") |
||||
|
.add(1, "days") |
||||
|
.valueOf() |
||||
|
).format("YYYY-MM-DD"); |
||||
|
this.queryTime = [obj.startTime, obj.endTime]; |
||||
|
}, |
||||
|
// 组织列表 |
||||
|
getTenantsList() { |
||||
|
tenantsList({ |
||||
|
pageNum: -1, |
||||
|
param: {}, |
||||
|
}).then((res) => { |
||||
|
this.tenantsListData = res.data.list; |
||||
|
}); |
||||
|
}, |
||||
|
/** 查询公告列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
// 判断时间数组是否有值 |
||||
|
this.queryParams.param.startTime = ""; |
||||
|
this.queryParams.param.endTime = ""; |
||||
|
if (this.queryTime?.length) { |
||||
|
this.queryParams.param.startTime = this.queryTime[0] + " " + "00:00:00"; |
||||
|
this.queryParams.param.endTime = this.queryTime[1] + " " + "23:59:59"; |
||||
|
} |
||||
|
queryDetail(this.queryParams).then((res) => { |
||||
|
this.listDat = res.data.list; |
||||
|
this.listDat.forEach((item) => { |
||||
|
if (item.detailList) { |
||||
|
item.detailList?.forEach((row) => { |
||||
|
item[row.questionCode] = row.answer; |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
this.total = res.data.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
/** 搜索按钮操作 */ |
||||
|
handleQuery() { |
||||
|
this.queryParams.pageNum = 1; |
||||
|
this.getList(); |
||||
|
}, |
||||
|
/** 重置按钮操作 */ |
||||
|
resetQuery() { |
||||
|
this.queryParams.param = { |
||||
|
keywords: "", //关键字 |
||||
|
startAge: "", //开始年龄 |
||||
|
endAge: "", //结束年龄 |
||||
|
tenantId: "", //建档组织 |
||||
|
}; |
||||
|
this.handleQuery(); |
||||
|
}, |
||||
|
// 多选框选中数据 |
||||
|
handleSelectionChange(selection) { |
||||
|
this.ids = selection.map((item) => item.id); |
||||
|
this.single = selection.length != 1; |
||||
|
this.multiple = !selection.length; |
||||
|
}, |
||||
|
/** 导出按钮操作 */ |
||||
|
handleExport() { |
||||
|
let data = JSON.parse(JSON.stringify(this.queryParams)); |
||||
|
data.param.idList = this.ids; |
||||
|
this.download1( |
||||
|
"/screening/exportScreen", |
||||
|
{ |
||||
|
...data, |
||||
|
}, |
||||
|
`筛查列表.xlsx` |
||||
|
); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
<style scoped> |
||||
|
.form-item-age { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.form-item-age span { |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
|
||||
|
.form-item-age >>> .el-input { |
||||
|
width: 100px; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- >>> .el-input__inner { |
||||
|
padding: 0 15px !important; |
||||
|
} --> |
||||
@ -0,0 +1,375 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-form |
||||
|
:model="queryParams" |
||||
|
ref="queryForm" |
||||
|
size="small" |
||||
|
:inline="true" |
||||
|
v-show="showSearch" |
||||
|
label-width="68px" |
||||
|
> |
||||
|
<el-form-item label="组织" prop="tenantId"> |
||||
|
<el-select |
||||
|
v-model="queryParams.param.tenantId" |
||||
|
placeholder="请选择" |
||||
|
clearable |
||||
|
filterable |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="(item, index) in tenantsListData" |
||||
|
:label="item.name" |
||||
|
:value="item.id" |
||||
|
:key="index" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-search" |
||||
|
size="mini" |
||||
|
@click="handleQuery" |
||||
|
>搜索</el-button |
||||
|
> |
||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"> |
||||
|
重置 |
||||
|
</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-row :gutter="10" class="mb8"> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
plain |
||||
|
icon="el-icon-plus" |
||||
|
size="mini" |
||||
|
@click="handleAdd" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="danger" |
||||
|
plain |
||||
|
icon="el-icon-delete" |
||||
|
size="mini" |
||||
|
:disabled="multiple" |
||||
|
@click="handleDelete" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
<!-- <el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="warning" |
||||
|
plain |
||||
|
icon="el-icon-download" |
||||
|
size="mini" |
||||
|
@click="handleExport" |
||||
|
>导出</el-button |
||||
|
> |
||||
|
</el-col> --> |
||||
|
<right-toolbar |
||||
|
:showSearch.sync="showSearch" |
||||
|
@queryTable="getList" |
||||
|
></right-toolbar> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="listDat" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
max-height="600" |
||||
|
> |
||||
|
<el-table-column type="selection" width="55" align="center" /> |
||||
|
<el-table-column |
||||
|
label="二维码" |
||||
|
align="center" |
||||
|
prop="name" |
||||
|
min-width="120" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<img |
||||
|
:src="qzUrl + '/acupuncture' + scope.row.url" |
||||
|
alt="" |
||||
|
width="100" |
||||
|
height="100" |
||||
|
@click="Original(scope.row.url)" |
||||
|
/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="组织" |
||||
|
align="center" |
||||
|
prop="tenantName" |
||||
|
min-width="100" |
||||
|
/> |
||||
|
|
||||
|
<el-table-column label="创建人/创建时间" align="center" min-width="140"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.createBy }}</div> |
||||
|
<span>{{ |
||||
|
parseTime(scope.row.createTime, "{y}-{m}-{d} {h}:{i}") |
||||
|
}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" align="center" width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-download" |
||||
|
@click="handleExport(scope.row)" |
||||
|
>导出 |
||||
|
</el-button> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-delete" |
||||
|
@click="handleDelete(scope.row)" |
||||
|
>删除 |
||||
|
</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<pagination |
||||
|
v-show="total > 0" |
||||
|
:total="total" |
||||
|
:page.sync="queryParams.pageNum" |
||||
|
:limit.sync="queryParams.pageSize" |
||||
|
@pagination="getList" |
||||
|
/> |
||||
|
|
||||
|
<!-- 添加或修改公告对话框 --> |
||||
|
<el-dialog |
||||
|
class="popup" |
||||
|
:title="title" |
||||
|
:visible.sync="open" |
||||
|
width="780px" |
||||
|
append-to-body |
||||
|
> |
||||
|
<el-form |
||||
|
class="formStep" |
||||
|
ref="form" |
||||
|
:model="form" |
||||
|
:rules="rules" |
||||
|
label-width="60px" |
||||
|
> |
||||
|
<el-form-item label="组织" prop="tenantId"> |
||||
|
<el-select |
||||
|
v-model="form.tenantId" |
||||
|
placeholder="请选择" |
||||
|
clearable |
||||
|
filterable |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="(item, index) in tenantsListData" |
||||
|
:label="item.name" |
||||
|
:value="item.id" |
||||
|
:key="index" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm">确 定</el-button> |
||||
|
<el-button @click="cancel">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
<el-image |
||||
|
:preview-src-list="imgUrl" |
||||
|
ref="preview" |
||||
|
style="display: none" |
||||
|
></el-image> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
queryScreenList, |
||||
|
addScreen, |
||||
|
deleteScreen, |
||||
|
exportQr, |
||||
|
} from "@/api/screening.js"; |
||||
|
import { tenantsList } from "@/api/member"; |
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
dicts: ["sys_notice_status", "sys_notice_type"], |
||||
|
data() { |
||||
|
return { |
||||
|
qzUrl: process.env.VUE_APP_API_QZURL, // 二维码路径 |
||||
|
imgUrl: [], |
||||
|
tenantsListData: [], // 组织列表 |
||||
|
loading: false, // 遮罩层 |
||||
|
ids: [], // 选中数组 |
||||
|
single: true, // 非单个禁用 |
||||
|
multiple: true, // 非多个禁用 |
||||
|
showSearch: true, // 显示搜索条件 |
||||
|
total: 0, // 总条数 |
||||
|
listDat: [], // 公告表格数据 |
||||
|
title: "", // 弹出层标题 |
||||
|
open: false, // 是否显示弹出层 |
||||
|
importOpen: false, // 导入弹窗 |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
param: { |
||||
|
tenantId: "", //建档组织 |
||||
|
}, |
||||
|
}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
// 表单校验 |
||||
|
rules: { |
||||
|
tenantId: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: "组织不能为空", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getList(); // 列表 |
||||
|
this.getTenantsList(); // 组织列表 |
||||
|
}, |
||||
|
methods: { |
||||
|
Original(_url) { |
||||
|
this.imgUrl = []; |
||||
|
if (_url) { |
||||
|
this.imgUrl.push(this.qzUrl + "/acupuncture" + _url); |
||||
|
} |
||||
|
this.$refs.preview.clickHandler(); |
||||
|
}, |
||||
|
// 组织列表 |
||||
|
getTenantsList() { |
||||
|
tenantsList({ |
||||
|
pageNum: -1, |
||||
|
param: {}, |
||||
|
}).then((res) => { |
||||
|
this.tenantsListData = res.data.list; |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
/** 查询公告列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
queryScreenList(this.queryParams).then((res) => { |
||||
|
this.listDat = res.data.list; |
||||
|
this.total = res.data.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
this.reset(); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = {}; |
||||
|
this.resetForm("form"); |
||||
|
}, |
||||
|
/** 搜索按钮操作 */ |
||||
|
handleQuery() { |
||||
|
this.queryParams.pageNum = 1; |
||||
|
this.getList(); |
||||
|
}, |
||||
|
/** 重置按钮操作 */ |
||||
|
resetQuery() { |
||||
|
this.queryParams.param = { |
||||
|
tenantId: "", //关键字 |
||||
|
}; |
||||
|
this.handleQuery(); |
||||
|
}, |
||||
|
// 多选框选中数据 |
||||
|
handleSelectionChange(selection) { |
||||
|
this.ids = selection.map((item) => item.id); |
||||
|
this.single = selection.length != 1; |
||||
|
this.multiple = !selection.length; |
||||
|
}, |
||||
|
/** 新增按钮操作 */ |
||||
|
handleAdd() { |
||||
|
this.reset(); |
||||
|
this.open = true; |
||||
|
this.title = "新增筛查二维码"; |
||||
|
}, |
||||
|
|
||||
|
/** 提交按钮 */ |
||||
|
submitForm: function () { |
||||
|
let path = process.env.VUE_APP_H5_URL; |
||||
|
this.$refs["form"].validate((valid) => { |
||||
|
if (valid) { |
||||
|
let data = JSON.parse(JSON.stringify(this.form)); |
||||
|
let tenantName = |
||||
|
this.tenantsListData.filter((item) => item.id == data.tenantId)[0] |
||||
|
?.name || ""; |
||||
|
data.path = `${path}?tenantId=${data.tenantId}&tenantName=${tenantName}`; |
||||
|
if (data.id != undefined) { |
||||
|
addScreen(data).then((response) => { |
||||
|
this.$modal.msgSuccess("二维码已重新生成，请及时更换"); |
||||
|
this.open = false; |
||||
|
this.getList(); |
||||
|
}); |
||||
|
} else { |
||||
|
addScreen(data).then((response) => { |
||||
|
this.$modal.msgSuccess("新增成功"); |
||||
|
this.open = false; |
||||
|
this.getList(); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
/** 删除按钮操作 */ |
||||
|
handleDelete(row) { |
||||
|
const idList = row.id ? [row.id] : this.ids; |
||||
|
this.$modal |
||||
|
.confirm("是否确认删除当前选择的数据？") |
||||
|
.then(function () { |
||||
|
return deleteScreen({ |
||||
|
idList: idList, |
||||
|
}); |
||||
|
}) |
||||
|
.then(() => { |
||||
|
this.getList(); |
||||
|
this.$modal.msgSuccess("删除成功"); |
||||
|
}) |
||||
|
.catch(() => {}); |
||||
|
}, |
||||
|
/** 导出按钮操作 */ |
||||
|
handleExport(row) { |
||||
|
let data = { |
||||
|
tenantId: row.tenantId, |
||||
|
url: row.url, |
||||
|
}; |
||||
|
exportQr(data).then((res) => { |
||||
|
window.open(`${process.env.VUE_APP_API_QZURL}/acupuncture/${res.data}`); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
<style scoped> |
||||
|
.form-item-age { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.form-item-age span { |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
|
||||
|
.form-item-age >>> .el-input { |
||||
|
width: 100px; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- >>> .el-input__inner { |
||||
|
padding: 0 15px !important; |
||||
|
} --> |
||||
Loading…
Reference in new issue