|  | @@ -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 {
 |