Skip to content

A
ant-design-pro-vue
Commit 45dd3c63 by Sendya
Options

fix: table :rowSelection, Tree.jsx

parent 192fe98b
Showing with 421 additions and 406 deletions
src/components/CountDown/CountDown.vue
...@@ -23,8 +23,7 @@ ...@@ -23,8 +23,7 @@
}, },
onEnd: { onEnd: {
type: Function, type: Function,
default: () => { default: () => ({})
}
} }
}, },
data() { data() {
......
src/components/Tree/Tree.jsx
...@@ -10,14 +10,21 @@ export default { ...@@ -10,14 +10,21 @@ export default {
type: Array, type: Array,
required: true required: true
}, },
openKeys: {
type: Array,
default: () => []
},
search: { search: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
created () {
this.localOpenKeys = this.openKeys.slice(0)
},
data () { data () {
return { return {
openKeys: [] localOpenKeys: []
} }
}, },
methods: { methods: {
...@@ -99,7 +106,8 @@ export default { ...@@ -99,7 +106,8 @@ export default {
}, },
render () { render () {
const { dataSource, search } = this.$props const { dataSource, search } = this.$props
// this.localOpenKeys = openKeys.slice(0)
const list = dataSource.map(item => { const list = dataSource.map(item => {
return this.renderItem(item) return this.renderItem(item)
}) })
...@@ -107,7 +115,7 @@ export default { ...@@ -107,7 +115,7 @@ export default {
return ( return (
<div class="tree-wrapper"> <div class="tree-wrapper">
{ search ? this.renderSearch() : null } { search ? this.renderSearch() : null }
<Menu mode="inline" class="custom-tree" {...{ on: { click: item => this.$emit('click', item) } }}> <Menu mode="inline" class="custom-tree" {...{ on: { click: item => this.$emit('click', item), 'update:openKeys': val => { this.localOpenKeys = val } }}} openKeys={this.localOpenKeys}>
{ list } { list }
</Menu> </Menu>
</div> </div>
......
src/components/page/PageLayout.vue
<template> <template>
<div :style="!$route.meta.pageHeader ? 'margin: -24px -24px 0px;' : null"> <div :style="!$route.meta.pageHeader ? 'margin: -24px -24px 0px;' : null">
<!-- pageHeader , route meta hideHeader:true on hide --> <!-- pageHeader , route meta hideHeader:true on hide -->
<page-header v-if="!$route.meta.pageHeader" :title="title" :logo="logo" :avatar="avatar"> <page-header v-if="!$route.meta.pageHeader" :title="title" :logo="logo" :avatar="avatar">
<slot slot="action" name="action"></slot> <slot slot="action" name="action"></slot>
<slot slot="content" name="headerContent"></slot> <slot slot="content" name="headerContent"></slot>
<div slot="content" v-if="!this.$slots.headerContent && desc"> <div slot="content" v-if="!this.$slots.headerContent && desc">
<p style="font-size: 14px;color: rgba(0,0,0,.65)">{{ desc }}</p> <p style="font-size: 14px;color: rgba(0,0,0,.65)">{{ desc }}</p>
<div class="link"> <div class="link">
<template v-for="(link, index) in linkList"> <template v-for="(link, index) in linkList">
<a :key="index" :href="link.href"> <a :key="index" :href="link.href">
<a-icon :type="link.icon"/> <a-icon :type="link.icon"/>
<span>{{ link.title }}</span> <span>{{ link.title }}</span>
</a> </a>
</template> </template>
</div> </div>
</div> </div>
<slot slot="extra" name="extra"></slot> <slot slot="extra" name="extra"></slot>
<div slot="pageMenu"> <div slot="pageMenu">
<div class="page-menu-search" v-if="search"> <div class="page-menu-search" v-if="search">
<a-input-search style="width: 80%; max-width: 522px;" placeholder="请输入..." size="large" enterButton="搜索" /> <a-input-search style="width: 80%; max-width: 522px;" placeholder="请输入..." size="large" enterButton="搜索" />
</div> </div>
<div class="page-menu-tabs" v-if="tabs && tabs.items"> <div class="page-menu-tabs" v-if="tabs && tabs.items">
<!-- @change="callback" :activeKey="activeKey" --> <!-- @change="callback" :activeKey="activeKey" -->
<a-tabs :tabBarStyle="{margin: 0}" @change="tabs.callback" :activeKey="tabs.active()"> <a-tabs :tabBarStyle="{margin: 0}" @change="tabs.callback" :activeKey="tabs.active()">
<a-tab-pane v-for="item in tabs.items" :tab="item.title" :key="item.key"></a-tab-pane> <a-tab-pane v-for="item in tabs.items" :tab="item.title" :key="item.key"></a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
</div> </div>
</page-header> </page-header>
<div class="content"> <div class="content">
<div :class="['page-header-index-wide']"> <div :class="['page-header-index-wide']">
<slot></slot> <slot></slot>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import PageHeader from './PageHeader' import PageHeader from './PageHeader'
export default { export default {
name: 'LayoutContent', name: 'LayoutContent',
components: { components: {
PageHeader PageHeader
}, },
// ['desc', 'logo', 'title', 'avatar', 'linkList', 'extraImage'] // ['desc', 'logo', 'title', 'avatar', 'linkList', 'extraImage']
props: { props: {
desc: { desc: {
type: String, type: String,
default: null default: null
}, },
logo: { logo: {
type: String, type: String,
default: null default: null
}, },
title: { title: {
type: String, type: String,
default: null default: null
}, },
avatar: { avatar: {
type: String, type: String,
default: null default: null
}, },
linkList: { linkList: {
type: Array, type: Array,
default: null default: null
}, },
extraImage: { extraImage: {
type: String, type: String,
default: null default: null
}, },
search: { search: {
type: Boolean, type: Boolean,
default: false default: false
}, },
tabs: { tabs: {
type: Object, type: Object,
default: () => {} default: () => ({})
} }
}, },
methods: { methods: {
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.content { .content {
margin: 24px 24px 0; margin: 24px 24px 0;
.link { .link {
margin-top: 16px; margin-top: 16px;
&:not(:empty) { &:not(:empty) {
margin-bottom: 16px; margin-bottom: 16px;
} }
a { a {
margin-right: 32px; margin-right: 32px;
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
display: inline-block; display: inline-block;
i { i {
font-size: 24px; font-size: 24px;
margin-right: 8px; margin-right: 8px;
vertical-align: middle; vertical-align: middle;
} }
span { span {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
} }
} }
} }
.page-menu-search { .page-menu-search {
text-align: center; text-align: center;
margin-bottom: 16px; margin-bottom: 16px;
} }
.page-menu-tabs { .page-menu-tabs {
margin-top: 48px; margin-top: 48px;
} }
</style> </style>
\ No newline at end of file
src/components/table/index.js
...@@ -49,6 +49,10 @@ export default { ...@@ -49,6 +49,10 @@ export default {
type: [Object, Boolean], type: [Object, Boolean],
default: null default: null
}, },
rowSelection: {
type: Object,
default: () => ({})
},
/** @Deprecated */ /** @Deprecated */
showAlertInfo: { showAlertInfo: {
type: Boolean, type: Boolean,
...@@ -97,7 +101,7 @@ export default { ...@@ -97,7 +101,7 @@ export default {
/** /**
* 表格重新加载方法 * 表格重新加载方法
* 如果参数为 true, 则强制刷新到第一页 * 如果参数为 true, 则强制刷新到第一页
* @param Boolean bool * @param Boolean bool
*/ */
refresh(bool = false) { refresh(bool = false) {
this.loadData(bool ? { current: 1 }: {}) this.loadData(bool ? { current: 1 }: {})
...@@ -172,12 +176,13 @@ export default { ...@@ -172,12 +176,13 @@ export default {
*/ */
updateSelect (selectedRowKeys, selectedRows) { updateSelect (selectedRowKeys, selectedRows) {
this.selectedRows = selectedRows this.selectedRows = selectedRows
this.selectedRowKeys = selectedRowKeys
const list = this.needTotalList const list = this.needTotalList
this.needTotalList = list.map(item => { this.needTotalList = list.map(item => {
return { return {
...item, ...item,
total: selectedRows.reduce((sum, val) => { total: selectedRows.reduce((sum, val) => {
const total = sum + get(val, item.dataIndex) const total = sum + parseInt(get(val, item.dataIndex))
return isNaN(total) ? 0 : total return isNaN(total) ? 0 : total
}, 0) }, 0)
} }
...@@ -198,6 +203,7 @@ export default { ...@@ -198,6 +203,7 @@ export default {
* @returns {*} * @returns {*}
*/ */
renderClear (callback) { renderClear (callback) {
if (this.selectedRowKeys.length <= 0) return null
return ( return (
<a style="margin-left: 24px" onClick={() => { <a style="margin-left: 24px" onClick={() => {
callback() callback()
...@@ -236,7 +242,7 @@ export default { ...@@ -236,7 +242,7 @@ export default {
render () { render () {
const props = {} const props = {}
const localKeys = Object.keys(this.$data) const localKeys = Object.keys(this.$data)
const showAlert = (typeof this.alert === 'object' && this.alert !== null && this.alert.show) || this.alert const showAlert = (typeof this.alert === 'object' && this.alert !== null && this.alert.show) && typeof this.rowSelection.selectedRowKeys !== 'undefined' || this.alert
Object.keys(T.props).forEach(k => { Object.keys(T.props).forEach(k => {
const localKey = `local${k.substring(0, 1).toUpperCase()}${k.substring(1)}` const localKey = `local${k.substring(0, 1).toUpperCase()}${k.substring(1)}`
...@@ -246,10 +252,11 @@ export default { ...@@ -246,10 +252,11 @@ export default {
if (showAlert && k === 'rowSelection') { if (showAlert && k === 'rowSelection') {
// 重新绑定 rowSelection 事件 // 重新绑定 rowSelection 事件
return props[k] = { return props[k] = {
selectedRowKeys: this[k].selectedRowKeys, selectedRows: this.selectedRows,
selectedRowKeys: this.selectedRowKeys,
onChange: (selectedRowKeys, selectedRows) => { onChange: (selectedRowKeys, selectedRows) => {
this.updateSelect(selectedRowKeys, selectedRows) this.updateSelect(selectedRowKeys, selectedRows)
this[k].onChange(selectedRowKeys, selectedRows) typeof this[k].onChange !== 'undefined' && this[k].onChange(selectedRowKeys, selectedRows)
} }
} }
} }
......
src/utils/filter.js
import Vue from 'vue' import Vue from 'vue'
import moment from 'moment' import moment from 'moment'
import 'moment/locale/zh-cn'
moment.locale('zh-cn')
Vue.filter('NumberFormat', function (value) { Vue.filter('NumberFormat', function (value) {
if (!value) { if (!value) {
......
src/views/list/TableInnerEditList.vue
<template> <template>
<a-card :bordered="false"> <a-card :bordered="false">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline"> <a-form layout="inline">
<a-row :gutter="48"> <a-row :gutter="48">
<a-col :md="8" :sm="24"> <a-col :md="8" :sm="24">
<a-form-item label="规则编号"> <a-form-item label="规则编号">
<a-input placeholder=""/> <a-input placeholder=""/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="8" :sm="24"> <a-col :md="8" :sm="24">
<a-form-item label="使用状态"> <a-form-item label="使用状态">
<a-select placeholder="请选择" default-value="0"> <a-select placeholder="请选择" default-value="0">
<a-select-option value="0">全部</a-select-option> <a-select-option value="0">全部</a-select-option>
<a-select-option value="1">关闭</a-select-option> <a-select-option value="1">关闭</a-select-option>
<a-select-option value="2">运行中</a-select-option> <a-select-option value="2">运行中</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<template v-if="advanced"> <template v-if="advanced">
<a-col :md="8" :sm="24"> <a-col :md="8" :sm="24">
<a-form-item label="调用次数"> <a-form-item label="调用次数">
<a-input-number style="width: 100%"/> <a-input-number style="width: 100%"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="8" :sm="24"> <a-col :md="8" :sm="24">
<a-form-item label="更新日期"> <a-form-item label="更新日期">
<a-date-picker style="width: 100%" placeholder="请输入更新日期"/> <a-date-picker style="width: 100%" placeholder="请输入更新日期"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="8" :sm="24"> <a-col :md="8" :sm="24">
<a-form-item label="使用状态"> <a-form-item label="使用状态">
<a-select placeholder="请选择" default-value="0"> <a-select placeholder="请选择" default-value="0">
<a-select-option value="0">全部</a-select-option> <a-select-option value="0">全部</a-select-option>
<a-select-option value="1">关闭</a-select-option> <a-select-option value="1">关闭</a-select-option>
<a-select-option value="2">运行中</a-select-option> <a-select-option value="2">运行中</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="8" :sm="24"> <a-col :md="8" :sm="24">
<a-form-item label="使用状态"> <a-form-item label="使用状态">
<a-select placeholder="请选择" default-value="0"> <a-select placeholder="请选择" default-value="0">
<a-select-option value="0">全部</a-select-option> <a-select-option value="0">全部</a-select-option>
<a-select-option value="1">关闭</a-select-option> <a-select-option value="1">关闭</a-select-option>
<a-select-option value="2">运行中</a-select-option> <a-select-option value="2">运行中</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
</template> </template>
<a-col :md="!advanced && 8 || 24" :sm="24"> <a-col :md="!advanced && 8 || 24" :sm="24">
<span class="table-page-search-submitButtons" :style="advanced && { float: 'right', overflow: 'hidden' } || {} "> <span class="table-page-search-submitButtons" :style="advanced && { float: 'right', overflow: 'hidden' } || {} ">
<a-button type="primary">查询</a-button> <a-button type="primary">查询</a-button>
<a-button style="margin-left: 8px">重置</a-button> <a-button style="margin-left: 8px">重置</a-button>
<a @click="toggleAdvanced" style="margin-left: 8px"> <a @click="toggleAdvanced" style="margin-left: 8px">
{{ advanced ? '收起' : '展开' }} {{ advanced ? '收起' : '展开' }}
<a-icon :type="advanced ? 'up' : 'down'"/> <a-icon :type="advanced ? 'up' : 'down'"/>
</a> </a>
</span> </span>
</a-col> </a-col>
</a-row> </a-row>
</a-form> </a-form>
</div> </div>
<div class="table-operator"> <div class="table-operator">
<a-button type="primary" icon="plus" @click="() => $router.push({name: 'anime-add'})">新建</a-button> <a-button type="primary" icon="plus" @click="() => $router.push({name: 'anime-add'})">新建</a-button>
<a-dropdown v-if="selectedRowKeys.length > 0"> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay"> <a-menu slot="overlay">
<a-menu-item key="1"><a-icon type="delete" />删除</a-menu-item> <a-menu-item key="1"><a-icon type="delete" />删除</a-menu-item>
<!-- lock | unlock --> <!-- lock | unlock -->
<a-menu-item key="2"><a-icon type="lock" />锁定</a-menu-item> <a-menu-item key="2"><a-icon type="lock" />锁定</a-menu-item>
</a-menu> </a-menu>
<a-button style="margin-left: 8px"> <a-button style="margin-left: 8px">
批量操作 <a-icon type="down" /> 批量操作 <a-icon type="down" />
</a-button> </a-button>
</a-dropdown> </a-dropdown>
</div> </div>
<s-table <s-table
ref="table" ref="table"
size="default" size="default"
:columns="columns" :columns="columns"
:data="loadData" :data="loadData"
:showAlertInfo="true" :alert="{ show: true, clear: true }"
@onSelect="onChange" >
> <template v-for="(col, index) in columns" v-if="col.scopedSlots" :slot="col.dataIndex" slot-scope="text, record, index">
<template v-for="(col, index) in columns" v-if="col.scopedSlots" :slot="col.dataIndex" slot-scope="text, record, index"> <div :key="index">
<div :key="index"> <a-input
<a-input v-if="record.editable"
v-if="record.editable" style="margin: -5px 0"
style="margin: -5px 0" :value="text"
:value="text" @change="e => handleChange(e.target.value, record.key, col, record)"
@change="e => handleChange(e.target.value, record.key, col)" />
/> <template v-else>{{ text }}</template>
<template v-else>{{ text }}</template> </div>
</div> </template>
</template> <template slot="action" slot-scope="text, record, index">
<template slot="action" slot-scope="text, record, index"> <div class="editable-row-operations">
<div class="editable-row-operations"> <span v-if="record.editable">
<span v-if="record.editable"> <a @click="() => save(record)">保存</a>
<a @click="() => save(record)">保存</a> <a-divider type="vertical" />
<a-divider type="vertical" /> <a-popconfirm title="真的放弃编辑吗?" @confirm="() => cancel(record)">
<a-popconfirm title="真的放弃编辑吗?" @confirm="() => cancel(record)"> <a>取消</a>
<a>取消</a> </a-popconfirm>
</a-popconfirm> </span>
</span> <span v-else>
<span v-else> <a class="edit" @click="() => edit(record)">修改</a>
<a class="edit" @click="() => edit(record)">修改</a> <a-divider type="vertical" />
<a-divider type="vertical" /> <a class="delete" @click="() => del(record)">删除</a>
<a class="delete" @click="() => del(record)">删除</a> </span>
</span> </div>
</div> </template>
</template> </s-table>
</s-table>
</a-card>
</a-card> </template>
</template>
<script>
<script> import STable from '@/components/table/'
import STable from '@/components/table/'
export default {
export default { name: 'TableList',
name: 'TableList', components: {
components: { STable
STable },
}, data () {
data () { return {
return { // 高级搜索 展开/关闭
// 高级搜索 展开/关闭 advanced: false,
advanced: false, // 查询参数
// 查询参数 queryParam: {},
queryParam: {}, // 表头
// 表头 columns: [
columns: [ {
{ title: '规则编号',
title: '规则编号', dataIndex: 'no',
dataIndex: 'no', width: 90
width: 90 },
}, {
{ title: '描述',
title: '描述', dataIndex: 'description',
dataIndex: 'description', scopedSlots: { customRender: 'description' },
scopedSlots: { customRender: 'description' }, },
}, {
{ title: '服务调用次数',
title: '服务调用次数', dataIndex: 'callNo',
dataIndex: 'callNo', width: '150px',
width: '150px', sorter: true,
sorter: true, needTotal: true,
needTotal: true, scopedSlots: { customRender: 'callNo' },
scopedSlots: { customRender: 'callNo' }, // customRender: (text) => text + ' 次'
// customRender: (text) => text + ' 次' },
}, {
{ title: '状态',
title: '状态', dataIndex: 'status',
dataIndex: 'status', width: '100px',
width: '100px', needTotal: true,
needTotal: true, scopedSlots: { customRender: 'status' },
scopedSlots: { customRender: 'status' }, },
}, {
{ title: '更新时间',
title: '更新时间', dataIndex: 'updatedAt',
dataIndex: 'updatedAt', width: '200px',
width: '150px', sorter: true,
sorter: true, scopedSlots: { customRender: 'updatedAt' },
scopedSlots: { customRender: 'updatedAt' }, },
}, {
{ table: '操作',
table: '操作', dataIndex: 'action',
dataIndex: 'action', width: '120px',
width: '120px', scopedSlots: { customRender: 'action' },
scopedSlots: { customRender: 'action' }, }
} ],
], // 加载数据方法 必须为 Promise 对象
// 加载数据方法 必须为 Promise 对象 loadData: parameter => {
loadData: parameter => { return this.$http.get('/service', {
return this.$http.get('/service', { params: Object.assign(parameter, this.queryParam)
params: Object.assign(parameter, this.queryParam) }).then(res => {
}).then(res => { return res.result
return res.result })
}) },
},
selectedRowKeys: [],
selectedRowKeys: [], selectedRows: []
selectedRows: [] }
} },
}, methods: {
methods: {
handleChange (value, key, column, record) {
handleChange (value, key, column) { console.log(value, key, column)
console.log(value, key, column) record[column.dataIndex] = value
}, },
edit (row) { edit (row) {
row.editable = true row.editable = true
// row = Object.assign({}, row) // row = Object.assign({}, row)
this.$refs.table.updateEdit() },
}, // eslint-disable-next-line
// eslint-disable-next-line del (row) {
del (row) { this.$confirm({
this.$confirm({ title: '警告',
title: '警告', content: `真的要删除 ${row.no} 吗?`,
content: '真的要删除吗?', okText: '删除',
okText: '删除', okType: 'danger',
okType: 'danger', cancelText: '取消',
cancelText: '取消', onOk() {
onOk() { console.log('OK')
console.log('OK') // 在这里调用删除接口
// 在这里调用删除接口 return new Promise((resolve, reject) => {
return new Promise((resolve, reject) => { setTimeout(Math.random() > 0.5 ? resolve : reject, 1000)
setTimeout(Math.random() > 0.5 ? resolve : reject, 1000) }).catch(() => console.log('Oops errors!'))
}).catch(() => console.log('Oops errors!')) },
}, onCancel() {
onCancel() { console.log('Cancel')
console.log('Cancel') },
}, })
}) },
}, save (row) {
save (row) { row.editable = false
delete row.editable },
this.$refs.table.updateEdit() cancel (row) {
}, row.editable = false
cancel (row) { },
delete row.editable
this.$refs.table.updateEdit() onChange (row) {
}, this.selectedRowKeys = row.selectedRowKeys
this.selectedRows = row.selectedRows
onChange (row) { },
this.selectedRowKeys = row.selectedRowKeys toggleAdvanced () {
this.selectedRows = row.selectedRows this.advanced = !this.advanced
}, },
toggleAdvanced () { },
this.advanced = !this.advanced watch: {
}, /*
}, 'selectedRows': function (selectedRows) {
watch: { this.needTotalList = this.needTotalList.map(item => {
/* return {
'selectedRows': function (selectedRows) { ...item,
this.needTotalList = this.needTotalList.map(item => { total: selectedRows.reduce( (sum, val) => {
return { return sum + val[item.dataIndex]
...item, }, 0)
total: selectedRows.reduce( (sum, val) => { }
return sum + val[item.dataIndex] })
}, 0) }
} */
}) }
} }
*/ </script>
}
} <style lang="less" scoped>
</script> .search {
margin-bottom: 54px;
<style lang="less" scoped> }
.search {
margin-bottom: 54px; .fold {
} width: calc(100% - 216px);
display: inline-block
.fold { }
width: calc(100% - 216px);
display: inline-block .operator {
} margin-bottom: 18px;
}
.operator {
margin-bottom: 18px; @media screen and (max-width: 900px) {
} .fold {
width: 100%;
@media screen and (max-width: 900px) { }
.fold { }
width: 100%;
}
}
</style> </style>
\ No newline at end of file
src/views/list/TableList.vue
...@@ -210,7 +210,7 @@ ...@@ -210,7 +210,7 @@
mdl: {}, mdl: {},
// 高级搜索 展开/关闭 // 高级搜索 展开/关闭
advanced: true, advanced: false,
// 查询参数 // 查询参数
queryParam: {}, queryParam: {},
// 表头 // 表头
......
src/views/list/TreeList.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<a-card :bordered="false"> <a-card :bordered="false">
<a-row :gutter="8"> <a-row :gutter="8">
<a-col :span="5"> <a-col :span="5">
<s-tree :dataSource="orgTree" :search="true" @click="handleClick" @add="handleAdd" @titleClick="handleTitleClick"></s-tree> <s-tree :dataSource="orgTree" :openKeys.sync="openKeys" :search="true" @click="handleClick" @add="handleAdd" @titleClick="handleTitleClick"></s-tree>
</a-col> </a-col>
<a-col :span="19"> <a-col :span="19">
<s-table <s-table
...@@ -58,7 +58,7 @@ export default { ...@@ -58,7 +58,7 @@ export default {
}, },
data () { data () {
return { return {
openKeys: ['sub1'], openKeys: ['key-01'],
// 查询参数 // 查询参数
queryParam: {}, queryParam: {},
...@@ -102,7 +102,7 @@ export default { ...@@ -102,7 +102,7 @@ export default {
.then(res => { .then(res => {
return res.result return res.result
}) })
}, },
orgTree: [], orgTree: [],
selectedRowKeys: [], selectedRowKeys: [],
......
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