NutUI3开启BCRM商机新征程

鎵€浠ュ湪Vue3涓紝瀵硅繖閮ㄥ垎鍐呭杩涜浜嗕紭鍖栵細鍦ㄥ垱寤鸿櫄鎷烡OM鏍戞椂锛屼細娣诲姞涓€涓狿atchFlag锛屾牴鎹瓺OM涓殑鍐呭鏄惁浼氬彂鐢熷彉鍖栵紝濡傛灉鍐呭浼氬彂鐢熷彉鍖栦細鏍囪涓€涓猣lag銆傜劧鍚庡湪鍜屾渶鍚庝竴涓櫄鎷熻妭鐐规瘮杈冪殑鏃跺€欙紝鍙細姣旇緝杩欎簺鏈塮lags鐨勮妭鐐癸紝鍑忓皯闈欐€佹爣璁伴亶鍘嗙殑浠ｄ环銆傚彟澶栵紝鍦╒ue2涓紝涓嶇鍏冪礌鏄惁鍙備笌鏇存柊锛屾瘡娆￠兘浼氶噸鏂板垱寤猴紝鐒跺悗娓叉煋锛屾氮璐逛簡寰堝鎬ц兘銆傝繕鏄互鍒氭墠鐨勪唬鐮佸潡涓轰緥锛屾瘡娆℃洿鏂癿sg閮戒細鍒涘缓鍓嶉潰鐨刾涓妭鐐广€俰mport{createVNodeas_createVNode,toDisplayStringas_toDisplayString,openBlockas_openBlock,createBlockas_createBlock}from"vue";瀵煎嚭鍑芥暟render(_ctx,_cache,$props,$setup,$data,$options){return(_openBlock(),_createBlock("div",null,[_createVNode("p",null,"BCRM閿€鍞姪鐞?),_createVNode("p",null,_toDisplayString(_ctx.msg),1/*TEXT*/)]))}鍦╒ue3涓紝涓嶅弬涓庢洿鏂扮偣鐨勫厓绱犱細杩涜闈欐€佹敼杩涳紝鍙細鍒涘缓涓€娆★紝娓叉煋鏃跺彲浠ョ洿鎺ュ鐢紝鍑忓皯閲嶆柊鍒涘缓甯︽潵鐨勫紑閿€銆俰mport{createVNodeas_createVNode,toDisplayStringas_toDisplayString,openBlockas_openBlock,createBlockas_createBlock}from"vue";const_hoisted_1=/*#__PURE__*/_createVNode("p",null,"HelloWorld",-1/*HOISTED*/)瀵煎嚭鍑芥暟render(_ctx,_cache,$props,$setup,$data,$options){return(_openBlock(),_createBlock("div",null,[_hoisted_1,_createVNode("p",null,_toDisplayString(_ctx.msg),1/*TEXT*/)]))}楂樻晥鎵撳寘Vite2021寮€澶存柊骞翠紛濮嬶紝娓歌揪鍦ㄧ煡涔庨棶绛?021鍓嶇鏂板彉鍖栦腑鍥炲锛氣€滃緢澶氫汉浼氭斁寮僕ebpack锛屽紑濮嬩娇鐢╒ite鈥濄€備粠Grunt銆丟ulp锛屽埌Webpack銆丷ollup銆丼nowpack绛夊嚑涓瀯寤烘鏋讹紝Vite鏈夊摢浜涚壒鎬ц兘璁╁弸杈惧姝よ嚜淇★紝涓嶅Θ鐮旂┒涓€涓嬸煈€銆俈ite鏄疺ue浣滆€呭紑鍙戠殑鍘熺敓ESM椹卞姩鐨刉eb寮€鍙戞瀯寤哄伐鍏枫€傚紑鍙戠幆澧冨熀浜庢祻瑙堝櫒鍘熺敓ES瀵煎叆锛岀敓浜х幆澧冨熀浜巖ollup鎵撳寘寮€鍙戙€傛渶澶х殑鐗圭偣灏辨槸鈥滃揩鈥濄€傝繍琛孌ev鍛戒护鍚庯紝鍙畬鎴愪簡涓や欢浜嬨€備竴鏄惎鍔ㄤ竴涓墭绠¤祫婧愭湇鍔＄殑鏈嶅姟锛涘彟涓€绉嶆槸浣跨敤esbuild棰勬瀯寤簄pm渚濊禆鍖呫€備箣鍚庝竴鐩磋汉鍦ㄩ偅閲岋紝鐩村埌娴忚鍣ㄩ€氳繃http鍙戦€佷竴涓狤SM瑙勮寖鐨勬ā鍧楄姹傦紝Vite寮€濮嬧€滄寜闇€缂栬瘧鈥濊姹傜殑妯″潡銆傚綋鐒讹紝Vite杩樻湁寰堝鍊煎緱涓€鎻愮殑鎬ц兘浼樺寲銆傛柊鐜╂硶锛氣€滄墦鍖呪€濅笉鏄洰鐨勶紝鈥滆窇鈥濇墠鏄洰鐨勩€?021骞达紝璁╂祻瑙堝櫒鍋氭祻瑙堝櫒鑳藉仛鐨勪簨銆傚仛涓€涓噿鎯扮殑绋嬪簭鍛樺矀涓嶆槸寰堝ソ锛佺伒娲荤殑妗嗘灦瀵逛綔鑰呮潵璇村彲鑳芥剰鍛崇潃閫愭笎澶辨帶鐨勫紑鍙戦噺锛涘浜庣敤鎴锋潵璇达紝杩欏彲鑳芥剰鍛崇潃楂樻槀鐨勫涔犳垚鏈紝浠ュ強鍏充簬绌烘牸鏇村ソ杩樻槸鍒惰〃绗︽洿濂界殑鍙嶅浜夎銆傚棷锛屼竴濂楀唴缃悇绉嶈涓氣€滄渶浣冲疄璺碘€濈殑宸ュ叿锛屾病鏈夊お澶х殑瀹氬埗绌洪棿锛屽叾瀹炲湪鏌愪簺鎯呭喌涓嬪彲浠ユ彁楂樺ぇ瀹剁殑鏁堢巼馃憦寮哄ぇ鐨勭粍浠跺簱NutUI3瑕佹兂鍋氬ソ浜嬶紝鍏堣鍒╁櫒.涓€涓紭绉€鐨勫墠绔伐绋嬪笀锛岄櫎浜嗚涓嶆柇鎻愬崌鑷繁鐨勮兘鍔涳紝杩樿鎳傚緱浣跨敤宸ュ叿銆備竴涓悎閫傜殑缁勪欢搴撳彲浠ヨ妭鐪佸ぇ閲忕殑寮€鍙戞椂闂淬€備綔涓轰含涓滈鏍肩殑杞婚噺绾хЩ鍔ㄧVue缁勪欢搴擄紝NutUI3閲囩敤浜哣ite2.x+Vue3+TypeScript鐨勬灦鏋勶紝涓嶣CRM搴旂敤鐨勬妧鏈爤涓嶈皨鑰屽悎銆俈ue3鍦╒ue2鐨勫熀纭€涓婂仛浜嗚繖涔堝鐨勬€ц兘浼樺寲锛岃€孨utUI3涔熺粨鍚堜笟鍔￠渶姹傚仛浜嗗涓嬩紭鍖栵細閲囩敤缁勫悎APIComposition璇硶閲嶆瀯锛岀粨鏋勬竻鏅帮紝鍔熻兘妯″潡缁勪欢emit浜嬩欢鍗曠嫭鎻愬彇锛屼唬鐮佸彲璇绘€у寮哄埄鐢═eleport鐨勬柊鐗规€ч噸鏋勬寕杞界被缁勪欢鈥︹€﹂偅涔堝湪BCRM涓紝NutUI3甯垜浠仛浜嗕粈涔堝憿锛佹寜闇€瀵煎叆锛屽湪鐐瑰鐐规湇鍔″紑鍙戜腑锛屼笉鍙兘鐢ㄥ埌缁勪欢搴撲腑鐨勬墍鏈夌粍浠躲€傚鏋滃皢椤圭洰涓殑鎵€鏈夌粍浠跺叏閮ㄥ鍏ワ紝鏈€缁堢殑鎵撳寘鏂囦欢浼氶潪甯稿ぇ锛屾鏃跺氨蹇呴』浣跨敤NutUI3鐨勬寜闇€鍔犺浇鑳藉姏銆傜敱浜嶯utUI3浣跨敤浜哣ite鏋勫缓宸ュ叿锛岃€孷ite鏈韩鏈夋寜闇€瀵煎叆缁勪欢搴擄紝鎴戜滑鍙渶瑕佹寜闇€瀵煎叆鏍峰紡鍗冲彲銆傛寜闇€瀵煎叆鏍峰紡骞朵笉澶嶆潅锛屼娇鐢╒ite鎻愪緵鐨勬寜闇€鍔犺浇鎻掍欢vite-plugin-style-import鍗冲彲銆傞鍏堝畨瑁呮彃浠秐pminstallvite-plugin-style-import--save-dev鍦╲ite.config.ts涓坊鍔犻厤缃甶mportvuefrom'@vitejs/plugin-vue'importstyleImportfrom'vite-plugin-style-import';exportdefault{plugins:[......styleImport({libs:[{libraryName:'@nutui/nutui',libraryNameChangeCase:'pascalCase',resolveStyle:(name)=>{return`@nutui/nutui/dist/packages/${name}/index.scss`}}],}),]};閰嶇疆瀹屾垚鍚庤寰楅噸鍚紝鍚﹀垯涓嶄細鐢熸晥銆傛帴涓嬫潵锛屾垜浠彲浠ュ鍏ョ粍浠秈mport{Button}from"@nutui/nutui";閫氳繃涓婇潰鐨勪唬鐮佹锛屼笉浠匓utton缁勪欢鏄牴鎹渶瑕佸鍏ョ殑锛孊utton缁勪欢鐨勬牱寮忎篃鏄牴鎹渶瑕佸鍏ョ殑锛屼笉闇€瑕佸湪鍗曠嫭鐨勫湴鏂瑰紩鍏ユ牱寮忔柟渚垮悧锛熺粍浠跺簲鐢˙CRM椤圭洰涓娇鐢ㄤ簡10+涓粍浠讹紝鍖呮嫭锛歎ploader銆丏atepicker銆両nfiniteloading銆丳opup绛夈€侼utUI3涓洪」鐩殑鎼缓鎻愪緵浜嗘瀬澶х殑渚垮埄銆傝繖閲屼笉寰椾笉澶镐竴涓婥alendar缁勪欢銆傚紑鍙戜腑娑夊強鐨勬椂闂撮€夋嫨鍜屾椂闂存閫夋嫨鍔熻兘鍙互瀹岀編瑕嗙洊銆備笉浠呮敮鎸侀€夋嫨鍗曚釜鏃堕棿鍜屾椂闂撮棿闅旓紝杩樺彲浠ヨ缃椂闂撮€夋嫨闂撮殧鍜岄噸缃负鎸囧畾鏃ユ湡锛岀‘瀹炰笉澶ソ鐢ㄣ€侼utUI3涓殑Calendar缁勪欢涓嶄粎鍙互鍏呭垎婊¤冻涓氬姟闇€姹傦紝杩樺彲浠ヨ寮€鍙戣€呭強鏃朵慨鏀逛娇鐢ㄨ繃绋嬩腑閬囧埌鐨勫皬bug锛屼笣姣笉褰卞搷寮€鍙戣繘搴︺€備笉浣跨敤NutUI3锛岃嚜宸卞紑鍙慍alender缁勪欢锛屽緢闅炬兂璞¤繖涓」鐩粈涔堟椂鍊欎笂绾裤€傚紑婧愮殑Vue3绉诲姩绔粍浠跺簱宸茬粡寰堝皯瑙佷簡锛孨utUI3杩欎箞濂斤紝娌℃湁鐞嗙敱涓嶇敤锛佹€ц兘鎻愬崌鎬ц兘鎻愬崌锛屾妧鏈湀鐨勭粡鍏歌瘽棰橈紝涔熸槸璁╂棤鏁扮▼搴忓憳澶寸柤鐨勮瘽棰樸€備粬浠線寰€鍦ㄩ」鐩笂鑺辫垂澶ч噺鏃堕棿杩涜鎬ц兘浼樺寲锛屼絾鏈€缁堣繕鏄病鏈夎揪鍒伴鏈熺殑鏁堟灉銆備笉杩嘊CRM涓緷闈燰ue3鍋氭€ц兘浼樺寲杩樻槸寰堟湁鏁堢殑銆傚湪BCRM鐨勫紑鍙戜腑锛岀敱浜庢椂闂寸揣锛屼换鍔￠噸锛屾€ц兘浼樺寲鐨勪紭鍏堢骇涓€闄嶅啀闄嶏紝杩欏彲鑳芥槸澶ч儴鍒嗛」鐩紑鍙戜腑鐨勯€氱梾銆傚湪鍗冲皢涓婄嚎鐨勬椂鍊欙紝瑙嗚鎰熺煡璁╂垜浠妸鎬ц兘浼樺寲鎻愪笂鏃ョ▼锛岃繘琛屾繁搴︿紭鍖栥€侾romise.all鎻愰珮娓叉煋閫熷害鎻愰珮椤甸潰娓叉煋閫熷害鐨勭洰鐨勬槸璁╃綉椤碘€楧uang鈥欎竴涓嬪瓙鍔犺浇鍑烘潵锛岃€屼笉鏄浆浜嗗崐澶╄繕鍑轰笉鏉ャ€備竴鑸秴杩?绉掞紝鐢ㄦ埛濂芥劅搴﹀氨浼氫笅闄嶃€傜寽鐚滀互涓嬮〉闈㈤娆″姞杞芥椂闇€瑕佽姹傚灏戜釜鎺ュ彛锛氱瓟妗堟槸23銆傛墍鏈夎兘鐪嬪埌鐨勫唴瀹归兘鏄帴鍙ｆ彁渚涚殑锛岃€屼负浜嗚幏鍙栦竴涓瓧娈碉紝闇€瑕佷笉姝竴涓帴鍙ｅ彨銆備互鍟嗘満闃舵瀛楁涓轰緥锛氭牴鎹晢鏈篒D鑾峰彇鍟嗘満璇︽儏锛屽緱鍒板晢鏈洪樁娈电殑k鍊笺€傝鍊兼槸涓€涓暟瀛楋紝鑰屼笉鏄偍瑕佹樉绀虹殑鏂囧瓧璇存槑銆傞€氳繃鍒氬垰鑾峰彇鐨刱鍊硷紝璇锋眰鎺ュ彛鑾峰彇鐩稿簲鐨勬枃瀛楁弿杩板晢鏈簊ource涔熼渶瑕佸仛鍚屾牱鐨勪簨鎯呫€傛牴鎹晢鏈篒D鑾峰彇鍟嗘満璇︽儏锛屽緱鍒板晢鏈烘潵婧愮殑k鍊笺€傞€氳繃寰楀埌鐨刱鍊间笉闅炬壘鍒板搴旂殑鏂囧瓧鎻忚堪銆傝幏鍙栧晢鏈烘槑缁嗘暟鎹悗锛岃幏鍙栧晢鏈洪樁娈电殑鏂囧瓧鎻忚堪锛岃幏鍙栧晢鏈烘潵婧愮殑鏂囧瓧鎻忚堪銆傝繘绋嬫湭閾炬帴銆傚涓婁緥锛?3涓姹備腑锛?2涓帴鍙ｈ姹備箣闂存病鏈変换浣曡仈绯伙紝涓嶉渶瑕佸尯鍒嗗厛鍚庨『搴忋€備絾鏄疛S鏄崟绾跨▼鐨勶紝涓€娆″彧鑳藉仛涓€浠朵簨锛屽嵆浣挎槸鍙互鍚屾椂鎵ц鐨勮姹傘€傝繖鏃跺€橮romise.all灏辨淳涓婄敤鍦轰簡锛屽悎骞舵湭杩炴帴鐨勮姹傦紝灏嗗畠浠寘瑁呮垚涓€涓柊鐨凱romise瀹炰緥锛屽苟浠ユ暟缁勭殑褰㈠紡杩斿洖璇锋眰缁撴灉锛屼粠鑰屽噺灏戦〉闈㈡覆鏌撴椂闂淬€俼uery.getDetail({coSn:str}).then((res)=>{state.detail=resasobject;letasksMap=newMap();asksMap.set("projectInfo",query.getProjectByCoSn({coSn:str}));asksMap.set("applyLabel",query.coApplyLabel({coSn:str}));asksMap.set("coTrajectory",query.coTrajectory({coSn:str,pageSize:100}));......asksMap.set("planList",planService.queryPage({coId:state.detail.id,pageNo:1,pageSize:50}));Promise.all([...asksMap.values()]).then((results)=>{results.forEach((result,i)=>{state[[...asksMap.keys()][i]]=result;});},()=>{}).catch((error)=>{});})async/await娓叉煋閫熷害鎻愬崌缁忚繃涓婇潰鐨勪紭鍖栵紝椤甸潰娓叉煋閫熷害鏈変簡鏄庢樉鎻愬崌锛屼絾鏄痑sync/await鍦ㄤ紭鍖栬繃绋嬩腑寮曡捣浜嗘垜浠殑娉ㄦ剰銆俛sync/await灏咼avaScript寮€鍙戜汉鍛樹粠鍥炶皟鍑芥暟鐨勫洶澧冧腑瑙ｆ晳鍑烘潵锛屼絾鏄殢鐫€async/await鐨勫ぇ閲忎娇鐢紝鏂扮殑async/await鍥板鍙堣癁鐢熶簡銆傚湪JavaScript涓繘琛屽紓姝ョ紪绋嬫椂锛岄€氬父浼氫竴涓帴涓€涓湴缂栧啓澶氫釜璇彞锛屽苟鍦ㄦ瘡涓嚱鏁拌皟鐢ㄤ箣鍓嶆敞閲婁竴涓猘wait銆傚洜涓哄ぇ澶氭暟鏃跺€欙紝涓€涓鍙ュ苟涓嶄緷璧栦簬鍓嶉潰鐨勮鍙ワ紝浣嗘槸浣犺繕鏄绛夊緟鍓嶉潰鐨勮鍙ュ畬鎴愩€傝鎴戜滑鐪嬬湅涓嬮潰鐨勪唬鐮佺墖娈礱syncfunctionorderItems(){constitems=awaitgetCartItems()//asynccallconstnoOfItems=items.lengthfor(vari=0;i{target.set(item.k,item);});constkey:{[props:string]:string}={co_sources:"setManageSources",......};store.commit(key[type],target);}缁忚繃杩欐牱鐨勮浆鎹紝浣跨敤鍙互绠€鍖栦负const{state}=useStore(key);constvalue=state.manageSources.get(k).v鏄笉鏄竴涓嬪瓙灏辨竻妤氬浜嗭紵褰撳箙搴﹁緝灏忔椂锛岃櫧鐒惰繖鏍风殑浠ｇ爜浼樺寲瀵规€ц兘褰卞搷涓嶅ぇ锛屼絾涓€鏃﹀箙搴︿笂鍗囷紝灏变細鍙戠敓宸ㄥぇ鍙樺寲銆傛€荤粨鍦ㄧ煭鏃堕棿鍐呭畬鎴愪竴涓」鐩粠0鍒?鐨勮繃绋嬫槸鐥涜嫤鐨勶紝浣嗕綔涓篘utUI3鐨勫紑鍙戞垚鍛樹箣涓€锛岀湅鍒癇CRM椤圭洰鐨勬瘡涓€椤甸兘鏈変竴涓€滆韩褰扁€濓紝杩樻槸蹇嶄笉浣忔縺鍔∟utUI3鐨勩€?021Q1Vue3姝ｅ紡鍙戝竷锛岃秺鏉ヨ秺澶氱殑寮€鍙戣€呭紑濮嬩娇鐢╒ue3浣滀负寮€鍙戣瑷€銆侼utUI3绱ц窡鏂版妧鏈紝灏嗕簬2021Q2鍙戝竷鍩轰簬Vue3鐨凬utUI3.0鐗堟湰銆傜洰鍓嶏紝鎴戜滑缁勫凡鏈?涓」鐩娇鐢∟utUI3寮€鍙戯紝缁勫唴鍏辨湁10+涓」鐩娇鐢∟utUI3寮€鍙戝苟涓婄嚎銆傚厖鍒嗚鏄嶯utUI3鍦ㄧ粍浠惰鐩栧拰绋冲畾鎬ф柟闈㈣秺鏉ヨ秺瀹屽杽銆傛杩庡叡寤猴紝鏈熷緟PR锛?/p>