Fix warning: rowKey was not set in a-table component

pull/3445/head
johnniang 2019-04-12 10:42:03 +08:00
parent 0c8dcea2b6
commit e7ee3b6d22
3 changed files with 98 additions and 27 deletions

View File

@ -74,6 +74,7 @@
:columns="columns" :columns="columns"
:dataSource="menus" :dataSource="menus"
:loading="loading" :loading="loading"
:rowKey="menu => menu.id"
> >
<ellipsis <ellipsis
:length="30" :length="30"

View File

@ -1,24 +1,53 @@
<template> <template>
<div class="page-header-index-wide"> <div class="page-header-index-wide">
<a-row> <a-row>
<a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24"> <a-col
:xl="24"
:lg="24"
:md="24"
:sm="24"
:xs="24"
>
<div class="card-container"> <div class="card-container">
<a-tabs type="card"> <a-tabs type="card">
<a-tab-pane tab="内置页面" key="internal"> <a-tab-pane
<a-table :columns="internalColumns" :dataSource="internalPages" :pagination="false"> tab="内置页面"
<span slot="action" slot-scope="text, record"> key="internal"
<a href="javascript:;" @click="viewPage(record.id)"></a> >
<a-divider type="vertical"/> <a-table
<router-link :to="{name:'LinkList'}" v-if="record.id==1"> :columns="internalColumns"
:dataSource="internalPages"
:pagination="false"
:rowKey="page => page.id"
>
<span
slot="action"
slot-scope="text, record"
>
<a
href="javascript:;"
@click="viewPage(record.id)"
>查看</a>
<a-divider type="vertical" />
<router-link
:to="{name:'LinkList'}"
v-if="record.id==1"
>
<a href="javascript:void(0);">编辑</a> <a href="javascript:void(0);">编辑</a>
</router-link> </router-link>
<router-link :to="{name:'GalleryList'}" v-if="record.id==2"> <router-link
:to="{name:'GalleryList'}"
v-if="record.id==2"
>
<a href="javascript:void(0);">编辑</a> <a href="javascript:void(0);">编辑</a>
</router-link> </router-link>
</span> </span>
</a-table> </a-table>
</a-tab-pane> </a-tab-pane>
<a-tab-pane tab="自定义页面" key="custom">自定义页面</a-tab-pane> <a-tab-pane
tab="自定义页面"
key="custom"
>自定义页面</a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
</a-col> </a-col>

View File

@ -7,20 +7,27 @@
: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 label="网站地址:" help="* 需要加上 http://"> <a-form-item
<a-input v-model="link.url"/> label="网站地址:"
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 label="分组:" help="* 非必填"> <a-form-item
<a-input v-model="link.team"/> label="分组:"
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
@ -30,10 +37,21 @@
/> />
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<a-button type="primary" @click="createLink" v-if="formType==='create'"></a-button> <a-button
type="primary"
@click="createLink"
v-if="formType==='create'"
>保存</a-button>
<a-button-group v-else> <a-button-group v-else>
<a-button type="primary" @click="updateLink"></a-button> <a-button
<a-button type="dashed" @click="addLink" v-if="formType==='update'"></a-button> type="primary"
@click="updateLink"
>更新</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>
@ -45,16 +63,39 @@
: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 :columns="columns" :dataSource="links" :loading="loading"> <a-table
<template slot="url" slot-scope="text"> :columns="columns"
<a target="_blank" :href="text">{{ text }}</a> :dataSource="links"
:loading="loading"
:rowKey="link => link.id"
>
<template
slot="url"
slot-scope="text"
>
<a
target="_blank"
:href="text"
>{{ text }}</a>
</template> </template>
<ellipsis :length="30" tooltip slot="name" slot-scope="text">{{ text }}</ellipsis> <ellipsis
<span slot="action" slot-scope="text, record"> :length="30"
<a href="javascript:;" @click="editLink(record.id)"></a> tooltip
<a-divider type="vertical"/> slot="name"
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)"