60 lines
1.6 KiB
Vue
60 lines
1.6 KiB
Vue
<template>
|
|
<el-table v-loading="loading" :data="list">
|
|
<el-table-column type="index" width="55" align="center" />
|
|
<el-table-column label="项目名" width="300" prop="appName" :show-overflow-tooltip="true" />
|
|
<el-table-column label="项目图片" width="100" prop="picture">
|
|
<template slot-scope="scope">
|
|
<image-preview :src="scope.row.picture" :width="50" :height="50"/>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="项目描述" prop="appDesc" :show-overflow-tooltip="true" />
|
|
<el-table-column label="创建时间" width="200" prop="createTime" :show-overflow-tooltip="true" />
|
|
<el-table-column label="操作" width="200" class-name="small-padding fixed-width">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-edit"
|
|
@click="$emit('enter', scope.row)"
|
|
>进入</el-button>
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-edit"
|
|
@click="$emit('update', scope.row)"
|
|
>编辑</el-button>
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-delete"
|
|
@click="$emit('del', scope.row)"
|
|
>删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
list: {
|
|
type: Array,
|
|
default: () => []
|
|
},
|
|
loading: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
methods: {
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
</style> |