From 9cad6a832c786989be620573b09badccfe7e3b51 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 25 八月 2025 15:11:37 +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