From 88476a52e2f415becbed122416a4ca137016f49c Mon Sep 17 00:00:00 2001 From: wangyuerg Date: Fri, 5 Mar 2021 16:59:51 +0800 Subject: [PATCH] feat:drawing Signed-off-by: wangyuerg Change-Id: Ifef7f2e08a18220f0464227352993479b3db0d70 Issue-ID: USECASEUI-527 --- .../business-order/business-order.component.html | 2 +- .../business-order/business-order.component.less | 9 ++-- .../slicing-business-model.component.html | 57 +++++++++++++++++++- .../slicing-business-model.component.less | 59 +++++++++++++++++++++ .../slicing-business-model.component.ts | 18 ++++++- .../slicing-business-table.component.html | 3 +- usecaseui-portal/src/assets/images/an-img.png | Bin 0 -> 3025 bytes usecaseui-portal/src/assets/images/ask-img.png | Bin 0 -> 1832 bytes .../src/assets/images/cn-cloud-img.jpg | Bin 0 -> 5855 bytes usecaseui-portal/src/assets/images/cn-img.jpg | Bin 0 -> 4571 bytes usecaseui-portal/src/assets/images/tn-edge-img.png | Bin 0 -> 1861 bytes 11 files changed, 141 insertions(+), 7 deletions(-) create mode 100644 usecaseui-portal/src/assets/images/an-img.png create mode 100644 usecaseui-portal/src/assets/images/ask-img.png create mode 100644 usecaseui-portal/src/assets/images/cn-cloud-img.jpg create mode 100644 usecaseui-portal/src/assets/images/cn-img.jpg create mode 100644 usecaseui-portal/src/assets/images/tn-edge-img.png diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.html b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.html index e95e2452..7fd459cc 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.html @@ -18,7 +18,7 @@

Note: If coverageArea is not at all provided by the user (as it is an optional input, and also optional in Service Profile), we will assume that the entire network is required to be covered. For Coverage Area Number, please enter the rectangle grid numbers corresponding to the physical coverage areas that you see on the map image. The following image shows the rectangular grid numbers for a coverage area, you can take it as an example:

- ? + diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less index c0b15eb3..4feac5d7 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less +++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less @@ -40,7 +40,7 @@ text-indent: 2em; position: absolute; right: -200px; - top: -458px; + top: -430px; color:#ffffff; p{ padding: 10px 10px 0 10px; @@ -49,7 +49,10 @@ } .detail-icon{ position: absolute; - right: -16px; + right: -26px; + bottom:-2px; + width:20px; + height:20px; cursor: pointer; } @@ -58,7 +61,7 @@ cursor: pointer; content: ''; display: block; position: absolute; - right: 178px; + right: 175px; bottom: -16px; border: 20px solid transparent; border: 8px solid transparent; diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html index 217e8bb4..3195783b 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html @@ -30,7 +30,62 @@
status:{{status}}
- example + +
+
+

AN

+

TN

+

CN

+
+
    +
  • +

    + +

    +

    {{outerData.anVersion}}

    +
    • +
  • +

    + vLan:{{outerData.vLanText}} +

    +

    +
    • +
  • +

    {{outerData.tnVersion}}

    +

    + +

    +

    {{outerData.tnText}}
    Gateway

    +
    • +
  • +

    {{outerData.mbps}} Mbps/yyyG

    +

    + {{outerData.msText}} ms +

    +

    +

    Link Type:{{outerData.linkType}}

    +
    • +
  • +

    {{outerData.tnEndVersion}}

    +

    + +

    +

    {{outerData.tnEndText}}
    Gateway

    +
    • +
  • +

    + vLan:{{outerData.cnVlan}} +

    +

    +
    • +
  • +

    + +

    +

    {{outerData.cnVersion}}

    +
    • +
+
\ No newline at end of file diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less index afccd61f..60dc8e59 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less @@ -1,3 +1,62 @@ .taskmodel_list{ margin-top: 20px; } +a{ + text-decoration: none; +} +.header{ + display: flex; + justify-content: space-around; + align-items: center; + height: 40px; + line-height: 40px; + color:#000; + margin:10px 20px; +} +.anImg{ + width: 60px; + height: 85px; +} +.list-box{ + display: flex; + justify-content:center; + align-items: center; + +} +.list-box li{ + position: relative; +} +.clear{ + clear: both; +} +.online-vlan{ + width: 100px; + height: 1px; + background: #000; +} +.online-type{ + width: 200px; + height: 3px; + background: #6a9bd0; +} +.offline-type{ + width: 200px; + height: 3px; + background: #7e848a; +} +.vLan-line{ + text-align: center; + top:-20px; +} +.tnImg{ + width: 85px; + height: 85px; +} +.three-box{ + text-align: center; + top:-20px; +} +.cnCloud{ + width: 230px; + height: 160px; +} \ No newline at end of file diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts index b0207fd7..0bffccf5 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts @@ -24,9 +24,24 @@ export class SlicingBusinessModelComponent implements OnInit { nsiInfo: any[] = []; taskModel: boolean = false; isSpinning: boolean = true; - status: string = "" + status: string = ""; ngOnInit() { console.log(this.businessId, "id",this.outerData); + const param = { + anVersion:'10.2.3.4.5', + vLanText:'111', + tnVersion:'10.0.1.1.1', + tnText:'TN EDGEText', + mbps:'333', + msText:'555', + linkType:'p2p/mp2p', + tnEndVersion:'10.1.1.1', + tnEndText:'TN EDGEText', + cnVlan:'66', + cnVersion:'1.1.2.3' + } + this.outerData = {...this.outerData,...param} + console.log('new',this.outerData) this.status = this.outerData.orchestration_status this.getDetail() } @@ -46,6 +61,7 @@ export class SlicingBusinessModelComponent implements OnInit { }); this.businessRequirement = [{ ...business_demand_info, area }]; this.NSTinfo = [nst_info]; + console.log('ngs',this.NSTinfo) if (nsi_info.nsi_id !== null) { this.nsiInfo = [nsi_info]; } diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html index 640ba3b4..bcd024ec 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html @@ -61,8 +61,9 @@ + View + >View Detail diff --git a/usecaseui-portal/src/assets/images/an-img.png b/usecaseui-portal/src/assets/images/an-img.png new file mode 100644 index 0000000000000000000000000000000000000000..154349786a879594b8b0b197fddff3494ca7e7e6 GIT binary patch literal 3025 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 T_TdrS`S)8}6QxnAW)uE@JTu9; literal 0 HcmV?d00001 diff --git a/usecaseui-portal/src/assets/images/ask-img.png b/usecaseui-portal/src/assets/images/ask-img.png new file mode 100644 index 0000000000000000000000000000000000000000..76a74ebe7f000e9142d90da39f044d587578bcb9 GIT binary patch literal 1832 zcmV+@2iN$CP)NklmUxnSh&wchp zD(aa=+GGRI2C6>|KdM&}fi_U6Nuvnw>=o;>&*i-H?y%2&*PspWUASir``c&lwbuUD zMd;En#!N%RIRJ17GarhGwNEjRh<`BipYjO+e=_qHBKoi!u5m0zj4`vB`9efo000wn z+SiWP83B`nYj-DCMP;X)O4Or zA84)LN5tuFC0ZjZpx!*2@v`J`qI3tzj6>%W9#Iqx zGV=_#m@AZ0_ot1F03dN55#MtHI}3%v)MBytov+twwK_eH3I?WF87?+5+dsL zlm!=^tNN zT@VCsI`E$;rOvILQ~4J~(PhlM**#pNlq&idHO8C`08)t6hqd;Wa=E;=k$xtxh{!S` zTIu6UWVF_ON!fvjbHgxvwFbZ#V*ntmAwrxVhT$e3qm@eK!Su=^;_YD=KGjS&D-Qsh ziKt$pwDTE7(L83BvZl7~lw`Olihg3|V*y|n5!Ft6yD=~@aKN5Ddn6jjTM*!1g<*JV zE4^y9dcC#w`IOA>M08j?U+L$@n4JJH0TF)=!|*uNT3>*O?>M3LL?oA!wnJ+@9}#Z` z0Ey8uiB&|jw3T9|QkfA1!C*?}Cn7q&t+SMXF=hY&u92^pc@{=dw49l1i31|qHy0KLpyiy}b~OevL0LwN!C$PW$< z_H5g>Z6g58O#!$u48!Mq^b?tCwK~~a`?XtuC(s!43;^6BUyL6={^0CQDv$AIvXx5Z zC`4SBsrSDx6bfe+i^bpa_>i03-o1POaytF;2G%q4)c~-Yh$iGQ<|Av2nZ(Tf+55A# zc4oO;-s)o`D`Sk=C3kE@d`aGb+^S|vokB#XcVe)ajtdal)kTTeKi1l5<#PG+PJJ0; zJ_CT$0N}0t2B1O2k@;?jjVnGXap;h~xOZE(7?*QIb1|=)@WTt@TPoyvx0oOFE?r#|pfizEF|O{JO|7^J7Y> zyOTE{iL6EwGPC!Erk%rXKTlt10AP;L@?*YIHkxF53(501j^!M5R5m2`TV5&MHtP6N zp9PUkVq>X$65DMr^$tWww95Vl;6Rg0k-PPVMwSW73uY|xX@(jA8a6yy(d+fb1~dQX z40W2BZq?}UZg9v2JP3kP9WvNn*vZWI`jWnR0k~-M zaEgg;+So{Jx9yR+gI#ZUxNQAjH2E4fG_s501;B;adgCK8B4tMq1e<)R$Oidhp0##f zw#~}SqZ%2_-ljKzBu_MHbPG!$73lgP2)=C9=(g4h{U`*Nbbdy#Ap5n^onC?e?N1FF zYyqL==OUtf3OVdOgq&sOR}pcu(B$5V8NpmzsFf4pfPx^94BYnTHrCp$dAc*L{Qe6M WNVuA?u}vZX00003uPK$GtxKI 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 PL-d^df8;>{%E-R~I879< literal 0 HcmV?d00001 diff --git a/usecaseui-portal/src/assets/images/cn-img.jpg b/usecaseui-portal/src/assets/images/cn-img.jpg new file mode 100644 index 0000000000000000000000000000000000000000..dbf5ed5b082aa75fb6e9cf19fdce3b17056c1358 GIT binary patch literal 4571 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
1@Z6>FtE;#Tl6n2% zQm&()gpVAZpW_t~uRA%|k)EDk9H&n<;osoL3^^qa%ND;5CooJnX2!=9%fQQ~gj;%S z)17_QD_`XoSvKCNQc!X{Xv*bLy*kY&?y=(W^R&{u`F%qe@*+EtmEC-G2Voqq zKDD^()?K8pUKtUHG`kf!X_D$jf1e1LlptVzT+8ut=2`*w9#g6fbD0R_gD z0YJ$9L13hNW~*=`^*8F5@7xAO*O| zo}=|DdUASXN65-)c-C@YC7usW@W1b_Kc%jlzmH37<%}i^ZKG2~lj34_slX%c!uDJltU(%nICB^hjc}$J z<=pOiD>GOCk7U2CC>&A0^OKz!3U=>+t77ZvBX%blUd1oSw2!Okj=va(AiO(n;A%&f zlgXo|RX>K`9nSCjTGuYSB?r%tKn35QAOihAYtPOsf0ZldR2ioox3S7MuwPN2Ize_2 zf?Ymutr3A}jwvbl&WQ^V2*#W`_ZJqN6~OWI8!JRWY_1pQIN&nx$2vP~HGf)(Ex8qW zbLCe>?kfdfKCz>Px^5xf*M@;S*ci(@u9G9Z3w6)vxdvxFy8LLoc3F#=VZ5JTadASq zeU%NnIIYG20kWbfCLO~m{G$B~w*EO?~0|{E4 S0y$XKf9>7>yT34;IQb8>gL!rU literal 0 HcmV?d00001 diff --git a/usecaseui-portal/src/assets/images/tn-edge-img.png b/usecaseui-portal/src/assets/images/tn-edge-img.png new file mode 100644 index 0000000000000000000000000000000000000000..c4093e30c4f328ed7117a2901ccbc32ac85a9afe GIT binary patch literal 1861 zcmV-L2fFx)P)Csq*us61 zg@%?Q6$K^4q>({hz@!0D1JWn3>IZN^a@W_h^F8<6uk-&Qw^cTiYW_KQK6XX~008J) z-#tEwi2Rs(L#A>YE+X>V$B!vD1&HGQ{CxlO(al?V`2KTI@viS4p9mI~+@GJz(aqb| z|CW8cOj=mvrfpZaBALg_q=hwOqII&0*G<`du!M`sHDf*cXE<6Xi+B&B1u8dX!gfg- zFVVu95YakO<7HV4YnCjFheU~&2@8utPT4l<@p8r()@VoTsKm>)Sy&V+S|>=n2eA?? z4A4BD9b<94EQ?`H>5TqqJ=fhZ}sG2FkY_B!kT8Rv5#fP>Wr5O z3yX4E77saymuO*4uFK*f`*?{K7L_zdIJE= zL%cwth!-dn@dAY+UZ7CK3lu7g2hincvt8|fzTVv?+!CN2@wV{8b^rYN%U2N*`SAWz zicJCzuxuW|g)1U*ae0<-OMqv@3lxfY8=6aIf9g6+U*v#zJ!8Uk2pFjm?{`ze1#&>V zav1JdOkbo#ye+0oT>?fb=Hq3#j8d78Hw30HQZRdmRp^O(ae2nwSBQ$qE8&*POkl)B zyg;E$#yj`Y&=^c##A520H`bYDj(-t@$;m6Ce@Tc53~grO)m$ofAz)}S6E9F36Y=^} z_w$#pQSYK+`a(PtobQy)_Y#N{J|R&~6-zHpky#GyYQ z&`|ZV8K@cYq8BIp@UMxbu z=@2g#V+yB1ya&I~<(5%h#2XnmJ0KL|Rc1L>zDcEvcomEd*1~&{ z+%lSo!z126x`MS3=on1l@Q7Cl(H>$7hsC9$z+yk(u0&i94ui=X2*FOn6kd+Wi=>#s z^ARtSBj9<67bq0Ryhw^;-ualkNQQ8iAzmawxXZC@MpQ%_4wDzr5N=pZ-o(c4(3+Q1 z#=Z(hWZumvM5}{%6PU9zyI-@}u7cmqrTL`+!qvmFIie5mKP}#wuXne_1X0R%mWp^I z2oY`DXP%xM%jwB+kk1RbEZ6w+;t=sF)7**O`-gK1m}ui6UPUo>Wd8-?sS$2m#H%Fs zj+}b>5^j8)ZB`I_N506I|<889^ghHMnZ9{d}d6!OG%^MxG zu)?sZs>$266UUsou_rv?+EvBmZQFsTOiy=vVJNZQh!^517bsWplXq#jTC^uH6Bk9t z8!}vtuhwY=oa3+-hVPhsL%AL@7&{H?LRllR8+iertH8| zrk2Jfql?S47hf9aTdEIjE8(JucvDRtjez~noBHh^f`u>Zctao8=CXS~hc56&Np@cv&U`(`31979m_)kB@FTnr1`ehrh2m#L#@}0fNTQ--9y7&QeBC8v3GO#E6ctv!+ zs#h{Xg-9XsI<-z=7h~6xH;5H&ii%fc*%Zz_g50+cdCB^ORUa-X!MbAObvPpptBQ|T zgn(gF74eD?Fzl%&UXkbHU{3tNf~w;6F@;gPYU6dwXr?e~Rc*W?&)0+r7&R*HCXKmj z2sqY*`TBkzjdwa>yodFb-2DF2D-lES*1&%ispjpWV?VowzYt6Du)Y!z*@r7q`Lel2 zxlBI7jmJ$}KU@*wEmq32>4Y1Pzf5l0|I5GL{rwbgldx2b<#U_b!u|8-U*zcKZR*W< zp)Xh;$GnB(JI?iJJFe}+vbj+Hv2Uy;bZt{NCtb(2eVDuja{x+38^7mDyoQo>>FYUZDHzaUn&Y6 ztdC`LMRK|O3g65*gFFTCRwh)y7N)MIP{*}>IOeU?lC#f*JD=tD@rmb(kq3gRxmd!A$q-X&EKnni@ui+bD(}*`G00000NkvXXu0mjf+0>IU literal 0 HcmV?d00001 -- 2.16.6