-

zhangwei

2025-01-22 9f0f5d7767506658ab5ca47ba8ff4ede423e47e3

 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>