Commit 2c352a61 authored by rockyl's avatar rockyl

调整项目列表页样式

parent 0c8459a9
......@@ -24,6 +24,7 @@
.project-list {
flex: 1;
margin-bottom: 10px;
}
.project-info {
......
......@@ -4,45 +4,43 @@
class="editor-version">{{env.version}}</span></p>
<main>
<div class="project-list">
<div>
<el-table
:data="projects"
:empty-text="$t('No projects')"
style="width: 100%"
>
<el-table-column
:label="$t('Projects')">
<template slot-scope="scope">
<div class="project-info">
<span class="project-name">{{scope.row.name}}</span>
<el-tag size="mini" type="success">{{scope.row.creator}}</el-tag>
<el-tag size="mini" type="warning">{{moment(scope.row.update_time)}}</el-tag>
</div>
</template>
</el-table-column>
<el-table-column
fixed="right"
width="140">
<template slot-scope="scope">
<el-button
@click.native.prevent="selectProject(scope.row)"
type="primary" icon="el-icon-edit"
size="small" circle plain>
</el-button>
<el-button
@click.native.prevent="showDuplicateProjectDialog(scope.row)"
type="success" icon="el-icon-document-copy"
size="small" circle plain>
</el-button>
<el-button
@click.native.prevent="deleteProject(scope.row)"
type="danger" icon="el-icon-delete"
size="small" circle plain>
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<el-table
:data="projects"
:empty-text="$t('No projects')"
height="100%"
>
<el-table-column
:label="$t('Projects')">
<template slot-scope="scope">
<div class="project-info">
<span class="project-name">{{scope.row.name}}</span>
<el-tag size="mini" type="success">{{scope.row.creator}}</el-tag>
<el-tag size="mini" type="warning">{{moment(scope.row.update_time)}}</el-tag>
</div>
</template>
</el-table-column>
<el-table-column
fixed="right"
width="140">
<template slot-scope="scope">
<el-button
@click.native.prevent="selectProject(scope.row)"
type="primary" icon="el-icon-edit"
size="small" circle plain>
</el-button>
<el-button
@click.native.prevent="showDuplicateProjectDialog(scope.row)"
type="success" icon="el-icon-document-copy"
size="small" circle plain>
</el-button>
<el-button
@click.native.prevent="deleteProject(scope.row)"
type="danger" icon="el-icon-delete"
size="small" circle plain>
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div>
<el-button @click="showCreateProjectDialog()">{{$t('Create')}}</el-button>
......
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