取消长度限制

src/views/setting/dict/data/edit.vue

@@ -23,10 +23,18 @@
           />
         </el-form-item>
         <el-form-item label="数据名称" prop="name">
-                    <el-input v-model="formData.name" placeholder="请输入数据名称" clearable />
+          <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-input
+            v-model="formData.value"
+            placeholder="请输入数据值"
+            clearable
+          />
         </el-form-item>
         <el-form-item label="排序" prop="sort">
           <div>
@@ -46,8 +54,6 @@
             type="textarea"
             :autosize="{ minRows: 4, maxRows: 6 }"
             clearable
-                        maxlength="200"
-                        show-word-limit
           />
         </el-form-item>
       </el-form>
@@ -55,72 +61,74 @@
   </div>
 </template>
 <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(() => {
-    return mode.value == 'edit' ? '编辑字典数据' : '新增字典数据'
+  return mode.value == "edit" ? "编辑字典数据" : "新增字典数据";
-})
+});
 const formData = reactive({
-    id: '',
+  id: "",
-    type_value: '',
+  type_value: "",
-    name: '',
+  name: "",
-    value: '',
+  value: "",
   sort: 0,
   status: 1,
-    remark: '',
+  remark: "",
-    type_id: 0
+  type_id: 0,
-})
+});
 
 const rules = {
   name: [
     {
       required: true,
-            message: '请输入数据名称',
+      message: "请输入数据名称",
-            trigger: ['blur']
+      trigger: ["blur"],
-        }
+    },
   ],
   value: [
     {
       required: true,
-            message: '请输入数据值',
+      message: "请输入数据值",
-            trigger: ['blur']
+      trigger: ["blur"],
-        }
+    },
-    ]
+  ],
-}
+};
 
 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 = () => {
-    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>) => {
   for (const key in formData) {
     if (data[key] != null && data[key] != undefined) {
       //@ts-ignore
-            formData[key] = data[key]
+      formData[key] = data[key];
-        }
     }
   }
+};
 
 defineExpose({
   open,
-    setFormData
+  setFormData,
-})
+});
 </script>