From 3c12f41818e82ab8d1e164a12c498985e91f0f67 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Wed, 11 Oct 2023 11:40:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=96=E6=B6=88=E9=95=BF=E5=BA=A6=E9=99=90?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/setting/dict/data/edit.vue | 222 ++++++++++++++-------------
 1 file changed, 115 insertions(+), 107 deletions(-)

diff --git a/src/views/setting/dict/data/edit.vue b/src/views/setting/dict/data/edit.vue
index d67949b..4ffd417 100644
--- a/src/views/setting/dict/data/edit.vue
+++ b/src/views/setting/dict/data/edit.vue
@@ -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>