|
@@ -10,8 +10,9 @@
|
|
</tr>
|
|
</tr>
|
|
</thead>
|
|
</thead>
|
|
<tr v-for="(item, index) in childrenList" :key="index">
|
|
<tr v-for="(item, index) in childrenList" :key="index">
|
|
- <td v-for="(i, unm) in item" :key="unm">
|
|
|
|
|
|
+ <td v-for="(i, unm) in item" :key="unm" class="new-box">
|
|
<span class="thbody-rs">{{ i.name }}</span>
|
|
<span class="thbody-rs">{{ i.name }}</span>
|
|
|
|
+ <img v-if="unm % 2 == 0" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/new_subject.png" alt="" class="new-img" />
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
@@ -65,15 +66,16 @@ export default {
|
|
}
|
|
}
|
|
});
|
|
});
|
|
this.dataList = res.Data.List;
|
|
this.dataList = res.Data.List;
|
|
- console.log(childrenIndex);
|
|
|
|
for (let i = 0; i < childrenIndex; i++) {
|
|
for (let i = 0; i < childrenIndex; i++) {
|
|
let childrenArr = [];
|
|
let childrenArr = [];
|
|
this.dataList.forEach((item) => {
|
|
this.dataList.forEach((item) => {
|
|
childrenArr.push({
|
|
childrenArr.push({
|
|
name: item.List[i] ? item.List[i].SubjectName : "",
|
|
name: item.List[i] ? item.List[i].SubjectName : "",
|
|
|
|
+ ...item.List[i],
|
|
});
|
|
});
|
|
childrenArr.push({
|
|
childrenArr.push({
|
|
name: item.List[i] ? item.List[i].Count : "",
|
|
name: item.List[i] ? item.List[i].Count : "",
|
|
|
|
+ ...item.List[i],
|
|
});
|
|
});
|
|
});
|
|
});
|
|
this.childrenList.push(childrenArr);
|
|
this.childrenList.push(childrenArr);
|
|
@@ -106,6 +108,7 @@ export default {
|
|
color: #666;
|
|
color: #666;
|
|
thead {
|
|
thead {
|
|
position: sticky;
|
|
position: sticky;
|
|
|
|
+ z-index: 999;
|
|
top: 0;
|
|
top: 0;
|
|
left: 0;
|
|
left: 0;
|
|
border-left: 1px solid #dcdfe6;
|
|
border-left: 1px solid #dcdfe6;
|
|
@@ -137,5 +140,15 @@ export default {
|
|
div::-webkit-scrollbar {
|
|
div::-webkit-scrollbar {
|
|
width: 3px !important;
|
|
width: 3px !important;
|
|
}
|
|
}
|
|
|
|
+ .new-box {
|
|
|
|
+ position: relative;
|
|
|
|
+ .new-img {
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 20px;
|
|
|
|
+ height: 20px;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|