From b6c93031c69f518d2d2a29abe6c43828c710bd46 Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Sun, 27 Jul 2025 11:58:44 +0800
Subject: [PATCH] =?UTF-8?q?refactor(front):=20=E4=BC=98=E5=8C=96=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=8A=9F=E8=83=BD=E5=92=8C=E6=B6=88=E6=81=AF=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改部门树组件的值类型
- 优化文件上传组件的大小计算和消息提示
- 统一使用 CsMessage 组件进行消息提示
- 调整控制台日志输出级别
---
 .../views/components/business/CuteDeptTree.vue | 10 ++++++----
 .../components/business/CuteFileDragUpload.vue | 18 +++++++++++-------
 .../components/business/CuteFileUpload.vue     | 17 ++++++++++-------
 .../components/business/CuteUserSelect.vue     |  3 +++
 .../views/components/dev/CuteCodeEditor.vue    |  4 ++--
 .../views/components/dev/CutePipelineNode.vue  |  4 ++--
 .../components/dev/CuteRichTextEditor.vue      | 12 ++++++------
 .../componentsDemo/CuteFileDragUploadDemo.vue  |  2 +-
 .../componentsDemo/CuteFileUploadDemo.vue      |  2 +-
 .../componentsDemo/CuteJavaEditorDemo.vue      |  2 +-
 .../views/componentsDemo/CuteMarkdownDemo.vue  |  8 ++++----
 .../componentsDemo/CuteOneKeyCopyDemo.vue      |  6 +++---
 .../componentsDemo/CuteRichTextEditorDemo.vue  |  4 ++--
 .../componentsDemo/CuteSimpleTableDemo.vue     |  4 ++--
 .../componentsDemo/CuteYamlEditorDemo.vue      |  2 +-
 .../src/views/system/storage/local/index.vue   |  2 +-
 .../src/views/system/storage/oss/index.vue     |  8 ++++----
 17 files changed, 60 insertions(+), 48 deletions(-)

diff --git a/cutejava-front/src/views/components/business/CuteDeptTree.vue b/cutejava-front/src/views/components/business/CuteDeptTree.vue
index 57754cdc..fadbc0d4 100644
--- a/cutejava-front/src/views/components/business/CuteDeptTree.vue
+++ b/cutejava-front/src/views/components/business/CuteDeptTree.vue
@@ -30,7 +30,7 @@ export default {
   name: 'CuteDeptTree',
   props: {
     value: {
-      type: Object,
+      type: [Number, String],
       required: false,
       default: null
     }
@@ -68,9 +68,11 @@ export default {
         })
       }, 100)
     },
-    handleNodeClick(data) {
-      this.$emit('node-click', data)
-      this.$emit('input', data)
+    handleNodeClick(value) {
+      // 绑定node-click事件
+      this.$emit('node-click', value)
+      // 绑定form value
+      this.$emit('input', value.id)
     }
   }
 }
diff --git a/cutejava-front/src/views/components/business/CuteFileDragUpload.vue b/cutejava-front/src/views/components/business/CuteFileDragUpload.vue
index 1e445647..c76a8f64 100644
--- a/cutejava-front/src/views/components/business/CuteFileDragUpload.vue
+++ b/cutejava-front/src/views/components/business/CuteFileDragUpload.vue
@@ -17,9 +17,9 @@
 </template>
 
 <script>
-import { Message } from 'element-ui'
 import { mapGetters } from 'vuex'
 import { getToken } from '@/utils/auth'
+import CsMessage from '@/utils/elementui/CsMessage'
 
 export default {
   name: 'CuteFileUpload',
@@ -44,7 +44,7 @@ export default {
   methods: {
     beforeUpload(file) {
       let isLt2M = true
-      isLt2M = file.size / 1024 / 1024 < 100
+      isLt2M = file.size / 1024 ** 2 < 100
       if (!isLt2M) {
         this.$message.error('上传文件大小不能超过 100MB')
         return false
@@ -53,17 +53,21 @@ export default {
     },
     // 监听上传失成功
     handleSuccess(response, file, fileList) {
-      // Message.success('上传成功')
+      CsMessage.Success('上传成功')
       // this.$refs.upload.clearFiles()
-      console.error('response', response)
-      console.error('file', file)
-      console.error('fileList', fileList)
+      // console.error('response', response)
+      // console.error('file', file)
+      // console.error('fileList', fileList)
       this.value.fileUrl = response
+      // 绑定on-success事件
+      this.$emit('on-success', response, file, fileList)
     },
     // 监听上传失败
     handleError(e, file, fileList) {
       const msg = JSON.parse(e.message)
-      Message.error(msg.message)
+      CsMessage.Error(msg.message)
+      // 绑定on-error事件
+      this.$emit('on-error', e, file, fileList)
     }
   }
 }
diff --git a/cutejava-front/src/views/components/business/CuteFileUpload.vue b/cutejava-front/src/views/components/business/CuteFileUpload.vue
index 17b73483..489d09a3 100644
--- a/cutejava-front/src/views/components/business/CuteFileUpload.vue
+++ b/cutejava-front/src/views/components/business/CuteFileUpload.vue
@@ -15,9 +15,9 @@
 </template>
 
 <script>
-import { Message } from 'element-ui'
 import { mapGetters } from 'vuex'
 import { getToken } from '@/utils/auth'
+import CsMessage from '@/utils/elementui/CsMessage'
 
 export default {
   name: 'CuteFileUpload',
@@ -42,7 +42,7 @@ export default {
   methods: {
     beforeUpload(file) {
       let isLt2M = true
-      isLt2M = file.size / 1024 / 1024 < 100
+      isLt2M = file.size / 1024 ** 2 < 100
       if (!isLt2M) {
         this.$message.error('上传文件大小不能超过 100MB')
         return false
@@ -51,17 +51,20 @@ export default {
     },
     // 监听上传失成功
     handleSuccess(response, file, fileList) {
-      // Message.success('上传成功')
       // this.$refs.upload.clearFiles()
-      console.error('response', response)
-      console.error('file', file)
-      console.error('fileList', fileList)
+      // console.error('response', response)
+      // console.error('file', file)
+      // console.error('fileList', fileList)
       this.value.fileUrl = response
+      // 绑定on-success事件
+      this.$emit('on-success', response, file, fileList)
     },
     // 监听上传失败
     handleError(e, file, fileList) {
       const msg = JSON.parse(e.message)
-      Message.error(msg.message)
+      CsMessage.Error(msg.message)
+      // 绑定on-error事件
+      this.$emit('on-error', e, file, fileList)
     }
   }
 }
diff --git a/cutejava-front/src/views/components/business/CuteUserSelect.vue b/cutejava-front/src/views/components/business/CuteUserSelect.vue
index e4d2a048..855dde65 100644
--- a/cutejava-front/src/views/components/business/CuteUserSelect.vue
+++ b/cutejava-front/src/views/components/business/CuteUserSelect.vue
@@ -59,7 +59,10 @@ export default {
       })
     },
     onChange(value) {
+      // 绑定change事件
       this.$emit('change', value)
+      // 绑定form value
+      this.$emit('input', value)
     }
   }
 }
diff --git a/cutejava-front/src/views/components/dev/CuteCodeEditor.vue b/cutejava-front/src/views/components/dev/CuteCodeEditor.vue
index f92b510a..5b2644f4 100644
--- a/cutejava-front/src/views/components/dev/CuteCodeEditor.vue
+++ b/cutejava-front/src/views/components/dev/CuteCodeEditor.vue
@@ -26,7 +26,7 @@ import 'codemirror/mode/ruby/ruby'
 import 'codemirror/mode/sql/sql'
 import 'codemirror/mode/vue/vue'
 import 'codemirror/mode/xml/xml'
-import { Message } from 'element-ui'
+import CsMessage from '@/utils/elementui/CsMessage'
 
 const SupportModeList = ['yaml', 'java', 'go', 'swift', 'dockerfile', 'groovy', 'lua', 'perl', 'python', 'ruby', 'sql', 'xml', 'vue']
 export default {
@@ -98,7 +98,7 @@ export default {
       })
       return
     }
-    Message.error('不支持的mode')
+    CsMessage.Error('不支持的mode')
   },
   methods: {
     getValue() {
diff --git a/cutejava-front/src/views/components/dev/CutePipelineNode.vue b/cutejava-front/src/views/components/dev/CutePipelineNode.vue
index ef0040a4..1822b6ac 100644
--- a/cutejava-front/src/views/components/dev/CutePipelineNode.vue
+++ b/cutejava-front/src/views/components/dev/CutePipelineNode.vue
@@ -309,7 +309,7 @@ export default {
         CsMessage.Warning('当前流水线节点不支持查看明细')
         return
       }
-      console.error('templateData', this.templateData)
+      console.log('templateData', this.templateData)
       this.$refs.detailDrawer.show()
     },
     onNodeRetryClick() {
@@ -327,7 +327,7 @@ export default {
       this.$emit('retry', data)
     },
     onNodeOperationClick(buttonInfo) {
-      console.error('buttonInfo', buttonInfo)
+      console.log('buttonInfo', buttonInfo)
     }
   }
 }
diff --git a/cutejava-front/src/views/components/dev/CuteRichTextEditor.vue b/cutejava-front/src/views/components/dev/CuteRichTextEditor.vue
index 46966cde..3c62e1ae 100644
--- a/cutejava-front/src/views/components/dev/CuteRichTextEditor.vue
+++ b/cutejava-front/src/views/components/dev/CuteRichTextEditor.vue
@@ -27,9 +27,9 @@
 <script>
 import { mapGetters } from 'vuex'
 import '@wangeditor/editor/dist/css/style.css'
-import { Message } from 'element-ui'
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
 import { UploadFile } from '@/utils/CsDomUtil'
+import CsMessage from '@/utils/elementui/CsMessage'
 
 export default {
   name: 'CuteRichTextEditor',
@@ -155,19 +155,19 @@ export default {
     customAlert(info, type) {
       switch (type) {
         case 'success':
-          Message.success(info)
+          CsMessage.Error(info)
           break
         case 'info':
-          Message.info(info)
+          CsMessage.Info(info)
           break
         case 'warning':
-          Message.warning(info)
+          CsMessage.Warning(info)
           break
         case 'error':
-          Message.error(info)
+          CsMessage.Error(info)
           break
         default:
-          Message.info(info)
+          CsMessage.Info(info)
           break
       }
     },
diff --git a/cutejava-front/src/views/componentsDemo/CuteFileDragUploadDemo.vue b/cutejava-front/src/views/componentsDemo/CuteFileDragUploadDemo.vue
index de4c1cd0..e0cc7857 100644
--- a/cutejava-front/src/views/componentsDemo/CuteFileDragUploadDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/CuteFileDragUploadDemo.vue
@@ -40,7 +40,7 @@ export default {
       const that = this
       that.$refs[formName].validate((valid) => {
         if (valid) {
-          console.error('submitForm:form', that.form)
+          console.log('submitForm:form', that.form)
         } else {
           return false
         }
diff --git a/cutejava-front/src/views/componentsDemo/CuteFileUploadDemo.vue b/cutejava-front/src/views/componentsDemo/CuteFileUploadDemo.vue
index 9163fa12..d2af1442 100644
--- a/cutejava-front/src/views/componentsDemo/CuteFileUploadDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/CuteFileUploadDemo.vue
@@ -40,7 +40,7 @@ export default {
       const that = this
       that.$refs[formName].validate((valid) => {
         if (valid) {
-          console.error('submitForm:form', that.form)
+          console.log('submitForm:form', that.form)
         } else {
           return false
         }
diff --git a/cutejava-front/src/views/componentsDemo/CuteJavaEditorDemo.vue b/cutejava-front/src/views/componentsDemo/CuteJavaEditorDemo.vue
index 12af4e66..f8b16834 100644
--- a/cutejava-front/src/views/componentsDemo/CuteJavaEditorDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/CuteJavaEditorDemo.vue
@@ -39,7 +39,7 @@ export default {
   },
   methods: {
     onChange(value) {
-      console.error('onChange', value)
+      console.log('onChange', value)
     }
   }
 }
diff --git a/cutejava-front/src/views/componentsDemo/CuteMarkdownDemo.vue b/cutejava-front/src/views/componentsDemo/CuteMarkdownDemo.vue
index ed2b5725..7983a91e 100644
--- a/cutejava-front/src/views/componentsDemo/CuteMarkdownDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/CuteMarkdownDemo.vue
@@ -26,12 +26,12 @@ export default {
   },
   methods: {
     onChange(text, markdown) {
-      console.error('onChange:text', text)
-      console.error('onChange:markdown', markdown)
+      console.log('onChange:text', text)
+      console.log('onChange:markdown', markdown)
     },
     onSave(text, markdown) {
-      console.error('onSave:text', text)
-      console.error('onSave:markdown', markdown)
+      console.log('onSave:text', text)
+      console.log('onSave:markdown', markdown)
     }
   }
 }
diff --git a/cutejava-front/src/views/componentsDemo/CuteOneKeyCopyDemo.vue b/cutejava-front/src/views/componentsDemo/CuteOneKeyCopyDemo.vue
index 00160f67..f2668090 100644
--- a/cutejava-front/src/views/componentsDemo/CuteOneKeyCopyDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/CuteOneKeyCopyDemo.vue
@@ -9,8 +9,8 @@
 </template>
 <script>
 import Clipboard from 'clipboard'
-import { Message } from 'element-ui'
 import CuteOneKeyCopy from '@/views/components/dev/CuteOneKeyCopy'
+import CsMessage from '@/utils/elementui/CsMessage'
 
 export default {
   components: { CuteOneKeyCopy },
@@ -32,13 +32,13 @@ export default {
       })
       // 复制成功
       clipboard.on('success', (e) => {
-        Message.success('复制成功')
+        CsMessage.Success('复制成功')
         console.log(e, '复制成功')
         clipboard.destroy()
       })
       // //复制失败
       clipboard.on('error', (e) => {
-        Message.error('复制失败')
+        CsMessage.Error('复制失败')
         console.log(e, '复制失败')
         clipboard.destroy()
       })
diff --git a/cutejava-front/src/views/componentsDemo/CuteRichTextEditorDemo.vue b/cutejava-front/src/views/componentsDemo/CuteRichTextEditorDemo.vue
index acf20726..78164e70 100644
--- a/cutejava-front/src/views/componentsDemo/CuteRichTextEditorDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/CuteRichTextEditorDemo.vue
@@ -22,8 +22,8 @@ export default {
   },
   methods: {
     onChange(html, text) {
-      console.error('onChange:html', html)
-      console.error('onChange:text', text)
+      console.log('onChange:html', html)
+      console.log('onChange:text', text)
     }
   }
 }
diff --git a/cutejava-front/src/views/componentsDemo/CuteSimpleTableDemo.vue b/cutejava-front/src/views/componentsDemo/CuteSimpleTableDemo.vue
index f9f6abf8..67cd84ce 100644
--- a/cutejava-front/src/views/componentsDemo/CuteSimpleTableDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/CuteSimpleTableDemo.vue
@@ -171,13 +171,13 @@ export default {
       this.$refs.dialogForm.show()
     },
     onDialogFormSubmit(values) {
-      console.error('onDialogFormSubmit', values)
+      console.log('onDialogFormSubmit', values)
     },
     onDrawerClick() {
       this.$refs.drawerFrom.show()
     },
     onDrawerFormSubmit(values) {
-      console.error('onDrawerFormSubmit', values)
+      console.log('onDrawerFormSubmit', values)
     }
   }
 }
diff --git a/cutejava-front/src/views/componentsDemo/CuteYamlEditorDemo.vue b/cutejava-front/src/views/componentsDemo/CuteYamlEditorDemo.vue
index 0f3fc317..ad63cbfd 100644
--- a/cutejava-front/src/views/componentsDemo/CuteYamlEditorDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/CuteYamlEditorDemo.vue
@@ -248,7 +248,7 @@ export default {
   },
   methods: {
     onChange(value) {
-      console.error('onChange', value)
+      console.log('onChange', value)
     }
   }
 }
diff --git a/cutejava-front/src/views/system/storage/local/index.vue b/cutejava-front/src/views/system/storage/local/index.vue
index 4245f376..84a15dc1 100644
--- a/cutejava-front/src/views/system/storage/local/index.vue
+++ b/cutejava-front/src/views/system/storage/local/index.vue
@@ -166,7 +166,7 @@ export default {
     },
     beforeUpload(file) {
       let isLt2M = true
-      isLt2M = file.size / 1024 / 1024 < 100
+      isLt2M = file.size / 1024 ** 2 < 100
       if (!isLt2M) {
         this.loading = false
         this.$message.error('上传文件大小不能超过 100MB')
diff --git a/cutejava-front/src/views/system/storage/oss/index.vue b/cutejava-front/src/views/system/storage/oss/index.vue
index 909b1ed1..70071f86 100644
--- a/cutejava-front/src/views/system/storage/oss/index.vue
+++ b/cutejava-front/src/views/system/storage/oss/index.vue
@@ -101,7 +101,7 @@ import crudOperation from '@crud/CRUD.operation'
 import pagination from '@crud/Pagination'
 import DateRangePicker from '@/components/DateRangePicker'
 import Clipboard from 'clipboard'
-import { Message } from 'element-ui'
+import CsMessage from '@/utils/elementui/CsMessage'
 
 const defaultForm = { id: null }
 export default {
@@ -137,7 +137,7 @@ export default {
     },
     beforeUpload(file) {
       let isLt2M = true
-      isLt2M = file.size / 1024 / 1024 < 100
+      isLt2M = file.size / 1024 ** 2 < 100
       if (!isLt2M) {
         this.loading = false
         this.$message.error('上传文件大小不能超过 100MB')
@@ -169,12 +169,12 @@ export default {
       })
       // 复制成功
       clipboard.on('success', (e) => {
-        Message.success('复制成功')
+        CsMessage.Success('复制成功')
         clipboard.destroy()
       })
       // //复制失败
       clipboard.on('error', (e) => {
-        Message.error('复制失败')
+        CsMessage.Error('复制失败')
         clipboard.destroy()
       })
     }