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

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

View File

@ -1,12 +1,3 @@
<!--
* @Descripttion: 此文件由SCUI生成典型的VUE增删改列表页面组件
* @version: 1.0
* @Author: SCUI AutoCode 模板版本 1.0.0-beta.1
* @Date: <%= createDate %>
* @LastEditors: (最后更新作者)
* @LastEditTime: (最后更新时间)
-->
<template>
<el-container>
<el-header>

View File

@ -1,12 +1,3 @@
<!--
* @Descripttion: 此文件由SCUI生成典型的VUE增删改列表页面组件
* @version: 1.0
* @Author: SCUI AutoCode 模板版本 1.0.0-beta.1
* @Date: <%= createDate %>
* @LastEditors: (最后更新作者)
* @LastEditTime: (最后更新时间)
-->
<template>
<el-form :model="form" :rules="rules" :disabled="mode=='show'" ref="dialogForm" label-width="100px" label-position="left">
<% column.forEach(function(item, index){ %>

View File

@ -0,0 +1,13 @@
<template>
<svg t="1719575456834" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2920" width="200" height="200"><path d="M863.07971307 453.47971307h-292.55942614V160.92028693c0-35.12057387-23.39971307-58.52028693-58.52028693-58.52028693s-58.52028693 23.39971307-58.52028693 58.52028693v292.55942614H160.92028693c-35.12057387 0-58.52028693 23.39971307-58.52028693 58.52028693s23.39971307 58.52028693 58.52028693 58.52028693h292.55942614v292.55942614c0 35.12057387 23.39971307 58.52028693 58.52028693 58.52028693s58.52028693-23.39971307 58.52028693-58.52028693v-292.55942614h292.55942614c35.12057387 0 58.52028693-23.39971307 58.52028693-58.52028693 0-29.23913813-23.39971307-58.52028693-58.52028693-58.52028693z" fill="#888888" p-id="2921"></path></svg>
</template>
<script>
export default {
name: "Add"
}
</script>
<style scoped>
</style>

View File

@ -56,5 +56,6 @@ export { default as EarlyWarn } from './home/earlyWarn.vue'
export { default as HomeSetup } from './home/setup.vue'
export { default as HomeUser } from './home/user.vue'
export { default as Repaired } from './home/repaired.vue'
export { default as HomeAdd } from './home/Add.vue'

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 代码编辑器
* @version: 1.0
* @Author: sakuya
* @Date: 2022年5月20日21:46:29
* @LastEditors:
* @LastEditTime:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,11 +1,10 @@
<!--
* @Descripttion: scContextmenu组件
* @version: 1.1
* @Author: sakuya
* @Date: 2021年7月23日09:25:57
* @LastEditors: sakuya
* @LastEditTime: 2022年5月30日20:17:42
* @other: 代码完全开源欢迎参考也欢迎PR
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: scContextmenuItem组件
* @version: 1.3
* @Author: sakuya
* @Date: 2021年7月23日16:29:36
* @LastEditors: sakuya
* @LastEditTime: 2022年11月23日10:09:54
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: cron规则生成器
* @version: 1.0
* @Author: sakuya
* @Date: 2021年12月29日15:23:54
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,11 +1,10 @@
<!--
* @Descripttion: 图像裁剪组件
* @version: 1.0
* @Author: sakuya
* @Date: 2021年7月24日17:05:43
* @LastEditors:
* @Descripttion: 图像预览组件
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
* @other: 代码完全开源欢迎参考也欢迎PR
-->
<template>

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 弹窗扩展组件
* @version: 2.0
* @Author: sakuya
* @Date: 2021年8月27日08:51:52
* @LastEditors: sakuya
* @LastEditTime: 2022年5月14日15:13:41
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 文件导出
* @version: 1.1
* @Author: sakuya
* @Date: 2022年5月24日16:20:12
* @LastEditors: sakuya
* @LastEditTime: 2022年6月13日17:32:05
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 文件导入
* @version: 1.0
* @Author: sakuya
* @Date: 2022年5月24日11:30:03
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 资源文件选择器
* @version: 1.0
* @Author: sakuya
* @Date: 2021年10月11日16:01:40
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 过滤器V2
* @version: 2.6
* @Author: sakuya
* @Date: 2021年7月30日14:48:41
* @LastEditors: sakuya
* @LastEditTime: 2023年2月7日09:46:45
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 过滤器V2 常用组件
* @version: 2.0
* @Author: sakuya
* @Date: 2021年7月31日16:49:56
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 二次封装el-select 支持拼音
* @version: 1.0
* @Author: sakuya
* @Date: 2021年7月31日22:26:56
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 动态表单渲染器
* @version: 1.0
* @Author: sakuya
* @Date: 2021年9月22日09:26:25
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 表单表格
* @version: 1.3
* @Author: sakuya
* @Date: 2023年2月9日12:32:26
* @LastEditors: sakuya
* @LastEditTime: 2023年2月17日10:41:47
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 图标选择器组件
* @version: 2.0
* @Author: sakuya
* @Date: 2021年7月27日10:02:46
* @LastEditors: sakuya
* @LastEditTime: 2022年6月6日13:48:49
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 状态指示器
* @version: 1.0
* @Author: sakuya
* @Date: 2021年11月11日09:30:12
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 趋势标记
* @version: 1.0
* @Author: sakuya
* @Date: 2021年11月11日11:07:10
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 页面头部样式组件
* @version: 1.0
* @Author: sakuya
* @Date: 2021年7月20日08:49:07
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 密码强度检测
* @version: 1.0
* @Author: sakuya
* @Date: 2022年6月2日15:36:01
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 生成二维码组件
* @version: 1.0
* @Author: sakuya
* @Date: 2021年12月20日14:22:20
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 异步选择器
* @version: 1.1
* @Author: sakuya
* @Date: 2021年8月3日15:53:37
* @LastEditors: sakuya
* @LastEditTime: 2023年2月23日15:17:24
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 分类筛选器
* @version: 1.0
* @Author: sakuya
* @Date: 2022年5月26日15:59:52
* @LastEditors:
* @LastEditTime:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime: 2024年06月17日21:51:15
-->
<template>

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 统计数值组件
* @version: 1.1
* @Author: sakuya
* @Date: 2021年6月23日13:11:32
* @LastEditors: sakuya
* @LastEditTime: 2022年5月14日19:55:09
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,16 +1,16 @@
<!--
* @Descripttion: 数据表格组件
* @version: 1.10
* @Author: sakuya
* @Date: 2021年11月29日21:51:15
* @LastEditors: sakuya
* @LastEditTime: 2022年6月4日17:35:26
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime: 2024年06月17日21:51:15
-->
<template>
<div class="scTable" :style="{'height':_height}" ref="scTableMain" v-loading="loading">
<div class="scTable-table" :style="{'height':_table_height}">
<el-table v-bind="$attrs" :data="tableData" :row-key="rowKey" :key="toggleIndex" ref="scTable" :height="height=='auto'?null:'100%'" :size="config.size" :border="config.border" :stripe="config.stripe" :summary-method="remoteSummary?remoteSummaryMethod:summaryMethod" @sort-change="sortChange" @filter-change="filterChange">
<el-table v-bind="$attrs" :header-cell-style="{'background': '#F5F7FA','color':'#606266'}" :data="tableData" :row-key="rowKey" :key="toggleIndex" ref="scTable" :height="height=='auto'?null:'100%'" :size="config.size" :border="config.border" :stripe="config.stripe" :summary-method="remoteSummary?remoteSummaryMethod:summaryMethod" @sort-change="sortChange" @filter-change="filterChange">
<slot></slot>
<template v-for="(item, index) in userColumn" :key="index">
<el-table-column v-if="!item.hide" :column-key="item.prop" :label="item.label" :prop="item.prop" :width="item.width" :sortable="item.sortable" :fixed="item.fixed" :filters="item.filters" :filter-method="remoteFilter||!item.filters?null:filterHandler" :show-overflow-tooltip="item.showOverflowTooltip">

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 表格选择器组件
* @version: 1.3
* @Author: sakuya
* @Date: 2021年6月10日10:04:07
* @LastEditors: sakuya
* @LastEditTime: 2022年6月6日21:50:36
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: xgplayer二次封装
* @version: 1.1
* @Author: sakuya
* @Date: 2021年11月29日12:10:06
* @LastEditors: sakuya
* @LastEditTime: 2022年5月30日21:02:50
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 局部水印组件
* @version: 1.1
* @Author: sakuya
* @Date: 2021年12月18日12:16:16
* @LastEditors: sakuya
* @LastEditTime: 2022年1月5日09:52:59
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -1,10 +1,10 @@
<!--
* @Descripttion: 仿钉钉流程设计器
* @version: 1.3
* @Author: sakuya
* @Date: 2021年9月14日08:38:35
* @LastEditors: sakuya
* @LastEditTime: 2022年5月14日19:43:46
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->
<template>

View File

@ -31,7 +31,7 @@ const routes = [
},{
name: "document",
path: "/document",
component: "userCenter",
component: "document/list",
meta: {
icon: "sc-icon-UserInfo",
title: "文档管理",
@ -39,7 +39,7 @@ const routes = [
},{
name: "earlyWarning",
path: "/early-warning",
component: "userCenter",
component: "early/list",
meta: {
icon: "sc-icon-UserInfo",
title: "预警管理",

View File

@ -1,9 +1,9 @@
<!--
* @Descripttion: 处理iframe持久化涉及store(VUEX)
* @version: 1.0
* @Author: sakuya
* @Date: 2021年6月30日13:20:41
* @LastEditors:
* @version: 1.10
* @Author: longyunmo
* @Date: 2024年06月17日21:51:15
* @LastEditors: longyunmo
* @LastEditTime:
-->

View File

@ -186,7 +186,7 @@
<div class="main-maximize-exit" @click="exitMaximize"><el-icon><el-icon-close /></el-icon></div>
<div class="layout-setting" @click="openSetting"><el-icon><el-icon-brush-filled /></el-icon></div>
<!-- <div class="layout-setting" @click="openSetting"><el-icon><el-icon-brush-filled /></el-icon></div>-->
<el-drawer title="布局实时演示" v-model="settingDialog" :size="400" append-to-body destroy-on-close>
<setting></setting>

View File

@ -87,11 +87,11 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
.adminui-tags li i {margin-left:10px;border-radius: 50%;width:15px;height:15px;display: flex;align-items: center;justify-content: center;}
.adminui-tags li i:hover {background: var(--el-color-danger);color: #fff;}
.adminui-tags li:hover {background: #ecf5ff;}
//.adminui-tags li.active {background: #409EFF;}
.adminui-tags li.active a {color: #409EFF;}
.adminui-tags li.sortable-ghost {opacity: 0;}
.adminui-main {overflow: auto;background-color: #f6f8f9;flex: 1;padding: 10px;box-sizing: border-box;}
.adminui-main .mainBox{height: calc(100%);overflow: auto;background-color: #FFFFFF;padding: 0 10px;border-radius: 6px;}
/*页面最大化*/
.aminui.main-maximize {

View File

@ -33,7 +33,8 @@
.el-container {height: 100%;}
.el-aside {border-right: 1px solid var(--el-border-color-light);}
.el-container + .el-aside {border-right: 0;border-left: 1px solid var(--el-border-color-light);}
.el-header {background: #fff;border-bottom: 1px solid var(--el-border-color-light);padding:13px 15px;display: flex;justify-content: space-between;align-items: center;}
.el-header {background: #fff;border-bottom: 1px solid var(--el-border-color-light);padding:13px 0;display: flex;justify-content: space-between;align-items: center;}
.mainBox .el-header{margin-bottom: 10px;}
.el-header .left-panel {display: flex;align-items: center;}
.el-header .right-panel {display: flex;align-items: center;}
.el-header .right-panel > * + * {margin-left:10px;}
@ -58,7 +59,7 @@
.el-tabs__nav-wrap::after {height: 1px;}
.el-table th.is-sortable {transition: .1s;}
.el-table th.is-sortable:hover {background: #eee;}
.el-table .el-table__body-wrapper {background: #f6f8f9;}
.el-table .el-table__body-wrapper {background: #fff;}
.el-col .el-card {margin-bottom: 15px;}
.el-main {flex-basis: 100%;}
.el-main > .scTable .el-table--border::before {display: none;}

View File

@ -49,11 +49,19 @@
justify-content: center;
align-items: center;
margin: 0;
.icon{
.addBack{
background: #f2f2f2;
border-radius: 8px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.icon{
width: 30px;
height: 30px;
color: #888;
}
.text{
width: 50px;

View File

@ -42,3 +42,11 @@
.common-main .yzm .el-button {margin-left: 10px;}
.common-main .link {color: var(--el-color-primary);cursor: pointer;}
.common-main .link:hover {color: var(--el-color-primary-light-3);}
/** tabs 类型的页面 */
.tabsMain{padding: 3px 10px 0 10px;}
.tabsMain>.el-tabs{height: 100%;}
.tabsMain>.el-tabs>.el-tabs__header{margin-bottom: 0;}
.tabsMain>.el-tabs>.el-tabs__content{height: calc(100% - 40px);}
.tabsMain>.el-tabs .el-tab-pane{height: 100%;}
.tabsMain>.el-tabs .el-header{border-bottom: 0;}

View File

@ -48,11 +48,11 @@
padding-bottom: 15px;
font-size: 16px;
font-weight: 400;
margin: 0 10px;
margin: 0;
}
.el-card__body{
flex: 1;
padding: 10px 10px 0 10px;
padding: 10px 0 0 0;
overflow: hidden;
.nopadding{
height: 100%;

View File

@ -1,8 +1,8 @@
/*
* @Descripttion: 工具集
* @version: 1.2
* @LastEditors: sakuya
* @LastEditTime: 2022年5月24日00:28:56
* @LastEditors: longyunmo
* @LastEditTime:
*/
import CryptoJS from 'crypto-js';

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>

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>

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>

173
src/views/early/list.vue Normal file
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>

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>

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>

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:
-->

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

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:
-->

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;">

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:
-->

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:
-->

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:
-->

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:
-->

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:
-->

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:
-->

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>