| | |
| | | <view class="box_tuihui" v-if="[10,11,12].includes(info.status)"> |
| | | <view class="box_tuihui_label"> |
| | | 收款账户信息确认 |
| | | <text>修改</text> |
| | | <text @click="openInfo">修改</text> |
| | | </view> |
| | | <view class="box_tuihui_list"> |
| | | <view class="box_tuihui_list_row"> |
| | |
| | | <image :src="item.fileurlFull" mode="widthFix" v-if="item.type == 0"></image> |
| | | <video :src="item.fileurlFull" v-if="item.type == 1" /> |
| | | </view> |
| | | <view class="info_list_item_tu_up" @click="upload(2)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <!-- <view class="info_list_item_tu_up" @click="upload(2)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <u-icon name="plus" color="#222222" size="20"></u-icon> |
| | | </view> |
| | | </view> --> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | |
| | | <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image> |
| | | <video :src="item.fileurlFull" v-if="item.type === 1"></video> |
| | | </view> |
| | | <view class="info_list_item_tu_up" @click="upload(3)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <!-- <view class="info_list_item_tu_up" @click="upload(3)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <u-icon name="plus" color="#222222" size="20"></u-icon> |
| | | </view> |
| | | </view> --> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | |
| | | <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image> |
| | | <video :src="item.fileurlFull" v-if="item.type === 1"></video> |
| | | </view> |
| | | <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <!-- <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <u-icon name="plus" color="#222222" size="20"></u-icon> |
| | | </view> |
| | | </view> --> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | |
| | | <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image> |
| | | <video :src="item.fileurlFull" v-if="item.type === 1"></video> |
| | | </view> |
| | | <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <!-- <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <u-icon name="plus" color="#222222" size="20"></u-icon> |
| | | </view> |
| | | </view> --> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | |
| | | <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image> |
| | | <video :src="item.fileurlFull" v-if="item.type === 1"></video> |
| | | </view> |
| | | <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <!-- <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <u-icon name="plus" color="#222222" size="20"></u-icon> |
| | | </view> |
| | | </view> --> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | |
| | | <image :src="item.fileurlFull" mode="widthFix" v-if="item.type === 0"></image> |
| | | <video :src="item.fileurlFull" v-if="item.type === 1"></video> |
| | | </view> |
| | | <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <!-- <view class="info_list_item_tu_up" @click="upload(6)" v-if="info.status == 0 || info.status == 2 || info.status == 3"> |
| | | <u-icon name="plus" color="#222222" size="20"></u-icon> |
| | | </view> |
| | | </view> --> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | | <view class="info_list_item_tu_zw"></view> |
| | |
| | | content='是否确认赔付金额?' |
| | | @confirm="confirmPrice" |
| | | @cancel="show1 = false" /> |
| | | <!-- 修改收款信息 --> |
| | | <u-popup :show="show2" round="20" mode="bottom" closeable @close="show2 = false"> |
| | | <view class="sk"> |
| | | <view class="sk_head"> |
| | | 修改收款帐户信息 |
| | | </view> |
| | | <u--form :model="form" :rules="rules" ref="uForm"> |
| | | <u-form-item label="开户银行" labelWidth="80" required prop="receiveBank" borderBottom ref="item"> |
| | | <u--input v-model="form.receiveBank" border="none" placeholder="请输入"></u--input> |
| | | </u-form-item> |
| | | <u-form-item label="账号" labelWidth="80" required prop="receiveAccount" borderBottom ref="item"> |
| | | <u--input v-model="form.receiveAccount" border="none" placeholder="请输入"></u--input> |
| | | </u-form-item> |
| | | <u-form-item label="户名" labelWidth="80" required prop="receiveUserName" borderBottom ref="item"> |
| | | <u--input v-model="form.receiveUserName" border="none" placeholder="请输入"></u--input> |
| | | </u-form-item> |
| | | </u--form> |
| | | <view style="width: 100%; height: 40rpx;"></view> |
| | | <u-button type="primary" text="保存" @click="submitInfo"></u-button> |
| | | </view> |
| | | </u-popup> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | info: null, |
| | | show: false, |
| | | show1: false, |
| | | show2: false, |
| | | height: 'auto', |
| | | height1: 'auto', |
| | | height2: 'auto', |
| | | fileList: [] |
| | | fileList: [], |
| | | form: { |
| | | receiveBank: '', |
| | | receiveAccount: '', |
| | | receiveUserName: '' |
| | | }, |
| | | rules: { |
| | | receiveBank: { |
| | | type: 'string', |
| | | required: true, |
| | | message: '请输入开户银行', |
| | | trigger: ['blur'] |
| | | }, |
| | | receiveAccount: { |
| | | type: 'string', |
| | | required: true, |
| | | message: '请输入账号', |
| | | trigger: ['blur'] |
| | | }, |
| | | receiveUserName: { |
| | | type: 'string', |
| | | required: true, |
| | | message: '请输入户名', |
| | | trigger: ['blur'] |
| | | } |
| | | } |
| | | }; |
| | | }, |
| | | onLoad(option) { |
| | |
| | | ...mapState(['cookies']) |
| | | }, |
| | | methods: { |
| | | openInfo() { |
| | | this.form.receiveBank = this.info.receiveBank |
| | | this.form.receiveAccount = this.info.receiveAccount |
| | | this.form.receiveUserName = this.info.receiveUserName |
| | | this.show2 = true |
| | | }, |
| | | submitInfo() { |
| | | this.$refs.uForm.validate().then(res => { |
| | | this.$u.api.updReceiveInfo({ |
| | | ...this.form, |
| | | id: this.id |
| | | }).then(res => { |
| | | this.show2 = false |
| | | uni.showToast({ title: '修改成功', icon: 'success' }) |
| | | this.getDetails() |
| | | }) |
| | | }).catch(errors => { |
| | | |
| | | }) |
| | | }, |
| | | queren() { |
| | | this.show1 = true |
| | | }, |
| | |
| | | <style lang="scss" scoped> |
| | | .box { |
| | | width: 100%; |
| | | .sk { |
| | | width: 100%; |
| | | padding: 30rpx; |
| | | box-sizing: border-box; |
| | | .sk_head { |
| | | width: 100%; |
| | | height: 50rpx; |
| | | line-height: 50rpx; |
| | | text-align: center; |
| | | font-size: 34rpx; |
| | | color: #222222; |
| | | margin-bottom: 30rpx; |
| | | } |
| | | } |
| | | .meade { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | .info_list_row { |
| | | width: 100%; |
| | | min-height: 80rpx; |
| | | padding-left: 50rpx; |
| | | display: flex; |
| | | align-items: flex-start; |
| | | margin-bottom: 40rpx; |
| | | position: relative; |
| | | &:last-child { |
| | | margin: 0 !important; |
| | | } |
| | |
| | | width: 20rpx; |
| | | min-height: 80rpx; |
| | | margin-right: 20rpx; |
| | | position: relative; |
| | | position: absolute; |
| | | top: 5rpx; |
| | | left: 0; |
| | | height: 100%; |
| | | // position: relative; |
| | | .info_list_row_xian_d { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | |
| | | } |
| | | } |
| | | .info_list_row_info { |
| | | flex: 1; |
| | | // flex: 1; |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .info_list_row_info_top { |