drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed #92

Browse source 
fixed #92
This commit is contained in:
梁灏 2016-11-21 09:14:38 +08:00
parent 06aa039543
commit 9084eb1872
2 changed files with 28 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/modal/modal.vue
View file

@ -193,8 +193,8 @@
this.buttonLoading = false; this.buttonLoading = false;
setTimeout(() => { setTimeout(() => {
this.wrapShow = false; this.wrapShow = false;
this.removeScrollEffect();
}, 300); }, 300);
this.removeScrollEffect();
} else { } else {
this.wrapShow = true; this.wrapShow = true;
this.addScrollEffect(); this.addScrollEffect();

63
test/routers/transfer.vue
View file

@ -1,52 +1,43 @@
<style>
body{
height: auto;
}
</style>
<template> <template>
<div class="ivu-article" style="margin: 50px;"> <Transfer
<Transfer :data="data2"
:data="data" :target-keys="targetKeys2"
filterable filterable
:target-keys.sync="targetKeys"
:operations="['向左移动','向右移动']"
:filter-method="filterMethod" :filter-method="filterMethod"
@on-change="change"> @on-change="handleChange2"></Transfer>
<div :style="{float: 'right', margin: '5px'}">
<i-button type="ghost" size="small" @click="getMock">刷新</i-button>
</div>
</Transfer>
</div>
</template> </template>
<script> <script>
import { Transfer, iButton } from 'iview';
export default { export default {
props: {
},
data () { data () {
return { return {
data: [{"key":"0","label":"content1","description":"description of content1","disabled":true},{"key":"1","label":"content2","description":"description of content2","disabled": false},{"key":"2","label":"content3","description":"description of content3","disabled":false},{"key":"3","label":"content4","description":"description of content4","disabled":false},{"key":"4","label":"content5","description":"description of content5","disabled":true},{"key":"5","label":"content6","description":"description of content6","disabled":false},{"key":"6","label":"content7","description":"description of content7","disabled":false},{"key":"7","label":"content8","description":"description of content8","disabled":false},{"key":"8","label":"content9","description":"description of content9","disabled":true},{"key":"9","label":"content10","description":"description of content10","disabled":false},{"key":"10","label":"content11","description":"description of content11","disabled":false},{"key":"11","label":"content12","description":"description of content12","disabled":false},{"key":"12","label":"content13","description":"description of content13","disabled":true},{"key":"13","label":"content14","description":"description of content14","disabled":false},{"key":"14","label":"content15","description":"description of content15","disabled":false},{"key":"15","label":"content16","description":"description of content16","disabled":false},{"key":"16","label":"content17","description":"description of content17","disabled":false},{"key":"17","label":"content18","description":"description of content18","disabled":true},{"key":"18","label":"content19","description":"description of content19","disabled":false},{"key":"19","label":"content20","description":"description of content20","disabled":false}], data2: this.getMockData(),
targetKeys: ['1','2','3','5','8'], targetKeys2: this.getTargetKeys()
selectedKeys: ['0','1','4', '5','6','9']
} }
},
computed: {
}, },
methods: { methods: {
change (newTargetKeys, direction, moveKeys) { getMockData () {
// console.log(newTargetKeys) let mockData = [];
this.targetKeys = newTargetKeys; for (let i = 1; i <= 20; i++) {
mockData.push({
key: i.toString(),
label: '内容' + i,
description: '内容' + i + '的描述信息',
disabled: Math.random() * 3 < 1
});
}
return mockData;
},
getTargetKeys () {
return this.getMockData()
.filter(() => Math.random() * 2 > 1)
.map(item => item.key);
},
handleChange2 (newTargetKeys) {
this.targetKeys2 = newTargetKeys;
}, },
filterMethod (data, query) { filterMethod (data, query) {
if (query === '') return true; return data.label.indexOf(query) > -1;
return data.label === query;
},
getMock () {
} }
} }
} }
</script> </script>