25 changed files with 550 additions and 35 deletions
|
After Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 144 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 192 KiB After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 74 KiB |
@ -0,0 +1,67 @@ |
|||||
|
import { $wuxActionSheet } from '../../../../../components/dist/index' |
||||
|
|
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad(options) { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,3 @@ |
|||||
|
{ |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,244 @@ |
|||||
|
<view class="content"> |
||||
|
<view class="personal-info"> |
||||
|
<view class="basic-info"> |
||||
|
<view class="item"> |
||||
|
<view class="field"> |
||||
|
<text class="must">*</text> |
||||
|
<view class="field-text">事件位置</view> |
||||
|
</view> |
||||
|
<view class="value-dl" bindtap="getPosition"> |
||||
|
<view class="di-name">{{addressContent}}</view> |
||||
|
<image class="di-but" src="../../images/dingwei.png" mode="aspectFit" /> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<view class="item"> |
||||
|
<view class="field field-d"> |
||||
|
<view class="field-text">详细地址</view> |
||||
|
</view> |
||||
|
<view class="value value-d"> |
||||
|
<view class="input" style="width: 100%;"> |
||||
|
<input type="text" |
||||
|
placeholder-class="placeholder-style" |
||||
|
value="{{ personalInfo.issueAddress }}" |
||||
|
placeholder="请输入准确位置，便于事件办理" |
||||
|
bindinput="bindIssueAddressInput" |
||||
|
cursor-spacing="14" |
||||
|
maxlength="100" /> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- wx:if="{{streetList.length>0}}" --> |
||||
|
<view class="item"> |
||||
|
<view class="field"> |
||||
|
<text class="must">*</text> |
||||
|
<view class="field-text">所属街道</view> |
||||
|
</view> |
||||
|
<view class="value"> |
||||
|
<picker class="picker" |
||||
|
range="{{streetList}}" |
||||
|
range-key="label" |
||||
|
data-list-name="streetList" |
||||
|
data-id-key="streetId" |
||||
|
data-name-key="street" |
||||
|
bindchange="inputSyncPicker"> |
||||
|
<view class="picker-text" wx:if="{{personalInfo.street}}">{{personalInfo.street}}</view> |
||||
|
<view class="picker-text z-weak" wx:else>请选择</view> |
||||
|
<image class="menu-arrow" src="../../images/arrow.png" mode="aspectFit" /> |
||||
|
</picker> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- wx:if="{{communityList.length>0}}" --> |
||||
|
<view class="item"> |
||||
|
<view class="field"> |
||||
|
<text class="must">*</text> |
||||
|
<view class="field-text">所属社区</view> |
||||
|
</view> |
||||
|
<view class="value" data-name="community" bindtap="organizationTip"> |
||||
|
<picker class="picker" |
||||
|
disabled="{{ communityList.length == 0 ? true : false }}" |
||||
|
range="{{communityList}}" |
||||
|
range-key="label" |
||||
|
data-list-name="communityList" |
||||
|
data-id-key="communityId" |
||||
|
data-name-key="community" |
||||
|
bindchange="inputSyncPicker"> |
||||
|
<view class="picker-text" wx:if="{{personalInfo.community}}">{{personalInfo.community}}</view> |
||||
|
<view class="picker-text z-weak" wx:else>请选择</view> |
||||
|
<image class="menu-arrow" src="../../images/arrow.png" mode="aspectFit" /> |
||||
|
</picker> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- wx:if="{{gridList.length>0}}" --> |
||||
|
<view class="item"> |
||||
|
<view class="field"> |
||||
|
<text class="must">*</text> |
||||
|
<view class="field-text">所属网格</view> |
||||
|
</view> |
||||
|
<view class="value" data-name="grid" bindtap="organizationTip"> |
||||
|
<picker class="picker" |
||||
|
disabled="{{ gridList.length == 0 ? true : false }}" |
||||
|
range="{{gridList}}" |
||||
|
range-key="label" |
||||
|
data-list-name="gridList" |
||||
|
data-id-key="gridId" |
||||
|
data-name-key="grid" |
||||
|
bindchange="inputSyncPicker"> |
||||
|
<view class="picker-text" wx:if="{{personalInfo.grid}}">{{personalInfo.grid}}</view> |
||||
|
<view class="picker-text z-weak" wx:else>请选择</view> |
||||
|
<image class="menu-arrow" src="../../images/arrow.png" mode="aspectFit" /> |
||||
|
</picker> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="item"> |
||||
|
<view class="field"> |
||||
|
<text class="must">*</text> |
||||
|
<view class="field-text">是否公开</view> |
||||
|
</view> |
||||
|
<view class="value-mobile"> |
||||
|
<radio-group class="radio-group" bindchange="bindFlagChange"> |
||||
|
<radio checked="{{personalInfo.showFlag === '0'}}" value="0" color="#F82525" class="radio">不公开</radio> |
||||
|
<radio checked="{{personalInfo.showFlag === '1'}}" value="1" color="#F82525" class="radio">公开</radio> |
||||
|
</radio-group> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="item"> |
||||
|
<view class="field"> |
||||
|
<text class="must">*</text> |
||||
|
<view class="field-text">联系人姓名</view> |
||||
|
</view> |
||||
|
<view class="value"> |
||||
|
<view class="input"> |
||||
|
<input type="text" |
||||
|
placeholder-class="placeholder-style" |
||||
|
value="{{ personalInfo.contactName }}" |
||||
|
placeholder="请输入" |
||||
|
bindinput="bindContactNameInput" |
||||
|
cursor-spacing="14" |
||||
|
maxlength="100" /> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="item no-border-bottom" wx:if="{{getMobileType === 'wx'}}"> |
||||
|
<view class="field mobile-field"> |
||||
|
<text class="must">*</text> |
||||
|
<view class="field-text">手机号</view> |
||||
|
</view> |
||||
|
<view class="value-mobile"> |
||||
|
<input wx:if="{{ personalInfo.mobile }}" disabled="{{true}}" type="number" bindblur="bindMobileInput" bindinput="bindMobileInput" value="{{ personalInfo.mobile }}" placeholder-class="placeholder-style" placeholder="请获取手机号" /> |
||||
|
<button hover-class="button-hover" class="get-code" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">{{ personalInfo.mobile ? '重新获取' : '获取手机号'}}</button> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="item" wx:if="{{getMobileType === 'self'}}"> |
||||
|
<view class="field"> |
||||
|
<view class="must">*</view> |
||||
|
<view class="field-text">手机号</view> |
||||
|
</view> |
||||
|
<view class="value"> |
||||
|
<view class="input"> |
||||
|
<input |
||||
|
type="number" |
||||
|
bindblur="bindMobileInput" |
||||
|
bindinput="bindMobileInput" |
||||
|
value="{{personalInfo.mobile}}" |
||||
|
placeholder-class="placeholder-style" |
||||
|
placeholder="请输入手机号" /> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="item no-border-bottom" wx:if="{{getMobileType === 'self'}}"> |
||||
|
<view class="field"> |
||||
|
<text class="must">*</text> |
||||
|
<view class="field-text">验证码</view> |
||||
|
</view> |
||||
|
<view class="value-mobile"> |
||||
|
<input bindblur="bindSmsCodeInput" bindinput="bindSmsCodeInput" value="{{personalInfo.smsCode}}" placeholder-class="placeholder-style" placeholder="请输入验证码" /> |
||||
|
<button disabled="{{smsCodeText !== '获取验证码'}}" bindtap="getSmsCode" hover-class="button-hover" class="get-code">{{smsCodeText}}</button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="note" bindtap="changeGetMobileType">{{getMobileType === 'wx' ? '*如若获取手机号异常，请点击切换至手机号/验证码注册方式' : '*点击可切回至从微信获取手机号注册方式'}}</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="add-issue"> |
||||
|
<view class="issue-content"> |
||||
|
<view class="item"> |
||||
|
<view class="field"> |
||||
|
<text class="must">*</text> |
||||
|
<view class="field-text">问题描述</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<textarea maxlength="500" value="{{personalInfo.itemContent}}" bindblur="bindTextareaBlur" bindinput="bindTextareaInput" bindfocus="bindTextareaFocus"> |
||||
|
<view class="textarea-placeholder" wx:if="{{placeholderShow}}"> |
||||
|
<view>请输入主要问题内容(不少于10字）</view> |
||||
|
</view> |
||||
|
</textarea> |
||||
|
<view class="{{ uploadImageList.length < 4 ? 'image-list' : uploadImageList.length > 3 && uploadImageList.length < 7 ? 'image-list image-list-2' : uploadImageList.length > 6 && uploadImageList.length < 10 ? 'image-list image-list-3' : 'image-list image-list-4' }}"> |
||||
|
<view |
||||
|
class="image-item" |
||||
|
wx:for="{{uploadImageList}}" |
||||
|
wx:for-index="index" |
||||
|
wx:for-item="item" |
||||
|
wx:key="imageId"> |
||||
|
<image class="issue-image" src="{{item.imgUrl}}" /> |
||||
|
<image wx:if="{{!item.uploaded}}" class="loading" src="../../images/loading.gif" /> |
||||
|
<image bindtap="deleteImage" data-imageid="{{item.imageId}}" class="close" wx:else src="../../images/icon_close.png" /> |
||||
|
</view> |
||||
|
<!-- <image wx:if="{{uploadImageList.length < 3}}" src="../../images/ig_tianjiatupian@2x.png" bindtap="chooseImage" /> --> |
||||
|
</view> |
||||
|
<view class="audio" wx:if="{{recorderData.tempFilePath && !showRecord}}"> |
||||
|
<view class="delete-audio"> |
||||
|
<image bindtap="deleteRecord" src="../../images/icon_close.png" /> |
||||
|
</view> |
||||
|
<view class="control-button" wx:if="{{!uploadRecord.uploaded}}"> |
||||
|
<image src="../../images/loading.gif"/> |
||||
|
</view> |
||||
|
<block wx:else> |
||||
|
<view class="control-button"> |
||||
|
<image src="../../images/xiaozanting.png" wx:if="{{!isPlayAudio}}" bindtap="onPlayAudio"/> |
||||
|
<image src="../../images/xiaobofang.png" wx:else bindtap="onStopAudio"/> |
||||
|
</view> |
||||
|
<view class="control-line"> |
||||
|
<slider class="control-slider" value="{{audioTimeline}}" bindchange="sliderchange" min="0" max="100" block-size="15" selected-color="#fd6161"/> |
||||
|
<view class="line-time"> |
||||
|
<view class="time-text">{{recorderTimeCur}}</view> |
||||
|
<view class="time-text">{{recorderTimeMax}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</block> |
||||
|
</view> |
||||
|
<!-- <view class="{{ uploadImageList.length < 3 ? 'image-list' : uploadImageList.length > 2 && uploadImageList.length < 6 ? 'image-list image-list-2' : uploadImageList.length > 5 && uploadImageList.length < 9 ? 'image-list image-list-3' : 'image-list image-list-4' }}"> |
||||
|
<view |
||||
|
class="image-item" |
||||
|
wx:for="{{uploadImageList}}" |
||||
|
wx:for-index="index" |
||||
|
wx:for-item="item" |
||||
|
wx:key="imageId"> |
||||
|
<image class="issue-image" src="{{item.imgUrl}}" /> |
||||
|
<image wx:if="{{!item.uploaded}}" class="loading" src="../../../../images/loading.gif" /> |
||||
|
<image bindtap="deleteImage" data-imageid="{{item.imageId}}" class="close" wx:else src="../../images/icon_close.png" /> |
||||
|
</view> |
||||
|
<image wx:if="{{uploadImageList.length < 10}}" src="../../images/ig_tianjiatupian@2x.png" bindtap="chooseImage" /> |
||||
|
</view> |
||||
|
<view class="tip">*最多可添加10张图片</view> --> |
||||
|
</view> |
||||
|
|
||||
|
<view class="image-box"> |
||||
|
<!-- <view class="yg-zp">图片、录音</view> --> |
||||
|
<!-- <view class="yg-zp-1">图片不多于 10 张、录音不超过 1 分钟</view> --> |
||||
|
<view> |
||||
|
<image class="add-icon" src="../../images/tupian.png" bindtap="chooseImage"/> |
||||
|
<image class="add-icon" src="../../images/yuyin.png" bindtap="showRecordSheet"/> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="submit-button"> |
||||
|
<button disabled="{{ submitDisabled }}" bindtap="submitPersonalInfo" hover-class="hover-submit">提交</button> |
||||
|
</view> |
||||
|
</view> |
||||
@ -0,0 +1,158 @@ |
|||||
|
/* subpages/demandCheck/pages/dissatisfied/demandCheck/demandCheck.wxss */ |
||||
|
.content { |
||||
|
width: 100%; |
||||
|
min-height: calc(100vh - 100rpx); |
||||
|
margin-top: 100rpx; |
||||
|
} |
||||
|
|
||||
|
.personal-info { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
box-sizing: border-box; |
||||
|
padding: 0 20rpx; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.basic-info { |
||||
|
width: 100%; |
||||
|
background: #fff; |
||||
|
border-radius: 16rpx; |
||||
|
box-sizing: border-box; |
||||
|
padding: 0 20rpx; |
||||
|
margin-top: 20rpx; |
||||
|
} |
||||
|
|
||||
|
.item { |
||||
|
border-bottom: 1rpx solid #e7eeee; |
||||
|
padding: 25rpx 0; |
||||
|
line-height: 60rpx; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
.item .field { |
||||
|
position: relative; |
||||
|
box-sizing: border-box; |
||||
|
width: 300rpx; |
||||
|
padding-left: 25rpx; |
||||
|
} |
||||
|
|
||||
|
.field-d { |
||||
|
width: 220rpx !important; |
||||
|
} |
||||
|
.value-d{ |
||||
|
width: 450rpx !important; |
||||
|
} |
||||
|
.item .field.mobile-field { |
||||
|
width: 250rpx !important; |
||||
|
} |
||||
|
.item .field .must { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
margin: 0 auto; |
||||
|
color: #F61616; |
||||
|
font-size: 30rpx; |
||||
|
} |
||||
|
|
||||
|
.item .field .field-text { |
||||
|
font-size: 32rpx; |
||||
|
font-family: Source Han Serif SC; |
||||
|
font-weight: 400; |
||||
|
color: #333; |
||||
|
} |
||||
|
|
||||
|
.item .value { |
||||
|
position: relative; |
||||
|
width: 410rpx; |
||||
|
display: flex; |
||||
|
font-size: 32rpx; |
||||
|
font-family: Source Han Serif SC; |
||||
|
font-weight: 400; |
||||
|
color: #333; |
||||
|
line-height: 60rpx; |
||||
|
} |
||||
|
|
||||
|
.item .value-dl { |
||||
|
position: relative; |
||||
|
width: 410rpx; |
||||
|
display: flex; |
||||
|
font-size: 32rpx; |
||||
|
font-family: Source Han Serif SC; |
||||
|
font-weight: 400; |
||||
|
color: #333; |
||||
|
line-height: 60rpx; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.di-name{ |
||||
|
margin-right: 14rpx; |
||||
|
text-align: right; |
||||
|
width: calc(100% - 30rpx); |
||||
|
} |
||||
|
|
||||
|
.di-but{ |
||||
|
width: 30rpx; |
||||
|
height: 34rpx; |
||||
|
} |
||||
|
|
||||
|
.item .value input { |
||||
|
text-align: right; |
||||
|
font-size: 34rpx; |
||||
|
color: #333; |
||||
|
height: 100%; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.item .value .picker { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
padding-right: 40rpx; |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
.item .value .picker .z-weak { |
||||
|
color: #999; |
||||
|
} |
||||
|
|
||||
|
.item .value .picker .menu-arrow { |
||||
|
position: absolute; |
||||
|
top: 20rpx; |
||||
|
right: 0; |
||||
|
width: 16rpx; |
||||
|
height: 23rpx; |
||||
|
} |
||||
|
.item .value-mobile { |
||||
|
position: relative; |
||||
|
width: 410rpx; |
||||
|
display: flex; |
||||
|
font-size: 32rpx; |
||||
|
font-family: Source Han Serif SC; |
||||
|
font-weight: 400; |
||||
|
color: #333; |
||||
|
line-height: 60rpx; |
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
} |
||||
|
.item .value-mobile .get-code { |
||||
|
padding: 0 15rpx; |
||||
|
height: 60rpx; |
||||
|
line-height: 60rpx; |
||||
|
background: linear-gradient(to right, #F40C0C, #FF4E4E); |
||||
|
color: #fff; |
||||
|
font-size: 24rpx; |
||||
|
border-radius: 6rpx; |
||||
|
margin: 0; |
||||
|
margin-left: 25rpx; |
||||
|
} |
||||
|
.item .value-mobile .button-hover { |
||||
|
background: rgb(175, 1, 1); |
||||
|
} |
||||
|
.item .value-mobile input { |
||||
|
text-align: right; |
||||
|
font-size: 34rpx; |
||||
|
color: #333; |
||||
|
height: 100%; |
||||
|
width: 55%; |
||||
|
} |
||||
|
.placeholder-style { |
||||
|
font-size: 28rpx; |
||||
|
color: #999; |
||||
|
} |
||||
Loading…
Reference in new issue