add:vue-i18n,admin add file size

fcb-fronted/src/components/FileBox.vue

@@ -11,6 +11,10 @@ const fileBoxStore = useFileBoxStore();
 import QrcodeVue from "qrcode.vue";
 import { useRoute } from "vue-router";
 import { ref } from "vue";
+
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 import { ElMessage } from "element-plus";
 const openUrl = (url: string) => {
   if (url.startsWith('/')) {
@@ -21,7 +25,7 @@ const openUrl = (url: string) => {
 const route = useRoute();
 
 const copyText = (text: any, style = 0) => {
-  ElMessage.success('复制成功')
+  ElMessage.success(t('fileBox.copySuccess'));
   if (style === 1) {
     text = window.location.origin + '/#/?code=' + text;
   }
@@ -62,29 +66,29 @@ function renderMarkdown(message: string) {
   <el-drawer :append-to-body="true" v-model="fileBoxStore.showFileBox" direction="btt" style="max-width: 1080px;margin: auto;"
              size="400">
     <template #header>
-      <h4>文件箱</h4>
+      <h4>{{t('fileBox.fileBox')}}</h4>
     </template>
     <template #default>
       <div v-if="route.name=='home'" style="display: flex;flex-wrap: wrap;justify-content: center">
         <el-dialog
             append-to-body
             align-center
-            title="文本详情"
+            :title="t('fileBox.textDetail')"
             width="70%"
             style="height: 70%;overflow-y: scroll"
             v-model="showTextDetailVisible"
         >
           <div style="max-width: 100%;overflow-y: scroll" v-html="renderMarkdown(nowText)"></div>
           <template #footer>
-            <el-button type="success" @click="copyText(nowText);showTextDetailVisible = false">复 制</el-button>
-            <el-button type="primary" @click="showTextDetailVisible = false">关 闭</el-button>
+            <el-button type="success" @click="copyText(nowText);showTextDetailVisible = false">{{t('fileBox.copy')}}</el-button>
+            <el-button type="primary" @click="showTextDetailVisible = false">{{ t('fileBox.close') }}</el-button>
           </template>
         </el-dialog>
         <el-card v-for="(value,index)  in fileStore.receiveData" :key="index" style="margin: 0.5rem">
           <template #header>
             <div style="display: flex;justify-content: space-between">
               <h4 style="width: 6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{ value.name }}</h4>
-              <el-button size="small" type="danger" @click="fileStore.deleteReceiveData(index)">删除</el-button>
+              <el-button size="small" type="danger" @click="fileStore.deleteReceiveData(index)">{{ t('fileBox.delete') }}</el-button>
             </div>
           </template>
           <div style="width: 200px;">
@@ -94,9 +98,9 @@ function renderMarkdown(message: string) {
               <div style="display: flex;flex-direction: column;justify-content: space-around">
                 <el-tag size="large" style="cursor: pointer" @click="copyText(value.code)">{{ value.code }}</el-tag>
                 <el-tag v-if="value.name!=='文本分享'" size="large" type="success" style="cursor: pointer" @click="openUrl(value.text);">
-                  点击下载
+                  {{ t('fileBox.download') }}
                 </el-tag>
-                <el-tag v-else size="large" type="success" style="cursor: pointer" @click="showTextDetail(value.text);">查看详情</el-tag>
+                <el-tag v-else size="large" type="success" style="cursor: pointer" @click="showTextDetail(value.text);">{{ t('fileBox.detail') }}</el-tag>
               </div>
             </div>
           </div>
@@ -107,17 +111,17 @@ function renderMarkdown(message: string) {
           <template #header>
             <div style="display: flex;justify-content: space-between">
               <h4 style="width: 6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{ value.name }}</h4>
-              <el-button size="small" type="danger" @click="fileStore.deleteShareData(index)">删除</el-button>
+              <el-button size="small" type="danger" @click="fileStore.deleteShareData(index)">{{ t('fileBox.delete') }}</el-button>
             </div>
           </template>
           <div style="width: 200px;">
             <el-progress v-if="value.status!='success' && value.status!='fail'" striped :percentage="value.percentage" :text-inside="true"
                          :stroke-width="20"></el-progress>
-            <div style="display: flex;justify-content: space-between">
+            <div v-else style="display: flex;justify-content: space-between">
               <qrcode-vue :value="value.text" :size="100"></qrcode-vue>
               <div style="display: flex;flex-direction: column;justify-content: space-around">
                 <el-tag size="large" style="cursor: pointer" @click="copyText(value.code)">{{ value.code }}</el-tag>
-                <el-tag size="large" type="success" style="cursor: pointer" @click="copyText(value.code,1);">复制链接
+                <el-tag size="large" type="success" style="cursor: pointer" @click="copyText(value.code,1);">{{ t('fileBox.copyLink') }}
                 </el-tag>
               </div>
             </div>

fcb-fronted/src/components/UploadFile.vue

@@ -4,7 +4,9 @@ import { ref, onMounted, onUnmounted } from 'vue'
 import { request } from "@/utils/request";
 import { useFileDataStore } from "@/stores/fileData";
 import { useFileBoxStore } from "@/stores/fileBox";
-import { ElMessage } from "element-plus";
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 const fileBoxStore = useFileBoxStore();
 const fileStore = useFileDataStore();
 const props = defineProps({
@@ -131,9 +133,9 @@ onMounted(()=>{
         <upload-filled/>
       </el-icon>
       <div class="el-upload__text">
-        将文字、文件拖、粘贴到此处，或 <em>点击上传</em>
+        {{t('send.prompt1')}}<em>{{t('send.clickUpload')}}</em>
       </div>
-      <div class="el-upload__text" style="font-size: 10px;">天数&lt;7或限制次数（24h后删除）</div>
+      <div class="el-upload__text" style="font-size: 10px;">{{t('send.prompt2')}}</div>
       <template #tip>
         <div class="el-upload__tip">
         </div>

fcb-fronted/src/components/UploadText.vue

@@ -5,6 +5,10 @@ const shareText = ref('')
 import { useFileDataStore } from "@/stores/fileData";
 import { useFileBoxStore } from "@/stores/fileBox";
 import { ElMessage } from "element-plus";
+
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 const fileBoxStore = useFileBoxStore();
 const fileStore = useFileDataStore();
 const props = defineProps({
@@ -20,7 +24,7 @@ const props = defineProps({
 })
 const handleSubmitShareText = ()=>{
   if (shareText.value === '') {
-    ElMessage.warning('请输入您要分享的文本');
+    ElMessage.warning(t('send.prompt3'));
   } else {
     const formData = new FormData();
     formData.append('text', shareText.value);
@@ -34,7 +38,7 @@ const handleSubmitShareText = ()=>{
       const data = res.detail;
       fileBoxStore.showFileBox = true;
       fileStore.addShareData({
-        'name': '文本分享',
+        'name': t('send.textShare'),
         'text': data.text,
         'code': data.code,
         'status': 'success',
@@ -51,14 +55,14 @@ const handleSubmitShareText = ()=>{
 <template>
 <div style="position: relative">
   <el-input
-      placeholder="请输入您要寄出的文本"
+      :placeholder="t('send.prompt3')"
       v-model="shareText"
       type="textarea"
       :rows="9"
       :input-style="{'border-radius':'20px','border':'1px dashed var(--el-border-color)','box-shadow':'none'}"
   >
   </el-input>
-  <el-button @click="handleSubmitShareText" style="position: absolute;right: 0;top: 0;border-radius: 0 20px 0 20px;margin: 1px;background: rgba(255,255,255,0.2)" size="large">分享</el-button>
+  <el-button @click="handleSubmitShareText" style="position: absolute;right: 0;top: 0;border-radius: 0 20px 0 20px;margin: 1px;background: rgba(255,255,255,0.2)" size="large">{{t('send.share')}}</el-button>
 </div>
 </template>