-

zhangwei

2025-03-04 aaa8b1b2fca572d6a989179d568991ce4bd48cfb

 src/pages/reimbursement/payment.vue

@@ -2,90 +2,95 @@
   <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" 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>
                     {{state.publicJob.houbufapiaoStatus=="Wu"?'无发票':null}}
                  </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>
                  <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="请点击选择账户类型"
            <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="firmAccountId" required :borderBottom='false' ref="item1"
                     @click='openzhanghuPicker'>
                     <up-input v-model="state.publicJob.firmAccountName" border="none" placeholder="请点击选择账户"
                  <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>
               </template>
                  <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>
                        {{state.publicJob.houbufapiaoStatus=="Wu"?'无发票':null}}
                     </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>
                     <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 v-else class="c-p-t-20">
                     <u--text type="success" text="已付款"></u--text>
                  </view>

               </view>

            </view>
         </up-form>
      </view>