|
|
@ -1,18 +1,21 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="establish bg-gray-100"> |
|
|
<div class="establish"> |
|
|
<div bordered class="list-box bg-white" v-for="(item, index) in list" :key="index"> |
|
|
<div bordered class="list-box bg-white" v-for="(item, index) in list" :key="index"> |
|
|
<div |
|
|
<div class="list-item" :style="{ 'border-bottom': '1px solid #eee;' }" v-for="(listItem, listIndex) in item" :key="listIndex"> |
|
|
class="list-item" |
|
|
|
|
|
:style="{ 'border-bottom': listIndex === item.length - 1 ? '' : '1px solid #ccc;' }" |
|
|
|
|
|
v-for="(listItem, listIndex) in item" |
|
|
|
|
|
:key="listIndex" |
|
|
|
|
|
> |
|
|
|
|
|
<div class="w-full flex flex-nowrap justify-between items-center"> |
|
|
<div class="w-full flex flex-nowrap justify-between items-center"> |
|
|
<div class="flex items-center" v-if="listItem.title"> |
|
|
<div class="flex items-center" v-if="listItem.title"> |
|
|
{{ listItem.title }} |
|
|
<!-- <div class="putong-title">{{ listItem.title }}</div> |
|
|
<span v-if="listItem.isTrue" style="color: red; font-size: 20px">*</span> |
|
|
<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> |
|
|
<div> |
|
|
<div class="flex-1 flex justify-end"> |
|
|
<u-switch v-if="listItem.type === 1" v-model="codeValue['CJBL-YLMS']" /> |
|
|
<u-switch v-if="listItem.type === 1" v-model="codeValue['CJBL-YLMS']" /> |
|
|
<u-upload |
|
|
<u-upload |
|
|
v-else-if="listItem.type === 2" |
|
|
v-else-if="listItem.type === 2" |
|
|
@ -40,15 +43,27 @@ |
|
|
身份证号输入有误! |
|
|
身份证号输入有误! |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<u-radio-group :value="codeValue[listItem.code]" v-else-if="listItem.type === 4" name="radioGroup"> |
|
|
<u-radio-group |
|
|
<div @click="clickRadio(listItem.code, radioItem.name)" v-for="radioItem in listItem.listItem" :key="radioItem.id"> |
|
|
:value="codeValue[listItem.code]" |
|
|
|
|
|
v-else-if="listItem.type === 4" |
|
|
|
|
|
name="radioGroup" |
|
|
|
|
|
class="w-full" |
|
|
|
|
|
style="margin-left: 24rpx" |
|
|
|
|
|
> |
|
|
|
|
|
<div |
|
|
|
|
|
@click="clickRadio(listItem.code, radioItem.name)" |
|
|
|
|
|
v-for="radioItem in listItem.listItem" |
|
|
|
|
|
:key="radioItem.id" |
|
|
|
|
|
class="flex justify-between" |
|
|
|
|
|
style="width: 100%; height: 43px; height: 43px" |
|
|
|
|
|
> |
|
|
|
|
|
<div class="shu-title">{{ radioItem.name }}</div> |
|
|
<u-radio |
|
|
<u-radio |
|
|
@change="changeRadio($event, listItem.code)" |
|
|
@change="changeRadio($event, listItem.code)" |
|
|
:disabled="isDisabled(listItem.code, radioItem.name)" |
|
|
:disabled="isDisabled(listItem.code, radioItem.name)" |
|
|
:key="radioItem.id" |
|
|
:key="radioItem.id" |
|
|
:name="radioItem.id" |
|
|
:name="radioItem.id" |
|
|
> |
|
|
> |
|
|
{{ radioItem.name }} |
|
|
|
|
|
</u-radio> |
|
|
</u-radio> |
|
|
</div> |
|
|
</div> |
|
|
<!-- <u-radio :value="1"> 男 </u-radio> --> |
|
|
<!-- <u-radio :value="1"> 男 </u-radio> --> |
|
|
@ -61,11 +76,13 @@ |
|
|
> |
|
|
> |
|
|
<u-radio |
|
|
<u-radio |
|
|
@change="changeRadio($event, listItem.code)" |
|
|
@change="changeRadio($event, listItem.code)" |
|
|
v-for="radioItem in listItem.listItem" |
|
|
v-for="(radioItem, radioIndex) in listItem.listItem" |
|
|
:key="radioItem.id" |
|
|
:key="radioItem.id" |
|
|
:name="radioItem.id" |
|
|
:name="radioItem.id" |
|
|
> |
|
|
> |
|
|
{{ radioItem.name }} |
|
|
<view class="ml-2" :class="{ 'mr-2': radioIndex < listItem.listItem.length - 1 }"> |
|
|
|
|
|
{{ radioItem.name }} |
|
|
|
|
|
</view> |
|
|
</u-radio> |
|
|
</u-radio> |
|
|
</u-radio-group> |
|
|
</u-radio-group> |
|
|
</div> |
|
|
</div> |
|
|
@ -73,7 +90,17 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex btn-box" v-if="showBtn"> |
|
|
<div class="flex btn-box" v-if="showBtn"> |
|
|
<u-button type="primary" :disabled="isSubmit" id="complete-btn" class="flex-1 btn mr-2" @click="submit"> 完成创建病例 </u-button> |
|
|
<u-button |
|
|
|
|
|
type="primary" |
|
|
|
|
|
shape="circle" |
|
|
|
|
|
:disabled="isSubmit" |
|
|
|
|
|
id="complete-btn" |
|
|
|
|
|
class="flex-1 btn mr-2" |
|
|
|
|
|
@click="submit" |
|
|
|
|
|
:custom-style="customStyle" |
|
|
|
|
|
> |
|
|
|
|
|
完成创建病例 |
|
|
|
|
|
</u-button> |
|
|
<!-- <a-button |
|
|
<!-- <a-button |
|
|
:disabled="isStartDisabled()" |
|
|
:disabled="isStartDisabled()" |
|
|
:class="isStartDisabled() ? '' : 'green-btn'" |
|
|
:class="isStartDisabled() ? '' : 'green-btn'" |
|
|
@ -92,6 +119,9 @@ import { mapState, mapGetters, mapMutations } from 'vuex'; |
|
|
export default { |
|
|
export default { |
|
|
components: {}, |
|
|
components: {}, |
|
|
data: () => ({ |
|
|
data: () => ({ |
|
|
|
|
|
customStyle: { |
|
|
|
|
|
background: 'linear-gradient(136deg, #7BC0FF 0%, #4D88FF 100%)', |
|
|
|
|
|
}, |
|
|
action: '', |
|
|
action: '', |
|
|
codeValue: { |
|
|
codeValue: { |
|
|
'CJBL-YLMS': false, |
|
|
'CJBL-YLMS': false, |
|
|
@ -103,6 +133,13 @@ export default { |
|
|
}, |
|
|
}, |
|
|
list: [ |
|
|
list: [ |
|
|
[{ title: '演练模式', type: 1, isTrue: false }], |
|
|
[{ title: '演练模式', type: 1, isTrue: false }], |
|
|
|
|
|
[ |
|
|
|
|
|
{ |
|
|
|
|
|
title: '信息填写', |
|
|
|
|
|
type: -1, |
|
|
|
|
|
isTrue: false, |
|
|
|
|
|
}, |
|
|
|
|
|
], |
|
|
[{ title: '扫描身份证', type: 2, isTrue: false }], |
|
|
[{ title: '扫描身份证', type: 2, isTrue: false }], |
|
|
[ |
|
|
[ |
|
|
{ title: '姓名', type: 3, code: 'CJBL-NAME', isTrue: true }, |
|
|
{ title: '姓名', type: 3, code: 'CJBL-NAME', isTrue: true }, |
|
|
@ -121,7 +158,7 @@ export default { |
|
|
{ |
|
|
{ |
|
|
title: '疑似诊断', |
|
|
title: '疑似诊断', |
|
|
code: 'CJBL-YSBL', |
|
|
code: 'CJBL-YSBL', |
|
|
type: 4, |
|
|
type: -1, |
|
|
isTrue: false, |
|
|
isTrue: false, |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
@ -417,6 +454,31 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style> |
|
|
<style> |
|
|
|
|
|
/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; |
|
|
|
|
|
} |
|
|
.img-icon { |
|
|
.img-icon { |
|
|
height: 24px; |
|
|
height: 24px; |
|
|
width: 24px; |
|
|
width: 24px; |
|
|
@ -429,8 +491,7 @@ export default { |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
margin: 0 0 0.75rem 0; |
|
|
padding: 0 32rpx; |
|
|
padding: 0; |
|
|
|
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
font-variant: tabular-nums; |
|
|
font-variant: tabular-nums; |
|
|
@ -440,10 +501,10 @@ export default { |
|
|
position: relative; |
|
|
position: relative; |
|
|
} |
|
|
} |
|
|
.list-item { |
|
|
.list-item { |
|
|
min-height: 54px; |
|
|
min-height: 60px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
padding: 12px 16px; |
|
|
padding: 24rpx 0; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
