Skip to content

B
bigDataSystem
Commit 7413ce11 authored by 罗林杰's avatar 罗林杰
Browse files
Options

修改工作组详情概览

parent 1a4b9d69
Hide whitespace changes
Inline Side-by-side
Showing with 84 additions and 57 deletions
src/views/system/workspace/detail.vue
View file @ 7413ce11
...@@ -14,69 +14,96 @@ ...@@ -14,69 +14,96 @@
<Col :span="18"> <Col :span="18">
<Card title="资源统计"> <Card title="资源统计">
<div class="card_content"> <div class="card_content">
<div class="card_item"> <Col :span="4">
<Icon icon="ion:layers-outline" :size="30" :color="'#1091FE'" /> <div class="card_item">
<div class="card_itemInfo"> <Icon icon="ion:layers-outline" :size="30" :color="'#1091FE'" />
<div class="dataNum">3</div> <div class="card_itemInfo">
<div class="dataTitle">数据源</div> <div class="dataNum">3</div>
<div class="dataTitle">数据源</div>
</div>
</div> </div>
</div> <div class="card_item">
<div class="card_item"> <Icon icon="ant-design:appstore-outlined" :size="30" :color="'#1091FE'" />
<Icon icon="ant-design:appstore-outlined" :size="30" :color="'#1091FE'" /> <div class="card_itemInfo">
<div class="card_itemInfo"> <div class="dataNum">6</div>
<div class="dataNum">6</div> <div class="dataTitle">主体管理</div>
<div class="dataTitle">主体管理</div> </div>
</div> </div>
</div> <div class="card_item">
<div class="card_item"> <Icon icon="ant-design:appstore-outlined" :size="30" :color="'#C737D4'" />
<Icon icon="ant-design:appstore-outlined" :size="30" :color="'#C737D4'" /> <div class="card_itemInfo">
<div class="card_itemInfo"> <div class="dataNum">6</div>
<div class="dataNum">6</div> <div class="dataTitle">指标主体</div>
<div class="dataTitle">指标主体</div> </div>
</div> </div>
</div> <div class="card_item">
<div class="card_item"> <Icon icon="ant-design:appstore-outlined" :size="30" :color="'#EF8B16'" />
<Icon icon="ant-design:appstore-outlined" :size="30" :color="'#EF8B16'" /> <div class="card_itemInfo">
<div class="card_itemInfo"> <div class="dataNum">6</div>
<div class="dataNum">6</div> <div class="dataTitle">标签主体</div>
<div class="dataTitle">标签主体</div> </div>
</div> </div>
</div> </Col>
<div class="card_item"> <Col :span="4">
<Icon icon="ant-design:fund-outlined" :size="30" :color="'#C737D4'" /> <div class="card_item">
<div class="card_itemInfo"> <Icon icon="ant-design:fund-outlined" :size="30" :color="'#C737D4'" />
<div class="dataNum">36</div> <div class="card_itemInfo">
<div class="dataTitle">指标管理</div> <div class="dataNum">36</div>
<div class="dataTitle">指标管理</div>
</div>
</div> </div>
</div> <div class="card_item">
<div class="card_item"> <Icon icon="ion:layers-outline" :size="30" :color="'#C737D4'" />
<Icon icon="ion:layers-outline" :size="30" :color="'#C737D4'" /> <div class="card_itemInfo">
<div class="card_itemInfo"> <div class="dataNum">16</div>
<div class="dataNum">16</div> <div class="dataTitle">数据分析</div>
<div class="dataTitle">数据分析</div> </div>
</div> </div>
</div> <div class="card_item">
<div class="card_item"> <Icon icon="ant-design:table-outlined" :size="30" :color="'#33BDCC'" />
<Icon icon="ant-design:table-outlined" :size="30" :color="'#33BDCC'" /> <div class="card_itemInfo">
<div class="card_itemInfo"> <div class="dataNum">71</div>
<div class="dataNum">71</div> <div class="dataTitle">数据集</div>
<div class="dataTitle">数据集</div> </div>
</div> </div>
</div> <div class="card_item">
<div class="card_item"> <Icon icon="ant-design:file-sync-outlined" :size="30" :color="'#EF8B16'" />
<Icon icon="ant-design:file-sync-outlined" :size="30" :color="'#EF8B16'" /> <div class="card_itemInfo">
<div class="card_itemInfo"> <div class="dataNum">64</div>
<div class="dataNum">64</div> <div class="dataTitle">开发</div>
<div class="dataTitle">开发</div> </div>
</div> </div>
</div> </Col>
<div class="card_item"> <Col :span="8">
<Icon icon="ant-design:pic-left-outlined" :size="30" :color="'#17B742'" /> <div class="card_item">
<div class="card_itemInfo"> <Icon icon="ant-design:pic-left-outlined" :size="30" :color="'#17B742'" />
<div class="dataNum">12</div> <div class="card_itemInfo">
<div class="dataTitle">质量模板</div> <div class="dataNum">12</div>
<div class="dataTitle">质量模板</div>
</div>
</div> </div>
</div> <div class="card_item">
<Icon icon="ant-design:pic-left-outlined" :size="30" :color="'#189ce3'" />
<div class="card_itemInfo">
<div class="dataNum">12</div>
<div class="dataTitle">任务流</div>
</div>
</div>
<div class="card_item">
<Icon icon="ant-design:table-outlined" :size="30" :color="'#33BDCC'" />
<div class="card_itemInfo">
<div class="dataNum">71</div>
<div class="dataTitle">数据服务</div>
</div>
</div>
<div class="card_item">
<Icon icon="ant-design:file-sync-outlined" :size="30" :color="'#EF8B16'" />
<div class="card_itemInfo">
<div class="dataNum">64</div>
<div class="dataTitle">数据同步</div>
</div>
</div>
</Col>
</div> </div>
</Card> </Card>
</Col> </Col>
...@@ -392,12 +419,12 @@ ...@@ -392,12 +419,12 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.card_item { .card_item {
padding-left: 10px; padding-left: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
background-color: #f7f8f9; background-color: #f7f8f9;
width: 125px; width: 300px;
height: 70px; height: 60px;
border-radius: 10px; border-radius: 10px;
.card_itemInfo { .card_itemInfo {
padding-left: 7px; padding-left: 7px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment