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