From 2d43a1df3f5ba42710e6d21c27d1e13bdb8dfd56 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期一, 24 三月 2025 09:23:08 +0800 Subject: [PATCH] - --- src/pages/reimbursement/payment.vue | 163 +++++++++++++++++++++++++++++------------------------ 1 files changed, 89 insertions(+), 74 deletions(-) diff --git a/src/pages/reimbursement/payment.vue b/src/pages/reimbursement/payment.vue index d67c65e..263b25c 100644 --- a/src/pages/reimbursement/payment.vue +++ b/src/pages/reimbursement/payment.vue @@ -2,86 +2,101 @@ <view class="full-page "> <view class="list"> <up-form labelPosition="left" :model="state.publicJob" ref="formRef" labelWidth='140rpx'> - <view class="content c-p-l-24 c-p-b-120"> - <up-form-item label="鐢宠鏃ユ湡" prop="planStartTime" :borderBottom='false' ref="item1"> - <up-input v-model="state.publicJob.planStartTime" border="none" placeholder="璇风偣鍑婚�夋嫨閮ㄩ棬" - readonly></up-input> - </up-form-item> - <up-form-item label="閮ㄩ棬" prop="departmentId" :borderBottom='false' ref="item1"> - <up-input v-model="state.publicJob.depart.name" border="none" placeholder="璇风偣鍑婚�夋嫨閮ㄩ棬" - readonly></up-input> - </up-form-item> - <up-form-item label="濮撳悕" prop="name" :borderBottom='false' ref="item1"> - <up-input v-model="state.publicJob.planPeople" border="none" placeholder="璇峰~鍐欏鍚�" - readonly></up-input> - </up-form-item> - <up-form-item label="璇风ず绫诲埆" prop="name" :borderBottom='false' ref="item1"> - <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="璇峰~鍐欓噾棰�" - type="digit"></up-input> - </up-form-item> - <up-form-item label="绉戠洰" prop="rewardContent" required :borderBottom='false' ref="item1" - @click='openKemuPicker'> - <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" autoHeight + <view class="c-p-b-134"> + <view class="content c-p-l-24 c-p-b-24"> + <up-form-item label="鐢宠鏃ユ湡" prop="planStartTime" :borderBottom='false' ref="item1"> + <up-input v-model="state.publicJob.planStartTime" border="none" placeholder="璇风偣鍑婚�夋嫨閮ㄩ棬" + readonly></up-input> + </up-form-item> + <up-form-item label="閮ㄩ棬" prop="departmentId" :borderBottom='false' ref="item1"> + <up-input v-model="state.publicJob.depart.name" border="none" placeholder="璇风偣鍑婚�夋嫨閮ㄩ棬" + readonly></up-input> + </up-form-item> + <up-form-item label="濮撳悕" prop="name" :borderBottom='false' ref="item1"> + <up-input v-model="state.publicJob.planPeople" border="none" placeholder="璇峰~鍐欏鍚�" + readonly></up-input> + </up-form-item> + <up-form-item label="璇风ず绫诲埆" prop="name" :borderBottom='false' ref="item1"> + <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" readonly placeholder="璇峰~鍐欓噾棰�" + type="digit"></up-input> + </up-form-item> + <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" autoHeight placeholder="璇峰~鍐欐憳瑕�"></up-textarea> - <!-- </view> --> - </up-form-item> - <up-form-item label="鍙戠エ" prop="idCardFace" v-if='state.publicJob.houbufapiaoStatus!=="Wu"'> - <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="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.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> + <!-- </view> --> </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 label="鍙戠エ" prop="idCardFace" v-if='state.publicJob.houbufapiaoStatus!=="Wu"'> + <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> - </template> - <template v-else> - <u--text type="success" text="宸叉姤閿�"></u--text> - </template> - + <up-form-item label="闄勪欢" prop="idCardFace"> + <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> + <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> </view> </up-form> </view> <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> --> @@ -133,7 +148,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: { @@ -352,7 +367,7 @@ align-items: center; justify-content: center; /* margin-right: 20rpx; */ - margin: 20rpx 20rpx 20rpx 0; + margin: 10rpx 10rpx 10rpx 0; /* margin-bottom: 20rpx; */ /* #ifdef H5 */ cursor: pointer; -- Gitblit v1.9.1