feat: 接入真实类别的颜色

This commit is contained in:
maxmon 2022-04-16 20:35:51 +08:00
parent 9394e61f57
commit e6efbe5af9
2 changed files with 16 additions and 8 deletions

View File

@ -5,7 +5,7 @@
<div v-for="annoDetail in annoDetails" :point="annoDetail" :key="`${annoDetail.point[0]}_${annoDetail.point[1]}`" :style="{ <div v-for="annoDetail in annoDetails" :point="annoDetail" :key="`${annoDetail.point[0]}_${annoDetail.point[1]}`" :style="{
left: annoDetail.point[0]*100 + '%', left: annoDetail.point[0]*100 + '%',
top: annoDetail.point[1]*100 + '%', top: annoDetail.point[1]*100 + '%',
backgroundColor: annoDetail.point.color backgroundColor: types[annoDetail.type]?types[annoDetail.type].color:'#f00',
}" class="point" @contextmenu="$event.preventDefault();delPoint(annoDetail)" @mouseover="overPoint($event, annoDetail)"></div> }" class="point" @contextmenu="$event.preventDefault();delPoint(annoDetail)" @mouseover="overPoint($event, annoDetail)"></div>
</div> </div>
</div> </div>
@ -31,6 +31,11 @@ export default ({
default: '1234', default: '1234',
required: true required: true
}, },
types: {
type: Object,
default: () => {},
required: true
},
save: { save: {
type: Function, type: Function,
required: true required: true

View File

@ -108,7 +108,7 @@
<br v-if="word === '\n'" :key="idx"/> <br v-if="word === '\n'" :key="idx"/>
</template> </template>
</div> </div>
<CVPoint v-if="projectType === '图片点标注'" :fileContent="nowText" :annoDetails="ners" :nowType="'1234'" :save="save"></CVPoint> <CVPoint v-if="projectType === '图片点标注'" :fileContent="nowText" :annoDetails="ners" :nowType="nowType" :types="types" :save="save"></CVPoint>
</div> </div>
<div class="page-btn-box"> <div class="page-btn-box">
<button class="page-btn" @click="changeIdx(-1, $event)" @mouseover="setFocus('page-up')" @mouseleave="setFocus('')">上一个 {{ fastTypeKey['page-up'] ? `${fastTypeKey['page-up']}` : '' }}</button> <button class="page-btn" @click="changeIdx(-1, $event)" @mouseover="setFocus('page-up')" @mouseleave="setFocus('')">上一个 {{ fastTypeKey['page-up'] ? `${fastTypeKey['page-up']}` : '' }}</button>
@ -405,8 +405,7 @@ export default {
setType: function (type, ev) { setType: function (type, ev) {
if (this.projectType === '命名实体识别') { if (this.projectType === '命名实体识别') {
this.$set(this, 'nowType', type) this.$set(this, 'nowType', type)
} } else if (this.projectType === '文本分类') {
if (this.projectType === '文本分类') {
let typeIdx = -1 let typeIdx = -1
this.ners.some((ner, idx) => { this.ners.some((ner, idx) => {
if (ner.type === type) { if (ner.type === type) {
@ -421,6 +420,9 @@ export default {
} }
this.$set(this, 'nowType', type) this.$set(this, 'nowType', type)
this.save() this.save()
} else {
console.log(type)
this.$set(this, 'nowType', type)
} }
}, },
delType: function (type, ev) { delType: function (type, ev) {
@ -671,11 +673,12 @@ export default {
isTypeSelected (type) { isTypeSelected (type) {
if (this.projectType === '命名实体识别') { if (this.projectType === '命名实体识别') {
return this.nowType === type return this.nowType === type
} } else if (this.projectType === '文本分类') {
if (this.projectType === '文本分类') {
return this.ners.some((ner) => { return this.ners.some((ner) => {
return ner.type === type return ner.type === type
}) })
} else {
return this.nowType === type
} }
} }
}, },
@ -714,8 +717,8 @@ export default {
return entityType.type return entityType.type
}) })
that.types = types that.types = types
// //
if (that.typeList && that.typeList[0] && projectType === '命名实体识别') that.nowType = that.typeList[0] if (that.typeList && that.typeList[0] && projectType.indexOf('分类') === -1) that.nowType = that.typeList[0]
that.getFiles() that.getFiles()
} }
function calcColumnWordCount () { function calcColumnWordCount () {