feat: intent instance management

Signed-off-by: liuwh7 <liuwh7@asiainfo.com>
Change-Id: I7d8047e7ccc86617399ce57a5be62907d09292eb
Issue-ID: REQ-1075

1 files changed, 87 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/services/intent-based-services/intent-instance/intent-instance.component.less b/usecaseui-portal/src/app/views/services/intent-based-services/intent-instance/intent-instance.component.less
new file mode 100644
index 00000000..f665fdb0
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/intent-based-services/intent-instance/intent-instance.component.less
@@ -0,0 +1,87 @@
+.intent-resource_tab {
+  width: 103%;
+  margin-left: 60px!important;
+  margin-top: -35px!important;
+  .ant-tabs-content.ant-tabs-content-animated{
+    padding:  20px 0!important;
+  }
+}
+.slicing-resource-table{
+  padding: 20px!important;
+}
+.intent-resource-table-list{
+  padding: 20px!important;
+  nz-table{
+    .ant-table-wrapper{
+      .ant-table-body{
+        th,td{
+          word-break: break-word!important;
+        }
+      }
+    }
+  }
+}
+nz-select {
+  width: 200px;
+}
+
+.task_status {
+  margin-bottom: 20px;
+
+  span {
+    margin-right: 5%;
+  }
+}
+
+.action-icon {
+  display: inline-block;
+  vertical-align: top;
+}
+
+i.anticon {
+  cursor: pointer;
+  font-size: 18px;
+  padding: 2px 15px;
+  vertical-align: inherit !important;
+
+  &:hover {
+    color: #147dc2;
+  }
+}
+
+.cannotclick {
+  pointer-events: none;
+  color: #aaa;
+  opacity: 0.6;
+}
+
+.buy-button {
+  float: right;
+  margin-right: 2%;
+}
+::ng-deep .ant-table-row .buy-button {
+  float: left;
+}
+
+::ng-deep .ant-table-th-right-sticky {
+  width: 200px;
+}
+.ant-table-th-right-sticky, .ant-table-td-right-sticky {
+  position: -webkit-sticky;
+  position: sticky;
+  z-index: 1;
+  right: 0;
+}
+.ant-table-th-left-sticky, .ant-table-td-left-sticky {
+  position: -webkit-sticky;
+  position: sticky;
+  z-index: 1;
+  left: 0;
+}
+.ellipsisClass{
+  display: inline-block;
+  max-width: 150px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
\ No newline at end of file