longlong/xw_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改文件备注和增加表格样式配置

Browse Source
This commit is contained in:
龙运模
2024-06-28 19:56:47 +08:00
parent 211e4c70b1
commit 1c104a3cf4
58 changed files with 642 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/document/document.vue
+173
View File
@@ -0,0 +1,173 @@
<template>
<el-container class="">
<el-header>
<div class="left-panel">
<el-button type="primary" :size="size" icon="el-icon-plus" @click="add">新增</el-button>
<el-button :size="size" plain icon="el-icon-plus" @click="permission">上传</el-button>
<el-button type="danger" :size="size" plain icon="el-icon-delete" :disabled="selection.length==0" @click="batch_del"></el-button>
</div>
<div class="right-panel">
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe>
<el-table-column label="角色名称" prop="label" width="150"></el-table-column>
<el-table-column label="别名" prop="alias" width="200"></el-table-column>
<el-table-column label="排序" prop="sort" width="80"></el-table-column>
<el-table-column label="状态" prop="status" width="80">
<template #default="scope">
<el-switch v-model="scope.row.status" @change="changeSwitch($event, scope.row)" :loading="scope.row.$switch_status" active-value="1" inactive-value="0"></el-switch>
</template>
</el-table-column>
<el-table-column label="创建时间" prop="date" width="180"></el-table-column>
<el-table-column label="备注" prop="remark" min-width="150"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="170">
<template #default="scope">
<el-button-group>
<el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
<el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
<template #reference>
<el-button text type="primary" size="small">删除</el-button>
</template>
</el-popconfirm>
</el-button-group>
</template>
</el-table-column>
</scTable>
</el-main>
</el-container>
<!-- <save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" @closed="dialog.save=false"></save-dialog>-->
<!-- <permission-dialog v-if="dialog.permission" ref="permissionDialog" @closed="dialog.permission=false"></permission-dialog>-->
</template>
<script>
// import saveDialog from './save'
// import permissionDialog from './permission'
export default {
name: 'document',
components: {
// saveDialog,
// permissionDialog
},
data() {
return {
size:'small',
dialog: {
save: false,
permission: false
},
apiObj: [
{},{},{}
],
selection: [],
search: {
keyword: null
}
}
},
methods: {
//添加
add(){
this.dialog.save = true
this.$nextTick(() => {
this.$refs.saveDialog.open()
})
},
//编辑
table_edit(row){
this.dialog.save = true
this.$nextTick(() => {
this.$refs.saveDialog.open('edit').setData(row)
})
},
//查看
table_show(row){
this.dialog.save = true
this.$nextTick(() => {
this.$refs.saveDialog.open('show').setData(row)
})
},
//权限设置
permission(){
this.dialog.permission = true
this.$nextTick(() => {
this.$refs.permissionDialog.open()
})
},
//删除
async table_del(row){
var reqData = {id: row.id}
var res = await this.$API.demo.post.post(reqData);
if(res.code == 200){
this.$refs.table.refresh()
this.$message.success("删除成功")
}
},
//批量删除
async batch_del(){
this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？如果删除项中含有子集将会被一并删除`, '提示', {
type: 'warning'
}).then(() => {
const loading = this.$loading();
this.$refs.table.refresh()
loading.close();
this.$message.success("操作成功")
}).catch(() => {
})
},
//表格选择后回调事件
selectionChange(selection){
this.selection = selection;
},
//表格内开关
changeSwitch(val, row){
row.status = row.status == '1'?'0':'1'
row.$switch_status = true;
setTimeout(()=>{
delete row.$switch_status;
row.status = val;
this.$message.success("操作成功")
}, 500)
},
//搜索
upsearch(){
},
//根据ID获取树结构
filterTree(id){
var target = null;
function filter(tree){
tree.forEach(item => {
if(item.id == id){
target = item
}
if(item.children){
filter(item.children)
}
})
}
filter(this.$refs.table.tableData)
return target
},
//本地更新数据
handleSaveSuccess(data, mode){
if(mode=='add'){
this.$refs.table.refresh()
}else if(mode=='edit'){
this.$refs.table.refresh()
}
}
}
}
</script>
<style lang="scss" scoped>
</style>
src/views/document/list.vue
+39
View File
@@ -0,0 +1,39 @@
<template>
<el-main class="tabsMain">
<el-tabs tab-position="top" class="tabsPadding" v-model="tabsTrue">
<el-tab-pane label="我的文档" name="document">
<document v-if="tabsTrue == 'document'"></document>
</el-tab-pane>
<el-tab-pane label="团队共享" name="share">
<share v-if="tabsTrue == 'share'"></share>
</el-tab-pane>
</el-tabs>
</el-main>
</template>
<script>
import document from './document'
import share from './share'
export default {
name: 'list',
components: {
document,
share
},
data() {
return {
size:'small',
tabsTrue:'document',
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
</style>
src/views/document/share.vue
+24
View File
@@ -0,0 +1,24 @@
<template>
<div></div>
</template>
<script>
export default {
name: "share",
data(){
return{
}
},
mounted() {
},
methods:{
}
}
</script>
<style scoped lang="scss">
</style>
src/views/early/list.vue
+173
View File
@@ -0,0 +1,173 @@
<template>
<el-container class="mainBox">
<el-header>
<div class="left-panel">
<el-button type="primary" :size="size" icon="el-icon-plus" @click="add">新增</el-button>
<el-button :size="size" plain icon="el-icon-plus" @click="permission">上传</el-button>
<el-button type="danger" :size="size" plain icon="el-icon-delete" :disabled="selection.length==0" @click="batch_del"></el-button>
</div>
<div class="right-panel">
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe>
<el-table-column label="角色名称" prop="label" width="150"></el-table-column>
<el-table-column label="别名" prop="alias" width="200"></el-table-column>
<el-table-column label="排序" prop="sort" width="80"></el-table-column>
<el-table-column label="状态" prop="status" width="80">
<template #default="scope">
<el-switch v-model="scope.row.status" @change="changeSwitch($event, scope.row)" :loading="scope.row.$switch_status" active-value="1" inactive-value="0"></el-switch>
</template>
</el-table-column>
<el-table-column label="创建时间" prop="date" width="180"></el-table-column>
<el-table-column label="备注" prop="remark" min-width="150"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="170">
<template #default="scope">
<el-button-group>
<el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
<el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
<template #reference>
<el-button text type="primary" size="small">删除</el-button>
</template>
</el-popconfirm>
</el-button-group>
</template>
</el-table-column>
</scTable>
</el-main>
</el-container>
<!-- <save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" @closed="dialog.save=false"></save-dialog>-->
<!-- <permission-dialog v-if="dialog.permission" ref="permissionDialog" @closed="dialog.permission=false"></permission-dialog>-->
</template>
<script>
// import saveDialog from './save'
// import permissionDialog from './permission'
export default {
name: 'document',
components: {
// saveDialog,
// permissionDialog
},
data() {
return {
size:'small',
dialog: {
save: false,
permission: false
},
apiObj: [
{},{},{}
],
selection: [],
search: {
keyword: null
}
}
},
methods: {
//添加
add(){
this.dialog.save = true
this.$nextTick(() => {
this.$refs.saveDialog.open()
})
},
//编辑
table_edit(row){
this.dialog.save = true
this.$nextTick(() => {
this.$refs.saveDialog.open('edit').setData(row)
})
},
//查看
table_show(row){
this.dialog.save = true
this.$nextTick(() => {
this.$refs.saveDialog.open('show').setData(row)
})
},
//权限设置
permission(){
this.dialog.permission = true
this.$nextTick(() => {
this.$refs.permissionDialog.open()
})
},
//删除
async table_del(row){
var reqData = {id: row.id}
var res = await this.$API.demo.post.post(reqData);
if(res.code == 200){
this.$refs.table.refresh()
this.$message.success("删除成功")
}
},
//批量删除
async batch_del(){
this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？如果删除项中含有子集将会被一并删除`, '提示', {
type: 'warning'
}).then(() => {
const loading = this.$loading();
this.$refs.table.refresh()
loading.close();
this.$message.success("操作成功")
}).catch(() => {
})
},
//表格选择后回调事件
selectionChange(selection){
this.selection = selection;
},
//表格内开关
changeSwitch(val, row){
row.status = row.status == '1'?'0':'1'
row.$switch_status = true;
setTimeout(()=>{
delete row.$switch_status;
row.status = val;
this.$message.success("操作成功")
}, 500)
},
//搜索
upsearch(){
},
//根据ID获取树结构
filterTree(id){
var target = null;
function filter(tree){
tree.forEach(item => {
if(item.id == id){
target = item
}
if(item.children){
filter(item.children)
}
})
}
filter(this.$refs.table.tableData)
return target
},
//本地更新数据
handleSaveSuccess(data, mode){
if(mode=='add'){
this.$refs.table.refresh()
}else if(mode=='edit'){
this.$refs.table.refresh()
}
}
}
}
</script>
<style lang="scss" scoped>
</style>
src/views/home/console/index.vue
+3 -1
View File
@@ -16,7 +16,9 @@
</div>
</el-scrollbar>
<div class="item add">
<i class="icon"></i>
<div class="addBack">
<i class="icon"><sc-icon-HomeAdd /></i>
</div>
<text class="text">添加</text>
</div>
</div>
src/views/setting/task/index.vue
+6 -6
View File
@@ -1,10 +1,10 @@
<!--
* @Descripttion: 系统计划任务配置
* @version: 1.2
* @Author: sakuya
* @Date: 2021年7月7日09:28:32
* @LastEditors: sakuya
* @LastEditTime: 2021年7月10日20:56:47
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>
@@ -170,6 +170,6 @@
.task-add:hover {color: #409EFF;}
.task-add i {font-size: 30px;}
.task-add p {font-size: 12px;margin-top: 20px;}
.dark .task-item .bottom {border-color: var(--el-border-color-light);}
</style>
src/views/setting/task/logs.vue
+4 -4
View File
@@ -1,9 +1,9 @@
<!--
* @Descripttion: 系统计划任务配置
* @version: 1.0
* @Author: sakuya
* @Date: 2021年7月7日09:28:32
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
src/views/setting/task/save.vue
+6 -6
View File
@@ -1,10 +1,10 @@
<!--
* @Descripttion: 系统计划任务配置
* @version: 1.2
* @Author: sakuya
* @Date: 2021年7月7日09:28:32
* @LastEditors: sakuya
* @LastEditTime: 2021年7月10日20:56:47
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>
@@ -32,7 +32,7 @@
<script>
import scCron from '@/components/scCron';
export default {
components: {
scCron
src/views/test/codebug/index.vue
+4 -4
View File
@@ -1,9 +1,9 @@
<!--
* @Descripttion: 模拟触发错误
* @version: 1.0
* @Author: sakuya
* @Date: 2021年6月25日08:53:13
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
src/views/userCenter/index.vue
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<el-container class="mainBox mainNoBack userBox">
<el-container class="mainNoBack userBox">
<el-aside class="userAside" style="width: 226px;">
<el-container>
<el-header style="height: auto;display: block;">
src/views/vab/contextmenu.vue
+5 -5
View File
@@ -1,9 +1,9 @@
<!--
* @Descripttion: 右键简单组件演示文件
* @version: 1.0
* @Author: sakuya
* @Date: 2021年7月22日16:31:14
* @LastEditors:
* @Descripttion: 右键简单组件
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
src/views/vab/cropper.vue
+5 -5
View File
@@ -1,9 +1,9 @@
<!--
* @Descripttion: 图像剪裁组件演示文件
* @version: 1.0
* @Author: sakuya
* @Date: 2021年7月24日20:58:51
* @LastEditors:
* @Descripttion: 图像剪裁组件
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
src/views/vab/dialog/index.vue
+4 -4
View File
@@ -1,9 +1,9 @@
<!--
* @Descripttion: scDialog 弹窗扩展演示文件
* @version: 1.0
* @Author: sakuya
* @Date: 2021年8月27日08:56:30
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
src/views/vab/iconselect.vue
+5 -5
View File
@@ -1,9 +1,9 @@
<!--
* @Descripttion: 图标选择器组件演示文件
* @version: 1.0
* @Author: sakuya
* @Date: 2021年7月27日09:33:06
* @LastEditors:
* @Descripttion: 图标选择器组件
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
src/views/vab/select.vue
+5 -5
View File
@@ -1,9 +1,9 @@
<!--
* @Descripttion: 字典选择器组件演示
* @version: 1.0
* @Author: sakuya
* @Date: 2021年8月3日15:51:20
* @LastEditors:
* @Descripttion: 数据表格组件
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
src/views/vab/statistic.vue
+4 -4
View File
@@ -1,9 +1,9 @@
<!--
* @Descripttion: 统计数值组件演示
* @version: 1.0
* @Author: sakuya
* @Date: 2021年6月23日10:28:17
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
src/views/vab/tableselect.vue
+6 -6
View File
@@ -1,10 +1,10 @@
<!--
* @Descripttion: 表格选择器组件演示
* @version: 1.0
* @Author: sakya
* @Date: 2021年6月8日09:29:14
* @LastEditors: sakya
* @LastEditTime: 2021年6月8日09:29:14
* @Descripttion: 表格选择器组件
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>