Refactor AttachmentList.

pull/3445/head
ruibaby 2019-04-21 23:48:17 +08:00
parent ad7705cf4c
commit 539df22c82
2 changed files with 20 additions and 61 deletions

View File

@ -38,7 +38,6 @@
</div> </div>
<div class="table-operator"> <div class="table-operator">
<a-button type="primary" icon="plus" @click="showUploadModal"></a-button> <a-button type="primary" icon="plus" @click="showUploadModal"></a-button>
<a-button style="margin-left: 8px;" icon="delete">回收站</a-button>
</div> </div>
</a-card> </a-card>
</a-col> </a-col>
@ -53,7 +52,7 @@
<img :src="item.thumbPath"> <img :src="item.thumbPath">
</div> </div>
<a-card-meta> <a-card-meta>
<template slot="description">{{ item.mediaType }}</template> <ellipsis :length="isMobile()?36:18" tooltip slot="description">{{ item.name }}</ellipsis>
</a-card-meta> </a-card-meta>
</a-card> </a-card>
</a-list-item> </a-list-item>

View File

@ -7,51 +7,29 @@
:md="10" :md="10"
:sm="24" :sm="24"
:xs="24" :xs="24"
:style="{ 'padding-bottom': '12px' }" :style="{ 'padding-bottom': '12px' }">
>
<a-card :title="title"> <a-card :title="title">
<a-form layout="horizontal"> <a-form layout="horizontal">
<a-form-item label="网站名称:"> <a-form-item label="网站名称:">
<a-input v-model="link.name" /> <a-input v-model="link.name"/>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="网站地址:" help="* 需要加上 http://">
label="网站地址:" <a-input v-model="link.url"/>
help="* 需要加上 http://"
>
<a-input v-model="link.url" />
</a-form-item> </a-form-item>
<a-form-item label="Logo"> <a-form-item label="Logo">
<a-input v-model="link.logo" /> <a-input v-model="link.logo"/>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="分组:" help="* 非必填">
label="分组:" <a-input v-model="link.team"/>
help="* 非必填"
>
<a-input v-model="link.team" />
</a-form-item> </a-form-item>
<a-form-item label="描述:"> <a-form-item label="描述:">
<a-input <a-input type="textarea" :autosize="{ minRows: 5 }" v-model="link.description"/>
type="textarea"
:autosize="{ minRows: 5 }"
v-model="link.description"
/>
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<a-button <a-button type="primary" @click="handleSaveClick" v-if="formType==='create'"></a-button>
type="primary"
@click="handleSaveClick"
v-if="formType==='create'"
>保存</a-button>
<a-button-group v-else> <a-button-group v-else>
<a-button <a-button type="primary" @click="handleSaveClick"></a-button>
type="primary" <a-button type="dashed" @click="addLink" v-if="formType==='update'"></a-button>
@click="handleSaveClick"
>更新</a-button>
<a-button
type="dashed"
@click="addLink"
v-if="formType==='update'"
>返回添加</a-button>
</a-button-group> </a-button-group>
</a-form-item> </a-form-item>
</a-form> </a-form>
@ -63,8 +41,7 @@
:md="14" :md="14"
:sm="24" :sm="24"
:xs="24" :xs="24"
:style="{ 'padding-bottom': '12px' }" :style="{ 'padding-bottom': '12px' }">
>
<a-card title="所有友情链接"> <a-card title="所有友情链接">
<a-table <a-table
:columns="columns" :columns="columns"
@ -72,30 +49,13 @@
:loading="loading" :loading="loading"
:rowKey="link => link.id" :rowKey="link => link.id"
> >
<template <template slot="url" slot-scope="text">
slot="url" <a target="_blank" :href="text">{{ text }}</a>
slot-scope="text"
>
<a
target="_blank"
:href="text"
>{{ text }}</a>
</template> </template>
<ellipsis <ellipsis :length="15" tooltip slot="name" slot-scope="text">{{ text }}</ellipsis>
:length="15" <span slot="action" slot-scope="text, record">
tooltip <a href="javascript:;" @click="editLink(record.id)"></a>
slot="name" <a-divider type="vertical"/>
slot-scope="text"
>{{ text }}</ellipsis>
<span
slot="action"
slot-scope="text, record"
>
<a
href="javascript:;"
@click="editLink(record.id)"
>编辑</a>
<a-divider type="vertical" />
<a-popconfirm <a-popconfirm
:title="'你确定要删除【' + record.name + '】链接?'" :title="'你确定要删除【' + record.name + '】链接?'"
@confirm="deleteLink(record.id)" @confirm="deleteLink(record.id)"
@ -190,8 +150,8 @@ export default {
this.$message.success('保存成功!') this.$message.success('保存成功!')
}) })
} }
this.loadLinks()
this.addLink() this.addLink()
this.loadLinks()
this.link = {} this.link = {}
} }
} }