9 changed files with 1644 additions and 220 deletions
@ -0,0 +1,985 @@ |
|||
<template> |
|||
<div class="test"> |
|||
<div bordered class="list-box" v-for="(item, index) in test" :key="index"> |
|||
<template v-for="(listItem, listIndex) in item"> |
|||
<template v-if="listItem.code === 'ZQTH-SJ'"> |
|||
<Talk :key="listIndex" @changeHeigt="changeHeigt" /> |
|||
</template> |
|||
<template v-else> |
|||
<div |
|||
class="bg-white list-item" |
|||
:key="listIndex" |
|||
v-if=" |
|||
itemIsShow(listItem.Fcode, listItem.isShow, listItem.level) && itemNoShow(listItem.NFcode, listItem.noShow, listItem.level) |
|||
" |
|||
> |
|||
<div class="w-full flex flex-nowrap justify-between items-center"> |
|||
<div class="flex items-center" v-if="listItem.title" style="font-size: 16px"> |
|||
<!-- {{ listItem.title }} |
|||
<span v-if="listItem.isTrue" style="color: red; font-size: 20px">*</span> --> |
|||
<div class="flex items-center" v-if="listItem.type !== -1"> |
|||
<view class="putong-title">{{ listItem.title }}</view> |
|||
<span v-if="listItem.isTrue" style="color: red; font-size: 20px">*</span> |
|||
</div> |
|||
<div class="flex items-center" v-else> |
|||
<view class="shu"></view> |
|||
<view class="shu-title">{{ listItem.title }}</view> |
|||
</div> |
|||
</div> |
|||
<div class="flex flex-1 justify-end" :style="{marginLeft: listItem.title ? '' : '24rpx'}"> |
|||
<!-- 自动计算 --> |
|||
<span v-if="listItem.type === 0" style="color: rgba(0, 0, 0, 0.45)"> |
|||
{{ listItem.code === 'JBXX-BMI' ? getBMI : getCount }} |
|||
</span> |
|||
<!-- 输入框 --> |
|||
<template v-else-if="listItem.type === 1"> |
|||
<u-input |
|||
:border="true" |
|||
:clearable="false" |
|||
style="width: 200rpx" |
|||
placeholder="请输入" |
|||
input-align="right" |
|||
:value="listItem.value" |
|||
@blur="changeIpt($event, listItem.code, index, listIndex)" |
|||
/> |
|||
</template> |
|||
<!-- 单选 --> |
|||
<u-radio-group :value="listItem.value" v-else-if="listItem.type === 2" style="margin-right: -24rpx"> |
|||
<u-radio |
|||
@change="changeRadio($event, listItem.code, index, listIndex)" |
|||
v-for="radioValue in listItem.itemList" |
|||
:key="radioValue" |
|||
:name="radioValue" |
|||
> |
|||
<span :style="{ color: listItem.value === radioValue ? '#1890ff' : '' }">{{ radioValue }}</span> |
|||
</u-radio> |
|||
</u-radio-group> |
|||
<!-- 单选(竖向排列) --> |
|||
<u-radio-group :value="listItem.value" v-else-if="listItem.type === 21" class="flex flex-col w-full"> |
|||
<div v-for="radioValue in listItem.itemList" :key="radioValue" style="width: 105%"> |
|||
<view class="flex justify-between"> |
|||
<view class="flex-1"> |
|||
<span :style="{ color: listItem.value === radioValue ? '#1890ff' : '' }">{{ radioValue }}</span> |
|||
</view> |
|||
<u-radio |
|||
style="display: block;margin-left: 0; height: 40px; line-height: 40px" |
|||
:name="radioValue" |
|||
:key="radioValue" |
|||
@change="changeRadio($event, listItem.code, index, listIndex)" |
|||
> |
|||
</u-radio> |
|||
</view> |
|||
<div |
|||
v-if=" |
|||
listItem.code === 'ZLFA-FBJZ' && |
|||
listItem.value === '其他原因所致的缺血性卒中（SOE）' && |
|||
radioValue === '其他原因所致的缺血性卒中（SOE）' |
|||
" |
|||
class="flex ml-2 mb-2 items-center" |
|||
> |
|||
<div>是否烟雾病:</div> |
|||
<u-radio-group :value="listItem.ywbValue"> |
|||
<u-radio @change="changeYWBRadio($event, listItem.ywbCode, index, listIndex)" name="是"> 是 </u-radio> |
|||
<u-radio @change="changeYWBRadio($event, listItem.ywbCode, index, listIndex)" name="否"> 否 </u-radio> |
|||
</u-radio-group> |
|||
</div> |
|||
</div> |
|||
</u-radio-group> |
|||
<!-- 单选(横向三列) --> |
|||
<u-radio-group :value="listItem.value" v-else-if="listItem.type === 22" class="flex w-full"> |
|||
<div |
|||
v-for="(radioValue, radioIndex) in listItem.itemList" |
|||
:key="radioValue" |
|||
style="width: 105%" |
|||
class="flex" |
|||
:class="{ |
|||
'text-left': radioIndex % 3 === 0, |
|||
'text-center': (radioIndex - 1) % 3 === 0, |
|||
'text-right': (radioIndex + 1) % 3 === 0, |
|||
'flex-wrap': radioIndex > 3, |
|||
'flex-nowrap': radioIndex <= 3, |
|||
}" |
|||
> |
|||
<view class="flex-1" :style="{ color: listItem.value === radioValue ? '#1890ff' : '' }">{{ radioValue }}</view> |
|||
<u-radio |
|||
@change="changeRadio($event, listItem.code, index, listIndex)" |
|||
style="margin-left: 0; height: 40px; line-height: 40px" |
|||
:name="radioValue" |
|||
> |
|||
</u-radio> |
|||
</div> |
|||
</u-radio-group> |
|||
<!-- 单选(带分数输入框) --> |
|||
<u-radio-group :value="listItem.value" v-else-if="listItem.type === 23" class="flex flex-col flex-wrap w-full"> |
|||
<template v-if="listItem.code !== 'JRZL-SQ-ASPECT'"> |
|||
<div |
|||
v-for="(radioValue, radioIndex) in listItem.listItem" |
|||
:key="radioIndex" |
|||
class="flex flex-1 items-center" |
|||
style="height: 44px" |
|||
> |
|||
<u-radio |
|||
style="margin-left: 0; height: 40px; line-height: 40px" |
|||
:style="{ color: listItem.value === radioValue ? '#1890ff' : '' }" |
|||
:value="radioValue.type" |
|||
@change="changeRadio($event, listItem.code, index, listIndex)" |
|||
> |
|||
{{ radioValue.name }} |
|||
</u-radio> |
|||
<div v-if="radioValue.showIpt"> |
|||
<u-input |
|||
:border="true" |
|||
:clearable="false" |
|||
:value="radioValue.value" |
|||
placeholder="请输入" |
|||
style="width: 100rpx !important" |
|||
@click="iptChangeRadio('score', listItem.code, index, listIndex)" |
|||
@blur="changeScroeNum($event, radioValue.min, radioValue.max, radioValue.code, index, listIndex, radioIndex)" |
|||
/>分 |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<div v-else style="flex flex-nowrap items-center"> |
|||
<div style="height: 44px;line-height: 44px"> |
|||
<u-radio |
|||
style="margin-left: 0" |
|||
:style="{ color: listItem.value === 'score' ? '#1890ff' : '' }" |
|||
name="score" |
|||
@change="changeRadio('score', listItem.code, index, listIndex)" |
|||
> |
|||
<div class="flex items-center" :style="{ color: listItem.value === 'score' ? '#1890ff' : '' }"> |
|||
CT<u-input |
|||
:border="true" |
|||
:clearable="false" |
|||
:value="listItem.listItem[0].value" |
|||
placeholder="请输入" |
|||
style="width: 100rpx !important" |
|||
@click="iptChangeRadio('score', listItem.code, index, listIndex)" |
|||
@blur=" |
|||
changeScroeNum( |
|||
$event, |
|||
listItem.listItem[0].min, |
|||
listItem.listItem[0].max, |
|||
listItem.listItem[0].code, |
|||
index, |
|||
listIndex, |
|||
0, |
|||
) |
|||
" |
|||
/>分，MRI<u-input |
|||
:border="true" |
|||
:clearable="false" |
|||
:value="listItem.listItem[1].value" |
|||
placeholder="请输入" |
|||
style="width: 100rpx !important" |
|||
@click="iptChangeRadio('score', listItem.code, index, listIndex)" |
|||
@blur=" |
|||
changeScroeNum( |
|||
$event, |
|||
listItem.listItem[1].min, |
|||
listItem.listItem[1].max, |
|||
listItem.listItem[1].code, |
|||
index, |
|||
listIndex, |
|||
1, |
|||
) |
|||
" |
|||
/>分 |
|||
</div> |
|||
</u-radio> |
|||
</div> |
|||
<u-radio |
|||
style="margin-left: 0; height: 40px; line-height: 40px" |
|||
name="noScore" |
|||
@change="changeRadio('noScore', listItem.code, index, listIndex)" |
|||
> |
|||
<span :style="{ color: listItem.value === 'noScore' ? '#1890ff' : '' }">未评</span> |
|||
</u-radio> |
|||
</div> |
|||
</u-radio-group> |
|||
<!-- 单选(竖向排列带分数输入框) --> |
|||
<u-radio-group :value="listItem.value" v-else-if="listItem.type === 24" class="flex flex-col w-full"> |
|||
<div class="flex items-center justify-between" style="width: 105%" v-for="(radioValue, radioIndex) in listItem.itemList" :key="radioIndex"> |
|||
<view class="flex items-center flex-1" style="height: 78rpx;line-height: 78rpx"> |
|||
<view>{{ radioValue.name }}</view> |
|||
<div v-if="radioValue.showIpt" class="flex items-center ml-1 mr-1"> |
|||
<!-- :disabled="listItem.value !== radioValue.name" --> |
|||
<u-input |
|||
:clearable="false" |
|||
:value="radioValue.value" |
|||
:type="radioValue.unit ? 'number' : 'text'" |
|||
:placeholder="radioValue.min && radioValue.max ? `请输入${radioValue.min}-${radioValue.max}` : '请输入'" |
|||
style="width: 300rpx !important" |
|||
:custom-style="{fontSize: '28rpx'}" |
|||
@click="iptChangeRadio(radioValue.name, listItem.code, index, listIndex)" |
|||
@blur=" |
|||
changeRadioScore( |
|||
$event, |
|||
radioValue.code, |
|||
index, |
|||
listIndex, |
|||
radioIndex, |
|||
radioValue.unit, |
|||
radioValue.min, |
|||
radioValue.max, |
|||
) |
|||
" |
|||
/> |
|||
<span>{{ radioValue.unit }}</span> |
|||
</div> |
|||
</view> |
|||
<u-radio |
|||
class="flex items-center" |
|||
label-size="28" |
|||
:style="{ color: listItem.value === radioValue ? '#1890ff' : '' }" |
|||
:name="radioValue.name" |
|||
@change="changeRadio($event, listItem.code, index, listIndex)" |
|||
> |
|||
</u-radio> |
|||
</div> |
|||
</u-radio-group> |
|||
<!-- 多选 --> |
|||
<u-checkbox-group |
|||
v-else-if="listItem.type === 3" |
|||
@change="changeCheck($event, listItem.code, index, listIndex, false, listItem.showOther)" |
|||
:class="{ 'justify-between': listItem.checkType - 0 === 4 }" |
|||
class="w-full flex flex-row flex-wrap" |
|||
> |
|||
<div |
|||
v-for="(check, checkIndex) in listItem.itemIsChecked" |
|||
:key="checkIndex" |
|||
:style="{ minWidth: listItem.checkType - 0 === 3 ? '33%' : listItem.checkType - 0 === 2 ? '50%' : 0 }" |
|||
class="w-full my-2 flex flex-1 flex-col items-start justify-center" |
|||
> |
|||
<view class="flex"> |
|||
<view :style="{ color: check.isChecked ? '#1890ff' : '' }" style="width: 628rpx"> |
|||
{{ listItem.itemList[checkIndex] }} |
|||
</view> |
|||
<u-checkbox v-model="check.isChecked" :name="listItem.itemList[checkIndex]"> |
|||
</u-checkbox> |
|||
</view> |
|||
<u-input |
|||
:border="true" |
|||
:clearable="false" |
|||
:value="listItem.iptValue" |
|||
v-if="listItem.showIpt && listItem.showIptItem === listItem.itemList[checkIndex]" |
|||
@blur="changeOther($event, listItem.iptCode, index, listIndex)" |
|||
placeholder="请输入" |
|||
style="width: 200rpx" |
|||
/> |
|||
</div> |
|||
</u-checkbox-group> |
|||
<!-- 多选特殊类型 --> |
|||
<div v-else-if="listItem.type === 31" class="w-full"> |
|||
<div v-for="(checkTest, checkIndex) in listItem.checkList" :key="checkTest.title"> |
|||
<div>{{ checkTest.title }}</div> |
|||
<u-checkbox-group |
|||
:class="{ 'justify-between': listItem.checkType - 0 === 4 }" |
|||
class="w-full flex flex-row flex-wrap" |
|||
@change="changeCheck($event, checkTest.code, index, listIndex, checkIndex)" |
|||
> |
|||
<div |
|||
style="min-width: 33%" |
|||
class="my-2 flex items-center" |
|||
v-for="(check, isCheckIndex) in checkTest.itemIsChecked" |
|||
:key="check" |
|||
> |
|||
<u-checkbox v-model="check.isChecked" :name="checkTest.itemList[isCheckIndex]"> |
|||
<!-- itemIsChecked,itemList --> |
|||
<span :style="{ color: check.isChecked ? '#1890ff' : '' }"> |
|||
{{ check }} |
|||
</span> |
|||
</u-checkbox> |
|||
<u-input |
|||
:border="true" |
|||
:clearable="false" |
|||
@bulr="changeCheckIpt($event, checkTest.iptCode, index, listIndex, checkIndex)" |
|||
:value="checkTest.iptValue" |
|||
placeholder="请输入" |
|||
style="width: 200rpx" |
|||
v-if="checkTest.showIpt && checkTest.showValue === checkTest.itemList[isCheckIndex]" |
|||
/> |
|||
</div> |
|||
</u-checkbox-group> |
|||
</div> |
|||
</div> |
|||
<!-- 时间选择 --> |
|||
<div |
|||
v-else-if="listItem.type === 4" |
|||
@click="openTimeSelect(listItem.title, listItem.code, index, listIndex, listItem.value)" |
|||
class="flex items-center" |
|||
> |
|||
<span class="mr-3" v-if="listItem.value"> |
|||
{{ $moment(+listItem.value).format('YYYY-MM-DD HH:mm') }} |
|||
</span> |
|||
<span class="mr-3 gray-text" v-else>请选择时间</span> |
|||
<!-- <img src="@/static/icon/time.png" style="height: 20px" /> --> |
|||
<u-icon name="arrow-right" color="#70798C" size="28"></u-icon> |
|||
</div> |
|||
<!-- 展开底部下拉框 --> |
|||
<div |
|||
v-else-if="listItem.type === 5" |
|||
style="min-width: 160px; width: auto; justify-content: flex-end; height: 30px" |
|||
class="flex items-center" |
|||
@click="openDropDown(listItem.title, listItem.itemList, listItem.code, index, listIndex, listItem.value)" |
|||
> |
|||
<span style="margin-right: 10px;color: #bbb" v-if="listItem.value">{{ listItem.value }}</span> |
|||
<span style="margin-right: 10px;color: #bbb" v-else>请选择</span> |
|||
<!-- <img src="@/static/icon/right.png" style="height: 20px" /> --> |
|||
<u-icon name="arrow-right" color="#70798C" size="28"></u-icon> |
|||
</div> |
|||
<!-- 带有最大最小值限制的输入框 --> |
|||
<div v-else-if="listItem.type === 7" class="flex items-center"> |
|||
<div v-if="numIndex === index && numItemIndex === listIndex" class="mr-1 font-12 text-red"> |
|||
<span v-if="exceed === 'max'"> 超过最大值{{ listItem.max }} </span> |
|||
<span v-else-if="exceed === 'min'"> 超过最小值{{ listItem.min }} </span> |
|||
</div> |
|||
<span v-if="listItem.beforeUnit">{{ listItem.beforeUnit }}</span> |
|||
<u-input |
|||
input-align="right" |
|||
:clearable="false" |
|||
type="number" |
|||
:value="listItem.value" |
|||
placeholder="请输入" |
|||
style="width: 200rpx" |
|||
@change="changeNum($event, listItem.min, listItem.max, listItem.code, index, listIndex)" |
|||
@blur="inputNumBlur($event, listItem.code, listItem.min, listItem.max, index, listIndex)" |
|||
/> |
|||
<span v-if="listItem.unit">{{ listItem.unit }}</span> |
|||
</div> |
|||
<!-- 带已评输入框的单选 --> |
|||
<u-radio-group |
|||
:class="{ 'w-full': !listItem.title }" |
|||
v-else-if="listItem.type === 71" |
|||
:value="listItem.value" |
|||
class="flex-1 flex items-center" |
|||
> |
|||
<u-radio |
|||
:name="radioValue.name" |
|||
v-for="(radioValue, radioIndex) in listItem.listItem" |
|||
:key="radioValue.name" |
|||
class="ipt-radio" |
|||
style="height: 40px;line-height: 40px" |
|||
@change="changeRadio($event, listItem.code, index, listIndex)" |
|||
> |
|||
<u-input |
|||
:border="true" |
|||
:clearable="false" |
|||
v-if="radioValue.name === '已评'" |
|||
:style="{ |
|||
color: listItem.value !== '已评' ? 'rgba(0,0,0,0.25)' : '', |
|||
background: listItem.value !== '已评' ? '#eee' : '', |
|||
}" |
|||
type="number" |
|||
:value="radioValue.value" |
|||
placeholder="请输入" |
|||
class="ipt-radio" |
|||
style="width: 200rpx" |
|||
@click="iptChangeRadio(radioValue.name, listItem.code, index, listIndex)" |
|||
@blur="changeScroeNum($event, listItem.min, listItem.max, radioValue.code, index, listIndex, radioIndex)" |
|||
/> |
|||
<view v-else style="height: 40px;line-height: 40px" :style="{ color: listItem.value === radioValue.name ? '#1890ff' : '' }">{{ radioValue.name }}</view> |
|||
</u-radio> |
|||
</u-radio-group> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
</template> |
|||
</div> |
|||
<u-picker mode="time" v-model="show" :title="title" :params="timeSelectparams" @confirm="chooseTime"></u-picker> |
|||
<u-picker mode="selector" v-model="showDrop" :range="dropList" :default-selector="[0]" @confirm="chooseSelector"></u-picker> |
|||
<u-toast ref="uToast" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState } from 'vuex'; |
|||
import Talk from './component/Talk.vue' |
|||
|
|||
export default { |
|||
components: { Talk }, |
|||
props: { |
|||
testIndex: { |
|||
type: Number, |
|||
default: 0, |
|||
}, |
|||
list: { |
|||
type: Array, |
|||
default: () => [], |
|||
}, |
|||
answerList: { |
|||
type: Object, |
|||
default: () => {}, |
|||
}, |
|||
canChange: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
}, |
|||
data: () => ({ |
|||
test: [], // 试题数组 |
|||
radioStyle: { |
|||
// 单选试题竖向排列时的样式 |
|||
display: 'block', |
|||
width: '100%', |
|||
marginLeft: '0', |
|||
height: '40px', |
|||
lineHeight: '40px', |
|||
}, |
|||
timeValue: '', |
|||
title: '', // 时间选择器组件的标题 |
|||
timeIndex: 0, // 当前时间选择器对应试题的 index 位置 |
|||
timeItemIndex: 0, // 当前时间选择器对应试题的 index 位置 |
|||
timeCode: '', // 当前时间选择器对应试题的 code |
|||
show: false, // 是否显示时间选择器组件 |
|||
ZQTHSJ: null, // 知情谈话时间 |
|||
timeSelectparams: { |
|||
// 时间选择器可以选择那个时间 |
|||
year: true, |
|||
month: true, |
|||
day: true, |
|||
hour: true, |
|||
minute: true, |
|||
second: false, |
|||
}, |
|||
dropTitle: '', |
|||
dropList: [], |
|||
dropCode: '', |
|||
dropIndex: '', |
|||
dropItemIndex: '', |
|||
dValue: '', |
|||
showDrop: false, |
|||
numIndex: '', |
|||
numItemIndex: '', |
|||
exceed: '', |
|||
}), |
|||
computed: { |
|||
...mapState('carbasics', ['firstAidId']), |
|||
getBMI() { |
|||
let height = 0; |
|||
let weight = 0; |
|||
for (let key in this.test) { |
|||
for (let i in this.test[key]) { |
|||
if (this.test[key][i].code === 'RYPG-height' && this.test[key][i].value) { |
|||
height = this.test[key][i].value - 0; |
|||
} else if (this.test[key][i].code === 'RYPG-weight' && this.test[key][i].value) { |
|||
weight = this.test[key][i].value - 0; |
|||
} |
|||
} |
|||
} |
|||
if (height && weight) { |
|||
return (weight / (((height / 100) * height) / 100)).toFixed(2); |
|||
} else { |
|||
return 0; |
|||
} |
|||
}, |
|||
getCount() { |
|||
let num = 0; |
|||
for (let key in this.test) { |
|||
for (let i in this.test[key]) { |
|||
if (this.test[key][i].code === 'TSCX-AVM-SIZE') { |
|||
// ['<3cm（1 分）', '3-6cm（2 分）', '>6cm（3 分）'] |
|||
if (this.test[key][i].value === '<3cm（1 分）') { |
|||
num += 1; |
|||
} else if (this.test[key][i].value === '3-6cm（2 分）') { |
|||
num += 2; |
|||
} else if (this.test[key][i].value === '>6cm（3 分）') { |
|||
num += 3; |
|||
} |
|||
} else if (this.test[key][i].code === 'TSCX-AVM-features') { |
|||
// ['大脑非功能区（0 分）', '大脑功能区（1 分）'] |
|||
if (this.test[key][i].value === '大脑非功能区（0 分）') { |
|||
num += 0; |
|||
} else if (this.test[key][i].value === '大脑功能区（1 分）') { |
|||
num += 1; |
|||
} |
|||
} else if (this.test[key][i].code === 'TSCX-AVM-SEAT') { |
|||
// ['浅表部（0 分）', '深部（1 分）'] |
|||
if (this.test[key][i].value === '浅表部（0 分）') { |
|||
num += 0; |
|||
} else if (this.test[key][i].value === '深部（1 分）') { |
|||
num += 1; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
return num; |
|||
}, |
|||
}, |
|||
methods: { |
|||
changeHeigt() { |
|||
// this.$emit('getCollaoseHeight', this.testIndex); |
|||
}, |
|||
/** |
|||
* 判断当前 item 是否显示 |
|||
* 根据 显示条件: isShow 是否和父级code: Fcode 的值相等判断 |
|||
* 如果 Fcode 和 isShow 都不存在,则直接返回true,显示当前item |
|||
* 如果 Fcode 和 isShow 都存在,而且 (父级code存在且父级code的value和isShow值相等) 则返回ture |
|||
* 否则返回false |
|||
*/ |
|||
itemIsShow(code, isShow, level) { |
|||
if (!level) { |
|||
if (code && isShow) { |
|||
for (let i = 0; i < this.test.length; i++) { |
|||
const item = this.test[i]; |
|||
if (item) { |
|||
for (let j = 0; j < item.length; j++) { |
|||
const jtem = item[j]; |
|||
if (jtem.code === code && jtem.value === isShow) { |
|||
return true; |
|||
} else if (i === this.test.length - 1 && j === item.length) { |
|||
return false; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} else { |
|||
return true; |
|||
} |
|||
} else { |
|||
if (this.answerList && this.answerList[code]) { |
|||
const value = this.answerList[code]; |
|||
if (Array.isArray(value)) { |
|||
for (var i = 0; i < value.length; i++) { |
|||
if (value[i] === isShow) { |
|||
return true; |
|||
} else if (i === value.length - 1) { |
|||
return false; |
|||
} |
|||
} |
|||
} else { |
|||
return value === isShow; |
|||
} |
|||
} else { |
|||
return true; |
|||
} |
|||
} |
|||
}, |
|||
/** |
|||
* 判断当前试题是否显示 |
|||
* 不是根据父级试题选了哪一项而显示,而是根据父级试题没选哪一项而显示 |
|||
* 比如 选了 '死亡',不能再出现'出院带药'等试题,选了其他选项则可以出现 |
|||
* 需要根据 @param level 来判断父级试题与当前题是否处于同一分类下 |
|||
* 并且 父级 题目的 答案不一定是字符串,也有可能是数组 |
|||
*/ |
|||
itemNoShow(NFcode, noShow, level) { |
|||
if (level && NFcode && noShow) { |
|||
for (let i = 0; i < this.test.length; i++) { |
|||
const item = this.test[i]; |
|||
for (let j = 0; j < item.length; j++) { |
|||
const jtem = item[j]; |
|||
if (jtem.code === NFcode) { |
|||
return this.judgeType(jtem.value, noShow); |
|||
} else if (i === this.test.length - 1 && j === item.length) { |
|||
return false; |
|||
} |
|||
} |
|||
} |
|||
} else { |
|||
return true; |
|||
} |
|||
}, |
|||
// 判断传入的值是字符串还是数组,并 根据 两者是否相等或 包含 返回true |
|||
// 有相同项 则 返回false 不显示当前试题 |
|||
judgeType(Fvalue, value) { |
|||
if (Array.isArray(Fvalue)) { |
|||
for (var i = 0; i < Fvalue.length; i++) { |
|||
if (Fvalue[i] === value) { |
|||
return false; |
|||
} else if (i === Fvalue.length - 1) { |
|||
return true; |
|||
} |
|||
} |
|||
} else { |
|||
return Fvalue !== value; |
|||
} |
|||
}, |
|||
/** |
|||
* 修改输入框内容 |
|||
* 先获取到 this.test 数组（props接收的值不能在当前界面修改,所以用将list的值赋值给了 test ,渲染界面也是用的 test） |
|||
* 通过 index 修改掉 test 数组后,存储答案给服务端 |
|||
*/ |
|||
changeIpt(e, code, index, itemIndex) { |
|||
this.Rerender(e, index, itemIndex); |
|||
this.setAnswer(code, e); |
|||
}, |
|||
/** |
|||
* 修改单选框内容 |
|||
* 和输入框操作一样 |
|||
*/ |
|||
changeRadio(e, code, index, itemIndex) { |
|||
this.Rerender(e, index, itemIndex); |
|||
// if (this.canChange) { |
|||
// this.$emit('getCollaoseHeight', this.testIndex); |
|||
// } |
|||
this.setAnswer(code, e); |
|||
}, |
|||
// 修改是否是烟雾病的题时, |
|||
changeYWBRadio(e, code, index, itemIndex) { |
|||
let Arr = [...this.test]; |
|||
Arr[index][itemIndex].ywbValue = e; |
|||
this.test = [...Arr]; |
|||
this.setAnswer(code, e); |
|||
}, |
|||
// 修改试题时,重新赋值test,达到重新渲染界面的目的 |
|||
Rerender(value, index, itemIndex) { |
|||
let Arr = [...this.test]; |
|||
Arr[index][itemIndex].value = value; |
|||
console.log('Arr[index][itemIndex].value: ', Arr[index][itemIndex].value); |
|||
this.test = [...Arr]; |
|||
}, |
|||
// 修改带评分输入框的单选题内的输入框 |
|||
changeRadioScore(e, code, index, itemIndex, radioIndex, unit, min, max) { |
|||
let num = e; |
|||
if (unit && max) { |
|||
if (num || num - 0 === 0) { |
|||
if (num < min) { |
|||
// this.$message.warning('最低数值为：' + min); |
|||
this.$refs.uToast.show({ |
|||
title: '最低数值为：' + min, |
|||
type: 'warning', |
|||
}); |
|||
num = min; |
|||
} else if (num > max) { |
|||
// this.$message.warning('最高数值为：' + max); |
|||
this.$refs.uToast.show({ |
|||
title: '最高数值为：' + max, |
|||
type: 'warning', |
|||
}); |
|||
num = max; |
|||
} |
|||
} |
|||
} |
|||
let Arr = [...this.test]; |
|||
Arr[index][itemIndex].itemList[radioIndex].value = num; |
|||
this.test = [...Arr]; |
|||
this.setAnswer(code, num); |
|||
}, |
|||
/** |
|||
* 修改多选框内容 |
|||
* 因为多选的类型有分成了几种特殊类型 |
|||
* 所以需要判断某些参数是否存在 |
|||
*/ |
|||
changeCheck(e, code, index, itemIndex, checkIndex, other) { |
|||
let val = [...e]; |
|||
if (!checkIndex && checkIndex !== 0) { |
|||
let Arr = [...this.test]; |
|||
const answerList = Arr[index][itemIndex] |
|||
val = []; |
|||
for(let i = 0; i < Arr[index][itemIndex].itemList.length; i++) { |
|||
if(answerList.itemIsChecked[i].isChecked) { |
|||
val.push(Arr[index][itemIndex].itemList[i]) |
|||
} |
|||
} |
|||
// if (other && e.length) { |
|||
// for (let i = 0; i < e.length; i++) { |
|||
// if (e[i] === other) { |
|||
// val = [other]; |
|||
// } |
|||
// } |
|||
// } |
|||
Arr[index][itemIndex].value = [...val]; |
|||
this.Rerender(val, index, itemIndex); |
|||
} else { |
|||
let Arr = [...this.test]; |
|||
Arr[index][itemIndex].checkList[checkIndex].value = val; |
|||
this.test = [...Arr]; |
|||
} |
|||
const codeAndAnswerList = [ |
|||
{ |
|||
questionCode: code, |
|||
answer: val, |
|||
}, |
|||
]; |
|||
const setParams = { |
|||
codeAndAnswerList, |
|||
firstAidId: this.firstAidId, |
|||
}; |
|||
uni.$u.api.setRecord(setParams); |
|||
}, |
|||
// 判断当前多选题得选项是否可选 |
|||
isDisabled(check, value, other) { |
|||
let status = false; |
|||
if (value.length && other) { |
|||
for (let i = 0; i < value.length; i++) { |
|||
if (value[i] && value[i] === other) { |
|||
status = true; |
|||
} |
|||
} |
|||
} |
|||
if (check === other) { |
|||
return false; |
|||
} else { |
|||
return status; |
|||
} |
|||
}, |
|||
// 获取当前多选框的内容是否已选中 |
|||
getCheckIsCheck(list, value) { |
|||
let status = true; |
|||
for (let key in list) { |
|||
if (list[key] === value) { |
|||
status = true; |
|||
} |
|||
} |
|||
return status; |
|||
}, |
|||
// 修改其他的输入框内容 |
|||
changeOther(e, code, index, itemIndex) { |
|||
let Arr = [...this.test]; |
|||
Arr[index][itemIndex].iptValue = e; |
|||
this.test = [...Arr]; |
|||
this.setAnswer(code, e); |
|||
}, |
|||
// 特殊类型的多选题的其他输入框审的改变事件 |
|||
changeCheckIpt(e, code, index, listIndex, checkIndex) { |
|||
let Arr = [...this.test]; |
|||
Arr[index][listIndex].checkList[checkIndex].iptValue = e; |
|||
this.test = [...Arr]; |
|||
this.setAnswer(code, e); |
|||
}, |
|||
// 打开时间选择器组件 |
|||
async openTimeSelect(title, code, index, listIndex, time) { |
|||
this.timeValue = time ? time : 0; |
|||
this.title = title; |
|||
this.timeIndex = index; |
|||
this.timeItemIndex = listIndex; |
|||
this.timeCode = code; |
|||
this.show = true; |
|||
if (code === 'YJJL-CTendTime') { |
|||
const codeList = ['ZQTH-SJ']; |
|||
const param = { |
|||
codeList, |
|||
firstAidId: this.firstAidId, |
|||
}; |
|||
const data = await this.$u.api.getRecord(param); |
|||
this.ZQTHSJ = data.record['ZQTH-SJ'] && data.record['ZQTH-SJ'].length ? data.record['ZQTH-SJ'][0] : null; |
|||
} |
|||
}, |
|||
// 时间选择器组件选择了时间 |
|||
chooseTime(time) { |
|||
const timeValue = this.$moment(`${time.year}-${time.month}-${time.day} ${time.hour}:${time.minute}:00`).valueOf(); |
|||
if (this.timeCode === 'YJJL-CTendTime' && this.ZQTHSJ && timeValue - 0 < this.ZQTHSJ - 0) { |
|||
// this.$message.error('CT完成时间不能晚于签署知情同意书时间,请重新选择'); |
|||
this.$refs.uToast.show({ |
|||
title: 'CT完成时间不能晚于签署知情同意书时间,请重新选择', |
|||
type: 'warning', |
|||
}); |
|||
return; |
|||
} |
|||
this.Rerender(timeValue, this.timeIndex, this.timeItemIndex); |
|||
this.setAnswer(this.timeCode, timeValue); |
|||
this.show = false; |
|||
}, |
|||
// 打开底部下拉 |
|||
openDropDown(title, list, code, index, itemIndex, value) { |
|||
this.dropTitle = title; |
|||
this.dropList = list; |
|||
this.dropCode = code; |
|||
this.dropIndex = index; |
|||
this.dropItemIndex = itemIndex; |
|||
this.dValue = value; |
|||
this.showDrop = true; |
|||
}, |
|||
// 底部下拉选中 |
|||
chooseSelector(e) { |
|||
this.Rerender(this.dropList[e], this.dropIndex, this.dropItemIndex); |
|||
this.setAnswer(this.dropCode, this.dropList[e]); |
|||
}, |
|||
/** |
|||
* 修改数字输入框,存在最大最小值 |
|||
* 小于最小值,则存储最小值 |
|||
* 大于最大值,则存储最大值 |
|||
* 否则存储当前拿到的值 |
|||
*/ |
|||
changeNum(e, min, max, code, index, itemIndex) { |
|||
let num = 0; |
|||
if (e || e - 0 === 0) { |
|||
if (e < min) { |
|||
this.numIndex = index; |
|||
this.numItemIndex = itemIndex; |
|||
this.exceed = 'min'; |
|||
num = min; |
|||
} else if (e > max) { |
|||
this.numIndex = index; |
|||
this.numItemIndex = itemIndex; |
|||
this.exceed = 'max'; |
|||
num = max; |
|||
} else { |
|||
this.numIndex = null; |
|||
this.numItemIndex = null; |
|||
this.exceed = ''; |
|||
num = e; |
|||
} |
|||
} |
|||
this.Rerender(num, index, itemIndex); |
|||
}, |
|||
// 分数数据框失去焦点后,取消警告提示,因为值自己会改到最大/最小值 |
|||
inputNumBlur(e, code, min, max, index, itemIndex) { |
|||
this.changeNum(e, min, max, code, index, itemIndex) |
|||
this.numIndex = null; |
|||
this.numItemIndex = null; |
|||
this.exceed = ''; |
|||
if (code) { |
|||
if (code === 'RYPG-systolicPressure') { |
|||
// 收缩压 |
|||
const maxNum = this.getPressure(1); // 舒张压 |
|||
if (e < maxNum && maxNum) { |
|||
// this.$message.error('收缩压必须大于舒张压,请重新填写'); |
|||
this.$refs.uToast.show({ |
|||
title: '收缩压必须大于舒张压,请重新填写', |
|||
type: 'warning', |
|||
}); |
|||
return; |
|||
} |
|||
} else if (code === 'RYPG-diastolicPressure') { |
|||
// 舒张压 |
|||
const minNum = this.getPressure(0); // 收缩压 |
|||
if (e > minNum && minNum) { |
|||
// this.$message.error('舒张压必须小于收缩压,请重新填写'); |
|||
this.$refs.uToast.show({ |
|||
title: '舒张压必须小于收缩压,请重新填写', |
|||
type: 'warning', |
|||
}); |
|||
return; |
|||
} |
|||
} |
|||
this.setAnswer(code, e); |
|||
} |
|||
}, |
|||
// 获取当前收缩压/舒张压的值 0:收缩压,1:舒张压 |
|||
getPressure(type) { |
|||
const { list } = this; |
|||
let num = 0; |
|||
for (let i = 0; i < list.length; i++) { |
|||
const item = list[i]; |
|||
for (let k = 0; k < item.length; k++) { |
|||
const obj = item[k]; |
|||
if ((obj.code === 'RYPG-systolicPressure' && type === 0) || (obj.code === 'RYPG-diastolicPressure' && type === 1)) { |
|||
num = obj.value - 0; |
|||
return num; |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
// 修改评分的输入框 |
|||
changeScroeNum(e, min, max, code, index, itemIndex, radioIndex) { |
|||
let num = 0; |
|||
if (e || e - 0 === 0) { |
|||
if (e < min) { |
|||
num = min; |
|||
} else if (e > max) { |
|||
num = max; |
|||
} else { |
|||
num = e; |
|||
} |
|||
} |
|||
let Arr = [...this.test]; |
|||
Arr[index][itemIndex].listItem[radioIndex].value = num; |
|||
this.test = [...Arr]; |
|||
this.setAnswer(code, num); |
|||
}, |
|||
// 点击分数输入框时,将当前输入框的选项改为选中状态 |
|||
iptChangeRadio(value, code, index, itemIndex) { |
|||
this.Rerender(value, index, itemIndex); |
|||
this.setAnswer(code, value); |
|||
}, |
|||
// 存储提交答案 |
|||
setAnswer(questionCode, value) { |
|||
const params = { |
|||
codeAndAnswerList: [ |
|||
{ |
|||
questionCode, |
|||
answer: [value], |
|||
}, |
|||
], |
|||
firstAidId: this.firstAidId, |
|||
}; |
|||
uni.$u.api.setRecord(params); |
|||
}, |
|||
}, |
|||
watch: { |
|||
list: { |
|||
handler() { |
|||
this.test = [...this.list]; |
|||
}, |
|||
deep: true, |
|||
}, |
|||
}, |
|||
|
|||
// 组件周期函数--监听组件挂载完毕 |
|||
mounted() { |
|||
const that = this |
|||
this.$nextTick(()=> { |
|||
that.changeHeigt(); |
|||
}) |
|||
}, |
|||
created() { |
|||
this.test = [...this.list]; |
|||
}, |
|||
// 组件周期函数--监听组件数据更新之前 |
|||
beforeUpdate() {}, |
|||
// 组件周期函数--监听组件数据更新之后 |
|||
updated() {}, |
|||
// 组件周期函数--监听组件激活(显示) |
|||
activated() {}, |
|||
// 组件周期函数--监听组件停用(隐藏) |
|||
deactivated() {}, |
|||
// 组件周期函数--监听组件销毁之前 |
|||
beforeDestroy() {}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/.u-radio__label { |
|||
margin-left: 0 !important; |
|||
margin-right: 0 !important; |
|||
} |
|||
.putong-title { |
|||
margin-left: 24rpx; |
|||
font-size: 32rpx; |
|||
font-family: OPPOSans-Bold, OPPOSans; |
|||
font-weight: bold; |
|||
color: #3e3d4d; |
|||
} |
|||
.shu { |
|||
width: 16rpx; |
|||
height: 40rpx; |
|||
background: linear-gradient(136deg, #7bc0ff 0%, #4d88ff 100%); |
|||
border-radius: 40rpx; |
|||
opacity: 1; |
|||
margin-right: 8rpx; |
|||
} |
|||
.shu-title { |
|||
font-size: 36rpx; |
|||
font-family: Open Sans-Bold, Open Sans; |
|||
font-weight: bold; |
|||
color: #3e3d4d; |
|||
} |
|||
.ipt-radio view { |
|||
height: 33px; |
|||
line-height: 33px; |
|||
} |
|||
.list-box { |
|||
border-radius: 4px; |
|||
overflow: hidden; |
|||
box-sizing: border-box; |
|||
margin: 0; |
|||
padding: 0 32rpx; |
|||
color: rgba(0, 0, 0, 0.65); |
|||
font-size: 14px; |
|||
font-variant: tabular-nums; |
|||
line-height: 1.5; |
|||
list-style: none; |
|||
font-feature-settings: 'tnum'; |
|||
position: relative; |
|||
} |
|||
.list-item { |
|||
min-height: 60px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 24rpx 0; |
|||
border-bottom: 1px solid #eee; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,411 @@ |
|||
<template> |
|||
<div class="inner" style="padding-top: 42px; padding-bottom: 50rpx"> |
|||
<Demonstration /> |
|||
<div class="w-full" v-for="(item, index) in testList" :key="index"> |
|||
<template v-if="item.testType === 1"> |
|||
<Test |
|||
:testIndex="index" |
|||
@getCollaoseHeight="getCollaoseHeight" |
|||
:can-change="false" |
|||
:answer-list="answerList" |
|||
v-if="type" |
|||
class="w-full" |
|||
:list="item.content" |
|||
/> |
|||
</template> |
|||
<template v-if="item.testType === 2"> |
|||
<view class="list-item"> |
|||
<view class="flex items-center"> |
|||
<view class="shu"></view> |
|||
<view class="shu-title">{{ item.testTitle }}</view> |
|||
</view> |
|||
</view> |
|||
<!-- <u-collapse |
|||
:head-style="headerStyle" |
|||
:item-style="itemStyle" |
|||
class="mb-2 w-full" |
|||
v-if="item.testType === 2" |
|||
:bordered="false" |
|||
expand-icon-position="right" |
|||
:ref="'collapseView' + index" |
|||
> --> |
|||
<!-- <template #expandIcon="props"> |
|||
<u-icon type="down" :rotate="props.isActive ? 0 : -180" /> |
|||
</template> --> |
|||
<!-- <u-collapse-item :open="true" class="w-full" :title="item.testTitle" :style="customStyle"> --> |
|||
<Test |
|||
:testIndex="index" |
|||
@getCollaoseHeight="getCollaoseHeight" |
|||
:can-change="true" |
|||
:answer-list="answerList" |
|||
v-if="type" |
|||
class="w-full" |
|||
:list="item.content" |
|||
/> |
|||
<!-- </u-collapse-item> |
|||
</u-collapse> --> |
|||
</template> |
|||
</div> |
|||
<div class="ocr-open-box" @click="openOcr">OCR</div> |
|||
<u-modal v-model="showBasic" title="确定选择后将提交识别到的内容" :show-cancel-button="true" @confirm="submitBasicData"> |
|||
<view class="slot-content"> |
|||
<scroll-view scroll-y style="height: 750rpx"> |
|||
<div v-for="(item, index) in basicList" :key="index" class="modal-content flex justify-between items-center"> |
|||
<u-checkbox v-model="item.checked" :name="item.questionCode"> |
|||
<div>{{ item.name }}</div> |
|||
</u-checkbox> |
|||
<div class="flex items-center fz-16">{{ item.answer }}</div> |
|||
</div> |
|||
</scroll-view> |
|||
</view> |
|||
</u-modal> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState } from 'vuex'; |
|||
import Mixin from './mixin'; |
|||
import cloneDeep from 'lodash/cloneDeep'; |
|||
import Demonstration from 'components/Demonstration/Demonstration'; |
|||
|
|||
export default { |
|||
components: { Demonstration }, |
|||
mixins: [Mixin], |
|||
data: () => ({ |
|||
testList: [], |
|||
customStyle: 'background: #fff;border-radius: 4px;border: 0;overflow: hidden', |
|||
headerStyle: { |
|||
height: '54px', |
|||
lineHeight: '30px', |
|||
fontSize: '18px', |
|||
padding: '0 16px', |
|||
/* color: #1890ff; */ |
|||
color: 'rgba(0, 0, 0, 0.65)', |
|||
fontWeight: 'bold', |
|||
backgroundColor: '#fff', |
|||
}, |
|||
itemStyle: { marginBottom: '8px' }, |
|||
type: 'RYPG', |
|||
afterStr: '主要治疗', |
|||
beforeStr: '基本信息', |
|||
answerList: {}, |
|||
showBasic: false, |
|||
codeAndTitle: [], |
|||
basicList: [], |
|||
}), |
|||
computed: { ...mapState('carbasics', ['InputCode', 'firstAidId', 'isRefresh', 'basicData', 'detailValueType']) }, |
|||
methods: { |
|||
// 打开ocr界面 |
|||
openOcr() { |
|||
uni.navigateTo({ url: '/pages/camera/camera' }); |
|||
}, |
|||
// 获取到所有的code,调用接口获取答案 |
|||
async getAnswer() { |
|||
const codeList = []; |
|||
for (let key in this.codeValue) { |
|||
if (key === this.type) { |
|||
for (let value in this.codeValue[key]) { |
|||
codeList.push(value); |
|||
} |
|||
} |
|||
} |
|||
const param = { |
|||
codeList, |
|||
firstAidId: this.firstAidId, |
|||
}; |
|||
const answer = await this.$u.api.getRecord(param); |
|||
this.answerList = answer.record; |
|||
this.reassign(answer.record); |
|||
}, |
|||
// 给试题赋值(以前答过) |
|||
reassign(recordList) { |
|||
for (let key in this.codeValue[this.type]) { |
|||
for (let value in recordList) { |
|||
if (key === value) { |
|||
if (Array.isArray(this.codeValue[this.type][key])) { |
|||
this.codeValue[this.type][key] = recordList[value]; |
|||
break; |
|||
} else { |
|||
this.codeValue[this.type][key] = recordList[value][0]; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 给list赋值试题数组 |
|||
this.reassignList(); |
|||
// 增加checkedList的选中状态,不然多选框默认不选中,需要修改list数组的状态,所以只能放在给list赋值之后 |
|||
this.changeCheckStatus(); |
|||
// 获取所有试题的code和title |
|||
this.getAllCodeAndTitle(); |
|||
// 获取对应当前type的试题数组 |
|||
this.getTest(); |
|||
}, |
|||
// 判断当前多选是否选中,选中时需要修改当前的选中状态为ture |
|||
changeCheckStatus() { |
|||
for (let i = 0; i < this.list.length; i++) { |
|||
const item = this.list[i]; |
|||
if (item.testList.length) { |
|||
for (let j = 0; j < item.testList.length; j++) { |
|||
const itemJ = item.testList[j]; |
|||
if (itemJ.content.length) { |
|||
for (let k = 0; k < itemJ.content.length; k++) { |
|||
const itemK = itemJ.content[k]; |
|||
if (itemK.length) { |
|||
for (let m = 0; m < itemK.length; m++) { |
|||
if (Array.isArray(itemK[m].value)) { |
|||
for (let n = 0; n < itemK[m].itemList.length; n++) { |
|||
const itemN = itemK[m].itemList[n]; |
|||
itemK[m].itemIsChecked[n].isChecked = this.getCheckedStatus(itemN, itemK[m].value); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
// 获取当前选项是否选中 |
|||
getCheckedStatus(item, valueList) { |
|||
for (let i = 0; i < valueList.length; i++) { |
|||
if (valueList[i] === item) { |
|||
return true; |
|||
} else if (i === valueList.length - 0) { |
|||
return false; |
|||
} |
|||
} |
|||
}, |
|||
// 获取试题 |
|||
// 因为试题的每个题的答案默认绑定的是codeList的每个code 对应的value |
|||
// 所以需要先定义codeList,然后再调用getTest |
|||
getTest() { |
|||
for (let i = 0; i < this.list.length; i++) { |
|||
if (this.list[i].name === this.type) { |
|||
this.testList = [...this.list[i].testList]; |
|||
break; |
|||
} |
|||
} |
|||
}, |
|||
// 获取所有试题的题目和code |
|||
getAllCodeAndTitle() { |
|||
let Arr = []; |
|||
for (let i = 0; i < this.list.length; i++) { |
|||
const item = this.list[i]; |
|||
if (item.testList.length) { |
|||
for (let j = 0; j < item.testList.length; j++) { |
|||
const itemJ = item.testList[j]; |
|||
if (itemJ.content.length) { |
|||
for (let k = 0; k < itemJ.content.length; k++) { |
|||
const itemK = itemJ.content[k]; |
|||
if (itemK.length) { |
|||
for (let m = 0; m < itemK.length; m++) { |
|||
const itemM = itemK[m]; |
|||
const itemMm = itemK[m - 1]; |
|||
let obj = null; |
|||
if (itemM.code && itemM.title) { |
|||
obj = { |
|||
code: itemM.code, |
|||
title: itemM.title, |
|||
}; |
|||
} else if (itemM.code && !itemM.title) { |
|||
obj = { |
|||
code: itemM.code, |
|||
title: itemMm.title, |
|||
}; |
|||
} |
|||
if (obj) { |
|||
Arr.push(obj); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
this.codeAndTitle = Arr; |
|||
}, |
|||
// 通过code,获取试题的title信息 |
|||
getNameByCode() { |
|||
let Arr = [...this.basicList]; |
|||
for (let k = 0; k < Arr.length; k++) { |
|||
for (let i = 0; i < this.codeAndTitle.length; i++) { |
|||
const item = this.codeAndTitle[i]; |
|||
if (Arr[k].questionCode === item.code) { |
|||
Arr[k].name = item.title; |
|||
} |
|||
} |
|||
} |
|||
this.basicList = [...Arr]; |
|||
}, |
|||
// 获取到试题的答案后,判断类型,返回正确格式 时间戳/数组/字符串 |
|||
getAnswerByType(obj) { |
|||
let answer = obj.answer; |
|||
if (typeof (answer - 0) === 'number') { |
|||
obj.type === 0; // 时间格式 |
|||
answer = this.$moment(answer - 0).format('YYYY-MM-DD HH:mm'); |
|||
} else if (Array.isArray(answer)) { |
|||
let str = ''; |
|||
for (let i = 0; i < answer.length; i++) { |
|||
if (i === answer.length - 0) { |
|||
str += answer[i]; |
|||
} else { |
|||
str = str + answer[i] + ','; |
|||
} |
|||
} |
|||
obj.type === 1; // 数组格式 |
|||
answer = str; |
|||
} else { |
|||
obj.type === 2; // 字符串格式 |
|||
} |
|||
obj.answer = answer; |
|||
return obj; |
|||
}, |
|||
// 重新计算面板高度 |
|||
getCollaoseHeight(index) { |
|||
const that = this; |
|||
// 获取到需要重新计算的面板 |
|||
this.$nextTick(() => { |
|||
that.$refs[`collapseView${index}`][0].init(); |
|||
setTimeout(() => { |
|||
that.$refs[`collapseView${index}`][0].init(); |
|||
}, 200); |
|||
}); |
|||
}, |
|||
// 点击modal框的确定,提交识别到,并且选择确定提交的数据 |
|||
// 提交数据之后重新请求当前界面的答案然后回显 |
|||
async submitBasicData() { |
|||
let codeAndAnswerList = []; |
|||
for (let i = 0; i < this.basicList.length; i++) { |
|||
const item = this.basicList[i]; |
|||
if (item.checked) { |
|||
let obj = { |
|||
questionCode: item.questionCode, |
|||
answer: this.basicData[i].answer, |
|||
}; |
|||
codeAndAnswerList.push(obj); |
|||
} |
|||
} |
|||
const param = { |
|||
codeAndAnswerList, |
|||
firstAidId: this.firstAidId, |
|||
}; |
|||
await this.$u.api.setRecord(param); |
|||
this.getAnswer(); |
|||
}, |
|||
}, |
|||
watch: { |
|||
isRefresh() { |
|||
let Arr = []; |
|||
const basicData = cloneDeep(this.basicData); |
|||
for (let i = 0; i < basicData.length; i++) { |
|||
Arr.push(basicData[i]); |
|||
} |
|||
for (let i = 0; i < Arr.length; i++) { |
|||
Arr[i] = this.getAnswerByType(Arr[i]); |
|||
} |
|||
this.basicList = [...Arr]; |
|||
this.getNameByCode(); |
|||
this.showBasic = true; |
|||
}, |
|||
}, |
|||
|
|||
// 页面周期函数--监听页面加载 |
|||
onLoad(query) { |
|||
if (query.name) { |
|||
uni.setNavigationBarTitle({ |
|||
title: query.name, |
|||
}); |
|||
} |
|||
this.type = this.InputCode; |
|||
console.log('this.type: ', this.type); |
|||
// if (this.type === 'RYPG') { |
|||
// this.afterStr = '主要治疗'; |
|||
// this.beforeStr = '基本信息'; |
|||
// } else if (this.type === 'SSXG') { |
|||
// this.afterStr = '出院记录'; |
|||
// this.beforeStr = '入院评估'; |
|||
// } else if (this.type === 'CYJL') { |
|||
// this.afterStr = '无数据'; |
|||
// this.beforeStr = '主要治疗'; |
|||
// } |
|||
// this.tips = '正在获取试题...'; |
|||
this.getAnswer(); |
|||
}, |
|||
// 页面周期函数--监听页面初次渲染完成 |
|||
onReady() {}, |
|||
// 页面周期函数--监听页面显示(not-nvue) |
|||
onShow() {}, |
|||
// 页面周期函数--监听页面隐藏 |
|||
onHide() {}, |
|||
// 页面周期函数--监听页面卸载 |
|||
onUnload() {}, |
|||
// 页面处理函数--监听用户下拉动作 |
|||
onPullDownRefresh() { |
|||
uni.stopPullDownRefresh(); |
|||
}, |
|||
// 页面处理函数--监听用户上拉触底 |
|||
onReachBottom() {}, |
|||
// 页面处理函数--监听页面滚动(not-nvue) |
|||
/* onPageScroll(event) {}, */ |
|||
// 页面处理函数--用户点击右上角分享 |
|||
/* onShareAppMessage(options) {}, */ |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.list-item { |
|||
min-height: 60px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 24rpx 0; |
|||
margin: 0 32rpx; |
|||
border-bottom: 1px solid #eee; |
|||
} |
|||
.shu { |
|||
width: 16rpx; |
|||
height: 40rpx; |
|||
background: linear-gradient(136deg, #7bc0ff 0%, #4d88ff 100%); |
|||
border-radius: 40rpx; |
|||
opacity: 1; |
|||
margin-right: 8rpx; |
|||
} |
|||
.shu-title { |
|||
font-size: 36rpx; |
|||
font-family: Open Sans-Bold, Open Sans; |
|||
font-weight: bold; |
|||
color: #3e3d4d; |
|||
} |
|||
.modal-content { |
|||
padding: 16px; |
|||
} |
|||
.slot-content { |
|||
font-size: 28rpx; |
|||
color: rgba(0, 0, 0, 0.85); |
|||
padding-left: 30rpx; |
|||
} |
|||
.ocr-open-box { |
|||
z-index: 11; |
|||
position: fixed; |
|||
right: 0; |
|||
top: 40%; |
|||
height: 40px; |
|||
width: 40px; |
|||
font-size: 16px; |
|||
background: #1890ff; |
|||
color: white; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
border-radius: 20px 20px 0 20px; |
|||
box-shadow: 0 0 4px #1890ff; |
|||
} |
|||
.inner { |
|||
/* background-color: #ededed; */ |
|||
min-height: 100vh; |
|||
} |
|||
</style> |
|||
|
After Width: | Height: | Size: 19 KiB |
Loading…
Reference in new issue