diff --git a/fe/config/index.js b/fe/config/index.js index 86e3578..c63faf8 100644 --- a/fe/config/index.js +++ b/fe/config/index.js @@ -54,7 +54,7 @@ module.exports = { // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', - assetsPublicPath: '/dw-tool-ner/v1.2.4/', + assetsPublicPath: '/dw-tool-ner/v1.2.7/', /** * Source Maps diff --git a/fe/src/components/NER/index.vue b/fe/src/components/NER/index.vue index a4f252b..e78547b 100644 --- a/fe/src/components/NER/index.vue +++ b/fe/src/components/NER/index.vue @@ -6,10 +6,12 @@
{{ file }} +
+
上页 @@ -30,7 +32,7 @@ @mouseleave="setFocus('')" > - + {{ type }} {{ fastTypeKey[type] ? `【${fastTypeKey[type]}】` : '' }} @@ -90,7 +92,7 @@ backgroundColor: types[ner.type] ? types[ner.type].color : `#fff`, }" > - {{ ner.type }} + {{ ner.type.substr(0,2) }} {{ ner.name }}
@@ -130,9 +132,6 @@ function query (method, url, data = '', cb) { } xhr.send(JSON.stringify(data)) } -get('/v1/index', function (data) { - console.log('data', data) -}) function updateType2Server (projectName, typeList, types) { const entityTypes = typeList.map((type) => { return { @@ -167,11 +166,12 @@ export default { nowText: '', // 当前的文件文本 ners: [], // 当前文件已标注的实体 nowNer: {}, // 当前鼠标正在标注的实体 - nowType: 'person', // 当前选择的实体类型 + nowType: '', // 当前选择的实体类型 typeList: ['person', 'location', 'organiztion'], // 实体类型可选列表 + isAnnoDic: {}, // 服务器是否返回已标注过 nowFocus: '', // 鼠标当前位置的对象，比如标注框/类型按钮/翻页按钮 - fastKeyType: {}, // 快捷键对应的类型 - fastTypeKey: {}, // 类型对应的快捷键 + fastKeyType: localStorage.fastKeyType ? JSON.parse(localStorage.fastKeyType) : {}, // 快捷键对应的类型 + fastTypeKey: localStorage.fastTypeKey ? JSON.parse(localStorage.fastTypeKey) : {}, // 类型对应的快捷键 types: { // 类型对应的属性 'person': { color: '#e61490' @@ -200,6 +200,21 @@ export default { return [...this.ners, this.nowNer] } return this.ners + }, + processRate: function () { + const files = this.files || [] + if (!files.length) return 0 + const nersCache = this.nersCache || {} + const projectName = this.projectName || '' + const isAnnoDic = this.isAnnoDic || {} + let cnt = 0 + for (let i = 0; i < files.length; i += 1) { + const file = files[i] + if (isAnnoDic[`${projectName}_${file}`] || (nersCache[file] && nersCache[file].length)) { + cnt += 1 + } + } + return cnt / files.length } }, methods: { @@ -208,7 +223,11 @@ export default { if (that.pageNumber > 1) { that.pageNumber = that.pageNumber - 1 get(`/v1/files/query?projectName=${that.projectName}&pageNumber=${that.pageNumber}&pageSize=${that.pageSize}`, function (info) { - that.$set(that, 'files', info) + that.$set(that, 'files', info.map((item) => { + if (typeof item === 'string') return item + that.isAnnoDic[`${that.projectName}_${item.fileName}`] = item.isAnno + return item.fileName + })) }) } }, @@ -217,7 +236,11 @@ export default { if (that.files.length === that.pageSize) { that.pageNumber = that.pageNumber + 1 get(`/v1/files/query?projectName=${that.projectName}&pageNumber=${that.pageNumber}&pageSize=${that.pageSize}`, function (info) { - that.$set(that, 'files', info) + that.$set(that, 'files', info.map((item) => { + if (typeof item === 'string') return item + that.isAnnoDic[`${that.projectName}_${item.fileName}`] = item.isAnno + return item.fileName + })) }) } }, @@ -225,6 +248,14 @@ export default { this.$router.push({path: '/'}) }, save: function () { + if (window.isLoadingNowText) { + if (Date.now() - window.isLoadingNowText < 30 * 1000) { + alert('请等待文件内容加载') + return false + } else { + delete window.isLoadingNowText + } + } const that = this // 保存当前标注 post('/v1/anno/create', { @@ -233,6 +264,7 @@ export default { annoDetails: JSON.stringify(that.ners) }) that.$set(that.nersCache, that.nowFile, [...that.ners]) + return true }, /** * 选中目标文件 @@ -240,13 +272,16 @@ export default { */ setNowText: function (newFile) { const that = this - that.save() + const isSaved = that.save() + if (!isSaved) return false + window.isLoadingNowText = Date.now() that.nowFile = newFile that.nowText = that.textDic[newFile] const hasCache = !!that.nersCache[newFile] that.$set(that, 'ners', that.nersCache[newFile] ? [...that.nersCache[newFile]] : []) that.flushWordsType() get(`/v1/anno/query?projectName=${that.projectName}&fileName=${newFile}`, function (info) { + delete window.isLoadingNowText // 如果本地没有缓存，就用线上的标注记录 if (!hasCache && info.annoDetails) { that.$set(that, 'ners', JSON.parse(info.annoDetails)) @@ -271,6 +306,10 @@ export default { */ pointWord: function (idx, config = {}) { if (this.mode === 'select') { + if (!this.nowType) { + alert('请先选择标签') + return false + } this.endIdx = idx const type = this.nowType const start = Math.min(this.startIdx, this.endIdx) @@ -408,6 +447,9 @@ export default { return false }, endSelect: function () { + if (!this.nowType) { + return false + } const isRepeat = this.checkIsRepeat(this.nowNer) if (!isRepeat && this.nowNer.isMove) { delete this.nowNer.isMove @@ -516,7 +558,6 @@ export default { }, mounted () { const that = this - console.log(that.$route) const { projectName, projectType, entityTypes } = that.$route.query if (projectName) { that.projectName = projectName @@ -531,8 +572,14 @@ export default { return entityType.type }) that.types = types + // 进入时默认选择第一个标签，防止弹出请选择标签的提示 + if (that.typeList && that.typeList[0]) that.nowType = that.typeList[0] get(`/v1/files/query?projectName=${projectName}&pageNumber=${that.pageNumber}&pageSize=${that.pageSize}`, function (info) { - that.$set(that, 'files', info) + that.$set(that, 'files', info.map((item) => { + if (typeof item === 'string') return item + that.isAnnoDic[`${that.projectName}_${item.fileName}`] = item.isAnno + return item.fileName + })) }) } function calcColumnWordCount () { @@ -570,8 +617,8 @@ export default { if (oldKey) { that.$set(that.fastKeyType, oldKey, undefined) } - // 保存新的快捷键 - that.$set(that.fastKeyType, key, that.nowFocus) + // 保存新的快捷键，按Eacape可以起到删除快捷键的作用 + if (key !== 'Escape') that.$set(that.fastKeyType, key, that.nowFocus) // 计算新的 类型->键 关系 const typeKey = {} for (const key in that.fastKeyType) { @@ -579,6 +626,8 @@ export default { typeKey[type] = key } that.$set(that, 'fastTypeKey', typeKey) + localStorage.fastKeyType = JSON.stringify(that.fastKeyType) + localStorage.fastTypeKey = JSON.stringify(that.fastTypeKey) } } } @@ -638,8 +687,15 @@ export default { cursor: pointer; } .left .file.checked { + position: relative; color: #ccc; } +.left .file .checked-icon { + position: absolute; + right: 2px; + top: 0; + bottom: 0; +} .left .file.selected { background: #033271; z-index: 5; @@ -648,6 +704,12 @@ export default { overflow: auto; height: calc(100% - 82px); } +.left .file-list .process-bar { + position: absolute; + top: 0; + border-top: 2px solid #35e558; + transition: 0.3s width linear; +} .left .out-btn, .left .page-ctl { position: absolute; @@ -720,9 +782,9 @@ export default { .type { position: relative; box-sizing: content-box; - /* box-shadow: 2px 2px 0px #ccc; */ border: 1px solid #ccc; border-bottom: 3px solid #ccc; + text-align: center; } .type.selected, .result.selected { @@ -781,6 +843,15 @@ export default { height: 22px; text-align: left; } +.result-type { + text-align: center; +} +.result-name { + overflow: hidden; + height: 100%; + text-overflow: ellipsis; + word-break: keep-all; +} .result-type, .result-name { width: 30%; diff --git a/fe/src/components/home/index.vue b/fe/src/components/home/index.vue index 6355f05..95871aa 100644 --- a/fe/src/components/home/index.vue +++ b/fe/src/components/home/index.vue @@ -69,18 +69,6 @@ function getColor () { function get (url, cb) { query('GET', url, '', cb) } -function updateType2Server (projectName, typeList, types) { - const entityTypes = typeList.map((type) => { - return { - type, - color: types[type].color - } - }) - post('/v1/project/update_entity_types', { - projectName: projectName, - entityTypes: JSON.stringify(entityTypes) - }) -} function post (url, data, cb) { query('POST', url, data, cb) } @@ -191,7 +179,6 @@ export default { }) that.typeList.push(newType) console.log(that.typeList) - updateType2Server(that.projectName, that.typeList, that.types) }, delType: function (type, ev) { const that = this @@ -209,7 +196,6 @@ export default { } that.typeList = newTypeList that.types = newTypes - updateType2Server(that.projectName, that.typeList, that.types) }, checkDelType: function (type, ev) { ev && ev.stopPropagation() @@ -232,7 +218,6 @@ export default { const that = this console.log(tarType, ev.target.value) that.$set(that.types[tarType], 'color', ev.target.value) - updateType2Server(that.projectName, that.typeList, that.types) } }, mounted () {