后台-按钮权限控制

This commit is contained in:
Jason 2022-09-16 15:35:38 +08:00
parent 2361b79548
commit 0cabdb18b9
10 changed files with 190 additions and 308 deletions

View File

@ -135,7 +135,7 @@
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-form> </el-form>
<footer-btns v-perms="['channel:h5:save']"> <footer-btns v-perms="['channel:mp:save']">
<el-button type="primary" @click="handelSave">保存</el-button> <el-button type="primary" @click="handelSave">保存</el-button>
</footer-btns> </footer-btns>
</div> </div>

View File

@ -30,7 +30,7 @@
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-form> </el-form>
<footer-btns v-perms="['channel:h5:save']"> <footer-btns v-perms="['channel:wx:save']">
<el-button type="primary" @click="handelSave">保存</el-button> <el-button type="primary" @click="handelSave">保存</el-button>
</footer-btns> </footer-btns>
</div> </div>

View File

@ -10,16 +10,11 @@
</el-card> </el-card>
<el-card class="!border-none mt-4" shadow="never"> <el-card class="!border-none mt-4" shadow="never">
<div> <div>
<el-button <el-button class="mb-4" type="primary" @click="handleAdd()">
class="mb-4"
v-perms="['article:cate:add']"
type="primary"
@click="handleAdd()"
>
<template #icon> <template #icon>
<icon name="el-icon-Plus" /> <icon name="el-icon-Plus" />
</template> </template>
新增默认回复 新增
</el-button> </el-button>
</div> </div>
<el-table size="large" :data="lists"> <el-table size="large" :data="lists">
@ -29,15 +24,10 @@
{{ getContentType(1) }} {{ getContentType(1) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="回复内容" prop="content" min-width="120" />
label="回复内容"
prop="content"
min-width="120"
/>
<el-table-column label="状态" min-width="120"> <el-table-column label="状态" min-width="120">
<template #default="{ row }"> <template #default="{ row }">
<el-switch <el-switch
v-perms="['article:cate:change']"
v-model="row.status" v-model="row.status"
:active-value="1" :active-value="1"
:inactive-value="0" :inactive-value="0"
@ -48,88 +38,67 @@
<el-table-column label="排序" prop="sort" min-width="120" /> <el-table-column label="排序" prop="sort" min-width="120" />
<el-table-column label="操作" width="120" fixed="right"> <el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button type="primary" link @click="handleEdit(row)"> 编辑 </el-button>
v-perms="['article:cate:edit']" <el-button type="danger" link @click="handleDelete(row.id)">
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['article:cate:del']"
type="danger"
link
@click="handleDelete(row.id)"
>
删除 删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-card> </el-card>
<edit-popup <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
v-if="showEdit"
ref="editRef"
@success="getLists"
@close="showEdit = false"
/>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { import { oaReplyDel, getOaReplyList, changeOaReplyStatus } from '@/api/channel/wx_oa'
oaReplyDel, import feedback from '@/utils/feedback'
getOaReplyList, import EditPopup from './edit.vue'
changeOaReplyStatus, const editRef = shallowRef<InstanceType<typeof EditPopup>>()
} from "@/api/channel/wx_oa"; const showEdit = ref(false)
import feedback from "@/utils/feedback"; const lists = ref()
import EditPopup from "./edit.vue";
const editRef = shallowRef<InstanceType<typeof EditPopup>>();
const showEdit = ref(false);
const lists = ref();
const getContentType = computed(() => { const getContentType = computed(() => {
return (val: number) => { return (val: number) => {
switch (val) { switch (val) {
case 1: case 1:
return "文本"; return '文本'
} }
}; }
}); })
const getLists = async () => { const getLists = async () => {
lists.value = await getOaReplyList({ type: "default" }); lists.value = await getOaReplyList({ type: 'default' })
}; }
const handleAdd = async () => { const handleAdd = async () => {
showEdit.value = true; showEdit.value = true
await nextTick(); await nextTick()
editRef.value?.open("add", "default"); editRef.value?.open('add', 'default')
}; }
const handleEdit = async (data: any) => { const handleEdit = async (data: any) => {
showEdit.value = true; showEdit.value = true
await nextTick(); await nextTick()
editRef.value?.open("edit", "default"); editRef.value?.open('edit', 'default')
editRef.value?.getDetail(data); editRef.value?.getDetail(data)
}; }
const handleDelete = async (id: number) => { const handleDelete = async (id: number) => {
await feedback.confirm("确定要删除?"); await feedback.confirm('确定要删除?')
await oaReplyDel({ id }); await oaReplyDel({ id })
feedback.msgSuccess("删除成功"); feedback.msgSuccess('删除成功')
getLists(); getLists()
}; }
const changeStatus = async (id: number) => { const changeStatus = async (id: number) => {
try { try {
await changeOaReplyStatus({ id }); await changeOaReplyStatus({ id })
feedback.msgSuccess("修改成功"); feedback.msgSuccess('修改成功')
getLists(); getLists()
} catch (error) { } catch (error) {
getLists(); getLists()
} }
}; }
getLists(); getLists()
</script> </script>

View File

@ -18,28 +18,14 @@
> >
<el-form-item label="规则名称" prop="name"> <el-form-item label="规则名称" prop="name">
<div class="flex-1"> <div class="flex-1">
<el-input <el-input v-model="formData.name" placeholder="请输入规则名称" />
v-model="formData.name" <div class="form-tips">方便通过名称管理关注回复内容</div>
placeholder="请输入规则名称"
/>
<div class="form-tips">
方便通过名称管理关注回复内容
</div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="关键词" prop="keyword" v-if="formData.type == 'keyword'">
label="关键词"
prop="keyword"
v-if="formData.type == 'keyword'"
>
<div class="flex-1"> <div class="flex-1">
<el-input <el-input v-model="formData.keyword" placeholder="请输入关键词" />
v-model="formData.keyword" <div class="form-tips">方便通过名称管理关注回复内容</div>
placeholder="请输入关键词"
/>
<div class="form-tips">
方便通过名称管理关注回复内容
</div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -53,9 +39,7 @@
<el-radio :label="1">全匹配</el-radio> <el-radio :label="1">全匹配</el-radio>
<el-radio :label="2">模糊匹配</el-radio> <el-radio :label="2">模糊匹配</el-radio>
</el-radio-group> </el-radio-group>
<div class="form-tips"> <div class="form-tips">模糊匹配时关键词部分匹配用户输入的内容即可</div>
模糊匹配时关键词部分匹配用户输入的内容即可
</div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="回复类型" prop="contentType" :min="0"> <el-form-item label="回复类型" prop="contentType" :min="0">
@ -86,127 +70,118 @@
</el-form-item> --> </el-form-item> -->
<el-form-item label="排序"> <el-form-item label="排序">
<div class="flex-1"> <div class="flex-1">
<el-input <el-input v-model="formData.sort" placeholder="请输入" />
v-model="formData.sort"
placeholder="请输入"
/>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="启用状态"> <el-form-item label="启用状态">
<el-switch <el-switch v-model="formData.status" :active-value="1" :inactive-value="0" />
v-model="formData.status"
:active-value="1"
:inactive-value="0"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</popup> </popup>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import type { FormInstance } from "element-plus"; import type { FormInstance } from 'element-plus'
import { oaReplyEdit, oaReplyAdd, getOaReplyDetail } from "@/api/channel/wx_oa"; import { oaReplyEdit, oaReplyAdd, getOaReplyDetail } from '@/api/channel/wx_oa'
import Popup from "@/components/popup/index.vue"; import Popup from '@/components/popup/index.vue'
import feedback from "@/utils/feedback"; import feedback from '@/utils/feedback'
import type { FormRules } from "element-plus"; import type { FormRules } from 'element-plus'
const emit = defineEmits(["success", "close"]); const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>(); const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>(); const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref("add"); const mode = ref('add')
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == "edit" ? "编辑栏目" : "新增栏目"; return mode.value == 'edit' ? '编辑栏目' : '新增栏目'
}); })
const formData = reactive({ const formData = reactive({
id: "", id: '',
name: "", name: '',
type: "", type: '',
contentType: 1, contentType: 1,
keyword: "", keyword: '',
content: "", content: '',
matchingType: 1, matchingType: 1,
status: 1, status: 1,
sort: 0, sort: 0
}); })
const formRules: FormRules = { const formRules: FormRules = {
name: [ name: [
{ {
required: true, required: true,
message: "请输入规则名称", message: '请输入规则名称',
trigger: ["blur"], trigger: ['blur']
}, }
], ],
keyword: [ keyword: [
{ {
required: true, required: true,
message: "请输入关键词", message: '请输入关键词',
trigger: ["blur"], trigger: ['blur']
}, }
], ],
matchingType: [ matchingType: [
{ {
required: true, required: true,
message: "请选择匹配方式", message: '请选择匹配方式',
trigger: ["blur"], trigger: ['blur']
}, }
], ],
contentType: [ contentType: [
{ {
required: true, required: true,
message: "请选择回复类型", message: '请选择回复类型',
trigger: ["blur"], trigger: ['blur']
}, }
], ],
content: [ content: [
{ {
required: true, required: true,
message: "请输入回复内容", message: '请输入回复内容',
trigger: ["blur"], trigger: ['blur']
}, }
], ]
}; }
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate(); await formRef.value?.validate()
mode.value == "edit" mode.value == 'edit' ? await oaReplyEdit(formData) : await oaReplyAdd(formData)
? await oaReplyEdit(formData) feedback.msgSuccess('操作成功')
: await oaReplyAdd(formData); popupRef.value?.close()
feedback.msgSuccess("操作成功"); emit('success')
popupRef.value?.close(); }
emit("success");
};
const open = (modes = "add", type = "") => { const open = (modes = 'add', type = '') => {
mode.value = modes; mode.value = modes
formData.type = type; formData.type = type
popupRef.value?.open(); popupRef.value?.open()
}; }
const setFormData = (data: Record<any, any>) => { const setFormData = (data: Record<any, any>) => {
for (const key in formData) { for (const key in formData) {
if (data[key] != null && data[key] != undefined) { if (data[key] != null && data[key] != undefined) {
//@ts-ignore //@ts-ignore
formData[key] = data[key]; formData[key] = data[key]
} }
} }
}; }
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
const data = await getOaReplyDetail({ const data = await getOaReplyDetail({
id: row.id, id: row.id
}); })
setFormData(data); setFormData(data)
}; }
const handleClose = () => { const handleClose = () => {
emit("close"); emit('close')
}; }
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,
getDetail, getDetail
}); })
</script> </script>

View File

@ -10,16 +10,11 @@
</el-card> </el-card>
<el-card class="!border-none mt-4" shadow="never"> <el-card class="!border-none mt-4" shadow="never">
<div> <div>
<el-button <el-button class="mb-4" type="primary" @click="handleAdd()">
class="mb-4"
v-perms="['article:cate:add']"
type="primary"
@click="handleAdd()"
>
<template #icon> <template #icon>
<icon name="el-icon-Plus" /> <icon name="el-icon-Plus" />
</template> </template>
新增关注回复 新增
</el-button> </el-button>
</div> </div>
<el-table size="large" :data="lists"> <el-table size="large" :data="lists">
@ -29,15 +24,10 @@
{{ getContentType(row.contentType) }} {{ getContentType(row.contentType) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="回复内容" prop="content" min-width="120" />
label="回复内容"
prop="content"
min-width="120"
/>
<el-table-column label="状态" min-width="120"> <el-table-column label="状态" min-width="120">
<template #default="{ row }"> <template #default="{ row }">
<el-switch <el-switch
v-perms="['article:cate:change']"
v-model="row.status" v-model="row.status"
:active-value="1" :active-value="1"
:inactive-value="0" :inactive-value="0"
@ -48,88 +38,67 @@
<el-table-column label="排序" prop="sort" min-width="120" /> <el-table-column label="排序" prop="sort" min-width="120" />
<el-table-column label="操作" width="120" fixed="right"> <el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button type="primary" link @click="handleEdit(row)"> 编辑 </el-button>
v-perms="['article:cate:edit']" <el-button type="danger" link @click="handleDelete(row.id)">
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['article:cate:del']"
type="danger"
link
@click="handleDelete(row.id)"
>
删除 删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-card> </el-card>
<edit-popup <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
v-if="showEdit"
ref="editRef"
@success="getLists"
@close="showEdit = false"
/>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { import { oaReplyDel, getOaReplyList, changeOaReplyStatus } from '@/api/channel/wx_oa'
oaReplyDel, import feedback from '@/utils/feedback'
getOaReplyList, import EditPopup from './edit.vue'
changeOaReplyStatus, const editRef = shallowRef<InstanceType<typeof EditPopup>>()
} from "@/api/channel/wx_oa"; const showEdit = ref(false)
import feedback from "@/utils/feedback"; const lists = ref()
import EditPopup from "./edit.vue";
const editRef = shallowRef<InstanceType<typeof EditPopup>>();
const showEdit = ref(false);
const lists = ref();
const getContentType = computed(() => { const getContentType = computed(() => {
return (val: number) => { return (val: number) => {
switch (val) { switch (val) {
case 1: case 1:
return "文本"; return '文本'
} }
}; }
}); })
const getLists = async () => { const getLists = async () => {
lists.value = await getOaReplyList({ type: "follow" }); lists.value = await getOaReplyList({ type: 'follow' })
}; }
const handleAdd = async () => { const handleAdd = async () => {
showEdit.value = true; showEdit.value = true
await nextTick(); await nextTick()
editRef.value?.open("add", "follow"); editRef.value?.open('add', 'follow')
}; }
const handleEdit = async (data: any) => { const handleEdit = async (data: any) => {
showEdit.value = true; showEdit.value = true
await nextTick(); await nextTick()
editRef.value?.open("edit", "follow"); editRef.value?.open('edit', 'follow')
editRef.value?.getDetail(data); editRef.value?.getDetail(data)
}; }
const handleDelete = async (id: number) => { const handleDelete = async (id: number) => {
await feedback.confirm("确定要删除?"); await feedback.confirm('确定要删除?')
await oaReplyDel({ id }); await oaReplyDel({ id })
feedback.msgSuccess("删除成功"); feedback.msgSuccess('删除成功')
getLists(); getLists()
}; }
const changeStatus = async (id: number) => { const changeStatus = async (id: number) => {
try { try {
await changeOaReplyStatus({ id }); await changeOaReplyStatus({ id })
feedback.msgSuccess("修改成功"); feedback.msgSuccess('修改成功')
getLists(); getLists()
} catch (error) { } catch (error) {
getLists(); getLists()
} }
}; }
getLists(); getLists()
</script> </script>

View File

@ -10,26 +10,17 @@
</el-card> </el-card>
<el-card class="!border-none mt-4" shadow="never"> <el-card class="!border-none mt-4" shadow="never">
<div> <div>
<el-button <el-button class="mb-4" type="primary" @click="handleAdd()">
class="mb-4"
v-perms="['article:cate:add']"
type="primary"
@click="handleAdd()"
>
<template #icon> <template #icon>
<icon name="el-icon-Plus" /> <icon name="el-icon-Plus" />
</template> </template>
新增关键字回复 新增
</el-button> </el-button>
</div> </div>
<el-table size="large" :data="lists"> <el-table size="large" :data="lists">
<el-table-column label="规则名称" prop="name" min-width="120" /> <el-table-column label="规则名称" prop="name" min-width="120" />
<el-table-column <el-table-column label="关键词" prop="keyword" min-width="120" />
label="关键词"
prop="keyword"
min-width="120"
/>
<el-table-column label="匹配方式" min-width="120"> <el-table-column label="匹配方式" min-width="120">
<template #default="{ row }"> <template #default="{ row }">
{{ getMatchingType(row.matchingType) }} {{ getMatchingType(row.matchingType) }}
@ -43,7 +34,6 @@
<el-table-column label="状态" min-width="120"> <el-table-column label="状态" min-width="120">
<template #default="{ row }"> <template #default="{ row }">
<el-switch <el-switch
v-perms="['article:cate:change']"
v-model="row.status" v-model="row.status"
:active-value="1" :active-value="1"
:inactive-value="0" :inactive-value="0"
@ -54,99 +44,78 @@
<el-table-column label="排序" prop="sort" min-width="120" /> <el-table-column label="排序" prop="sort" min-width="120" />
<el-table-column label="操作" width="120" fixed="right"> <el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button type="primary" link @click="handleEdit(row)"> 编辑 </el-button>
v-perms="['article:cate:edit']" <el-button type="danger" link @click="handleDelete(row.id)">
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['article:cate:del']"
type="danger"
link
@click="handleDelete(row.id)"
>
删除 删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-card> </el-card>
<edit-popup <edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
v-if="showEdit"
ref="editRef"
@success="getLists"
@close="showEdit = false"
/>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { import { oaReplyDel, getOaReplyList, changeOaReplyStatus } from '@/api/channel/wx_oa'
oaReplyDel, import feedback from '@/utils/feedback'
getOaReplyList, import EditPopup from './edit.vue'
changeOaReplyStatus, const editRef = shallowRef<InstanceType<typeof EditPopup>>()
} from "@/api/channel/wx_oa"; const showEdit = ref(false)
import feedback from "@/utils/feedback"; const lists = ref()
import EditPopup from "./edit.vue";
const editRef = shallowRef<InstanceType<typeof EditPopup>>();
const showEdit = ref(false);
const lists = ref();
const getMatchingType = computed(() => { const getMatchingType = computed(() => {
return (val: number) => { return (val: number) => {
switch (val) { switch (val) {
case 1: case 1:
return "全匹配"; return '全匹配'
case 2: case 2:
return "模糊匹配"; return '模糊匹配'
} }
}; }
}); })
const getContentType = computed(() => { const getContentType = computed(() => {
return (val: number) => { return (val: number) => {
switch (val) { switch (val) {
case 1: case 1:
return "文本"; return '文本'
} }
}; }
}); })
const getLists = async () => { const getLists = async () => {
lists.value = await getOaReplyList({ type: "keyword" }); lists.value = await getOaReplyList({ type: 'keyword' })
}; }
const handleAdd = async () => { const handleAdd = async () => {
showEdit.value = true; showEdit.value = true
await nextTick(); await nextTick()
editRef.value?.open("add", "keyword"); editRef.value?.open('add', 'keyword')
}; }
const handleEdit = async (data: any) => { const handleEdit = async (data: any) => {
showEdit.value = true; showEdit.value = true
await nextTick(); await nextTick()
editRef.value?.open("edit", "keyword"); editRef.value?.open('edit', 'keyword')
editRef.value?.getDetail(data); editRef.value?.getDetail(data)
}; }
const handleDelete = async (id: number) => { const handleDelete = async (id: number) => {
await feedback.confirm("确定要删除?"); await feedback.confirm('确定要删除?')
await oaReplyDel({ id }); await oaReplyDel({ id })
feedback.msgSuccess("删除成功"); feedback.msgSuccess('删除成功')
getLists(); getLists()
}; }
const changeStatus = async (id: number) => { const changeStatus = async (id: number) => {
try { try {
await changeOaReplyStatus({ id }); await changeOaReplyStatus({ id })
feedback.msgSuccess("修改成功"); feedback.msgSuccess('修改成功')
getLists(); getLists()
} catch (error) { } catch (error) {
getLists(); getLists()
} }
}; }
getLists(); getLists()
</script> </script>

View File

@ -70,7 +70,7 @@
</div> </div>
</el-card> </el-card>
<footer-btns v-perms="['setting:website:save']"> <footer-btns v-perms="['setting:search:save']">
<el-button type="primary" @click="handleSave">保存</el-button> <el-button type="primary" @click="handleSave">保存</el-button>
</footer-btns> </footer-btns>
</div> </div>

View File

@ -50,7 +50,6 @@
<el-table-column label="访问方式" prop="type" min-width="100" /> <el-table-column label="访问方式" prop="type" min-width="100" />
<el-table-column label="来源IP" prop="ip" min-width="160" /> <el-table-column label="来源IP" prop="ip" min-width="160" />
<el-table-column label="错误信息" prop="error" min-width="160" /> <el-table-column label="错误信息" prop="error" min-width="160" />
<el-table-column label="IP" prop="address" min-width="160" />
<el-table-column label="执行耗时(毫秒)" prop="taskTime" min-width="100" /> <el-table-column label="执行耗时(毫秒)" prop="taskTime" min-width="100" />
<el-table-column label="日志时间" prop="createTime" min-width="180" /> <el-table-column label="日志时间" prop="createTime" min-width="180" />
</el-table> </el-table>

View File

@ -92,7 +92,7 @@
</el-card> </el-card>
</el-form> </el-form>
<footer-btns v-perms="['setting:website:save']"> <footer-btns v-perms="['setting:login:save']">
<el-button type="primary" @click="handleSubmit">保存</el-button> <el-button type="primary" @click="handleSubmit">保存</el-button>
</footer-btns> </footer-btns>
</div> </div>

View File

@ -2,7 +2,7 @@
<template> <template>
<div class="user-setup"> <div class="user-setup">
<el-card shadow="never" class="!border-none"> <el-card shadow="never" class="!border-none">
<div class="font-medium mb-7">服务器域名</div> <div class="font-medium mb-7">基本设置</div>
<el-form ref="formRef" :model="formData" label-width="120px"> <el-form ref="formRef" :model="formData" label-width="120px">
<el-form-item label="用户默认头像"> <el-form-item label="用户默认头像">
<div> <div>
@ -11,13 +11,15 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<div> <div>
<div class="form-tips">用户注册时给的默认头像建议尺寸400*400像素支持jpgjpegpng格式</div> <div class="form-tips">
用户注册时给的默认头像建议尺寸400*400像素支持jpgjpegpng格式
</div>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
<footer-btns v-perms="['setting:website:save']"> <footer-btns v-perms="['setting:user:save']">
<el-button type="primary" @click="handleSubmit">保存</el-button> <el-button type="primary" @click="handleSubmit">保存</el-button>
</footer-btns> </footer-btns>
</div> </div>
@ -30,7 +32,7 @@ import feedback from '@/utils/feedback'
// //
const formData = reactive({ const formData = reactive({
defaultAvatar: '', // defaultAvatar: '' //
}) })
// //
@ -60,5 +62,4 @@ const handleSubmit = async () => {
getData() getData()
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>