68 lines
2.0 KiB
Vue
68 lines
2.0 KiB
Vue
<template>
|
|
<a-modal v-model:visible="okVisible" :modal-style="{width:'420px'}" body-class="okmodal" @ok="handleConfirm"
|
|
@cancel="handleClose" >
|
|
<template #title>
|
|
提示
|
|
</template>
|
|
<a-form :model="form" :rules="rules" ref="modalFormRef" size="medium" label-align="left" auto-label-width>
|
|
<a-form-item field="income_tax" label="个人所得税:" >
|
|
<a-input-number :min="0" :style="{width:'200px'}" v-model="form.income_tax" placeholder="请输入个人所得税" mode="button" class="input-demo" />
|
|
</a-form-item>
|
|
</a-form>
|
|
<template #footer>
|
|
<a-button @click="handleClose"><template #icon><icon-close /></template>取消</a-button>
|
|
<a-button type="primary" @click="handleConfirm"><template #icon><icon-check /></template>确认</a-button>
|
|
</template>
|
|
|
|
</a-modal>
|
|
</template>
|
|
<script setup>
|
|
import { reactive, toRefs, getCurrentInstance } from 'vue';
|
|
import { Message } from '@arco-design/web-vue';
|
|
const { proxy } = getCurrentInstance();
|
|
const form = reactive({
|
|
income_tax:null
|
|
});
|
|
const props = defineProps({
|
|
// 是否显示
|
|
okVisible: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
id:{
|
|
type: String,
|
|
default:'',
|
|
},
|
|
api: {
|
|
type: Function,
|
|
},
|
|
});
|
|
const emits = defineEmits(['closeChange']);
|
|
const {okVisible,id,api} = toRefs(props);
|
|
|
|
// Akiraka 20230210 关闭弹窗
|
|
const handleClose = () => {
|
|
emits('closeChange',false);
|
|
proxy.$refs.modalFormRef.resetFields();
|
|
// alert(flag)
|
|
}
|
|
// Akiraka 20230210 删除数据校验
|
|
const rules = {
|
|
income_tax: [{ required: true, message: '请输入个人所得税' }]
|
|
};
|
|
// Akiraka 20230210 确认按钮 => 开始数据检查
|
|
const handleConfirm = () => {
|
|
proxy.$refs.modalFormRef.validate(async(valid) => {
|
|
if (!valid) {
|
|
const {code}= await api.value(id.value,form);
|
|
if(code==200){
|
|
Message.success("修改成功");
|
|
proxy.$refs.modalFormRef.resetFields();
|
|
}else{
|
|
proxy.$notification.error(response.message);
|
|
}
|
|
emits('closeChange',true);
|
|
}
|
|
})
|
|
}
|
|
</script> |