From dd10e61d85ae8a4ea09c733aa48e78c15b6bd4ac Mon Sep 17 00:00:00 2001
From: wangshaoping <wspsc@163.com>
Date: Mon, 13 Jan 2025 10:46:07 +0800
Subject: [PATCH] =?UTF-8?q?1.=20=E5=89=8D=E7=AB=AF=E5=8F=91=E5=B8=83=208.2?=
 =?UTF-8?q?.29=202.=20=E5=89=8D=E7=AB=AF=E5=A2=9E=E5=8A=A0=20Formater.join?=
 =?UTF-8?q?=20=E7=94=A8=E4=BA=8E=E6=A0=BC=E5=BC=8F=E5=8C=96=E6=95=B0?=
 =?UTF-8?q?=E7=BB=84=203.=20=E5=90=8E=E7=AB=AF=E5=BC=80=E5=8F=91=E8=80=85?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7=E5=A2=9E=E5=8A=A0=E4=B8=8A=E4=BC=A0=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=204.=20=E4=BF=AE=E5=A4=8D=E5=AF=BC=E5=85=A5=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E8=B4=A1=E7=8C=AE=E9=A1=B9=20bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components-ext/formater/JoinFormater.ts   | 25 +++++++++
 .../src/views/backend/Upload.vue              | 53 +++++++++++++++++++
 2 files changed, 78 insertions(+)
 create mode 100644 io.sc.platform.core.frontend/src/platform/components-ext/formater/JoinFormater.ts
 create mode 100644 io.sc.platform.developer.frontend/src/views/backend/Upload.vue

diff --git a/io.sc.platform.core.frontend/src/platform/components-ext/formater/JoinFormater.ts b/io.sc.platform.core.frontend/src/platform/components-ext/formater/JoinFormater.ts
new file mode 100644
index 00000000..ac18c409
--- /dev/null
+++ b/io.sc.platform.core.frontend/src/platform/components-ext/formater/JoinFormater.ts
@@ -0,0 +1,25 @@
+import { Tools } from '@/platform/utils';
+
+class JoinFormater {
+  #joiner: string;
+
+  constructor(joiner: string) {
+    this.#joiner = joiner;
+  }
+
+  public formater() {
+    const joiner = this.#joiner;
+    return (arrays: string[]) => {
+      if (Tools.isUndefinedOrNull(arrays) || !Tools.isArray(arrays)) {
+        return null;
+      }
+      let result = '';
+      arrays.forEach((item) => {
+        result += item + joiner;
+      });
+      return result;
+    };
+  }
+}
+
+export { JoinFormater };
diff --git a/io.sc.platform.developer.frontend/src/views/backend/Upload.vue b/io.sc.platform.developer.frontend/src/views/backend/Upload.vue
new file mode 100644
index 00000000..3b5c6194
--- /dev/null
+++ b/io.sc.platform.developer.frontend/src/views/backend/Upload.vue
@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <div style="height: 100px"></div>
+    <div class="row py-1">
+      <div class="col-2"></div>
+      <div class="col-8 row justify-center q-gutter-md py-2">
+        <q-file ref="fileRef" v-model="fileValueRef" :label="$t('file.single.tip')" style="width: 100%" dense outlined clearable counter>
+          <template #prepend>
+            <q-icon name="cloud_upload" />
+          </template>
+        </q-file>
+      </div>
+      <div class="col-2"></div>
+    </div>
+    <div class="row py-1">
+      <div class="col-2"></div>
+      <div class="col-8 row justify-center q-gutter-md py-2">
+        <q-btn color="primary" :label="$t('upload')" @click="upload"></q-btn>
+      </div>
+      <div class="col-2"></div>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue';
+import { $t, axios, Environment, DialogManager, NotifyManager } from 'platform-core';
+
+const fileRef = ref();
+const fileValueRef = ref();
+
+const upload = () => {
+  if (fileRef.value.nativeEl.files[0]) {
+    axios
+      .post(
+        Environment.apiContextPath('/api/developer/tools/upload'),
+        {
+          file: fileRef.value.nativeEl.files[0],
+        },
+        {
+          loading: true,
+          headers: {
+            'Content-Type': 'multipart/form-data',
+          },
+        },
+      )
+      .then(() => {
+        NotifyManager.info($t('operationSuccess'));
+      });
+  } else {
+    NotifyManager.error($t('menu.developer.backend.upload.pleaseSelectFile'));
+  }
+};
+</script>