chore: update

This commit is contained in:
就眠儀式 2022-03-17 17:10:51 +08:00
parent 4d0e68448c
commit 1ead396b51
3 changed files with 51 additions and 23 deletions

View File

@ -56,7 +56,12 @@ const maxPage = ref(0);
const totalPage = computed(() => {
maxPage.value = Math.ceil(props.total / props.limit);
let r: number[] = [],
start = maxPage.value <= props.pages ? 1 : currentPage.value > pages ? currentPage.value - pages : 1;
start =
maxPage.value <= props.pages
? 1
: currentPage.value > pages
? currentPage.value - pages
: 1;
for (let i = start; ; i++) {
if (r.length >= props.pages || i > maxPage.value) {
break;

View File

@ -202,11 +202,24 @@ onMounted(() => {
<template v-for="column in columns" :key="column">
<th v-if="tableColumnKeys.includes(column.key)">
<!-- TODO Table header slot -->
<div class="layui-table-cell" :style="{ width: column.width }">
<div
class="layui-table-cell"
:style="{ width: column.width }"
>
<span>{{ column.title }}</span>
<span v-if="column.sort" class="layui-table-sort layui-inline" lay-sort="">
<i class="layui-edge layui-table-sort-asc" title="升序"></i>
<i class="layui-edge layui-table-sort-desc" title="降序"></i>
<span
v-if="column.sort"
class="layui-table-sort layui-inline"
lay-sort=""
>
<i
class="layui-edge layui-table-sort-asc"
title="升序"
></i>
<i
class="layui-edge layui-table-sort-desc"
title="降序"
></i>
</span>
</div>
</th>

View File

@ -138,26 +138,26 @@ const remove = function () {
};
const searchLeft = (e: any) => {
if(e.target.value === "") {
leftDataSource.value = _leftDataSource.value;
if (e.target.value === "") {
leftDataSource.value = _leftDataSource.value;
}
leftDataSource.value = _leftDataSource.value.filter((item) => {
if (item.title.indexOf(e.target.value) != -1) {
return item;
}
leftDataSource.value = _leftDataSource.value.filter((item) => {
if(item.title.indexOf(e.target.value) != -1) {
return item;
};
})
}
});
};
const searchRight = (e: any) => {
if(e.target.value === "") {
rightDataSource.value = _rightDataSource.value;
if (e.target.value === "") {
rightDataSource.value = _rightDataSource.value;
}
rightDataSource.value = _rightDataSource.value.filter((item) => {
if (item.title.indexOf(e.target.value) != -1) {
return item;
}
rightDataSource.value = _rightDataSource.value.filter((item) => {
if(item.title.indexOf(e.target.value) != -1) {
return item;
};
})
}
});
};
</script>
<template>
@ -176,7 +176,12 @@ const searchRight = (e: any) => {
</div>
<div class="layui-transfer-search" v-if="showSearch">
<i class="layui-icon layui-icon-search"></i
><input type="input" class="layui-input" @input="searchLeft" placeholder="关键词搜索" />
><input
type="input"
class="layui-input"
@input="searchLeft"
placeholder="关键词搜索"
/>
</div>
<ul class="layui-transfer-data" style="height: 320px">
<li v-for="dataSource in leftDataSource" :key="dataSource">
@ -218,7 +223,12 @@ const searchRight = (e: any) => {
</div>
<div class="layui-transfer-search" v-if="showSearch">
<i class="layui-icon layui-icon-search"></i
><input type="input" class="layui-input" @input="searchRight" placeholder="关键词搜索" />
><input
type="input"
class="layui-input"
@input="searchRight"
placeholder="关键词搜索"
/>
</div>
<ul class="layui-transfer-data" style="height: 320px">
<li v-for="dataSource in rightDataSource" :key="dataSource">