wupengfei
2025-09-23 07a89c37ff8a4e2bcde097faa376f5e5af7e42b6
src/views/ServiceChargeManage/components/SettleDetailDialog.vue
@@ -7,18 +7,27 @@
    draggable
    :width="700"
  >
    <ProForm :model="form" ref="dialogForm" label-width="120px" is-read>
      <ProFormItemV2 label="任务单号:" prop="code">
    <ProForm :model="form" ref="dialogForm" label-width="120px">
      <ProFormItemV2 label="任务单号:" prop="code" mode="read">
        <ProFormSelect v-model="form.code" :valueEnum="[]"> </ProFormSelect>
      </ProFormItemV2>
      <ProFormItemV2 label="任务名称:" prop="name">
      <ProFormItemV2 label="任务名称:" prop="name" mode="read">
        <ProFormText v-model.trim="form.name"></ProFormText>
      </ProFormItemV2>
      <ProFormItemV2 label="结算人数:" prop="settlementUserCount">
      <ProFormItemV2 label="结算人数:" prop="settlementUserCount" mode="read">
        <ProFormInputNumber v-model="form.settlementUserCount" unit="人"> </ProFormInputNumber>
      </ProFormItemV2>
      <ProFormItemV2 label="结算金额:" prop="settlementAmount">
        <ProFormInputNumber v-model="form.settlementAmount" unit="元"> </ProFormInputNumber>
      <ProFormItemV2 label="结算金额:" prop="actualSettlementAmount" mode="read">
        <ProFormInputNumber v-model="form.actualSettlementAmount" unit="元" format-value="money">
        </ProFormInputNumber>
      </ProFormItemV2>
      <ProFormItemV2
        label="结算方式:"
        prop="settlementAccess"
        :check-rules="[{ message: '请选择结算方式' }]"
      >
        <ProFormSelect v-model="form.settlementAccess" :valueEnum="settlementAccessList">
        </ProFormSelect>
      </ProFormItemV2>
    </ProForm>
    <template #footer>
@@ -40,6 +49,7 @@
  ProFormSelect,
  ProFormInputNumber,
} from '@bole-core/components';
import { EnumEnterpriseWalletAccess, EnumEnterpriseWalletAccessTextForSettle } from '@/constants';
defineOptions({
  name: 'SettleDetailDialog',
@@ -51,9 +61,21 @@
  name: string;
  code: string;
  settlementUserCount: number;
  settlementAmount: number;
  actualSettlementAmount: number;
  settlementAccess: EnumEnterpriseWalletAccess;
};
const { enterpriseWalletAccessSelect } = useEnterpriseWalletAccessSelect();
const settlementAccessList = computed(() => {
  return enterpriseWalletAccessSelect.value?.length > 0
    ? enterpriseWalletAccessSelect.value.map((x) => ({
        label: EnumEnterpriseWalletAccessTextForSettle[x.access],
        value: x.access,
      }))
    : [];
});
const visible = defineModel({ type: Boolean });
const form = defineModel<Form>('form');