From 9f0f5d7767506658ab5ca47ba8ff4ede423e47e3 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期三, 22 一月 2025 10:10:45 +0800 Subject: [PATCH] - --- src/pages/reimbursement/payment.vue | 86 +++++++++++++++++++++++++++++++----------- 1 files changed, 63 insertions(+), 23 deletions(-) diff --git a/src/pages/reimbursement/payment.vue b/src/pages/reimbursement/payment.vue index 09a78d6..d67c65e 100644 --- a/src/pages/reimbursement/payment.vue +++ b/src/pages/reimbursement/payment.vue @@ -28,45 +28,58 @@ readonly></up-input> </up-form-item> <up-form-item label="鎽樿" prop="planContent" required :borderBottom='false' ref="item1"> - <view class="c-p-b-20"> - <up-textarea v-model="state.publicJob.planContent" border="none" + <!-- <view class="c-p-b-20"> --> + <up-textarea v-model="state.publicJob.planContent" border="none" autoHeight placeholder="璇峰~鍐欐憳瑕�"></up-textarea> - </view> + <!-- </view> --> </up-form-item> <up-form-item label="鍙戠エ" prop="idCardFace" v-if='state.publicJob.houbufapiaoStatus!=="Wu"'> - <view class="" v-if="state.invoice&&state.invoice.length>0"> - <image class="fui-upload__img" v-for="(item,index) in state.invoice" - :style="{width:200+'rpx',height:200+'rpx'}" :key="item.keyid" :src="item" - mode="aspectFill" @tap.stop="previewImage(index,'invoice')"></image> + <view class="fui-upload__wrap" v-if="state.invoice&&state.invoice.length>0"> + <view class="fui-upload__item" v-for="(item,index) in state.invoice" :key="item.keyid"> + <u-tag :text="item.match(/\/([^\/]*)$/)[1]" size="mini" + @click="$util.previewWechat(item)" v-if="$util.checkFileExtensions(item)"></u-tag> + <image class="fui-upload__img" :style="{width:200+'rpx',height:200+'rpx'}" v-else + :src="item" mode="aspectFill" + @tap.stop="previewImage(index,'invoice')"></image> + </view> </view> <view class="" v-else> 鏈笂浼犲彂绁� </view> </up-form-item> <up-form-item label="闄勪欢" prop="idCardFace"> - <view class="" v-if="state.file&&state.file.length>0"> - <image class="fui-upload__img" v-for="(item,index) in state.file" - :style="{width:200+'rpx',height:200+'rpx'}" :key="item.keyid" :src="item" - mode="aspectFill" @tap.stop="previewImage(index)"></image> + <view class="fui-upload__wrap" v-if="state.file&&state.file.length>0"> + <view class="fui-upload__item" v-for="(item,index) in state.file" :key="item.keyid"> + <u-tag :text="item.match(/\/([^\/]*)$/)[1]" size="mini" + @click="$util.previewWechat(item)" v-if="$util.checkFileExtensions(item)"></u-tag> + <image class="fui-upload__img" v-else :style="{width:200+'rpx',height:200+'rpx'}" + :src="item" mode="aspectFill" @tap.stop="previewImage(index)"></image> + </view> </view> <view class="" v-else> 鏈笂浼犻檮浠� </view> </up-form-item> - <up-form-item label="璐︽埛绫诲瀷" prop="firmAccountId" required :borderBottom='false' ref="item1" - @click='openzhanghuPickerType'> - <up-input v-model="state.publicJob.accountType" border="none" placeholder="璇风偣鍑婚�夋嫨璐︽埛绫诲瀷" - readonly></up-input> - </up-form-item> - <up-form-item label="璐︽埛" prop="firmAccountId" required :borderBottom='false' ref="item1" - @click='openzhanghuPicker'> - <up-input v-model="state.publicJob.firmAccountName" border="none" placeholder="璇风偣鍑婚�夋嫨璐︽埛" - readonly></up-input> - </up-form-item> + <template v-if="state.publicJob.evaluationStatus=='NotReimbursed'"> + <up-form-item label="璐︽埛绫诲瀷" prop="firmAccountId" required :borderBottom='false' ref="item1" + @click='openzhanghuPickerType'> + <up-input v-model="state.publicJob.accountType" border="none" placeholder="璇风偣鍑婚�夋嫨璐︽埛绫诲瀷" + readonly></up-input> + </up-form-item> + <up-form-item label="璐︽埛" prop="firmAccountId" required :borderBottom='false' ref="item1" + @click='openzhanghuPicker'> + <up-input v-model="state.publicJob.firmAccountName" border="none" placeholder="璇风偣鍑婚�夋嫨璐︽埛" + readonly></up-input> + </up-form-item> + </template> + <template v-else> + <u--text type="success" text="宸叉姤閿�"></u--text> + </template> + </view> </up-form> </view> - <view class="tabbtns"> + <view class="tabbtns" v-if="state.publicJob.evaluationStatus=='NotReimbursed'"> <view class="chuany-flex"> <up-button type='success' class="text-69" :text="'浠樻'" :loading='isLoading' :loadingText="'浠樻涓�'" @click="saveOrder('Yes')"></up-button> @@ -157,7 +170,7 @@ message: '鎽樿涓嶈兘涓虹┖', trigger: ['blur', 'change'] }, - rewardContent:{ + rewardContent: { required: true, message: '绉戠洰涓嶈兘涓虹┖', trigger: ['blur', 'change'] @@ -323,4 +336,31 @@ .u-form-item__body { padding: 5px 0 !important; } + + .fui-upload__wrap { + /* #ifndef APP-NVUE */ + display: flex; + /* #endif */ + flex-direction: row; + flex-wrap: wrap; + } + + .fui-upload__item { + /* #ifndef APP-NVUE */ + display: flex; + /* #endif */ + align-items: center; + justify-content: center; + /* margin-right: 20rpx; */ + margin: 20rpx 20rpx 20rpx 0; + /* margin-bottom: 20rpx; */ + /* #ifdef H5 */ + cursor: pointer; + /* #endif */ + position: relative; + + /* #ifndef APP-NVUE */ + box-sizing: border-box; + /* #endif */ + } </style> \ No newline at end of file -- Gitblit v1.9.1