教材语料库

src/views/Textanalysis/index.vue

@@ -238,7 +238,6 @@
                 </div>
                 <div class="twoline">
                   <span class="line"></span>
-                  <span class="line"></span>
                 </div>
                 <div title="采用TTR公式衡量文本丰富度，汉字丰富度指不同汉字数量与总数量的比值。">
                   <span
@@ -252,7 +251,6 @@
                 </div>
                 <div class="twoline">
                   <span class="line"></span>
-                  <span class="line"></span>
                 </div>
                 <div title="采用TTR公式衡量文本丰富度，词汇丰富度指不同词汇数量与总数量的比值。">
                   <span
@@ -936,7 +934,7 @@ import * as echarts from 'echarts';
 import 'echarts/lib/chart/bar';
 import 'echarts/lib/component/legend';
 import 'echarts/lib/component/title';
-import { reparse, publicMethods } from '@/api/api';
+import { reparse, publicMethods, GetTextAnalyseRecordInfo } from '@/api/api';
 import { levelMap } from '../../common/data';
 import { json2excel } from '@/utils/setMethods';
 
@@ -1025,6 +1023,9 @@ export default {
     if (!this.routerData) return;
     this.id = this.routerData.id;
     this.getstatistics();
+    GetTextAnalyseRecordInfo({ id: this.routerData.id }).then(({ record }) => {
+      this.noPosContent = record.txt;
+    });
   },
   methods: {
     // 词表
@@ -1070,14 +1071,14 @@ export default {
         this.base.pinyinCount +
         '/' +
         this.base.pinyinTextCount +
-        '  ||  ' +
+        '  |  ' +
         '汉字丰富度 ' +
         (this.difficulty.wordDifficulty * 1).toFixed(2) +
         ' | ' +
         this.base.wordCount +
         '/' +
         this.base.wordTextCount +
-        '  ||  ' +
+        '  |  ' +
         '词汇丰富度 ' +
         (this.difficulty.vocabularyDifficulty * 1).toFixed(2) +
         ' | ' +
@@ -1807,7 +1808,6 @@ export default {
     // 获取分析结果
     getArticleData() {
       this.loading = true;
-      let posStr = '';
       publicMethods('/TeachingServer/TextAnalyser/GetParsedTextInfo', {
         analyse_record_id: this.id,
       })
@@ -1916,19 +1916,6 @@ export default {
             this.difficulty.vocabularyDifficulty = res.record.vocabulary_ttr;
             this.difficulty.wordDifficulty = res.record.word_ttr;
             this.pinyinBottom = res.record.pinyin_mark_position !== 0;
-            newdata.forEach((item, index) => {
-              item.forEach((items, indexs) => {
-                items.forEach((itemss, indexss) => {
-                  let strWord = '';
-                  itemss.text.forEach((itemT, indexT) => {
-                    strWord += itemT.word;
-                  });
-                  posStr += strWord; //如果是英文 需要加空格
-                });
-                posStr += '\n';
-              });
-            });
-            this.noPosContent = posStr;
             this.loading = false;
           }
         })
@@ -1942,7 +1929,7 @@ export default {
         return;
       }
       this.$router.push({
-        path: '/corpus/Result',
+        path: '/corpus/seekPage',
         query: {
           keyword: this.searchVal.trim(),
         },

src/views/corpus/seekPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="corpus_seekpage">
+  <div class="corpus_seekpage result" v-loading="loading">
     <Header v-if="!userID" />
     <template v-if="showPage">
       <div class="title">
@@ -92,18 +92,69 @@
                 </span>
               </div>
             </template>
-            <!-- <template v-if="patternIndex == 0">
-                <div class="lang_sort" @click="sortEvent">
-                  长度
-                  <img v-if="sort == 'down'" src="../../assets/teacherdev/ylk-sort-down.png" alt="" />
-                  <img v-else-if="sort == 'up'" src="../../assets/teacherdev/ylk-sort-up.png" alt="" />
-                  <img v-else src="../../assets/teacherdev/ylk-sort-no.png" alt="" />
-                </div>
-              </template> -->
             <div class="refresh" @click="handleRefresh">
               <img src="../../assets/teacherdev/refresh.png" alt="" />
             </div>
             <template v-if="patternIndex == 0">
+              <div class="lang_sort" :class="[sortType === 'length' ? 'active' : '']" @click="sortEvent('length')">
+                按长度
+                <img
+                  v-if="sort == 'down' && sortType === 'length'"
+                  src="../../assets/teacherdev/ylk-sort-up.png"
+                  alt=""
+                />
+                <img
+                  v-else-if="sort == 'up' && sortType === 'length'"
+                  src="../../assets/teacherdev/ylk-sort-down.png"
+                  alt=""
+                />
+                <img v-else src="../../assets/teacherdev/ylk-sort-no.png" alt="" />
+              </div>
+            </template>
+            <template v-else>
+              <div style="display: flex">
+                <div
+                  class="lang_sort"
+                  :class="[sortType === 'zflength' ? 'active' : '']"
+                  @click="sortEvent('zflength')"
+                >
+                  按字符
+                  <img
+                    v-if="sort == 'down' && sortType === 'zflength'"
+                    src="../../assets/teacherdev/ylk-sort-up.png"
+                    alt=""
+                  />
+                  <img
+                    v-else-if="sort == 'up' && sortType === 'zflength'"
+                    src="../../assets/teacherdev/ylk-sort-down.png"
+                    alt=""
+                  />
+                  <img v-else src="../../assets/teacherdev/ylk-sort-no.png" alt="" />
+                </div>
+                <div
+                  class="lang_sort"
+                  :class="[sortType === 'pclength' ? 'active' : '']"
+                  @click="sortEvent('pclength')"
+                >
+                  按频次
+                  <img
+                    v-if="sort == 'down' && sortType === 'pclength'"
+                    src="../../assets/teacherdev/ylk-sort-up.png"
+                    alt=""
+                  />
+                  <img
+                    v-else-if="sort == 'up' && sortType === 'pclength'"
+                    src="../../assets/teacherdev/ylk-sort-down.png"
+                    alt=""
+                  />
+                  <img v-else src="../../assets/teacherdev/ylk-sort-no.png" alt="" />
+                </div>
+              </div>
+            </template>
+          </div>
+
+          <div class="size">
+            <template v-if="patternIndex == 0">
               <!-- <el-switch
                   v-model="pinyinShow"
                   active-text="拼音"
@@ -111,14 +162,17 @@
                   style="margin-left: 24px"
                 >
                 </el-switch> -->
-              <el-switch v-model="shiyiShow" active-text="释义" active-color="#424242" style="margin-left: 20px">
+              <el-switch
+                v-model="shiyiShow"
+                active-text="释义"
+                active-color="#424242"
+                style="margin-left: 20px"
+                @change="changeShiyi"
+              >
               </el-switch>
             </template>
             <el-switch v-model="fenciShow" active-text="分词" active-color="#424242" style="margin-left: 8px">
             </el-switch>
-          </div>
-
-          <div class="size">
             <span :class="[sizeIndex == 0 ? 'sele' : '']" @click="cutSize(0)">大</span>
             <span :class="[sizeIndex == 1 ? 'sele' : '']" @click="cutSize(1)">中</span>
             <span :class="[sizeIndex == 2 ? 'sele' : '']" @click="cutSize(2)">小</span>
@@ -127,20 +181,6 @@
         <div class="main">
           <div class="list">
             <template v-if="patternIndex == 0">
-              <div class="lang_sort" :class="[sortType === 'length' ? 'active' : '']" @click="sortEvent('length')">
-                按长度
-                <img
-                  v-if="sort == 'down' && sortType === 'length'"
-                  src="../../assets/teacherdev/ylk-sort-up.png"
-                  alt=""
-                />
-                <img
-                  v-else-if="sort == 'up' && sortType === 'length'"
-                  src="../../assets/teacherdev/ylk-sort-down.png"
-                  alt=""
-                />
-                <img v-else src="../../assets/teacherdev/ylk-sort-no.png" alt="" />
-              </div>
               <div v-for="(item, i) in ShowList" :key="i + 'sentence'" class="one">
                 <div class="top">
                   <!--
@@ -190,44 +230,6 @@
               </div>
             </template>
             <template v-else>
-              <div style="display: flex">
-                <div
-                  class="lang_sort"
-                  :class="[sortType === 'zflength' ? 'active' : '']"
-                  @click="sortEvent('zflength')"
-                >
-                  按字符
-                  <img
-                    v-if="sort == 'down' && sortType === 'zflength'"
-                    src="../../assets/teacherdev/ylk-sort-up.png"
-                    alt=""
-                  />
-                  <img
-                    v-else-if="sort == 'up' && sortType === 'zflength'"
-                    src="../../assets/teacherdev/ylk-sort-down.png"
-                    alt=""
-                  />
-                  <img v-else src="../../assets/teacherdev/ylk-sort-no.png" alt="" />
-                </div>
-                <div
-                  class="lang_sort"
-                  :class="[sortType === 'pclength' ? 'active' : '']"
-                  @click="sortEvent('pclength')"
-                >
-                  按频次
-                  <img
-                    v-if="sort == 'down' && sortType === 'pclength'"
-                    src="../../assets/teacherdev/ylk-sort-up.png"
-                    alt=""
-                  />
-                  <img
-                    v-else-if="sort == 'up' && sortType === 'pclength'"
-                    src="../../assets/teacherdev/ylk-sort-down.png"
-                    alt=""
-                  />
-                  <img v-else src="../../assets/teacherdev/ylk-sort-no.png" alt="" />
-                </div>
-              </div>
               <div v-for="(item, index) in ShowList" :key="'kwic' + index" class="kwic_one">
                 <div class="number">{{ item.number }}</div>
                 <el-tooltip effect="dark" placement="bottom">
@@ -306,7 +308,11 @@
             </el-pagination>
             <span class="text">
               共 {{ selectCurrent ? selectCurrent : CurrentList.length }} 条
-              {{ patternIndex === 0 && selectLaiyuanBookIdList.length === 0 ? ' 命中 ' + scoreAHitNumber + ' 次' : '' }}
+              {{
+                patternIndex === 0 && selectLaiyuanBookIdList.length === 0 && !shiyiShow
+                  ? ' 命中 ' + scoreAHitNumber + ' 次'
+                  : ''
+              }}
             </span>
           </div>
         </div>
@@ -397,7 +403,7 @@ export default {
   data() {
     //这里存放数据
     return {
-      keyword: null,
+      keyword: this.$route.query.keyword ? this.$route.query.keyword : null,
       AccessToken: this.$route.query.AccessToken,
       AppID: this.$route.query.AppID,
       showPage: false,
@@ -451,6 +457,7 @@ export default {
       selectLaiyuanBookIdList: [], // 选中右侧来源书籍列表id
       selectCurrent: 0,
       showResult: false,
+      shiyiList: [], //含有释义例句列表
     };
   },
   //计算属性 类似于data概念
@@ -488,13 +495,33 @@ export default {
         publish_status: 1,
       }).then((res) => {
         this.loading = false;
+        this.levelList = [];
         if (res.status === 1) {
           res.book_list.forEach((item) => {
             item.value = item.id;
             item.label = item.name;
             this.allLevels.push(item.id);
           });
-          this.levelList = this.levelList.concat(res.book_list);
+          // this.levelList = this.levelList.concat(res.book_list);
+
+          let tempdata = {};
+          res.book_list.forEach((str) => {
+            if (tempdata[str.series_code] != null) {
+              tempdata[str.series_code].push(str);
+            } else {
+              let every = [];
+              every.push(str);
+              tempdata[str.series_code] = every;
+            }
+          });
+          for (const key in tempdata) {
+            let obj = {
+              value: tempdata[key][0].series_code,
+              label: tempdata[key][0].series_code ? tempdata[key][0].series_code : '未分类',
+              children: tempdata[key],
+            };
+            this.levelList.push(obj);
+          }
         }
       });
     },
@@ -636,6 +663,10 @@ export default {
       this.loading = true;
       this.showResult = true;
       this.scoreAHitNumber = 0;
+      let selectBookId = [];
+      this.corpus.scope.forEach((item) => {
+        selectBookId.push(item[1]);
+      });
       let Mname = 'book-courseware_manager-GetCoursewareWordExampleSentenceList_Sort';
       let data = {
         // courseware_id: "003-20211012-17-BDUZ1JVCAN",
@@ -651,8 +682,8 @@ export default {
         compare_mode: this.patternIndex === 0 ? 'LENGTH' : 'KWIC', // 排序比较模式，LENGTH【例句长度】,KWIC【KWIC 模式】
         kwic_arrange_type: this.KWIC_sortIndex === 0 ? 'LEFT' : this.KWIC_sortIndex === 1 ? 'MID' : 'RIGHT', // KWIC 排列类型， LEFT【左】,MID【中】,RIGHT【右】
         kwic_compare_by: this.sortType === 'pclength' ? 1 : 0, // KWIC 排序比较依据，0【字符】,1【相邻的搭配词出现的次数】
-        book_publish_status: -1, // 教材发布状态 -1【全部】, 0【下架】1【上架】
-        book_id_list: this.corpus.scope, // 指定教材查询，空表示在检索范围内检索所有教材。
+        book_publish_status: 1, // 教材发布状态 -1【全部】, 0【下架】1【上架】
+        book_id_list: selectBookId, // 指定教材查询，空表示在检索范围内检索所有教材。
         sentence_fc_length_min: this.corpus.sentenceStart ? Number(this.corpus.sentenceStart) : -1, // 例句分词长度范围（最小值），-1 表示不检测最小值
         sentence_fc_length_max: this.corpus.sentenceEnd ? Number(this.corpus.sentenceEnd) : -1, // 例句分词长度范围（最大值），-1 表示不检测最大值
         is_analyse_word_cx: 'true',
@@ -660,6 +691,7 @@ export default {
       };
       BookgetContent(Mname, data, this.AppID, this.AccessToken)
         .then((res) => {
+          this.shiyiList = [];
           this.allList = {
             sentence_list: [],
             sentence_list_sort_left: [],
@@ -702,11 +734,20 @@ export default {
               }
             }
             this.CurrentList = JSON.parse(JSON.stringify(res.sentence_list));
+            let shiyiIndex = 1;
+            JSON.parse(JSON.stringify(res.sentence_list)).forEach((items) => {
+              if (items.word_definition_list && items.word_definition_list.length > 0) {
+                items.number = shiyiIndex;
+                this.shiyiList.push(items);
+                shiyiIndex++;
+              }
+            });
             this.padingEvetn();
           } else {
             this.CurrentList = [];
             this.ShowList = [];
             this.rightList = [];
+            this.shiyiList = [];
             this.getrightListdata();
           }
           if (this.keyword.trim() && flag) {
@@ -858,7 +899,10 @@ export default {
     },
     // 处理分页
     padingEvetn() {
-      let arr = JSON.parse(JSON.stringify(this.CurrentList));
+      let arr =
+        this.shiyiShow && this.patternIndex === 0
+          ? JSON.parse(JSON.stringify(this.shiyiList))
+          : JSON.parse(JSON.stringify(this.CurrentList));
       let arrs = [];
       if (this.selectLaiyuanBookIdList.length === 0) {
         arrs = arr;
@@ -899,6 +943,11 @@ export default {
       //   this.padingEvetn();
       this.getdata();
     },
+    // 切换释义
+    changeShiyi() {
+      this.page = 1;
+      this.padingEvetn();
+    },
     // 排序
     sortEvent(type) {
       this.sortType = type;
@@ -989,6 +1038,9 @@ export default {
     this.showPage = true;
     this.getLevelList();
     this.getTotalCount();
+    if (this.keyword && this.keyword.trim()) {
+      this.getdata(true);
+    }
   },
   //生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {},
@@ -1099,11 +1151,11 @@ export default {
         > div {
           display: flex;
           align-items: center;
+          column-gap: 16px;
         }
 
         .KWIC_sort {
           display: flex;
-          margin-left: 24px;
 
           span {
             display: inline-block;
@@ -1171,7 +1223,6 @@ export default {
           justify-content: center;
           width: 28px;
           height: 28px;
-          margin-left: 8px;
           cursor: pointer;
           background: #eee;
           border-radius: 4px;
@@ -1197,34 +1248,33 @@ export default {
           }
         }
       }
-
+      .lang_sort {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: max-content;
+        cursor: pointer;
+        margin-right: 16px;
+        border-radius: 20px;
+        border: 1px solid #e5e6eb;
+        padding: 4px 12px;
+        font-size: 14px;
+        &.active {
+          border-color: #4992ff;
+          background: #4992ff;
+          color: #fff;
+        }
+        img {
+          width: 16px;
+          height: 16px;
+          margin-left: 2px;
+        }
+      }
       .main {
         // height: 95%;
         .list {
           margin-top: 16px;
 
-          .lang_sort {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: max-content;
-            cursor: pointer;
-            margin: 0 0 16px 16px;
-            border-radius: 20px;
-            border: 1px solid #e5e6eb;
-            padding: 4px 12px;
-            font-size: 14px;
-            &.active {
-              border-color: #4992ff;
-              background: #4992ff;
-              color: #fff;
-            }
-            img {
-              width: 16px;
-              height: 16px;
-              margin-left: 2px;
-            }
-          }
           .one {
             padding: 0 16px;
             margin-bottom: 8px;
@@ -1371,7 +1421,7 @@ export default {
             .word {
               display: flex;
               justify-content: center;
-              width: 361px;
+              // width: 361px;
               height: 22px;
               margin-left: 16px;
               overflow: hidden;
@@ -1389,13 +1439,13 @@ export default {
                 // text-align: right;
                 display: flex;
                 justify-content: flex-end;
-                width: 172px;
+                width: 472px;
                 overflow: hidden;
                 white-space: nowrap;
               }
 
               > :nth-child(3) {
-                width: 172px;
+                width: 472px;
                 overflow: hidden;
                 text-align: left;
                 white-space: nowrap;
@@ -1549,3 +1599,61 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.result {
+  .el-switch__core {
+    width: 26px !important;
+    height: 16px;
+  }
+
+  .el-switch__core::after {
+    top: 3px;
+    width: 8px;
+    height: 8px;
+  }
+
+  .el-switch.is-checked .el-switch__core::after {
+    margin-left: -10px;
+  }
+
+  .el-switch__label.is-active {
+    color: #000;
+  }
+
+  .page {
+    .el-pagination.is-background .el-pager li:not(.disabled).active {
+      background-color: #0052d9;
+    }
+
+    .el-pager li {
+      background: #fff;
+      border: 1px solid #dcdcdc;
+      border-radius: 3px;
+    }
+  }
+}
+
+.el-loading-mask {
+  z-index: 200000 !important;
+}
+.checkAllCheckbox {
+  width: 100%;
+  padding: 0 20px;
+  height: 34px;
+  line-height: 34px;
+  &:hover {
+    background-color: #f5f7fa;
+  }
+  .el-checkbox__input {
+    display: none;
+  }
+  .el-checkbox__label {
+    padding: 0;
+  }
+}
+.selectBook {
+  .el-tag {
+    max-width: 90px;
+  }
+}
+</style>