lan
62 lines
1.7 KiB
Vue
62 lines
1.7 KiB
Vue
<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',
|
|
}
|
|
}
|
|
}
|
|
})
|
|
const handleSubmitShareText = ()=>{
|
|
const formData = new FormData();
|
|
formData.append('text', shareText.value);
|
|
formData.append('expireValue', props.shareData.expireValue);
|
|
formData.append('expireStyle', props.shareData.expireStyle);
|
|
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> |