From e5a77d6a551d13e4cf74624b31b0fa3e328b304d Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期四, 23 一月 2025 17:23:39 +0800
Subject: [PATCH] -
---
src/pages/reimbursement/payment.vue | 110 ++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 80 insertions(+), 30 deletions(-)
diff --git a/src/pages/reimbursement/payment.vue b/src/pages/reimbursement/payment.vue
index 09a78d6..03afa03 100644
--- a/src/pages/reimbursement/payment.vue
+++ b/src/pages/reimbursement/payment.vue
@@ -19,56 +19,79 @@
<up-input v-model="leibie" border="none" placeholder="璇峰~鍐欏鍚�" readonly></up-input>
</up-form-item>
<up-form-item label="閲戦" prop="planMoney" :borderBottom='false' ref="item1">
- <up-input v-model="state.publicJob.planMoney" border="none" placeholder="璇峰~鍐欓噾棰�"
+ <up-input v-model="state.publicJob.planMoney" border="none" readonly placeholder="璇峰~鍐欓噾棰�"
type="digit"></up-input>
</up-form-item>
- <up-form-item label="绉戠洰" prop="rewardContent" required :borderBottom='false' ref="item1"
- @click='openKemuPicker'>
+ <up-form-item label="绉戠洰" prop="rewardContent" required :borderBottom='false' ref="item1">
<up-input v-model="state.publicJob.rewardContent" border="none" placeholder="璇风偣鍑婚�夋嫨绉戠洰"
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"
- placeholder="璇峰~鍐欐憳瑕�"></up-textarea>
- </view>
+ <!-- <view class="c-p-b-20"> -->
+ <up-textarea v-model="state.publicJob.planContent" border="none" 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>
- 鏈笂浼犲彂绁�
+ {{state.publicJob.houbufapiaoStatus=="Wu"?'鏃犲彂绁�':null}}
</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>
+ <view v-for="(item,index) in state.publicJob.oaWorkPlanShenpis" :key="item.index" class="chuany-flex c-p-t-20">
+ <view class="chuany-flex chuany-width36">
+ <u-text :text='item.approvalStaff.name'></u-text>
+ <u-text type="success" text="宸叉壒鍑�"></u-text>
+ </view>
+ <view class="chuany-width64">
+ <u-text :text='item.approvalContent'></u-text>
+ </view>
+ </view>
+ </template>
+ <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>
+
+ <view v-else class="c-p-t-20">
+ <u--text type="success" text="宸蹭粯娆�"></u--text>
+ </view>
+
</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="'浠樻涓�'"
+ <up-button type='success' :text="'浠樻'" :loading='isLoading' :loadingText="'浠樻涓�'"
@click="saveOrder('Yes')"></up-button>
<!-- <up-button color='#fece01' class="text-69" :text="'涓嶆壒鍑�'" :loading='isLoading' :loadingText="'鎻愪氦涓�'"
@click="saveOrder('No')"></up-button> -->
@@ -120,7 +143,7 @@
let zhanghuPickerType = ref(false)
let kemuList = ref()
let kemuPicker = ref(false)
- let defaultIndex = ref([6])
+ let defaultIndex = ref([0])
let defaultIndexAccount = ref([0])
let state = reactive({
publicJob: {
@@ -157,7 +180,7 @@
message: '鎽樿涓嶈兘涓虹┖',
trigger: ['blur', 'change']
},
- rewardContent:{
+ rewardContent: {
required: true,
message: '绉戠洰涓嶈兘涓虹┖',
trigger: ['blur', 'change']
@@ -323,4 +346,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: 10rpx 10rpx 10rpx 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