From cf7e71c6d0fb64eeb6b5deac540da843b4bb465c Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期二, 26 八月 2025 10:41:52 +0800 Subject: [PATCH] 关于我们-理念与品牌文化 --- src/views/personalCenter/myMessage.vue | 74 +++++++++++++++++++----------------- 1 files changed, 39 insertions(+), 35 deletions(-) diff --git a/src/views/personalCenter/myMessage.vue b/src/views/personalCenter/myMessage.vue index 9d87747..c9ee998 100644 --- a/src/views/personalCenter/myMessage.vue +++ b/src/views/personalCenter/myMessage.vue @@ -33,7 +33,7 @@ </div> </div> <el-dialog align-center v-model="detailDialog" title="娑堟伅" class="messageDialog"> - <div> + <div class="messageContent"> <div class="title">{{ dataInfo.name }}</div> <div class="content" v-html="dataInfo.content"></div> </div> @@ -43,64 +43,64 @@ </template> <script setup lang="ts"> -import { reactive, ref, onMounted, inject, watch } from "vue"; -import moment from "moment"; -import { useUserStore } from "@/store"; -const userStore = useUserStore(); -const MG: any = inject("MG"); -const config: any = inject("config"); -let dataList = ref([]); +import { reactive, ref, onMounted, inject, watch } from 'vue' +import moment from 'moment' +import { useUserStore } from '@/store' +const userStore = useUserStore() +const MG: any = inject('MG') +const config: any = inject('config') +let dataList = ref([]) let pages = reactive({ page: 1, pageSize: 10, count: 0, loading: false, -}); -const detailDialog = ref(false); +}) +const detailDialog = ref(false) let dataInfo = reactive({ - name: "", - content: "", -}); + name: '', + content: '', +}) function getDataList() { - pages.loading = true; + pages.loading = true MG.app .getAppMessageList({ appRefCode: config.appRefCode, start: (pages.page - 1) * pages.pageSize, size: pages.pageSize, sort: { - type: "Desc", - field: "CreateDate", + type: 'Desc', + field: 'CreateDate', }, }) .then((res) => { - pages.count = res.totalSize; + pages.count = res.totalSize res.datas.forEach((item) => { - item.createDate = moment(item.createDate).format("YYYY-MM-DD HH:mm:ss"); - }); - dataList.value = res.datas; - pages.loading = false; + item.createDate = moment(item.createDate).format('YYYY-MM-DD HH:mm:ss') + }) + dataList.value = res.datas + pages.loading = false }) .catch(() => { - pages.loading = false; - }); + pages.loading = false + }) } onMounted(() => { - getDataList(); -}); + getDataList() +}) watch( () => userStore?.token, () => { - getDataList(); - } -); + getDataList() + }, +) const handleCurrentChange = (val: number) => { - pages.page = val; - getDataList(); -}; + pages.page = val + getDataList() +} function viewDetail(data) { MG.app @@ -109,11 +109,11 @@ }) .then((res) => { if (res) { - dataInfo.name = res.name; - dataInfo.content = res.content; - detailDialog.value = true; + dataInfo.name = res.name + dataInfo.content = res.content + detailDialog.value = true } - }); + }) } </script> <style lang="less" scoped> @@ -173,6 +173,10 @@ .messageDialog { width: 600px; + .messageContent { + padding: 15px; + box-sizing: border-box; + } .title { line-height: 22px; -- Gitblit v1.9.1