sgd.git - Gitblit

			@@ -7,7 +7,7 @@
			<el-tooltip class="item" effect="dark" content="刷新" placement="top">
			<el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" />
			</el-tooltip>
			<el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
			<el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="Object.keys(columns).length > 0">
			<el-button size="mini" circle icon="el-icon-menu" @click="showColumn()" v-if="showColumnsType == 'transfer'"/>
			<el-dropdown trigger="click" :hide-on-click="false" style="padding-left: 12px" v-if="showColumnsType == 'checkbox'">
			<el-button size="mini" circle icon="el-icon-menu" />
			@@ -58,7 +58,8 @@
			},
			/* 显隐列信息（数组格式、对象格式） */
			columns: {
			type: [Array, Object]
			type: [Array, Object],
			default: () => ({})
			},
			/* 是否显示检索图标 */
			search: {
			@@ -122,7 +123,34 @@
			methods: {
			// 搜索
			toggleSearch() {
			this.$emit("update:showSearch", !this.showSearch)
			let el = this.$el
			let formEl = null
			while ((el = el.parentElement) && el !== document.body) {
			if ((formEl = el.querySelector('.el-form'))) break
			}
			if (!formEl) return this.$emit('update:showSearch', !this.showSearch)
			this._animateSearch(formEl, this.showSearch)
			},
			// 搜索栏动画
			_animateSearch(el, isHide) {
			const DURATION = 260
			const TRANSITION = 'max-height 0.25s ease, opacity 0.2s ease'
			const clear = () => Object.assign(el.style, { transition: '', maxHeight: '', opacity: '', overflow: '' })
			Object.assign(el.style, { overflow: 'hidden', transition: '' })
			if (isHide) {
			Object.assign(el.style, { maxHeight: el.scrollHeight + 'px', opacity: '1', transition: TRANSITION })
			requestAnimationFrame(() => Object.assign(el.style, { maxHeight: '0', opacity: '0' }))
			setTimeout(() => { this.$emit('update:showSearch', false); clear() }, DURATION)
			} else {
			this.$emit('update:showSearch', true)
			this.$nextTick(() => {
			Object.assign(el.style, { maxHeight: '0', opacity: '0' })
			requestAnimationFrame(() => requestAnimationFrame(() => {
			Object.assign(el.style, { transition: TRANSITION, maxHeight: el.scrollHeight + 'px', opacity: '1' })
			}))
			setTimeout(clear, DURATION)
			})
			}
			},
			// 刷新
			refresh() {