v3.9.0【优化】typescript版本;【优化】App端消息;【优化】弹出层z-index;

2026-06-28 00:24:23 +00:00 · 2024-11-04 20:21:05 +08:00
parent c3d267e83c
commit 472d059453
1376 changed files with 10373 additions and 9712 deletions
@@ -0,0 +1,101 @@
+<!--
+  * 字典 value 弹窗
+  * 
+  * @Author:    1024创新实验室-主任：卓大 
+  * @Date:      2022-06-08 21:50:41 
+  * @Wechat:    zhuda1024 
+  * @Email:     lab1024@163.com 
+  * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012 
+-->
+<template>
+  <a-modal :open="visible" :title="form.dictValueId ? '编辑' : '添加'" ok-text="确认" cancel-text="取消" @ok="onSubmit" @cancel="onClose">
+    <a-form ref="formRef" :model="form" :rules="rules" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
+      <a-form-item label="编码" name="valueCode">
+        <a-input v-model:value="form.valueCode" placeholder="请输入编码" />
+      </a-form-item>
+      <a-form-item label="名称" name="valueName">
+        <a-input v-model:value="form.valueName" placeholder="请输入名称" />
+      </a-form-item>
+      <a-form-item label="排序" name="sort">
+        <a-input-number v-model:value="form.sort" :min="0" :max="1000" />
+      </a-form-item>
+      <a-form-item label="备注" name="remark">
+        <textarea v-model="form.remark" style="width: 100%; height: 100px; outline: none"></textarea>
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+<script setup>
+  import { ref, reactive } from 'vue';
+  import { message } from 'ant-design-vue';
+  import { SmartLoading } from '/@/components/framework/smart-loading';
+  import { dictApi } from '/@/api/support/dict-api';
+  import { smartSentry } from '/@/lib/smart-sentry';
+
+  // emit
+  const emit = defineEmits(['reloadList']);
+
+  //  组件
+  const formRef = ref();
+
+  const formDefault = {
+    dictValueId: undefined,
+    dictKeyId: undefined,
+    sort: 1,
+    valueCode: '',
+    valueName: '',
+    remark: '',
+  };
+  let form = reactive({ ...formDefault });
+  const rules = {
+    valueCode: [{ required: true, message: '请输入编码' }],
+    valueName: [{ required: true, message: '请输入名称' }],
+    sort: [{ required: true, message: '请输入排序' }],
+  };
+  // 是否展示
+  const visible = ref(false);
+
+  function showModal(rowData, dictKeyId) {
+    Object.assign(form, formDefault);
+    if (rowData) {
+      Object.assign(form, rowData);
+    }
+    form.dictKeyId = dictKeyId;
+    visible.value = true;
+  }
+
+  function onClose() {
+    Object.assign(form, formDefault);
+    visible.value = false;
+  }
+
+  function onSubmit() {
+    formRef.value
+      .validate()
+      .then(async () => {
+        SmartLoading.show();
+        try {
+          if (form.dictValueId) {
+            await dictApi.valueEdit(form);
+          } else {
+            await dictApi.valueAdd(form);
+          }
+          message.success(`${form.dictKeyId ? '修改' : '添加'}成功`);
+          emit('reloadList');
+          onClose();
+        } catch (error) {
+          smartSentry.captureError(error);
+        } finally {
+          SmartLoading.hide();
+        }
+      })
+      .catch((error) => {
+        console.log('error', error);
+        message.error('参数验证错误，请仔细填写表单数据!');
+      });
+  }
+
+  defineExpose({
+    showModal,
+  });
+</script>