Commit 548e6939 by Tianqing Liu

feat: 聚类结果,弹窗中表单完成

1 parent bdb89458
<template> <template>
<a-modal <a-modal
title="图片" title="人员类型修正"
v-if='isVisible' v-if='isVisible'
v-model:visible="isVisible" v-model:visible="isVisible"
width="400px" width="400px"
height='50%' height='50%'
class="detail-modal" class="detail-modal"
> >
<span>123</span> <a-form :model="formData">
<a-form-item label="年龄">
<a-input-number
v-model:value="formData.age"
:min="1"
:max="200"
style="width: 100%;"
/>
</a-form-item>
<a-form-item label="性别">
<a-select v-model:value="formData.gender">
<a-select-option :value="0"></a-select-option>
<a-select-option :value="1"></a-select-option>
</a-select>
</a-form-item>
<a-form-item label="类型">
<a-select v-model:value="formData.type">
<a-select-option :value="0">顾客</a-select-option>
<a-select-option :value="1">员工</a-select-option>
</a-select>
</a-form-item>
</a-form>
<template #footer> <template #footer>
<a-button type="primary" @click="onCancel">保存</a-button>
<a-button @click="onCancel">返回</a-button> <a-button @click="onCancel">返回</a-button>
</template> </template>
</a-modal> </a-modal>
...@@ -19,6 +41,7 @@ ...@@ -19,6 +41,7 @@
import { ref } from "vue"; import { ref } from "vue";
export default { export default {
name: 'PersonGroupEditor',
setup() { setup() {
const isVisible = ref(false); const isVisible = ref(false);
...@@ -28,12 +51,21 @@ export default { ...@@ -28,12 +51,21 @@ export default {
isVisible.value = true; isVisible.value = true;
}; };
// 表单
const formData = ref({
personUnid: '',
age: undefined,
gender: 0,
type: 0,
})
const onCancel = () => { const onCancel = () => {
isVisible.value = false; isVisible.value = false;
}; };
return { return {
isVisible, isVisible,
formData,
onCancel, onCancel,
initDialog, initDialog,
}; };
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!