chore: update
This commit is contained in:
		
							parent
							
								
									4d0e68448c
								
							
						
					
					
						commit
						1ead396b51
					
				@ -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;
 | 
			
		||||
 | 
			
		||||
@ -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>
 | 
			
		||||
 | 
			
		||||
@ -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">
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user