|
|
@@ -200,7 +200,7 @@
|
|
|
class="custom-box"
|
|
|
>
|
|
|
<div class="custom-box-top">
|
|
|
- <h5>
|
|
|
+ <!-- <h5>
|
|
|
{{
|
|
|
info.issue_no_school_year_list[customPage].year_begin +
|
|
|
"-" +
|
|
|
@@ -215,44 +215,56 @@
|
|
|
<a @click="changeCustomPage('+')"
|
|
|
><i class="el-icon-arrow-right"></i
|
|
|
></a>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+ <span class="tips"
|
|
|
+ >说明：蓝色期号为未发行内容，黑色为已发行内容</span
|
|
|
+ >
|
|
|
</div>
|
|
|
- <ul class="custom-box-bottom">
|
|
|
- <li
|
|
|
- v-for="(itemc, indexc) in info.issue_no_school_year_list[
|
|
|
- customPage
|
|
|
- ].issue_no_list"
|
|
|
- :key="indexc"
|
|
|
- :style="{
|
|
|
- width: itemc.width ? itemc.width * 52 + 'px' : '',
|
|
|
- borderRight: itemc.farRight ? 'none !important' : '',
|
|
|
- borderBottom: itemc.farBottom ? 'none !important' : '',
|
|
|
- }"
|
|
|
- :class="[
|
|
|
- customOrderNumberList.indexOf(itemc.issue_no) > -1
|
|
|
- ? 'active'
|
|
|
- : '',
|
|
|
- ]"
|
|
|
- @click="changeCustomOrder(itemc)"
|
|
|
+ <div class="custom-box-bottom-box">
|
|
|
+ <ul
|
|
|
+ class="custom-box-bottom"
|
|
|
+ v-for="(itemi, indexi) in info.issue_no_school_year_list"
|
|
|
+ :key="indexi"
|
|
|
>
|
|
|
- <el-tooltip placement="bottom">
|
|
|
- <div slot="content">
|
|
|
- 第 {{ itemc.issue_no }} 期<br />
|
|
|
- 出版日期：{{ itemc.shelve_date }}
|
|
|
- </div>
|
|
|
- <el-button
|
|
|
- class="custom-btn"
|
|
|
- :style="{
|
|
|
- color:
|
|
|
- itemc.is_shelve && itemc.is_shelve === 'false'
|
|
|
- ? '#00adef'
|
|
|
- : '',
|
|
|
- }"
|
|
|
- >{{ itemc.issue_no }}</el-button
|
|
|
- >
|
|
|
- </el-tooltip>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <h6>
|
|
|
+ {{ itemi.year_begin + "-" + itemi.year_end + " 学年" }}
|
|
|
+ </h6>
|
|
|
+ <li
|
|
|
+ v-for="(itemc, indexc) in itemi.issue_no_list"
|
|
|
+ :key="indexc"
|
|
|
+ :style="{
|
|
|
+ width: itemc.width ? itemc.width * 52 + 'px' : '',
|
|
|
+ borderRight: itemc.farRight ? 'none !important' : '',
|
|
|
+ borderBottom: itemc.farBottom
|
|
|
+ ? 'none !important'
|
|
|
+ : '',
|
|
|
+ }"
|
|
|
+ :class="[
|
|
|
+ customOrderNumberList.indexOf(itemc.issue_no) > -1
|
|
|
+ ? 'active'
|
|
|
+ : '',
|
|
|
+ ]"
|
|
|
+ @click="changeCustomOrder(itemc)"
|
|
|
+ >
|
|
|
+ <el-tooltip placement="bottom">
|
|
|
+ <div slot="content">
|
|
|
+ 第 {{ itemc.issue_no }} 期<br />
|
|
|
+ 出版日期：{{ itemc.shelve_date }}
|
|
|
+ </div>
|
|
|
+ <el-button
|
|
|
+ class="custom-btn"
|
|
|
+ :style="{
|
|
|
+ color:
|
|
|
+ itemc.is_shelve && itemc.is_shelve === 'false'
|
|
|
+ ? '#00adef'
|
|
|
+ : '',
|
|
|
+ }"
|
|
|
+ >{{ itemc.issue_no }}</el-button
|
|
|
+ >
|
|
|
+ </el-tooltip>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<template v-if="orderTotalNumber !== -1">
|
|
|
<template v-if="orderTotalNumber === -2">
|
|
|
@@ -1465,15 +1477,20 @@ export default {
|
|
|
line-height: 22px;
|
|
|
}
|
|
|
}
|
|
|
+.custom-box-bottom-box {
|
|
|
+ max-height: 200px;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
.custom-box {
|
|
|
- width: 522px;
|
|
|
+ width: 538px;
|
|
|
border: 1px solid #e5e6eb;
|
|
|
background: #fff;
|
|
|
margin: 4px 0 8px 0;
|
|
|
&-top {
|
|
|
- padding: 8px 16px;
|
|
|
+ // padding: 8px 16px;
|
|
|
display: flex;
|
|
|
// justify-content: space-between;
|
|
|
+ border-bottom: 1px solid #e5e6eb;
|
|
|
align-items: center;
|
|
|
h5 {
|
|
|
margin: 0;
|
|
|
@@ -1498,7 +1515,17 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
&-bottom {
|
|
|
- border-top: 1px solid #e5e6eb;
|
|
|
+ // border-top: 0.5px solid #e5e6eb;
|
|
|
+ h6 {
|
|
|
+ width: 100%;
|
|
|
+ border-bottom: 1px solid #e5e6eb;
|
|
|
+ margin: 0;
|
|
|
+ color: #ea5939;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: 600;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 0 5px;
|
|
|
+ }
|
|
|
li {
|
|
|
padding: 8px !important;
|
|
|
margin: 0 !important;
|
|
|
@@ -1507,8 +1534,8 @@ export default {
|
|
|
min-width: 52px;
|
|
|
height: 36px;
|
|
|
text-align: center;
|
|
|
- border-right: 1px solid #e5e6eb !important;
|
|
|
- border-bottom: 1px solid #e5e6eb !important;
|
|
|
+ border-right: 0.5px solid #e5e6eb !important;
|
|
|
+ border-bottom: 0.5px solid #e5e6eb !important;
|
|
|
border-radius: 0 !important;
|
|
|
display: flex;
|
|
|
.custom-btn {
|
|
|
@@ -1541,6 +1568,11 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.tips {
|
|
|
+ color: #ea5939;
|
|
|
+ font-size: 12px;
|
|
|
+ padding: 0 5px;
|
|
|
+}
|
|
|
</style>
|
|
|
<style lang="scss">
|
|
|
.bookItem {
|
natasha