Commit 548e6939 by Tianqing Liu

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

1 parent bdb89458
<template>
<a-modal
title="图片"
title="人员类型修正"
v-if='isVisible'
v-model:visible="isVisible"
width="400px"
height='50%'
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>
<a-button type="primary" @click="onCancel">保存</a-button>
<a-button @click="onCancel">返回</a-button>
</template>
</a-modal>
......@@ -19,6 +41,7 @@
import { ref } from "vue";
export default {
name: 'PersonGroupEditor',
setup() {
const isVisible = ref(false);
......@@ -28,12 +51,21 @@ export default {
isVisible.value = true;
};
// 表单
const formData = ref({
personUnid: '',
age: undefined,
gender: 0,
type: 0,
})
const onCancel = () => {
isVisible.value = false;
};
return {
isVisible,
formData,
onCancel,
initDialog,
};
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!