簡(jiǎn)單的標(biāo)注實(shí)現(xiàn)

標(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-appuView

  1. 文本轉(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;
    
    }
    
    
    
    
  2. 劃詞替換

    根據(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;

 }

 

  1. 輸出劃詞信息與后臺(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":[]}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請(qǐng)通過簡(jiǎn)信或評(píng)論聯(lián)系作者久窟。
  • 序言:七十年代末秩冈,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子斥扛,更是在濱河造成了極大的恐慌入问,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件稀颁,死亡現(xiàn)場(chǎng)離奇詭異芬失,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)匾灶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門棱烂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人阶女,你說我怎么就攤上這事颊糜。” “怎么了秃踩?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵衬鱼,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我憔杨,道長(zhǎng)鸟赫,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任消别,我火速辦了婚禮抛蚤,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘妖啥。我一直安慰自己,他們只是感情好对碌,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布荆虱。 她就那樣靜靜地躺著,像睡著了一般朽们。 火紅的嫁衣襯著肌膚如雪怀读。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天骑脱,我揣著相機(jī)與錄音菜枷,去河邊找鬼。 笑死叁丧,一個(gè)胖子當(dāng)著我的面吹牛啤誊,可吹牛的內(nèi)容都是我干的岳瞭。 我是一名探鬼主播,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蚊锹,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼瞳筏!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起牡昆,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤姚炕,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后丢烘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體柱宦,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年播瞳,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了掸刊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡狐史,死狀恐怖痒给,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情骏全,我是刑警寧澤苍柏,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站姜贡,受9級(jí)特大地震影響试吁,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜楼咳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一熄捍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧母怜,春花似錦余耽、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至轨域,卻和暖如春袱耽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背干发。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來泰國打工朱巨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人枉长。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓冀续,卻偏偏與公主長(zhǎng)得像琼讽,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子沥阳,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第五章******************************************************...
    fastwe閱讀 681評(píng)論 0 0
  • 1.cookies桐罕,sessionStorage 和 localStorage 的區(qū)別 - cookie在瀏覽器和...
    鋼蹦兒_bf62閱讀 736評(píng)論 0 17
  • style 修飾 width 寬度 height 高度 title 想說明的 text-align 水平對(duì)齊方式 ...
    庫克庫克閱讀 2,656評(píng)論 0 6
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法脉让,類相關(guān)的語法,內(nèi)部類的語法功炮,繼承相關(guān)的語法溅潜,異常的語法,線程的語...
    子非魚_t_閱讀 31,631評(píng)論 18 399
  • 我是黑夜里大雨紛飛的人啊 1 “又到一年六月薪伏,有人笑有人哭滚澜,有人歡樂有人憂愁,有人驚喜有人失落嫁怀,有的覺得收獲滿滿有...
    陌忘宇閱讀 8,536評(píng)論 28 53