標(biāo)注實(shí)現(xiàn)思路
標(biāo)注系統(tǒng)核心思路將文本遍歷替換為標(biāo)簽包裹的文本(list),根據(jù)鼠標(biāo)劃過動(dòng)作獲取劃詞信息(包括:內(nèi)容稠曼,位置信息等)標(biāo)注結(jié)束將文本內(nèi)容與標(biāo)注的label序列化儲(chǔ)存在標(biāo)簽包裹的數(shù)組中较沪,完成與后臺(tái)數(shù)據(jù)傳輸
本工程采用技術(shù)棧為 uni-app 和 uView
-
文本轉(zhuǎn)換
/** \* 文本轉(zhuǎn)化為 數(shù)組文本 \* @param {String} str 原始文本 */ export function getContent(str) { let arr = []; for (var i = 0; i < str.length; i++) { arr.push(str.charAt(i)); } return arr; }
-
劃詞替換
根據(jù)劃詞信息,獲取位置和文本對(duì)含有標(biāo)簽得數(shù)組對(duì)應(yīng)位置進(jìn)行替換
/**
\* 劃詞后 文本轉(zhuǎn)化
\* @param {Array} arr 劃詞后數(shù)組
\* @param {Object} obj 劃詞
\* @param {number} model 劃詞模式 默認(rèn)為 1
*/
export function getMarkContent(arr, obj, dom, model) {
let content = '';
if (model === 0) {
content = `${obj.text}$_#_$${dom.labelText}$_#_$${dom.id}$_#_$${createUUID()}`;
} else {
content = `${obj.text}$_#_$${dom.getAttribute('text')}$_#_$${dom.id}$_#_$${createUUID()}`;
}
arr.splice(obj.startIndex, obj.endIndex - obj.startIndex + 1, content)
return arr;
}
/**
\* 劃詞后 刪除實(shí)體
\* @param {Array} initArr 劃詞后數(shù)組
*/
export function getDeleteContent(initArr, index, text) {
let changeArr = getContent(text);
initArr.splice(index - 0, 1, changeArr[0]);
for (var i = changeArr.length - 1; i > 0; i--) {
initArr.splice(index - 0 + 1, 0, changeArr[i]);
}
return initArr;
}
- 輸出劃詞信息與后臺(tái)交互
{"id":"5e6767591676285644360517","initTxtArr":["分","泌","過","多","性","青","光","眼","(","h","y","p","e","r","s","e","c","r","e","t","i","o","n"," ","g","l","a","u","c","o","m","a",")","是","一種罕見的$_#_$2$_#_$1$_#_$2ec253be37cd4aab9a8471d4bf9bb243","特","殊","類","型","的","開","角","型","青","光","眼",",","其","特","點(diǎn)","是","眼","壓","升","高",",","但","房","水","流","暢","系","數(shù)","正","常","\r","\n","泛","發(fā)","性","毛","囊","錯(cuò)","構(gòu)","瘤","(","g","e","n","e","r","a","l","i","z","e","d"," ","f","o","l","l","i","c","u","l","a","r"," ","h","a","m","a","r","t","o","m","a","s",")","為","單","個(gè)","或","多","發(fā)","性","皮","膚","色","丘","疹","和","浸","潤","性","斑","塊","胶滋,","伴","發(fā)","進(jìn)","行","性","毛","發(fā)","脫","落","、","重","癥","肌","無","力","和","(","或",")","循","環(huán)","中","自","身","抗","體","(","抗","核","抗","體","和","乙","酰","膽","堿","受","體","抗","體",")","\r","\n","深","膿","皰","病","(","e","c","t","h","y","m","a",")","又","名","臁","瘡","悲敷,","是","由","溶","血","性","鏈","球","菌","感","染","所","致","的","一","種","深","在","性","膿","皰","瘡","镀钓,","基","本","損","害","為","膿","皰","及","被","粘","著","性","痂","所","覆","蓋","的","潰","瘍",",","主","要","侵","犯","小","腿","\r","\n","病","毒","性","腸","炎","(","v","i","r","a","l","g","a","s","t","r","o","e","n","t","e","r","i","t","i","s",")","又","稱","病","毒","性","腹","瀉","镀迂,","是","一","組","由","多","種","病","毒","引","起","的","急","性","腸","道","傳","染","病","。","臨","床","特","點(diǎn)","為","起","病","急","唤蔗、","惡","心","探遵、","嘔","吐","、","腹","痛","妓柜、","腹","瀉","箱季,","排","水","樣","便","或","稀","便",",","也","可","有","發(fā)","熱","及","全","身","不","適","等","癥","狀","棍掐,","病","程","短","藏雏,","病","死","率","低","。","各","種","病","毒","所","致","胃","腸","炎","的","臨","床","表","現(xiàn)","基","本","類","似","作煌。","與","急","性","胃","腸","炎","有","關(guān)","的","病","毒","種","類","較","多","掘殴,","其","中","較","為","重","要","的","、","研","究","較","多","的","是","輪","狀","病","毒","和","諾","沃","克","類","病","毒","粟誓。","此","外","奏寨,","嵌","杯","樣","病","毒","、","腸","腺","病","毒","鹰服、","星","狀","病","毒","病瞳、","柯","薩","奇","病","毒","揽咕、","冠","狀","病","毒","等","亦","可","引","起","胃","腸","炎","。","本","病","無","特","效","療","法","套菜,","以","對(duì)","癥","治","療","為","主","亲善。","暫","停","乳","類","及","雙","糖","類","食","物","。","吐","瀉","較","重","時(shí)","用","止","吐","劑","及","鎮(zhèn)","靜","劑","逗柴。","口","服","或","靜","脈","補(bǔ)","液","以","糾","正","和","電","解","質(zhì)","紊","亂","蛹头。"],"initTxt":"分泌過多性青光眼(hypersecretion glaucoma)是一種罕見的特殊類型的開角型青光眼,其特點(diǎn)是眼壓升高嚎于,但房水流暢系數(shù)正常\r\n泛發(fā)性毛囊錯(cuò)構(gòu)瘤(generalized follicular hamartomas)為單個(gè)或多發(fā)性皮膚色丘疹和浸潤性斑塊掘而,伴發(fā)進(jìn)行性毛發(fā)脫落、重癥肌無力和(或)循環(huán)中自身抗體(抗核抗體和乙酰膽堿受體抗體)\r\n深膿皰病(ecthyma)又名臁瘡于购,是由溶血性鏈球菌感染所致的一種深在性膿皰瘡袍睡,基本損害為膿皰及被粘著性痂所覆蓋的潰瘍,主要侵犯小腿\r\n病毒性腸炎(viralgastroenteritis)又稱病毒性腹瀉肋僧,是一組由多種病毒引起的急性腸道傳染病斑胜。臨床特點(diǎn)為起病急、惡心嫌吠、嘔吐止潘、腹痛、腹瀉辫诅,排水樣便或稀便凭戴,也可有發(fā)熱及全身不適等癥狀,病程短炕矮,病死率低么夫。各種病毒所致胃腸炎的臨床表現(xiàn)基本類似。與急性胃腸炎有關(guān)的病毒種類較多肤视,其中較為重要的档痪、研究較多的是輪狀病毒和諾沃克類病毒。此外邢滑,嵌杯樣病毒腐螟、腸腺病毒、星狀病毒困后、柯薩奇病毒乐纸、冠狀病毒等亦可引起胃腸炎。本病無特效療法摇予,以對(duì)癥治療為主锯仪。暫停乳類及雙糖類食物。吐瀉較重時(shí)用止吐劑及鎮(zhèn)靜劑趾盐∈玻口服或靜脈補(bǔ)液以糾正和電解質(zhì)紊亂小腊。","dataSetId":6,"relationArr":[]}