feat(crm): 退费单/销户申请审核通过后隐藏编辑删除并提供只读详情

liu

2 天以前 fe950251bf133b5f715534df6d4bf98de05558ae

 src/views/crm/cancellation/modules/form.vue

@@ -18,11 +18,17 @@

type CancellationFormModalData = {
  cancellation?: Pick<CrmCancellationApi.Cancellation, 'id'>;
  /** 只读模式：审核通过的销户申请仅允许查看详情 */
  readonly?: boolean;
};

const emit = defineEmits(['success']);
const formData = ref<Partial<CrmCancellationApi.Cancellation>>();
const readonly = ref(false);
const getTitle = computed(() => {
  if (readonly.value) {
    return '销户申请详情';
  }
  return formData.value?.id
    ? $t('ui.actionTitle.edit', ['销户申请'])
    : $t('ui.actionTitle.create', ['销户申请']);
@@ -67,11 +73,16 @@
  async onOpenChange(isOpen: boolean) {
    if (!isOpen) {
      formData.value = undefined;
      readonly.value = false;
      return;
    }
    formApi.setState({ schema: useFormSchema(formApi) });
    await formApi.resetForm();
    const data = modalApi.getData() as null | CancellationFormModalData;
    // 只读详情：禁用全部字段并隐藏「确定」按钮；编辑/新增则恢复可操作
    readonly.value = !!data?.readonly;
    formApi.setDisabled(readonly.value);
    modalApi.setState({ showConfirmButton: !readonly.value });
    if (!data?.cancellation?.id) {
      return;
    }