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/myApply.vue | 83 ++++++++++++++++++++++++++++++++++-------
1 files changed, 69 insertions(+), 14 deletions(-)
diff --git a/src/views/personalCenter/myApply.vue b/src/views/personalCenter/myApply.vue
index d5cb698..98f2497 100644
--- a/src/views/personalCenter/myApply.vue
+++ b/src/views/personalCenter/myApply.vue
@@ -5,9 +5,7 @@
<div class="personalPage-content">
<div class="tipsText">
<div>
- 濡傛偍鍦ㄦ暀鏉愯瘯鐢ㄧ敵璇疯繃绋嬩腑閬囧埌闂锛岃浜庡伐浣滄椂闂磋仈绯绘垜浠��<span class="phone">
- QQ鍙凤細3565269931 / 鍜ㄨ鐢佃瘽010-65778403锛堝伐浣滄椂闂达細9:00锝�17:00锛�
- </span>
+ {{ description }}
</div>
</div>
<div class="stageBtm" v-for="(item, index) in listData" :key="index">
@@ -33,7 +31,9 @@
璇曠敤鏈熼檺锛�<span>{{ item.updateDate }}</span> --
<span>{{ item.feedBack.endDate }}</span>
</div>
- <div style="color: orangered" v-if="item.isExpiry">闃呰鏈熼檺锛�<span>宸茶繃鏈�</span></div>
+ <div class="no" style="color: orangered" v-if="item.isExpiry">
+ 闃呰鏈熼檺锛�<span>宸茶繃鏈�</span>
+ </div>
<div class="time">鐢宠鏃堕棿锛歿{ item.updateDate }}</div>
</div>
<div class="reasonForFailure" style="margin: 10px 0" v-if="item.state == 'Reject'">
@@ -82,7 +82,7 @@
layout="total, prev, pager, next, slot"
:total="paginationData.totalCount"
>
- <div style="display: inline-block">
+ <div style="display: flex; align-items: center">
<span class="el-pagination__jump"
>鍓嶅線
<div class="el-input el-pagination__editor is-in-pagination">
@@ -121,6 +121,7 @@
totalPage: 0,
})
let inputPage = ref(1)
+let description = ref('')
const getTextBookList = () => {
loading.value = true
@@ -161,22 +162,69 @@
listData.value = res.datas
})
}
+
+const getType = () => {
+ const data = {
+ refCodes: ['sampleBook'],
+ }
+ MG.resource
+ .getCmsTypeByRefCode(data)
+ .then((res) => {
+ if (res?.length) {
+ description.value = res[0]?.description
+ }
+ })
+ .catch(() => {
+ description.value = ''
+ })
+}
+
onMounted(() => {
+ getType()
getTextBookList()
})
const toDetail = (item: any) => {
router.push({
- name: 'digitalTextbooks-textbooksDetail',
+ path: '/bookdetail',
query: {
- id: item.id,
- rootCmsItemId: item.rootCmsItemId,
+ bookId: item.id,
},
})
}
-const read = (pItem: any) => {
- let token = MG.tool.getCookie(config.tokenKey)
- window.open(config.textReaderUrl + '?bookId=' + pItem.refCode + '&token=' + token)
+
+// 鑾峰彇鏁欐潗璇︽儏
+const getBookDetail = async (id: string) => {
+ const query = {
+ path: '*',
+ queryType: '*',
+ productId: id,
+ coverSize: {
+ height: 300,
+ width: 210,
+ },
+ fields: {
+ author: [],
+ isbn: [],
+ },
+ }
+ const res = await MG.store.getProductDetail(query)
+ return res.datas ?? null
+}
+
+const read = async (pItem: any) => {
+ /** 鏆傛棤鏁欐潗闃呰鍣紝璺宠浆鑷宠鎯� */
+ const detail = await getBookDetail(pItem.id)
+ let token = localStorage.getItem(config.tokenKey)
+ const url =
+ config.textBookResourceUrl + '#/home' + '?bookId=' + detail.refCode + '&token=' + token
+ window.open(url)
+ // router.push({
+ // path: '/bookdetail',
+ // query: {
+ // bookId: pItem.id,
+ // },
+ // })
}
const handleSizeChange = (val: number) => {
paginationData.limit = val
@@ -220,8 +268,9 @@
}
.pageBox {
+ display: flex;
+ justify-content: center;
background-color: #fff;
- margin-top: 50px;
}
.stageBtm {
border: 1px solid #dcdcdc;
@@ -260,20 +309,26 @@
padding: 15px;
box-sizing: border-box;
.listImg {
- display: inline-block;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-between;
margin-right: 60px;
width: 120px;
img {
width: 120px;
cursor: pointer;
+ box-shadow: 0px 0px 20px 1px #ccc;
}
.name {
- line-height: 27px;
+ line-height: 30px;
font-size: 15px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ padding: 5px 0;
+ box-sizing: border-box;
}
}
}
--
Gitblit v1.9.1