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/approve.vue | 64 +++++++++++++++++++++++++------ 1 files changed, 51 insertions(+), 13 deletions(-) diff --git a/src/pages/reimbursement/approve.vue b/src/pages/reimbursement/approve.vue index b877350..9bab066 100644 --- a/src/pages/reimbursement/approve.vue +++ b/src/pages/reimbursement/approve.vue @@ -27,35 +27,45 @@ readonly></up-input> </up-form-item> <up-form-item label="鎽樿" prop="planContent" :borderBottom='false' ref="item1"> - <view class="c-p-b-20"> - <up-textarea v-model="state.publicJob.planContent" border="none" readonly - placeholder="璇峰~鍐欐憳瑕�"></up-textarea> - </view> + <!-- <view class="c-p-b-20"> --> + <up-textarea v-model="state.publicJob.planContent" border="none" readonly autoHeight + placeholder="璇峰~鍐欐憳瑕�"></up-textarea> + <!-- </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> + <template v-if="state.publicJob.approvalStatus !== 'unApproval'"> + <u--text :type="state.publicJob.approvalStatus=='Yes'?'success':'warning'" + :text="state.publicJob.approvalStatus=='Yes'?'鎵瑰噯':'涓嶆壒鍑�'"></u--text> + </template> </view> </up-form> </view> - <view class="tabbtns"> + <view class="tabbtns" v-if="state.publicJob.approvalStatus == 'unApproval'"> <view class="chuany-flex"> <up-button type='success' class="text-69" :text="'鎵瑰噯'" :loading='isLoading' :loadingText="'鎵瑰噯涓�'" @click="saveOrder('Yes')"></up-button> @@ -206,7 +216,35 @@ .u-textarea { padding: 0 !important; } + .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