add:fronted

2023-08-11 19:26:49 +08:00
parent 25f94fc0bc
commit 7b5adcc5b7
31 changed files with 3752 additions and 0 deletions
@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { request } from "@/utils/request";
+const shareText = ref('')
+import { useFileDataStore } from "@/stores/fileData";
+import { useFileBoxStore } from "@/stores/fileBox";
+const fileBoxStore = useFileBoxStore();
+const fileStore = useFileDataStore();
+const props = defineProps({
+  shareData: {
+    type: Object,
+    default: () => {
+      return {
+        expireValue: 1,
+        expireStyle: 'day',
+        targetType: 'text',
+      }
+    }
+  }
+})
+const handleSubmitShareText = ()=>{
+  const formData = new FormData();
+  formData.append('text', shareText.value);
+  formData.append('expireValue', props.shareData.expireValue);
+  formData.append('expireStyle', props.shareData.expireStyle);
+  formData.append('targetType', props.shareData.targetType);
+  request({
+    'url': 'share/text/',
+    'method': 'post',
+    'data': formData,
+  }).then((res: any) => {
+    const data = res.data.data;
+    fileBoxStore.showFileBox = true;
+    fileStore.addShareData({
+      'name': '文本分享',
+      'text': data.text,
+      'code': data.code,
+      'status': 'success',
+      'percentage': 100,
+      'size': shareText.value.length,
+      'type': 'text',
+      'uid': Date.now(),
+    })
+  })
+}
+</script>
+
+<template>
+<div style="position: relative">
+  <el-input
+      placeholder="请输入您要寄出的文本"
+      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>
+</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>