You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
3.7 KiB
67 lines
3.7 KiB
<view> |
|
<tabs active="{{ 0 }}" /> |
|
<view class="container"> |
|
<form ref="formRef"> |
|
<view class="card"> |
|
<view class="h2">联系人信息</view> |
|
<van-cell-group> |
|
<van-field model:value="{{ contactName }}" label="联系人姓名" type="nickname" required readonly /> |
|
</van-cell-group> |
|
<van-cell-group> |
|
<van-field label="称呼" required> |
|
<van-radio-group direction="horizontal" slot="input" model:value="{{ contactSex }}"> |
|
<van-radio name="M">先生</van-radio> |
|
<van-radio name="F">女士</van-radio> |
|
</van-radio-group> |
|
</van-field> |
|
</van-cell-group> |
|
<van-cell-group> |
|
<van-field model:value="{{ contactIdCard }}" label="证件号码" required readonly /> |
|
</van-cell-group> |
|
<van-cell-group> |
|
<van-field model:value="{{ contactPhone }}" label="联系电话" placeholder="请输入手机号码" required |
|
error-message="{{ phoneErrMsg }}" bind:input="onPhoneInput"> |
|
<van-button slot="button" size="small" type="primary" bindtap="sendSms" wx:if="{{ !sendBtnDisabled }}">发送验证码</van-button> |
|
<van-button slot="button" size="small" type="primary" disabled wx:else>{{ time + '秒后重发' }}</van-button> |
|
</van-field> |
|
</van-cell-group> |
|
<van-cell-group> |
|
<van-field model:value="{{ code }}" label="验证码" placeholder="请输入验证码" required error-message="{{ codeErrMsg }}" /> |
|
</van-cell-group> |
|
</view> |
|
<view class="card"> |
|
<view class="h2">信件内容</view> |
|
<van-cell-group> |
|
<van-field model:value="{{ caseNumber }}" label="案件编号" placeholder="如有具体案件编号请输入案件编号" clearable /> |
|
</van-cell-group> |
|
<van-cell-group> |
|
<van-field model:value="{{ involvedDeptName }}" placeholder="请选择单位" bindtap="handleShowPicker" readonly> |
|
<view slot="label" class="label" style="line-height: 1.2;">被投诉/涉及单位</view> |
|
</van-field> |
|
</van-cell-group> |
|
<van-cell-group> |
|
<van-field label="信件内容" label-align="top" model:value="{{ content }}" placeholder="请您尽量完整的描述您的信件内容，如发生事件、涉及单位、涉及对象姓名、警号以及具体事项" |
|
type="textarea" required maxlength="{{ 300 }}" show-word-limit autosize error-message="{{ contentErrMsg }}" /> |
|
</van-cell-group> |
|
<view style="padding: var(--cell-vertical-padding,10px) var(--cell-horizontal-padding,16px);"> |
|
<view class="mb-6 label">附件</view> |
|
<van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" deletable="{{ true }}" multiple="{{ true }}" bind:delete="delFile" > |
|
<button class="upload-btn" accept="image" max-count="5"> |
|
<van-icon name="plus" size="30" /> |
|
<view>上传附件</view> |
|
</button> |
|
</van-uploader> |
|
<view class="upload-tips"><text class="danger">*</text>最多只能上传5张图片，且仅支持图片格式</view> |
|
</view> |
|
</view> |
|
|
|
</form> |
|
</view> |
|
<view class="card flex gap-16" style="padding-left: var(--cell-horizontal-padding,16px); padding-right: var(--cell-horizontal-padding,16px)"> |
|
<van-button block bind:tap="handleSaveDraft" class="main-btn">存稿</van-button> |
|
<van-button block type="primary" bind:tap="handleSave" class="main-btn">提交</van-button> |
|
</view> |
|
<van-popup show="{{ showPicker }}" position="bottom"> |
|
<van-picker columns="{{ depts }}" bind:cancel="handleCancelPicker" bind:confirm="handleConfirmPicker" show-toolbar /> |
|
</van-popup> |
|
</view> |