|
@@ -4,6 +4,10 @@
|
|
|
<HeaderPage />
|
|
|
</div>
|
|
|
<div class="main">
|
|
|
+ <a class="go-back" @click="$router.go(-1)">
|
|
|
+ <i class="el-icon-arrow-left"></i>
|
|
|
+ 返回
|
|
|
+ </a>
|
|
|
<div class="top">
|
|
|
<div class="left">
|
|
|
<div class="type_dv">
|
|
@@ -108,7 +112,9 @@
|
|
|
fontWeight: '400',
|
|
|
fontSize: '18px',
|
|
|
color: item.level_id && levelMap[item.level_id] ? levelMap[item.level_id].color : '',
|
|
|
+ cursor: typeIndex !== 0 ?'pointer' : ''
|
|
|
}"
|
|
|
+ @click="backHighlight(item, levelMap[item.level_id].color, 'all', index, typeIndex)"
|
|
|
>{{ item.word }}</span
|
|
|
>
|
|
|
</td>
|
|
@@ -157,7 +163,7 @@
|
|
|
background:
|
|
|
items.levelId && levelMap[items.levelId] ? levelMap[items.levelId].color + '50' : '',
|
|
|
}"
|
|
|
- @click="backHighlight(items, levelMap[item.level_id].color, 'one', index)"
|
|
|
+ @click="backHighlight(items, levelMap[items.levelId].color, 'one', index)"
|
|
|
>
|
|
|
<span style="font-family: '楷体'" v-html="items.word"> </span>
|
|
|
<span
|
|
@@ -477,7 +483,10 @@ export default {
|
|
|
json2excel(excelDatas, '词表', true, 'xlsx');
|
|
|
},
|
|
|
// 返回并高亮对应数据
|
|
|
- backHighlight(item, color, type, index) {
|
|
|
+ backHighlight(item, color, type, index, typeIndex) {
|
|
|
+ if(typeIndex===0){
|
|
|
+ return
|
|
|
+ }
|
|
|
let data = JSON.parse(JSON.stringify(this.routerData));
|
|
|
let arr = [];
|
|
|
if (type === 'all') {
|
|
@@ -491,7 +500,8 @@ export default {
|
|
|
} else if (this.typeIndex === 0) {
|
|
|
arr.push(item.word);
|
|
|
} else {
|
|
|
- arr.push(this.dataList.word_list[index].word);
|
|
|
+ let matchStr = item.word.replace(/<span style='color:red;'>/g, "").replace(/<\/span>/g, "");
|
|
|
+ arr.push(matchStr);
|
|
|
}
|
|
|
data.remarks = JSON.stringify(arr);
|
|
|
data.color = color;
|
|
@@ -683,7 +693,26 @@ export default {
|
|
|
.main {
|
|
|
width: 1200px;
|
|
|
margin: 23px auto;
|
|
|
-
|
|
|
+ .go-back{
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #D9D9D9;
|
|
|
+ background: #FFF;
|
|
|
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
|
|
|
+ display: flex;
|
|
|
+ width: 60px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 22px;
|
|
|
+ padding: 9px 8px;
|
|
|
+ align-items: center;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ .el-icon-arrow-left{
|
|
|
+ font-size: 16px;
|
|
|
+ margin-right: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
.top {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|