zhangxiao
2024-08-05 c1498006d64ac53630980aaa2aaf424300e9815c
src/views/dmx/model/components/addModel.vue
@@ -1,18 +1,26 @@
<template>
  <a-button type="primary" @click="handleClick" style="margin-left: 10px">
    <template #icon>
      <icon-plus />
    </template>
  </a-button>
  <a-modal v-model:visible="visible" title="添加模式"
  <a-modal
    v-model:visible="visible"
    title="添加模式"
           @before-open="handleOpened"
           @cancel="handleCancel"
           :footer="false"
           title-align="start"
           width="600px"
  >
    <a-form ref="formRef" :rules="rules" :model="form" @submit="handleSubmit" :style="{width:'90%',margin:'0 auto'}" layout="vertical" >
    <a-form
      ref="formRef"
      :rules="rules"
      :model="form"
      @submit="handleSubmit"
      :style="{ width: '90%', margin: '0 auto' }"
      layout="vertical"
    >
      <a-form-item field="name" label="模型类型">
        <a-select v-model="form.section" placeholder="请选择">
          <a-option value="section one">Section One</a-option>
@@ -35,7 +43,9 @@
            <template #upload-button>
              <div
                :class="`arco-upload-list-item${
            file && file.status === 'error' ? ' arco-upload-list-item-error' : ''
                  file && file.status === 'error'
                    ? ' arco-upload-list-item-error'
                    : ''
          }`"
              >
                <div
@@ -80,7 +90,9 @@
      <a-form-item>
        <div style="width: 100%;text-align: right">
          <a-button @click="visible = false">取消</a-button>
          <a-button style="margin-left: 10px" type="primary" html-type="submit">确定</a-button>
          <a-button style="margin-left: 10px" type="primary" html-type="submit"
            >确定</a-button
          >
        </div>
      </a-form-item>
    </a-form>
@@ -88,27 +100,28 @@
</template>
<script lang="ts" setup>
import { onMounted ,onBeforeMount, reactive, ref } from "vue";
  import { onMounted, onBeforeMount, reactive, ref } from 'vue';
const visible = ref(false);
const loading = ref(false);
const form = reactive({
  size: "medium",
  name: "",
    size: 'medium',
    name: '',
  age: undefined,
  section: "0",
  province: "haidian",
    section: '0',
    province: 'haidian',
  options: [],
  date: "",
  time: "",
  radio: "radio one",
    date: '',
    time: '',
    radio: 'radio one',
  slider: 5,
  score: 5,
  switch: false,
  multiSelect: ["section one"],
  treeSelect: "",
    multiSelect: ['section one'],
    treeSelect: '',
  raptor: false,
  prompt: '请总结以下段落。 小心数字,不要编造。 段落如下:\n' +
    prompt:
      '请总结以下段落。 小心数字,不要编造。 段落如下:\n' +
    '      {cluster_content}\n' +
    '以上就是你需要总结的内容。',
});
@@ -121,30 +134,28 @@
      message:'名称不允许为空',
    },
  ],
}
  };
const handleSubmit = ({values, errors}) => {
  console.log('values:', values, '\nerrors:', errors)
}
    console.log('values:', values, '\nerrors:', errors);
  };
const handleClick = () => {
  visible.value = true;
};
const handleBeforeOk = (done) => {
    formRef.value.validate().then(res => {
      console.log('form:', form)
    formRef.value.validate().then((res) => {
      console.log('form:', form);
      if (!form.name) {
        done(false)
        done(false);
      }else {
        console.log('请求数据');
      }
    })
    });
};
const handleCancel = () => {
  visible.value = false;
}
  };
const handleOpened =(el) => {
  Object.assign(form,{
@@ -154,7 +165,7 @@
    txt: '',// 备注
  });
  formRef.value.resetFields();
}
  };
const file = ref();
@@ -168,20 +179,13 @@
  file.value = currentFile;
};
onBeforeMount(()=>{
})
onMounted(()=>{
})
  onBeforeMount(() => {});
  onMounted(() => {});
</script>
<script lang="ts">
export default {
  name: 'add',
  methods: {
  }
    methods: {},
};
</script>