79 lines
3.8 KiB
Plaintext
79 lines
3.8 KiB
Plaintext
<view class="container">
|
|
|
|
<!-- 基本信息：通栏白块（白面 + 上下 2rpx 发丝线 + 中性阴影，圆角 0），
|
|
行内标签左走 --muted、值右走 --ink 700，与「个人信息」「邮寄地址」同一表单语言 -->
|
|
<view class="form-card">
|
|
<view class="form-row">
|
|
<text class="form-label">姓名</text>
|
|
<input class="form-input" value="{{form.name}}" placeholder="请输入就诊人姓名" placeholder-class="form-placeholder"
|
|
maxlength="20" data-field="name" bindinput="onFieldInput" />
|
|
</view>
|
|
|
|
<view class="form-row">
|
|
<text class="form-label">性别</text>
|
|
<!-- 选中态用软橙底 + 实心橙描边（项目既有档），未选中是纸面底 + 发丝边，
|
|
不引入第二个色相 -->
|
|
<view class="sex-wrap">
|
|
<view class="sex-tag {{form.sex === item.value ? 'sex-tag-active' : ''}}" wx:for="{{sexOptions}}" wx:key="value"
|
|
data-sex="{{item.value}}" bindtap="onSexSelect">
|
|
<text class="sex-text">{{item.label}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="form-row">
|
|
<text class="form-label">出生年月</text>
|
|
<picker class="form-picker" mode="date" value="{{form.birth}}" start="1900-01-01" end="{{today}}" bindchange="onBirthChange">
|
|
<view class="picker-value {{form.birth ? '' : 'picker-placeholder'}}">
|
|
{{form.birth || '请选择出生年月'}}
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
|
|
<view class="form-row">
|
|
<text class="form-label">联系电话</text>
|
|
<input class="form-input" value="{{form.mobile}}" type="number" placeholder="用于陪诊师联系您" placeholder-class="form-placeholder"
|
|
maxlength="11" data-field="mobile" bindinput="onFieldInput" />
|
|
</view>
|
|
|
|
<view class="form-row form-row-last">
|
|
<text class="form-label">证件号</text>
|
|
<input class="form-input" value="{{form.idnumber}}" placeholder="选填，用于医院建档取号" placeholder-class="form-placeholder"
|
|
maxlength="30" data-field="idnumber" bindinput="onFieldInput" />
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 健康信息：身高/体重是短输入，沿用行内表单语言（标签左、值右）；健康备注是多行输入，
|
|
无法与标签同排，故留在本块末尾单独一排——标签在上、文本域在下、字数右下 -->
|
|
<view class="form-card">
|
|
<view class="form-row">
|
|
<text class="form-label">身高(cm)</text>
|
|
<input class="form-input" value="{{form.height}}" type="digit" placeholder="选填，单位 cm" placeholder-class="form-placeholder"
|
|
maxlength="5" data-field="height" bindinput="onFieldInput" />
|
|
</view>
|
|
|
|
<view class="form-row">
|
|
<text class="form-label">体重(kg)</text>
|
|
<input class="form-input" value="{{form.weight}}" type="digit" placeholder="选填，单位 kg" placeholder-class="form-placeholder"
|
|
maxlength="5" data-field="weight" bindinput="onFieldInput" />
|
|
</view>
|
|
|
|
<view class="form-remark">
|
|
<text class="form-label">健康备注</text>
|
|
<textarea class="form-textarea" value="{{form.remark}}" placeholder="选填，如过敏史、慢病、行动不便等情况，便于陪诊师提前准备"
|
|
placeholder-class="form-placeholder" maxlength="200" data-field="remark" bindinput="onFieldInput" />
|
|
<text class="remark-count">{{form.remark.length}}/200</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="tips">
|
|
<t-icon name="lock-on" class="tips-icon" size="26rpx" />
|
|
<text class="tips-text">信息仅用于陪诊服务，我们会严格保密</text>
|
|
</view>
|
|
|
|
<!-- 保存是本页唯一的实心暖橙块，独占「全页同类实心块不超过一处」的额度 -->
|
|
<view class="footer-bar">
|
|
<button class="primary-btn {{saving ? 'primary-btn-disabled' : ''}}" bindtap="onSave">保存</button>
|
|
</view>
|
|
|
|
</view> |