feat: 页面

wupengfei

4 天以前 8319ca8d93e46780a48d6100b3804d5660fe0e7d

 src/views/ServiceChargeManage/components/UploadStatementDialog.vue

@@ -8,13 +8,16 @@
    :width="700"
  >
    <ProForm :model="form" ref="dialogForm" label-width="120px">
      <ProFormItemV2 label="任务单号：" prop="name" :check-rules="[{ message: '请选择任务单号' }]">
      <ProFormItemV2 label="任务单号：" prop="code" :check-rules="[{ message: '请选择任务单号' }]">
        <ProFormSelect
          v-model="form.name"
          :valueEnum="[]"
          v-model="form.code"
          :valueEnum="taskSelect"
          placeholder="请选择任务单号"
          enum-value-key="id"
          enum-label-key="code"
          filterable
          clearable
          @change="handleCodeChange"
        >
        </ProFormSelect>
      </ProFormItemV2>
@@ -23,6 +26,7 @@
          style="width: 50%"
          placeholder="请输入任务名称"
          v-model.trim="form.name"
          disabled
        ></ProFormText>
      </ProFormItemV2>
      <ProFormItemV2
@@ -34,7 +38,7 @@
          v-model:file-url="form.settlementUrl"
          :limit="1"
          :limitFileSize="10"
          accept="jpg/jpeg,png,pdf"
          accept="xlsx,xls"
        ></ProFormUpload>
      </ProFormItemV2>
    </ProForm>
@@ -58,6 +62,7 @@
  ProFormSelect,
  UploadUserFile,
} from '@bole-core/components';
import { Message } from '@bole-core/core';

defineOptions({
  name: 'UploadStatementDialog',
@@ -66,9 +71,12 @@
type Form = {
  title?: string;
  id: string;
  code: string;
  name: string;
  settlementUrl: UploadUserFile[];
};

const { taskSelect } = useTaskSelect();

const visible = defineModel({ type: Boolean });

@@ -81,6 +89,15 @@

const dialogForm = ref<FormInstance>();

function handleCodeChange(value: string) {
  if (value) {
    form.value.name = taskSelect.value?.find((item) => item.id === value)?.name ?? '';
    form.value.id = value;
  } else {
    Message.errorMessage('请选择任务单号');
  }
}

function onDialogClose() {
  if (!dialogForm.value) return;
  dialogForm.value.resetFields();