mkm/TaskSystem-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

取消长度限制

Browse Source
This commit is contained in:
weipengfei 2023-10-11 11:40:03 +08:00
parent 68e15cdcb2
commit 3c12f41818
1 changed files with 115 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

222
src/views/setting/dict/data/edit.vue
View File

@ -1,126 +1,134 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="550px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form
class="ls-form"
ref="formRef"
:rules="rules"
:model="formData"
label-width="84px"
>
<el-form-item label="字典类型">
<el-input
:model-value="formData.type_value"
placeholder="请输入字典类型"
disabled
/>
</el-form-item>
<el-form-item label="数据名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入数据名称" clearable />
</el-form-item>
<el-form-item label="数据值" prop="value">
<el-input v-model="formData.value" placeholder="请输入数据值" clearable />
</el-form-item>
<el-form-item label="排序" prop="sort">
<div>
<el-input-number v-model="formData.sort" :min="0" :max="9999" />
<div class="form-tips">数值越大越排前</div>
</div>
</el-form-item>
<el-form-item label="状态" required prop="status">
<el-radio-group v-model="formData.status">
<el-radio :label="1">正常</el-radio>
<el-radio :label="0">停用</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
v-model="formData.remark"
type="textarea"
:autosize="{ minRows: 4, maxRows: 6 }"
clearable
maxlength="200"
show-word-limit
/>
</el-form-item>
</el-form>
</popup>
</div>
<div class="edit-popup">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="550px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form
class="ls-form"
ref="formRef"
:rules="rules"
:model="formData"
label-width="84px"
>
<el-form-item label="字典类型">
<el-input
:model-value="formData.type_value"
placeholder="请输入字典类型"
disabled
/>
</el-form-item>
<el-form-item label="数据名称" prop="name">
<el-input
v-model="formData.name"
placeholder="请输入数据名称"
clearable
/>
</el-form-item>
<el-form-item label="数据值" prop="value">
<el-input
v-model="formData.value"
placeholder="请输入数据值"
clearable
/>
</el-form-item>
<el-form-item label="排序" prop="sort">
<div>
<el-input-number v-model="formData.sort" :min="0" :max="9999" />
<div class="form-tips">数值越大越排前</div>
</div>
</el-form-item>
<el-form-item label="状态" required prop="status">
<el-radio-group v-model="formData.status">
<el-radio :label="1">正常</el-radio>
<el-radio :label="0">停用</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
v-model="formData.remark"
type="textarea"
:autosize="{ minRows: 4, maxRows: 6 }"
clearable
/>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { dictDataAdd, dictDataEdit } from '@/api/setting/dict'
import type { FormInstance } from "element-plus";
import Popup from "@/components/popup/index.vue";
import { dictDataAdd, dictDataEdit } from "@/api/setting/dict";
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const emit = defineEmits(["success", "close"]);
const formRef = shallowRef<FormInstance>();
const popupRef = shallowRef<InstanceType<typeof Popup>>();
const mode = ref("add");
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑字典数据' : '新增字典数据'
})
return mode.value == "edit" ? "编辑字典数据" : "新增字典数据";
});
const formData = reactive({
id: '',
type_value: '',
name: '',
value: '',
sort: 0,
status: 1,
remark: '',
type_id: 0
})
id: "",
type_value: "",
name: "",
value: "",
sort: 0,
status: 1,
remark: "",
type_id: 0,
});
const rules = {
name: [
{
required: true,
message: '请输入数据名称',
trigger: ['blur']
}
],
value: [
{
required: true,
message: '请输入数据值',
trigger: ['blur']
}
]
}
name: [
{
required: true,
message: "请输入数据名称",
trigger: ["blur"],
},
],
value: [
{
required: true,
message: "请输入数据值",
trigger: ["blur"],
},
],
};
const handleSubmit = async () => {
await formRef.value?.validate()
mode.value == 'edit' ? await dictDataEdit(formData) : await dictDataAdd(formData)
popupRef.value?.close()
emit('success')
}
await formRef.value?.validate();
mode.value == "edit"
? await dictDataEdit(formData)
: await dictDataAdd(formData);
popupRef.value?.close();
emit("success");
};
const handleClose = () => {
emit('close')
}
emit("close");
};
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
const open = (type = "add") => {
mode.value = type;
popupRef.value?.open();
};
const setFormData = (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key];
}
}
}
};
defineExpose({
open,
setFormData
})
open,
setFormData,
});
</script>