From 0924fcc06ead4d10ea5d0d579c8224850a0f37a4 Mon Sep 17 00:00:00 2001
From: fuchengshen <men883234@gmail.com>
Date: 星期五, 24 六月 2022 09:15:09 +0800
Subject: [PATCH] 更改设备分组页面样式
---
src/cool/modules/base/views/user.vue | 174 +++++++++++++++++++++++++++------------------------------
1 files changed, 83 insertions(+), 91 deletions(-)
diff --git a/src/cool/modules/base/views/user.vue b/src/cool/modules/base/views/user.vue
index 843550d..5fc4114 100644
--- a/src/cool/modules/base/views/user.vue
+++ b/src/cool/modules/base/views/user.vue
@@ -1,104 +1,94 @@
<template>
- <div class="system-user">
- <div class="pane">
- <!-- 缁勭粐鏋舵瀯 -->
- <div class="dept" :class="[isExpand ? '_expand' : '_collapse']">
- <cl-dept-tree
- @row-click="onDeptRowClick"
- @user-add="onDeptUserAdd"
- @list-change="onDeptListChange"
- />
- </div>
+ <div class="system-user">
+ <div class="pane">
+ <!-- 缁勭粐鏋舵瀯 -->
+ <div class="dept"
+ :class="[isExpand ? '_expand' : '_collapse']">
+ <cl-dept-tree @row-click="onDeptRowClick"
+ @user-add="onDeptUserAdd"
+ @list-change="onDeptListChange" />
+ </div>
- <!-- 鎴愬憳鍒楄〃 -->
- <div class="user">
- <div class="header">
- <div class="icon" @click="deptExpand">
- <i class="el-icon-arrow-left" v-if="isExpand"></i>
- <i class="el-icon-arrow-right" v-else></i>
- </div>
+ <!-- 鎴愬憳鍒楄〃 -->
+ <div class="user">
+ <div class="header">
+ <div class="icon"
+ @click="deptExpand">
+ <i class="el-icon-arrow-left"
+ v-if="isExpand"></i>
+ <i class="el-icon-arrow-right"
+ v-else></i>
+ </div>
- <span>鎴愬憳鍒楄〃</span>
- </div>
+ <span>鎴愬憳鍒楄〃</span>
+ </div>
- <div class="container">
- <cl-crud :ref="setRefs('crud')" :on-refresh="onRefresh" @load="onLoad">
- <el-row type="flex">
- <cl-refresh-btn />
- <cl-add-btn />
- <cl-multi-delete-btn />
- <el-button
- v-permission="service.base.sys.user.permission.move"
- size="mini"
- type="success"
- :disabled="selects.ids.length == 0"
- @click="toMove()"
- >杞Щ</el-button
- >
- <cl-flex1 />
- <cl-search-key />
- </el-row>
+ <div class="container">
+ <cl-crud :ref="setRefs('crud')"
+ :on-refresh="onRefresh"
+ @load="onLoad">
+ <el-row type="flex">
+ <cl-refresh-btn />
+ <cl-add-btn />
+ <cl-multi-delete-btn />
+ <el-button v-permission="service.base.sys.user.permission.move"
+ size="mini"
+ type="success"
+ :disabled="selects.ids.length == 0"
+ @click="toMove()">杞Щ</el-button>
+ <cl-flex1 />
+ <cl-search-key />
+ </el-row>
- <el-row>
- <cl-table
- :ref="setRefs('table')"
- v-bind="table"
- @selection-change="onSelectionChange"
- >
- <!-- 澶村儚 -->
- <template #column-headImg="{ scope }">
- <cl-avatar
- shape="square"
- size="medium"
- :src="scope.row.headImg"
- :style="{ margin: 'auto' }"
- />
- </template>
+ <el-row>
+ <cl-table :ref="setRefs('table')"
+ v-bind="table"
+ @selection-change="onSelectionChange">
+ <!-- 澶村儚 -->
+ <template #column-headImg="{ scope }">
+ <cl-avatar shape="square"
+ size="medium"
+ :src="scope.row.headImg"
+ :style="{ margin: 'auto' }" />
+ </template>
- <!-- 鏉冮檺 -->
- <template #column-roleName="{ scope }">
- <el-tag
- v-for="(item, index) in scope.row.roleNameList"
- :key="index"
- disable-transitions
- size="small"
- effect="dark"
- style="margin: 2px"
- >{{ item }}</el-tag
- >
- </template>
+ <!-- 鏉冮檺 -->
+ <template #column-roleName="{ scope }">
+ <el-tag v-for="(item, index) in scope.row.roleNameList"
+ :key="index"
+ disable-transitions
+ size="small"
+ effect="dark"
+ style="margin: 2px">{{ item }}</el-tag>
+ </template>
- <!-- 鍗曚釜杞Щ -->
- <template #slot-move-btn="{ scope }">
- <el-button
- v-permission="service.base.sys.user.permission.move"
- type="text"
- size="mini"
- @click="toMove(scope.row)"
- >杞Щ</el-button
- >
- </template>
- </cl-table>
- </el-row>
+ <!-- 鍗曚釜杞Щ -->
+ <template #slot-move-btn="{ scope }">
+ <el-button v-permission="service.base.sys.user.permission.move"
+ type="text"
+ size="mini"
+ @click="toMove(scope.row)">杞Щ</el-button>
+ </template>
+ </cl-table>
+ </el-row>
- <el-row type="flex">
- <cl-flex1 />
- <cl-pagination />
- </el-row>
+ <el-row type="flex">
+ <cl-flex1 />
+ <cl-pagination />
+ </el-row>
- <cl-upsert
- :ref="setRefs('upsert')"
- v-bind="upsert"
- :on-submit="onUpsertSubmit"
- />
- </cl-crud>
- </div>
- </div>
- </div>
+ <cl-upsert :ref="setRefs('upsert')"
+ v-bind="upsert"
+ :on-submit="onUpsertSubmit" />
+ </cl-crud>
+ </div>
+ </div>
+ </div>
- <!-- 閮ㄩ棬绉诲姩 -->
- <cl-dept-move :ref="setRefs('dept-move')" @success="refresh({ page: 1 })" />
- </div>
+ <!-- 閮ㄩ棬绉诲姩 -->
+ <cl-dept-move :ref="setRefs('dept-move')"
+ @success="refresh({ page: 1 })" />
+ </div>
</template>
<script lang="ts">
@@ -395,9 +385,11 @@
// 鍒锋柊鐩戝惉
async function onRefresh(params: any, { next, render }: any) {
const { list } = await next(params);
+ console.log(list, "list");
render(
list.map((e: any) => {
+ console.log(e, "鍒锋柊鎵撳嵃e");
if (e.roleName) {
e.roleNameList = e.roleName.split(",");
}
--
Gitblit v1.9.1