|
@@ -145,6 +145,30 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div :class="['liju', lijuPatternIndex == 1 ? 'KWIC_liju' : '']">
|
|
|
+ <div
|
|
|
+ v-if="lijuPatternIndex == 1"
|
|
|
+ class="sort_dv"
|
|
|
+ @click="sortEvent(0)"
|
|
|
+ >
|
|
|
+ <span :class="['sort', sortIndex == 0 ? 'sele' : '']">
|
|
|
+ <img src="../../../../assets/NPC/analys-left.png" alt="" />
|
|
|
+ </span>
|
|
|
+ <span
|
|
|
+ :class="['sort', sortIndex == 1 ? 'sele' : '']"
|
|
|
+ @click="sortEvent(1)"
|
|
|
+ >
|
|
|
+ <img src="../../../../assets/NPC/analys-center.png" alt="" />
|
|
|
+ </span>
|
|
|
+ <span
|
|
|
+ :class="['sort', sortIndex == 2 ? 'sele' : '']"
|
|
|
+ @click="sortEvent(2)"
|
|
|
+ >
|
|
|
+ <img src="../../../../assets/NPC/analys-right.png" alt="" />
|
|
|
+ </span>
|
|
|
+ <span class="down">
|
|
|
+ <img src="../../../../assets/NPC/download.png" alt="" />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
<div v-for="(item, i) in CurrentList" :key="i">
|
|
|
<div>{{ i + 1 }}.</div>
|
|
|
<div>
|
|
@@ -351,6 +375,7 @@ export default {
|
|
|
lijuIndex: 0,
|
|
|
lijuPatternIndex: 0,
|
|
|
CurrentList: [],
|
|
|
+ sortIndex: 0,
|
|
|
};
|
|
|
},
|
|
|
//计算属性 类似于data概念
|
|
@@ -373,6 +398,9 @@ export default {
|
|
|
},
|
|
|
//方法集合
|
|
|
methods: {
|
|
|
+ sortEvent(index) {
|
|
|
+ this.sortIndex = index;
|
|
|
+ },
|
|
|
// 切换模式
|
|
|
cutPattern(index) {
|
|
|
if (index == this.lijuPatternIndex) {
|
|
@@ -562,8 +590,7 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
//生命周期 - 创建完成(可以访问当前this实例)
|
|
|
- created() {
|
|
|
- },
|
|
|
+ created() {},
|
|
|
//生命周期 - 挂载完成(可以访问DOM元素)
|
|
|
mounted() {
|
|
|
let _this = this;
|
|
@@ -853,7 +880,38 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.KWIC_liju {
|
|
|
+ .sort_dv {
|
|
|
+ margin-left: 24px;
|
|
|
+ span {
|
|
|
+ display: inline-block;
|
|
|
+ width: 28px;
|
|
|
+ height: 28px;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 4px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-right: 8px;
|
|
|
+ }
|
|
|
+ .sele {
|
|
|
+ background: #f0f0f0;
|
|
|
+ }
|
|
|
+ .sort {
|
|
|
+ img {
|
|
|
+ width: 14px;
|
|
|
+ height: 12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .down {
|
|
|
+ img {
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
> div {
|
|
|
+ margin-left: 24px;
|
|
|
> div {
|
|
|
display: flex;
|
|
|
.p1 {
|