feat(user): 优化用户列表展示和搜索功能

- 修改用户列表的表格配置,增加头像和更新时间列
- 实现用户状态切换功能
- 优化搜索表单样式
- 调整内容区域样式
- 修复日期选择器禁用问题
This commit is contained in:
2025-05-09 16:41:57 +08:00
parent e0868a10af
commit c948b4a3d7
7 changed files with 74 additions and 34 deletions

View File

@@ -8,7 +8,7 @@
v-bind="computedStyle"
:show-overflow-tooltip="config.tooltip"
:header-row-style="headerRowStyle"
:highlight-current-row="!!config.radio ? true : false"
:highlight-current-row="!!config.radio"
:span-method="config?.spanMethod"
:tooltip-options="config?.tooltipOptions"
@current-change="handleTableCurrentChange"
@@ -18,7 +18,7 @@
<!-- <template #default="{ row, column }"> -->
<!-- <span v-show="false">{{ row[column.property] }}</span> -->
<div class="move" style="width: 100%; height: 100%">
<svg-icon style="cursor: move" icon-class="move" />
<svg-icon style="cursor: move" icon-class="move" name=""/>
</div>
<!-- </template> -->
</el-table-column>
@@ -65,8 +65,9 @@
</template>
<script setup>
import { computed, onBeforeMount, onMounted, watch, ref } from 'vue'
import { computed, onBeforeMount, onMounted, ref, watch } from 'vue'
import Sortable from 'sortablejs'
import SvgIcon from '@/components/svgIcon/svgIcon.vue'
// import { nanoid } from '@/utils/jsencrypt'
const props = defineProps({
@@ -209,8 +210,7 @@
}
function indexMethod(index) {
const cur = size.value * (current.value - 1) + index + 1
return cur
return size.value * (current.value - 1) + index + 1
}
function rowDrag() {
@@ -256,7 +256,7 @@
<style lang="scss" scoped>
.content {
background: #fff;
//background: #fff;
border-radius: 4px;
//padding: 20px 20px 0 20px;
box-sizing: border-box;