| | |
| | | <view class="index"> |
| | | <!-- 接单方 --> |
| | | <view class="index-j" v-if="userInfo && userInfo.useIdentity === 1"> |
| | | <view class="kefubtn" @click="contactPhone()"> |
| | | <image style="width: 36rpx;height: 36rpx" src="/static/icon/ic_kefu.png" mode="widthFix"></image> |
| | | <text>客服</text> |
| | | </view> |
| | | <view class="index-j-head"> |
| | | <view :style="{ width: '100%', height: statusbarHeight + 'px' }"></view> |
| | | <view class="index-c-title" :style="{ height: navHeight + 'px' }"> |
| | |
| | | <input type="text" v-model="form.locationRemark" placeholder="请输入" /> |
| | | </view> |
| | | </view> |
| | | <view class="list-item-row" v-if="viewStatus"> |
| | | <view class="list-item-row" > |
| | | <view class="list-item-row-label">需求补充</view> |
| | | <view class="list-item-row-val"> |
| | | <textarea v-model="form.supplement" cols="30" rows="10" placeholder="请输入" maxlength="200"></textarea> |
| | | </view> |
| | | </view> |
| | | <view class="list-item-row" v-if="viewStatus"> |
| | | <view class="list-item-row" > |
| | | <view class="list-item-row-label">图片</view> |
| | | <view class="list-item-row-upload"> |
| | | <view class="upload-item" v-if=" form.multifileList" v-for="(item, index) in form.multifileList" :key="index"> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="list-item-zk" @click="viewStatus = !viewStatus"> |
| | | <!-- <view class="list-item-zk" @click="viewStatus = !viewStatus"> |
| | | <text>{{viewStatus ? '收起' : '补充需求'}}</text> |
| | | <u-icon :name="viewStatus ? 'arrow-up' : 'arrow-down'" color="#00BC12" size="16"></u-icon> |
| | | </view> |
| | | </view> --> |
| | | </view> |
| | | <view class="list-item"> |
| | | <view class="list-item-label">联系人信息</view> |
| | |
| | | border-radius: 44rpx; |
| | | } |
| | | .index-j { |
| | | .kefubtn{ |
| | | background-color: white; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | position: fixed; |
| | | bottom: 100rpx; |
| | | flex-direction: column; |
| | | right:30rpx; |
| | | height: 88rpx; |
| | | width: 88rpx; |
| | | border: 1rpx solid #f2f2f2; |
| | | border-radius: 50%; |
| | | image{ |
| | | width: 36rpx; |
| | | width: 36rpx; |
| | | } |
| | | text{ |
| | | width: 44rpx; |
| | | height: 32rpx; |
| | | font-weight: 400; |
| | | font-size: 22rpx; |
| | | color: #222222; |
| | | line-height: 32rpx; |
| | | text-align: center; |
| | | } |
| | | } |
| | | width: 100%; |
| | | .index-j-head { |
| | | width: 100%; |