| | |
| | | <el-input class="inputBox" v-model="activateCode" placeholder="请输入激活码"> |
| | | <template #append> |
| | | <el-button |
| | | style="background-color: #019e58; color: #fff" |
| | | style="background-color: #144941; color: #fff" |
| | | @click="userActiveCodeGet" |
| | | :loading="loading" |
| | | >激活</el-button |
| | |
| | | @click="goBookDetails(pItem.id, pItem.name, pItem.defaultSaleMethodId)" |
| | | > |
| | | <div class="cover"> |
| | | <img |
| | | :src="pItem.icon ? getPublicImage(pItem.icon, '', '') : bookCover" |
| | | alt="" |
| | | /> |
| | | <img :src="pItem.icon ? pItem.icon : bookCover" alt="" /> |
| | | </div> |
| | | <div class="info"> |
| | | <div class="bookType" style="margin-bottom: 10px" v-if="pItem.type"> |
| | | {{ pItem.type }} |
| | | </div> |
| | | <span :title="pItem.name">{{ pItem.name }}</span> |
| | | <span v-if="pItem.author">{{ pItem.author }}</span> |
| | | <span class="title" :title="pItem.name">{{ pItem.name }}</span> |
| | | <span class="author" v-if="pItem.author">{{ pItem.author }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | return citem.data.sequenceNum == '007EB8E7' && citem.data.value |
| | | })?.data?.value |
| | | const obj = { |
| | | icon: item.productList[index]?.icon, |
| | | icon: getPublicImage(item.productList[index]?.icon, '', '150'), |
| | | id: item.productList[index]?.id, |
| | | name: item.productList[index]?.name, |
| | | author, |
| | |
| | | } |
| | | // 跳转书本详情 |
| | | const goBookDetails = async (id: number, name: string, defaultSaleMethodId: number) => { |
| | | let parentData = await MG.store.getProductBySaleMethod({ |
| | | saleMethodId: defaultSaleMethodId, |
| | | router.push({ |
| | | path: '/bookdetail', |
| | | query: { |
| | | bookId: id, |
| | | }, |
| | | }) |
| | | if (parentData.storeLinks[0].storeRefCode == 'jsek_digitalCourses') { |
| | | router.push({ |
| | | path: '/bookdetail', |
| | | query: { |
| | | bookId: parentData.id, |
| | | }, |
| | | }) |
| | | } else if (parentData.storeLinks[0].storeRefCode == 'digitalTextbooks') { |
| | | router.push({ |
| | | path: '/bookdetail', |
| | | query: { |
| | | bookId: parentData.id, |
| | | }, |
| | | }) |
| | | } else { |
| | | router.push({ |
| | | path: '/bookdetail', |
| | | query: { |
| | | bookId: id, |
| | | }, |
| | | }) |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | |
| | | border: 1px solid #edecec; |
| | | background: #edf4f2; |
| | | .flex1 span { |
| | | color: #019e58; |
| | | color: #000; |
| | | } |
| | | } |
| | | |
| | |
| | | margin-bottom: 20px; |
| | | |
| | | .cover { |
| | | width: 106px; |
| | | width: 116px; |
| | | height: 150px; |
| | | border-radius: 0px 0px 0px 0px; |
| | | border: 1px solid #019e58; |
| | | position: relative; |
| | | margin: auto; |
| | | margin-bottom: 5px; |
| | | |
| | | img { |
| | | width: 100%; |
| | |
| | | } |
| | | |
| | | span { |
| | | font-weight: bold; |
| | | line-height: 25px; |
| | | display: -webkit-box; |
| | | margin-bottom: 5px; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | overflow: hidden; |
| | |
| | | padding: 5px 0; |
| | | box-sizing: border-box; |
| | | text-align: center; |
| | | font-family: |
| | | Microsoft YaHei UI, |
| | | Microsoft YaHei UI; |
| | | font-size: 16px; |
| | | } |
| | | .title { |
| | | font-weight: bold; |
| | | color: #000000; |
| | | } |
| | | .author { |
| | | font-weight: 400; |
| | | color: #333333; |
| | | } |
| | | } |
| | | } |