mirror of https://github.com/rocboss/paopao-ce
ROC
3 years ago
parent
5cd43cc156
commit
f87f99ea5e
@ -0,0 +1,105 @@
|
|||||||
|
<template>
|
||||||
|
<n-modal
|
||||||
|
:show="show"
|
||||||
|
@update:show="closeModal"
|
||||||
|
class="whisper-card"
|
||||||
|
preset="card"
|
||||||
|
size="small"
|
||||||
|
title="私信"
|
||||||
|
:mask-closable="false"
|
||||||
|
:bordered="false"
|
||||||
|
:style="{
|
||||||
|
width: '360px',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<div class="whisper-wrap">
|
||||||
|
<n-alert :show-icon="false">
|
||||||
|
即将发送私信给:
|
||||||
|
<n-ellipsis style="max-width: 100%">
|
||||||
|
<n-gradient-text type="success">
|
||||||
|
{{ user.nickname }}@{{ user.username }}
|
||||||
|
</n-gradient-text>
|
||||||
|
</n-ellipsis>
|
||||||
|
</n-alert>
|
||||||
|
<div class="whisper-line">
|
||||||
|
<n-input
|
||||||
|
type="textarea"
|
||||||
|
placeholder="请输入私信内容（请勿发送不和谐内容，否则将会被封号）"
|
||||||
|
:autosize="{
|
||||||
|
minRows: 5,
|
||||||
|
maxRows: 10,
|
||||||
|
}"
|
||||||
|
v-model:value="content"
|
||||||
|
maxlength="200"
|
||||||
|
show-count
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="whisper-line send-wrap">
|
||||||
|
<n-button
|
||||||
|
strong
|
||||||
|
secondary
|
||||||
|
type="primary"
|
||||||
|
:loading="loading"
|
||||||
|
@click="sendWhisper"
|
||||||
|
>
|
||||||
|
发送
|
||||||
|
</n-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</n-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref } from 'vue';
|
||||||
|
import { sendUserWhisper } from '@/api/user';
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
show: boolean;
|
||||||
|
user: Item.UserInfo;
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
show: false,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
const content = ref('');
|
||||||
|
const loading = ref(false);
|
||||||
|
|
||||||
|
const emit = defineEmits<{
|
||||||
|
(e: 'success'): void;
|
||||||
|
}>();
|
||||||
|
const closeModal = () => {
|
||||||
|
emit('success');
|
||||||
|
};
|
||||||
|
const sendWhisper = () => {
|
||||||
|
loading.value = true;
|
||||||
|
sendUserWhisper({
|
||||||
|
user_id: props.user.id,
|
||||||
|
content: content.value,
|
||||||
|
})
|
||||||
|
.then((res: any) => {
|
||||||
|
window.$message.success('发送成功');
|
||||||
|
loading.value = false;
|
||||||
|
content.value = '';
|
||||||
|
|
||||||
|
closeModal();
|
||||||
|
})
|
||||||
|
.catch((err: any) => {
|
||||||
|
loading.value = false;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.whisper-wrap {
|
||||||
|
.whisper-line {
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
|
&.send-wrap {
|
||||||
|
.n-button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue