diff options
author | wangyuerg <wangyuerg@chinamobile.com> | 2021-03-05 16:59:51 +0800 |
---|---|---|
committer | wangyuerg <wangyuerg@chinamobile.com> | 2021-03-05 17:00:29 +0800 |
commit | 88476a52e2f415becbed122416a4ca137016f49c (patch) | |
tree | 51f8d674f17d02f0fa01ccbf198cee54541541dd /usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html | |
parent | 6949b31f7699fb80d63b1ebb5fad4488bc453a89 (diff) |
feat:drawing
Signed-off-by: wangyuerg <wangyuerg@chinamobile.com>
Change-Id: Ifef7f2e08a18220f0464227352993479b3db0d70
Issue-ID: USECASEUI-527
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html')
-rw-r--r-- | usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html | 57 |
1 files changed, 56 insertions, 1 deletions
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 @@ </nz-list> <nz-list class="taskmodel_list" nzBordered [nzHeader]="'End to End Topology:'" [nzFooter]="null"> <div>status:{{status}}</div> - <img style="width: 100%;" src="assets/images/slicing-business-management/example.png" alt="example" /> + <!-- <img style="width: 100%;" src="assets/images/slicing-business-management/example.png" alt="example" /> --> <!-- <img src="assets/images/slicing-business-management/server.svg" /> --> + <div class="warp"> + <div class="header"> + <p>AN</p> + <p>TN</p> + <p>CN</p> + </div> + <ul class="list-box"> + <li> + <p> + <img src="../../../../../../../assets/images/an-img.png" class="anImg"/> + </p> + <p>{{outerData.anVersion}}</p> + </li> + <li class="vLan-line"> + <p > + vLan:{{outerData.vLanText}} + </p> + <p class="online-vlan"></p> + </li> + <li> + <p>{{outerData.tnVersion}}</p> + <p> + <img src="../../../../../../../assets/images/tn-edge-img.png" class="tnImg"/> + </p> + <p>{{outerData.tnText}}<br/>Gateway</p> + </li> + <li class="three-box" > + <p>{{outerData.mbps}} Mbps/yyyG</p> + <p> + {{outerData.msText}} ms + </p> + <p [ngClass]="{'online-type':outerData.orchestration_status!=='deactivated','offline-type':outerData.orchestration_status=='deactivated'}"></p> + <p class="">Link Type:{{outerData.linkType}}</p> + </li> + <li> + <p>{{outerData.tnEndVersion}}</p> + <p> + <img src="../../../../../../../assets/images/tn-edge-img.png" class="tnImg"/> + </p> + <p>{{outerData.tnEndText}}<br/>Gateway</p> + </li> + <li class="vLan-line"> + <p > + vLan:{{outerData.cnVlan}} + </p> + <p class="online-vlan"></p> + </li> + <li> + <p> + <img src="../../../../../../../assets/images/cn-cloud-img.jpg" class="cnCloud"/> + </p> + <p>{{outerData.cnVersion}}</p> + </li> + </ul> + </div> </nz-list> </nz-spin>
\ No newline at end of file |