zhengyiming
3 天以前 89f387786da0e4383cf06ee162526db54971f9cf
src/components/commonView/SettlementMaterialInfoView.vue
@@ -1,50 +1,62 @@
<template>
  <ProFormCol>
    <ProFormColItem :span="12">
      <ProFormItemV2 label="本次申报奖励金总额:" prop="applySumAmount">
        <ProFormInputNumber v-model="form.applySumAmount" unit="元" />
      </ProFormItemV2>
    </ProFormColItem>
  </ProFormCol>
  <ProFormCol>
    <ProFormColItem :span="12">
      <ProFormItemV2 label="奖励金分配明细表:" prop="bountyAssignFileUlr">
        <ProFormUpload v-model:file-url="form.bountyAssignFileUlr"></ProFormUpload>
      </ProFormItemV2>
    </ProFormColItem>
  </ProFormCol>
  <ProFormCol>
    <ProFormColItem :span="12">
      <ProFormItemV2 label="奖励金汇总表:" prop="bountyCollectFileUrl">
        <ProFormUpload v-model:file-url="form.bountyCollectFileUrl"></ProFormUpload>
      </ProFormItemV2>
    </ProFormColItem>
  </ProFormCol>
  <ProFormItemV2 label="本次申报奖励金总额:" prop="applySumAmount" :mode="mode">
    <ProFormInputNumber v-model="form.applySumAmount" formatValue="money" unit="元" />
  </ProFormItemV2>
  <ProFormItemV2 label="财政拨付总额:" prop="financeSumAmount" :mode="mode">
    <ProFormInputNumber v-model="form.financeSumAmount" formatValue="money" unit="元" />
  </ProFormItemV2>
  <ProFormItemV2 label="平台拨付总额:" prop="settleSumAmount" :mode="mode">
    <ProFormInputNumber v-model="form.settleSumAmount" formatValue="money" unit="元" />
  </ProFormItemV2>
  <ProFormItemV2
    :label="`${item.fileTypeName}:`"
    :prop="`calculationFileList.${index}.listFiles`"
    :label-width="160"
    :mode="mode"
    :style="{ marginBottom: index === form.calculationFileList.length - 1 ? 0 : '22px' }"
    v-for="(item, index) in form.calculationFileList"
    :key="item.fileSearchTypeId"
    v-if="form.calculationFileList.length > 0"
  >
    <ProFormUpload
      v-model:file-url="item.listFiles"
      :limit="1"
      :limitFileSize="50"
      :showTip="false"
      :limitShowViewMoreBtnCount="4"
      accept="doc,docx,pdf,xls,xlsx,jpg/jpeg,png"
    ></ProFormUpload>
  </ProFormItemV2>
</template>
<script setup lang="ts">
import {
  ProFormCol,
  ProFormColItem,
  ProFormItemV2,
  ProFormUpload,
  UploadUserFile,
  ProFormInputNumber,
} from '@bole-core/components';
import { CustomerApplyFileTypeListItem } from './utils';
defineOptions({
  name: 'SettlementMaterialInfoView',
});
type Props = {
  isEdit?: boolean;
  form: {
    applySumAmount: number;
    bountyAssignFileUlr: UploadUserFile[];
    bountyCollectFileUrl: UploadUserFile[];
    financeSumAmount: number;
    settleSumAmount: number;
    calculationFileList: CustomerApplyFileTypeListItem[];
  };
};
const props = withDefaults(defineProps<Props>(), {});
const props = withDefaults(defineProps<Props>(), {
  isEdit: false,
});
const mode = computed(() => (props.isEdit ? 'read' : 'edit'));
</script>
<style lang="scss" scoped>