|
|
@@ -34,25 +34,38 @@
|
|
|
|
|
|
<view class="form-section">
|
|
|
<view class="form-title">疾病史</view>
|
|
|
- <view class="tag-wrap">
|
|
|
- <view
|
|
|
- v-for="(tag, idx) in diseaseTags"
|
|
|
- :key="idx"
|
|
|
- class="tag-item"
|
|
|
- :class="{ 'tag-active': form.diseaseNames.indexOf(tag) >= 0 }"
|
|
|
- @click="toggleDisease(tag)"
|
|
|
- >
|
|
|
- <text>{{ tag }}</text>
|
|
|
+ <view v-for="(group, gi) in diseaseGroups" :key="group.key" class="disease-group">
|
|
|
+ <view class="group-head" @click="toggleGroup(group.key)">
|
|
|
+ <text class="group-title">{{ group.title }}</text>
|
|
|
+ <text class="group-arrow">{{ expandedGroups.indexOf(group.key) >= 0 ? '收起' : '展开' }}</text>
|
|
|
</view>
|
|
|
- <view v-for="(custom, idx) in customDiseases" :key="getCustomKey(idx)" class="tag-item tag-active">
|
|
|
- <text>{{ custom }}</text>
|
|
|
- <text class="tag-del" @click="removeCustomDisease(idx)">×</text>
|
|
|
+ <view v-if="expandedGroups.indexOf(group.key) >= 0" class="tag-wrap">
|
|
|
+ <view
|
|
|
+ v-for="(item, ii) in group.items"
|
|
|
+ :key="item.name"
|
|
|
+ class="tag-item"
|
|
|
+ :class="{ 'tag-active': selectedNames.indexOf(item.name) >= 0 }"
|
|
|
+ @click="toggleDisease(item.name)"
|
|
|
+ >
|
|
|
+ <text>{{ item.name }}</text>
|
|
|
+ <text v-if="item.risk" class="risk-badge" @click.stop="showRiskTip(item.name)">★</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="custom-row">
|
|
|
<input class="custom-input" type="text" v-model="diseaseInput" placeholder="输入其他疾病" />
|
|
|
<text class="add-link" @click="addCustomDisease">添加</text>
|
|
|
</view>
|
|
|
+ <view v-if="selectedDiseases.length > 0" class="selected-area">
|
|
|
+ <view class="selected-title">已选疾病({{ selectedDiseases.length }})</view>
|
|
|
+ <view v-for="(item, si) in selectedDiseases" :key="getSelKey(si)" class="sel-row">
|
|
|
+ <text class="sel-name">{{ item.name }}</text>
|
|
|
+ <picker mode="date" fields="month" :value="item.diagnosedAt || currentMonth" :end="monthEnd" @change="onDiagChange(si, $event)">
|
|
|
+ <view class="sel-diag">{{ item.diagnosedAt ? item.diagnosedAt : '设确诊时间' }}</view>
|
|
|
+ </picker>
|
|
|
+ <text class="sel-del" @click="removeSelected(si)">×</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-section">
|