feat: 页面

wupengfei

14 小时以前 a686faf1c2132f55e40119df28ce9f6e46206b74

 src/views/ServiceChargeManage/components/UploadStatementDialog.vue

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

defineOptions({
  name: 'UploadStatementDialog',
@@ -73,6 +76,8 @@
  settlementUrl: UploadUserFile[];
};

const { taskSelect } = useTaskSelect();

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

const form = defineModel<Form>('form');
@@ -84,7 +89,14 @@

const dialogForm = ref<FormInstance>();

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

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