lw-cdp-ui 1.0.19 → 1.0.21

package/dist/components/lwTable/index.vue

@@ -1,226 +1,225 @@
-<template>
-  <div class="baseTablePage-wrap">
-    <el-table ref="multipleTable" column-resizable v-loading="loading" :columns="tableHeaders" :stripe="stripe" :data="tableData" :row-key="rowKey" :hoverable="hoverable" :default-expand-all-rows="defaultExpandAll" :size="tableSize" highlight-current-row :max-height="maxHeight" scrollbar-always-on :scroll="{ x: '100%', y: '100%' }" :virtual-list-props="virtualListProps" @current-change="handleCurrentChange" @selection-change="handleSelectionChange">
-      <el-table-column fixed="left" type="selection" width="55" v-if="rowSelection" />
-      <el-table-column v-for="t in tableHeaders" :label="t.title" :prop="t.dataIndex" :min-width="t.width" :align="t.align ?? 'center'" :fixed="t.fixed" :sortable="t.sortable" :show-overflow-tooltip="t.tooltip" :key="t">
-        <template #default="scope">
-          <!-- 操作 -->
-          <div v-if="t.operation">
-            <div v-if="t.ellipsis">
-              <!-- 操作按钮少于3个 -->
-              <div v-if="t.operation.length <= 3">
-                <span v-for="(o,i) in t.operation" :key="o" v-show="o.isShow ? o.isShow(scope.row) : true">
-                  <span v-if="i <= 2">
-                    <el-tooltip v-if="!!o.icon" :content="o.label" placement="top">
-                      <el-button class="table-button" size="small" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false" :icon="o.icon" circle></el-button>
-                    </el-tooltip>
-                    <el-button class="table-button-2" v-else text size="small" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false">
-                      {{ o.label }}
-                    </el-button>
-                  </span>
-                </span>
-              </div>
-
-              <!-- 操作按钮多于2个 -->
-              <div v-if="t.operation.length > 3">
-                <span v-for="(o,i) in t.operation" :key="o">
-                  <span v-if="i < 3 && (o.isShow ? o.isShow(scope.row) : true)">
-                    <el-tooltip v-if="!!o.icon" :content="o.label" placement="top">
-                      <el-button class="table-button" size="mini" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false" :icon="o.icon" circle></el-button>
-                    </el-tooltip>
-                    <el-button class="table-button-2" v-else text size="mini" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false">
-                      {{ o.label }}
-                    </el-button>
-                  </span>
-
-                </span>
-
-                <span>
-                  <!-- @command="(command) => addChildrenHandleCommand(command,data)" -->
-                  <el-dropdown>
-                    <el-icon class="icon-more"><el-icon-more /></el-icon>
-                    <template #dropdown>
-                      <el-dropdown-menu slot="dropdown">
-                        <div v-for="(o,i) in t.operation" :key="o">
-                          <el-dropdown-item command="addNewChildren" v-if="i >= 3 && (o.isShow ? o.isShow(scope.row) : true)" @click="o.clickFun(scope.row, scope.$index, tableData)">{{o.label}}</el-dropdown-item>
-                        </div>
-
-                      </el-dropdown-menu>
-                    </template>
-                  </el-dropdown>
-                </span>
-
-              </div>
-            </div>
-
-            <div v-else>
-              <span v-for="(o,i) in t.operation" :key="o" v-show="o.isShow ? o.isShow(scope.row) : true">
-                <span>
-                  <el-tooltip v-if="!!o.icon" :content="o.label" placement="top">
-                    <el-button class="table-button" size="mini" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false" :icon="o.icon" circle></el-button>
-                  </el-tooltip>
-                  <el-button class="table-button-2" v-else text size="small" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false">
-                    {{ o.label }}
-                  </el-button>
-                </span>
-              </span>
-            </div>
-
-          </div>
-
-          <!-- render -->
-          <div v-else-if="t.eleRender">
-            <span v-html="t.eleRender(scope.row, scope.$index)"></span>
-          </div>
-
-          <div v-else-if="t.type === 'img'">
-            <el-image style="height: 28px" fit="cover" :max-scale="7" :min-scale="0.2" :z-index="99" :preview-teleported="true" :previewSrcList="[scope.row[t.dataIndex]]" :src="scope.row[t.dataIndex] ? scope.row[t.dataIndex] : '/images/empty.jpg'" />
-          </div>
-
-          <!-- 枚举options -->
-          <div v-else-if="!t.switch && t.options && t.options.length > 0">
-            <template v-if="scope.row.isEdit && t.canEdit">
-              <el-select class="select-select number" :value-key="t.editValue || 'code'" v-model="scope.row[t.editSource]" placeholder="" allow-clear allow-search filter-option @change="(val) => {t.callback(val, scope.row)}">
-                <el-option :value="item" v-for="item in t.options" :key="item">{{ t.editValue ? item[t.editValue] : item.name }}</el-option>
-              </el-select>
-            </template>
-            <template v-else>
-              <span v-for="(item, index) in t.options" :key="item + index">
-                <span v-if="scope.row[t.dataIndex] == item[t.editValue || 'code']"><span v-if="item.statusColor" :style="`background-color: ${item.statusColor}; border-radius: 100%; padding: 4px; display: inline-block; margin-right: 5px;`"></span>{{ t.editValue ? item[t.editValue] : item.name }}</span>
-              </span>
-            </template>
-          </div>
-
-          <!-- 日期起始 -->
-          <div v-else-if="t.type === 'startToEnd'">
-            <div style="margin-bottom: 5px">
-              <span class="start-span">起</span>
-              {{ scope.row[t.dataIndexList[0]] ? dayjs(scope.row[t.dataIndexList[0]]).format('YYYY-MM-DD HH:mm:ss') : '--' }}
-            </div>
-            <div>
-              <span class="end-span">止</span>
-              {{ scope.row[t.dataIndexList[1]] ? dayjs(scope.row[t.dataIndexList[1]]).format('YYYY-MM-DD HH:mm:ss') : '--' }}
-            </div>
-          </div>
-
-          <!-- 日期转换 -->
-          <div v-else-if="t.dataType">
-            {{ $fermitTime(scope.row[t.dataIndex]) }}
-          </div>
-
-          <!-- 开关 -->
-          <div v-else-if="t.switch">
-            <el-switch :inline-prompt="t.isShowMessage" :active-text="t.isShowMessage ? t.activeText : ''" :inactive-text="t.isShowMessage ? t.inactiveText : ''" style="--el-switch-on-color: #3d3ad9; --el-switch-off-color: #c6c6c6" v-model="scope.row[t.dataIndex]" :active-value="t.activeValue ?? true" :inactive-value="t.inactiveValue ?? false" :disabled="t.disabled ? t.disabled(scope.row) : false" @change="(v) => {t.clickFun(v, scope.row)}" />
-          </div>
-
-          <!-- 视频 -->
-          <div v-else-if="t.isVideo">
-            <video width="40" :src="scope.row[t.dataIndex]" style="margin: 5px 0" />
-          </div>
-
-          <!-- 图片 -->
-          <div v-else-if="t.pictureCard">
-            <el-image width="40" :src="scope.row[t.dataIndex]" style="margin: 5px 0" />
-          </div>
-
-          <!-- 数组转string -->
-          <div v-else-if="t.arrayList">
-            <span>{{ scope.row[t.dataIndex] !== null && scope.row[t.dataIndex].length > 0 ? scope.row[t.dataIndex].toString() : '' }}</span>
-          </div>
-
-          <!-- 链接跳转 -->
-          <span v-else-if="t.skip">
-            <el-tooltip v-if="scope.row[t.dataIndex] && scope.row[t.dataIndex].split(',')?.length > 1">
-              <span :style="`color: ${theme};cursor: pointer;width: 100%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;`">
-                {{ scope.row[t.dataIndex] ? scope.row[t.dataIndex] : '' }}
-              </span>
-              <template #content>
-                <div v-for="(item, index) in scope.row[t.dataIndex].split(',')" :key="index" :style="`color: ${theme}; cursor: pointer`" @click="t.clickFun ? t.clickFun(item, scope.row, scope.$index) : () => {}">
-                  {{ item }}
-                </div>
-              </template>
-            </el-tooltip>
-
-            <span v-else>
-              <span style="color: var(--el-color-primary); cursor: pointer; text-decoration: underline;" @click="t.clickFun ? t.clickFun(scope.row[t.dataIndex], scope.row, scope.$index) : () => {}">
-                {{ (scope.row[t.dataIndex] || scope.row[t.dataIndex] === 0) ? scope.row[t.dataIndex] : '' }}
-              </span>
-            </span>
-          </span>
-
-          <!-- 进度条 -->
-          <span v-else-if="t.isProgress">
-            <el-progress :percentage="scope.row[t.dataIndex]" color="#3d3ad9" />
-          </span>
-
-          <!-- 常规渲染 -->
-          <div v-else>
-            {{ scope.row[t.dataIndex]  ? scope.row[t.dataIndex] :scope.row[t.dataIndex] === 0?'0':''  }}
-          </div>
-
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <!-- 分页 -->
-    <div v-if="isShowPagination" class="pagination-block">
-
-      <div class="tool-block">
-        <template v-if="!hideTool">
-          <el-tooltip :content="$t('btn.refresh')">
-            <el-icon size="20" @click="refresh"><el-icon-refresh></el-icon-refresh></el-icon>
-          </el-tooltip>
-
-          <el-dropdown @command="handleSelect">
-            <span class="dropdown-trigger">
-              <el-tooltip :content="$t('lwTable.tools.lineHeightName')">
-                <el-icon size="20"><el-icon-set-up></el-icon-set-up></el-icon>
-              </el-tooltip>
-            </span>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item command="mini">{{ $t('lwTable.tools.lineHeight.mini') }}</el-dropdown-item>
-                <el-dropdown-item command="small">{{ $t('lwTable.tools.lineHeight.small') }}</el-dropdown-item>
-                <el-dropdown-item command="medium">{{ $t('lwTable.tools.lineHeight.medium') }}</el-dropdown-item>
-                <el-dropdown-item command="large">{{ $t('lwTable.tools.lineHeight.large') }}</el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-
-          <el-popover placement="top-start" :title="$t('lwTable.tools.columnsSetting')" :width="400" trigger="hover">
-            <template #reference>
-              <el-icon size="20"><el-icon-setting></el-icon-setting></el-icon>
-            </template>
-
-            <el-checkbox v-model="allCheck" @change="checkAll">
-              {{ $t('lwTable.tools.allCheck') }},{{ $t('lwTable.tools.hasChecked') }}{{ checkedKeys.length }}/{{ treeData.length }}
-            </el-checkbox>
-            <el-checkbox-group v-model="checkedKeys" @change="treeCheck">
-              <el-checkbox v-for="item in treeData" :key="item.key" :label="item.key" :value="item.title">
-                {{ item.title }}
-              </el-checkbox>
-            </el-checkbox-group>
-
-            <div class="fix-num">
-              {{$t('lwTable.tools.table_before')}}
-              <el-input-number v-model="fixNum" @change="fixNumChange" :min="0" :max="10" size="small" />
-              {{$t('lwTable.tools.column_fixed')}}
-            </div>
-
-          </el-popover>
-
-          <el-tooltip :content="isFullscreen ? $t('lwTable.tools.cancel') : $t('lwTable.tools.fullScreen')">
-            <el-icon v-if="!isFullscreen" class="icon-fullscreen" @click="tableToggleFullScreen"><el-icon-full-screen /></el-icon>
-            <el-icon v-if="isFullscreen" class="icon-fullscreen-exit" @click="tableToggleFullScreen"><el-icon-full-screen /></el-icon>
-          </el-tooltip>
-        </template>
-      </div>
-      <el-pagination background small="true" :current-page.sync="parseFloat(searchParams.page).toString() == 'NaN' ? 1 : searchParams.page" :page-size="searchParams.size ? searchParams.size : 10" layout="total, prev, pager, next, sizes, jumper" :total="totalCount" :page-sizes="pageSizes" @size-change="sizeChange" @current-change="currentChange" />
-    </div>
-  </div>
-</template>
-
-<script  src="./index.js"></script>
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>
+<template>
+  <div class="baseTablePage-wrap">
+    <el-table ref="multipleTable" column-resizable v-loading="loading" :columns="tableHeaders" :stripe="stripe" :data="tableData" :row-key="rowKey" :hoverable="hoverable" :default-expand-all-rows="defaultExpandAll" :size="tableSize" highlight-current-row :max-height="maxHeight" scrollbar-always-on :scroll="{ x: '100%', y: '100%' }" :virtual-list-props="virtualListProps" @current-change="handleCurrentChange" @selection-change="handleSelectionChange">
+      <el-table-column fixed="left" type="selection" width="55" v-if="rowSelection" />
+      <el-table-column v-for="t in tableHeaders" :label="t.title" :prop="t.dataIndex" :min-width="t.width" :align="t.align ?? 'center'" :fixed="t.fixed" :sortable="t.sortable" :show-overflow-tooltip="t.tooltip" :key="t">
+        <template #default="scope">
+          <!-- 操作 -->
+          <div v-if="t.operation">
+            <div v-if="t.ellipsis">
+              <!-- 操作按钮少于3个 -->
+              <div v-if="t.operation.length <= 3">
+                <span v-for="(o,i) in t.operation" :key="o" v-show="o.isShow ? o.isShow(scope.row) : true">
+                  <span v-if="i <= 2">
+                    <el-tooltip v-if="!!o.icon" :content="o.label" placement="top">
+                      <el-button class="table-button" size="small" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false" :icon="o.icon" circle></el-button>
+                    </el-tooltip>
+                    <el-button class="table-button-2" v-else text size="small" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false">
+                      {{ o.label }}
+                    </el-button>
+                  </span>
+                </span>
+              </div>
+
+              <!-- 操作按钮多于2个 -->
+              <div v-if="t.operation.length > 3">
+                <span v-for="(o,i) in t.operation" :key="o">
+                  <span v-if="i < 3 && (o.isShow ? o.isShow(scope.row) : true)">
+                    <el-tooltip v-if="!!o.icon" :content="o.label" placement="top">
+                      <el-button class="table-button" size="mini" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false" :icon="o.icon" circle></el-button>
+                    </el-tooltip>
+                    <el-button class="table-button-2" v-else text size="mini" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false">
+                      {{ o.label }}
+                    </el-button>
+                  </span>
+
+                </span>
+
+                <span>
+                  <!-- @command="(command) => addChildrenHandleCommand(command,data)" -->
+                  <el-dropdown>
+                    <el-icon class="icon-more"><el-icon-more /></el-icon>
+                    <template #dropdown>
+                      <el-dropdown-menu slot="dropdown">
+                        <div v-for="(o,i) in t.operation" :key="o">
+                          <el-dropdown-item command="addNewChildren" v-if="i >= 3 && (o.isShow ? o.isShow(scope.row) : true)" @click="o.clickFun(scope.row, scope.$index, tableData)">{{o.label}}</el-dropdown-item>
+                        </div>
+
+                      </el-dropdown-menu>
+                    </template>
+                  </el-dropdown>
+                </span>
+
+              </div>
+            </div>
+
+            <div v-else>
+              <span v-for="(o,i) in t.operation" :key="o" v-show="o.isShow ? o.isShow(scope.row) : true">
+                <span>
+                  <el-tooltip v-if="!!o.icon" :content="o.label" placement="top">
+                    <el-button class="table-button" size="mini" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false" :icon="o.icon" circle></el-button>
+                  </el-tooltip>
+                  <el-button class="table-button-2" v-else text size="small" @click="o.clickFun(scope.row, scope.$index, tableData)" :key="o" :disabled="o.disabled ? o.disabled(scope.row) : false">
+                    {{ o.label }}
+                  </el-button>
+                </span>
+              </span>
+            </div>
+
+          </div>
+
+          <!-- render -->
+          <div v-else-if="t.eleRender">
+            <span v-html="t.eleRender(scope.row, scope.$index)"></span>
+          </div>
+
+          <div v-else-if="t.type === 'img'">
+            <el-image style="height: 28px" fit="cover" :max-scale="7" :min-scale="0.2" :z-index="99" :preview-teleported="true" :previewSrcList="[scope.row[t.dataIndex]]" :src="scope.row[t.dataIndex] ? scope.row[t.dataIndex] : '/images/empty.jpg'" />
+          </div>
+
+          <!-- 枚举options -->
+          <div v-else-if="!t.switch && t.options && t.options.length > 0">
+            <template v-if="scope.row.isEdit && t.canEdit">
+              <el-select class="select-select number" :value-key="t.editValue || 'code'" v-model="scope.row[t.editSource]" placeholder="" allow-clear allow-search filter-option @change="(val) => {t.callback(val, scope.row)}">
+                <el-option :value="item" v-for="item in t.options" :key="item">{{ t.editValue ? item[t.editValue] : item.name }}</el-option>
+              </el-select>
+            </template>
+            <template v-else>
+              <span v-for="(item, index) in t.options" :key="item + index">
+                <span v-if="scope.row[t.dataIndex] == item[t.editValue || 'code']"><span v-if="item.statusColor" :style="`background-color: ${item.statusColor}; border-radius: 100%; padding: 4px; display: inline-block; margin-right: 5px;`"></span>{{ t.editValue ? item[t.editValue] : item.name }}</span>
+              </span>
+            </template>
+          </div>
+
+          <!-- 日期起始 -->
+          <div v-else-if="t.type === 'startToEnd'">
+            <div style="margin-bottom: 5px">
+              <span class="start-span">起</span>
+              {{ scope.row[t.dataIndexList[0]] ? dayjs(scope.row[t.dataIndexList[0]]).format('YYYY-MM-DD HH:mm:ss') : '--' }}
+            </div>
+            <div>
+              <span class="end-span">止</span>
+              {{ scope.row[t.dataIndexList[1]] ? dayjs(scope.row[t.dataIndexList[1]]).format('YYYY-MM-DD HH:mm:ss') : '--' }}
+            </div>
+          </div>
+
+          <!-- 日期转换 -->
+          <div v-else-if="t.dataType">
+            {{ $fermitTime(scope.row[t.dataIndex]) }}
+          </div>
+
+          <!-- 开关 -->
+          <div v-else-if="t.switch">
+            <el-switch :inline-prompt="t.isShowMessage" :active-text="t.isShowMessage ? t.activeText : ''" :inactive-text="t.isShowMessage ? t.inactiveText : ''" style="--el-switch-on-color: #3d3ad9; --el-switch-off-color: #c6c6c6" v-model="scope.row[t.dataIndex]" :active-value="t.activeValue ?? true" :inactive-value="t.inactiveValue ?? false" :disabled="t.disabled ? t.disabled(scope.row) : false" @change="(v) => {t.clickFun(v, scope.row)}" />
+          </div>
+
+          <!-- 视频 -->
+          <div v-else-if="t.isVideo">
+            <video width="40" :src="scope.row[t.dataIndex]" style="margin: 5px 0" />
+          </div>
+
+          <!-- 图片 -->
+          <div v-else-if="t.pictureCard">
+            <el-image width="40" :src="scope.row[t.dataIndex]" style="margin: 5px 0" />
+          </div>
+
+          <!-- 数组转string -->
+          <div v-else-if="t.arrayList">
+            <span>{{ scope.row[t.dataIndex] !== null && scope.row[t.dataIndex].length > 0 ? scope.row[t.dataIndex].toString() : '' }}</span>
+          </div>
+
+          <!-- 链接跳转 -->
+          <span v-else-if="t.skip">
+            <el-tooltip v-if="scope.row[t.dataIndex] && scope.row[t.dataIndex].toString().split(',').length > 1">
+              <span :style="`color: ${theme};cursor: pointer;width: 100%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;`">
+                {{ scope.row[t.dataIndex] ? scope.row[t.dataIndex] : '' }}
+              </span>
+              <template #content>
+                <div v-for="(item, index) in scope.row[t.dataIndex].split(',')" :key="index" :style="`color: ${theme}; cursor: pointer`" @click="t.clickFun ? t.clickFun(item, scope.row, scope.$index) : () => {}">
+                  {{ item }}
+                </div>
+              </template>
+            </el-tooltip>
+
+            <span v-else>
+              <span style="color: var(--el-color-primary); cursor: pointer; text-decoration: underline;" @click="t.clickFun ? t.clickFun(scope.row[t.dataIndex], scope.row, scope.$index) : () => {}">
+                {{ (scope.row[t.dataIndex] || scope.row[t.dataIndex] === 0) ? scope.row[t.dataIndex] : '' }}
+              </span>
+            </span>
+          </span>
+
+          <!-- 进度条 -->
+          <span v-else-if="t.isProgress">
+            <el-progress :percentage="scope.row[t.dataIndex]" color="#3d3ad9" />
+          </span>
+
+          <!-- 常规渲染 -->
+          <div v-else>
+            {{ scope.row[t.dataIndex]  ? scope.row[t.dataIndex] :scope.row[t.dataIndex] === 0?'0':''  }}
+          </div>
+
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页 -->
+    <div v-if="isShowPagination" class="pagination-block">
+
+      <div class="tool-block">
+        <template v-if="!hideTool">
+          <el-tooltip :content="$t('btn.refresh')">
+            <el-icon size="20" @click="refresh"><el-icon-refresh></el-icon-refresh></el-icon>
+          </el-tooltip>
+
+          <el-dropdown @command="handleSelect">
+            <span class="dropdown-trigger">
+              <el-tooltip :content="$t('lwTable.tools.lineHeightName')">
+                <el-icon size="20"><el-icon-set-up></el-icon-set-up></el-icon>
+              </el-tooltip>
+            </span>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item command="mini">{{ $t('lwTable.tools.lineHeight.mini') }}</el-dropdown-item>
+                <el-dropdown-item command="small">{{ $t('lwTable.tools.lineHeight.small') }}</el-dropdown-item>
+                <el-dropdown-item command="medium">{{ $t('lwTable.tools.lineHeight.medium') }}</el-dropdown-item>
+                <el-dropdown-item command="large">{{ $t('lwTable.tools.lineHeight.large') }}</el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+
+          <el-popover placement="top-start" :title="$t('lwTable.tools.columnsSetting')" :width="400" trigger="hover">
+            <template #reference>
+              <el-icon size="20"><el-icon-setting></el-icon-setting></el-icon>
+            </template>
+            <el-checkbox v-model="allCheck" @change="checkAll">
+              {{ $t('lwTable.tools.allCheck') }},{{ $t('lwTable.tools.hasChecked') }}{{ checkedKeys.length }}/{{ treeData.length }}
+            </el-checkbox>
+            <el-checkbox-group v-model="checkedKeys" @change="treeCheck">
+              <el-checkbox v-for="item in treeData" :key="item.key" :label="item.title" :value="item.key">
+                {{ item.title }}
+              </el-checkbox>
+            </el-checkbox-group>
+
+            <div class="fix-num">
+              {{$t('lwTable.tools.table_before')}}
+              <el-input-number v-model="fixNum" @change="fixNumChange" :min="0" :max="10" size="small" />
+              {{$t('lwTable.tools.column_fixed')}}
+            </div>
+
+          </el-popover>
+
+          <el-tooltip :content="isFullscreen ? $t('lwTable.tools.cancel') : $t('lwTable.tools.fullScreen')">
+            <el-icon v-if="!isFullscreen" class="icon-fullscreen" @click="tableToggleFullScreen"><el-icon-full-screen /></el-icon>
+            <el-icon v-if="isFullscreen" class="icon-fullscreen-exit" @click="tableToggleFullScreen"><el-icon-full-screen /></el-icon>
+          </el-tooltip>
+        </template>
+      </div>
+      <el-pagination background small="true" :current-page.sync="parseFloat(searchParams.page).toString() == 'NaN' ? 1 : searchParams.page" :page-size="searchParams.size ? searchParams.size : 10" layout="total, prev, pager, next, sizes, jumper" :total="totalCount" :page-sizes="pageSizes" @size-change="sizeChange" @current-change="currentChange" />
+    </div>
+  </div>
+</template>
+
+<script  src="./index.js"></script>
+<style lang="scss" scoped>
+@import "./index.scss";
+</style>

package/dist/components/lwTable/locale/en-US.js

@@ -1,26 +1,26 @@
-export default {
-	lwTable: {
-		tools: {
-			lineHeightName: 'row height',
-			lineHeight: {
-				mini: 'Compact',
-				small: 'Medium',
-				medium: 'High',
-				large: 'Extra High'
-			},
-			border: 'Border',
-			columnsSetting: 'Column Settings',
-			allCheck: 'Select All',
-			hasChecked: 'Selected',
-			cancel: 'Cancel',
-			fullScreen: 'Full Screen',
-			table_before: 'Before the table',
-			column_fixed: 'Column fixed',
-			last_column_fixed: 'Last column fixed',
-			please_select: 'Please select...',
-			total: 'total',
-			recordsPage: 'records Page',
-			pages: 'pages'
-		}
-	}
-}
+export default {
+	lwTable: {
+		tools: {
+			lineHeightName: 'row height',
+			lineHeight: {
+				mini: 'Compact',
+				small: 'Medium',
+				medium: 'High',
+				large: 'Extra High'
+			},
+			border: 'Border',
+			columnsSetting: 'Column Settings',
+			allCheck: 'Select All',
+			hasChecked: 'Selected',
+			cancel: 'Cancel',
+			fullScreen: 'Full Screen',
+			table_before: 'Before the table',
+			column_fixed: 'Column fixed',
+			last_column_fixed: 'Last column fixed',
+			please_select: 'Please select...',
+			total: 'total',
+			recordsPage: 'records Page',
+			pages: 'pages'
+		}
+	}
+}

package/dist/components/lwTable/locale/zh-CN.js

@@ -1,26 +1,26 @@
-export default {
-	lwTable: {
-		tools: {
-			lineHeightName: '行高',
-			lineHeight: {
-				mini: '紧凑',
-				small: '中等',
-				medium: '高',
-				large: '较高'
-			},
-			border: '边框',
-			columnsSetting: '列设置',
-			allCheck: '全选',
-			hasChecked: '已选',
-			cancel: '取消',
-			fullScreen: '全屏',
-			table_before: '表格前',
-			column_fixed: '列固定',
-			last_column_fixed: '最后一列固定',
-			please_select: '请选择...',
-			total: '共',
-			recordsPage: '条记录 第',
-			pages: '页'
-		}
-	}
-}
+export default {
+	lwTable: {
+		tools: {
+			lineHeightName: '行高',
+			lineHeight: {
+				mini: '紧凑',
+				small: '中等',
+				medium: '高',
+				large: '较高'
+			},
+			border: '边框',
+			columnsSetting: '列设置',
+			allCheck: '全选',
+			hasChecked: '已选',
+			cancel: '取消',
+			fullScreen: '全屏',
+			table_before: '表格前',
+			column_fixed: '列固定',
+			last_column_fixed: '最后一列固定',
+			please_select: '请选择...',
+			total: '共',
+			recordsPage: '条记录 第',
+			pages: '页'
+		}
+	}
+}