zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面效果调整

This commit is contained in:
曹前明 2022-07-18 01:19:44 +08:00
parent 759e87d621
commit 5d492ff497
27 changed files with 785 additions and 604 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/code/list/index.vue
View File

@ -30,11 +30,11 @@
<% })%> <% })%>
<el-table-column label="操作" fixed="right" align="right" width="140"> <el-table-column label="操作" fixed="right" align="right" width="140">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button> <el-button link size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
<el-button type="text" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button> <el-button link size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)"> <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
<template #reference> <template #reference>
<el-button type="text" size="small">删除</el-button> <el-button link size="small">删除</el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
</template> </template>

17
src/api/model/ops.js
View File

@ -10,5 +10,20 @@ export default {
return await http.get(this.url, data); return await http.get(this.url, data);
} }
} }
} },
file_logs: {
list: {
url: `${config.API_URL}/monitor/log/`,
name: "文件日志",
req: async function(data){
return await http.get(this.url, data);
}
},
detail: {
name: "文件日志",
req: async function(name){
return await http.get(`${config.API_URL}/monitor/log/${name}/`);
}
}
},
} }

2
src/api/model/system.js
View File

@ -332,7 +332,7 @@ export default {
}, },
runOnce: { runOnce: {
name: "执行一次", name: "执行一次",
req: async function(data,id){ req: async function(data, id){
return await http.post(`${config.API_URL}/system/ptask/${id}/run_once/`,data); return await http.post(`${config.API_URL}/system/ptask/${id}/run_once/`,data);
} }
}, },

59
src/components/scTable/index.vue
View File

@ -83,7 +83,7 @@
></el-button> ></el-button>
<el-button <el-button
v-if="!hideRefresh" v-if="!hideRefresh"
@click="reload(null)" @click="reload"
icon="el-icon-refresh-right" icon="el-icon-refresh-right"
circle circle
style="margin-left: 15px" style="margin-left: 15px"
@ -178,6 +178,7 @@ export default {
pageStr: { type: String, default: config.request.page }, pageStr: { type: String, default: config.request.page },
pageSizeStr: { type: String, default: config.request.pageSize }, pageSizeStr: { type: String, default: config.request.pageSize },
orderStr: { type: String, default: config.request.order }, orderStr: { type: String, default: config.request.order },
isTree: { type: Boolean, default: false },
parseData: { type: Function, default: config.parseData }, parseData: { type: Function, default: config.parseData },
rowKey: { type: String, default: "" }, rowKey: { type: String, default: "" },
summaryMethod: { type: Function, default: null }, summaryMethod: { type: Function, default: null },
@ -198,7 +199,7 @@ export default {
this.total = this.tableData.length; this.total = this.tableData.length;
}, },
apiObj() { apiObj() {
this.tableParams = this.params; // this.tableParams = this.params;
this.refresh(); this.refresh();
}, },
}, },
@ -223,7 +224,7 @@ export default {
order: null, order: null,
loading: false, loading: false,
tableHeight: "100%", tableHeight: "100%",
tableParams: this.params, tableParams: Object.assign({}, this.params),
userColumn: [], userColumn: [],
customColumnShow: false, customColumnShow: false,
summary: {}, summary: {},
@ -235,7 +236,6 @@ export default {
}; };
}, },
mounted() { mounted() {
console.log(this.parseData);
//判断是否开启自定义列 //判断是否开启自定义列
if (this.column) { if (this.column) {
this.getCustomColumn(); this.getCustomColumn();
@ -246,7 +246,11 @@ export default {
if (this.apiObj) { if (this.apiObj) {
this.getData(); this.getData();
} else if (this.data) { } else if (this.data) {
this.tableData = this.data; if (this.isTree) {
this.tableData = this.redata(this.data);
} else {
this.tableData = this.data;
}
this.total = this.tableData.length; this.total = this.tableData.length;
} }
}, },
@ -284,29 +288,6 @@ export default {
Object.assign(reqData, this.tableParams); Object.assign(reqData, this.tableParams);
try { try {
var res = await this.apiObj.req(reqData); var res = await this.apiObj.req(reqData);
if (this.hidePagination) {
if (res.length == 0) {
this.emptyText = "暂无数据";
}
if (
this.$route.path === "/sys/dept" ||
this.$route.path === "/sys/perm"
) {
this.tableData = this.redata(res);
console.log(this.tableData);
} else {
this.tableData = res || [];
}
this.loading = false;
this.$refs.scTable.setScrollTop(0);
this.$emit("dataChange", res, this.tableData);
}
} catch (error) {
this.loading = false;
this.emptyText = error.response.data.err_msg || error.statusText;
return false;
}
try {
var response = this.parseData(res); var response = this.parseData(res);
if (response.total === 0) { if (response.total === 0) {
this.emptyText = "暂无数据"; this.emptyText = "暂无数据";
@ -315,14 +296,10 @@ export default {
if (this.hidePagination) { if (this.hidePagination) {
dataList = response.data || []; dataList = response.data || [];
} else { } else {
dataList = response.rows dataList = response.rows;
} }
if ( if (this.isTree) {
this.$route.path === "/sys/dept" ||
this.$route.path === "/ops/menu"
) {
this.tableData = this.redata(dataList); this.tableData = this.redata(dataList);
console.log(this.tableData);
} else { } else {
this.tableData = dataList || []; this.tableData = dataList || [];
} }
@ -333,7 +310,11 @@ export default {
this.$emit("dataChange", res, this.tableData); this.$emit("dataChange", res, this.tableData);
} catch (error) { } catch (error) {
this.loading = false; this.loading = false;
this.emptyText = "数据格式错误"; if(error.response.data){
this.emptyText = error.response.data.err_msg;
}else{
this.emptyText = error.statusText || "数据格式错误";
}
return false; return false;
} }
}, },
@ -388,10 +369,10 @@ export default {
this.$refs.scTable.clearFilter(); this.$refs.scTable.clearFilter();
this.getData(); this.getData();
}, },
//重载数据 替换params //重载数据 tableParams变为固定的params
reload(params, page = 1) { reload() {
this.currentPage = page; this.currentPage = 1;
this.tableParams = params || this.params; this.tableParams = Object.assign({}, this.params);
this.$refs.scTable.clearSelection(); this.$refs.scTable.clearSelection();
this.$refs.scTable.clearSort(); this.$refs.scTable.clearSort();
this.$refs.scTable.clearFilter(); this.$refs.scTable.clearFilter();

16
src/config/route.js
View File

@ -592,7 +592,7 @@ const routes = [
"name": "user", "name": "user",
"meta": { "meta": {
"title": "账户管理", "title": "账户管理",
"icon": "el-icon-user-filled", "icon": "el-icon-user",
"type": "menu" "type": "menu"
}, },
"component": "sys/user" "component": "sys/user"
@ -612,7 +612,7 @@ const routes = [
"name": "post", "name": "post",
"meta": { "meta": {
"title": "岗位管理", "title": "岗位管理",
"icon": "sc-icon-organization", "icon": "el-icon-postcard",
"type": "menu" "type": "menu"
}, },
"component": "sys/post" "component": "sys/post"
@ -674,7 +674,7 @@ const routes = [
"path": "/ops/log", "path": "/ops/log",
"meta": { "meta": {
"title": "请求日志", "title": "请求日志",
"icon": "el-icon-fold", "icon": "el-icon-document",
"perms": ["log"] "perms": ["log"]
}, },
"component": "ops/log_request" "component": "ops/log_request"
@ -684,20 +684,20 @@ const routes = [
"path": "/ops/thirdLogs", "path": "/ops/thirdLogs",
"meta": { "meta": {
"title": "第三方日志", "title": "第三方日志",
"icon": "el-icon-fold", "icon": "el-icon-document",
"perms": ["third_log"] "perms": ["third_log"]
}, },
"component": "ops/thirdLogs" "component": "ops/thirdLogs"
}, },
{ {
"name": "files", "name": "fileLogs",
"path": "/ops/files", "path": "/ops/fileLogs",
"meta": { "meta": {
"title": "文件日志", "title": "文件日志",
"icon": "el-icon-fold", "icon": "el-icon-document",
"perms": ["file_log"] "perms": ["file_log"]
}, },
"component": "ops/files" "component": "ops/fileLogs"
}, },
] ]
}, },

5
src/style/fix.scss
View File

@ -271,7 +271,10 @@ body .tox-tinymce-aux {
} }
.el-table--medium td,   .el-table--medium th {
padding: 2px 0;
}
.el-form-item { .el-form-item {
margin-bottom: 16px; margin-bottom: 16px;
} }

2
src/views/home/widgets/components/eventlist.vue
View File

@ -25,7 +25,7 @@
<el-col :md="10" :sm="24" style="padding-left: 7.5px;padding-right: 7.5px; <el-col :md="10" :sm="24" style="padding-left: 7.5px;padding-right: 7.5px;
"> ">
<el-card shadow="hover" header="今日事件"> <el-card shadow="hover" header="今日事件">
<el-button style="float: right; padding: 3px;margin-top: -44px;" type="text" @click="moreEvent">更多</el-button> <el-button style="float: right; padding: 3px;margin-top: -44px;" link @click="moreEvent">更多</el-button>
<div class="welcome"> <div class="welcome">
<scTable <scTable
ref="table" ref="table"

94
src/views/ops/fileLogs.vue Normal file
View File

@ -0,0 +1,94 @@
<template>
<el-container>
<el-header>
<div class="left-panel"></div>
<div class="right-panel">
<div class="right-panel-search">
<el-input
v-model="query.name"
placeholder="日志名称"
clearable
></el-input>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div>
</div>
</el-header>
<el-main class="nopadding">
<scTable
ref="table"
:apiObj="apiObj"
row-key="id"
stripe
highlightCurrentRow
hidePagination
@row-click="rowClick"
@resetQuery="resetQuery"
>
<el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column
label="名称"
prop="name"
min-width="80"
></el-table-column>
<el-table-column
label="大小(KB)"
prop="size"
min-width="150"
></el-table-column>
</scTable>
</el-main>
<el-drawer
v-model="infoDrawer"
title="日志详情"
:size="'50%'"
destroy-on-close
>
<div v-html="logText" style="white-space: pre-wrap; font-size: 14px"></div>
</el-drawer>
</el-container>
</template>
<script>
export default {
name: "file_logs",
data() {
return {
apiObj: this.$API.ops.file_logs.list,
query: {},
logLists: [],
infoDrawer: false,
logDetailVisible: false,
logText:null
};
},
mounted() {},
methods: {
handleQuery() {
this.$refs.table.queryData(this.query);
},
resetQuery() {
this.query = {};
},
rowClick(row) {
this.$API.ops.file_logs.detail.req(row.name).then((res) => {
this.logText = res
});
this.infoDrawer = true;
// this.$nextTick(() => {
// this.$refs.logInfo.setData(row);
// });
},
},
};
</script>
<style scoped>
.treeMain {
height: 280px;
overflow: auto;
border: 1px solid #dcdfe6;
margin-bottom: 10px;
}
</style>

71
src/views/ops/files.vue
View File

@ -1,71 +0,0 @@
<template>
<el-container>
<el-header>
<div class="left-panel">
<div class="right-panel-search">
<el-input v-model="search.id" placeholder="logId" clearable></el-input>
<el-button type="primary" icon="el-icon-search" @click="getSearch"></el-button>
</div>
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe highlightCurrentRow @row-click="rowClick">
<el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="名称" prop="name" min-width="80"></el-table-column>
<el-table-column label="id" prop="id" min-width="200"></el-table-column>
<el-table-column label="路径" prop="path" min-width="150"></el-table-column>
<el-table-column label="类型" prop="type" min-width="80">
<template #default="scope">
<el-tag class="ml-2" type="success" v-if="scope.row.type===1">成功</el-tag>
<el-tag class="ml-2" type="warning" v-if="scope.row.type===2">报错</el-tag>
<el-tag class="ml-2" type="danger" v-if="scope.row.type===40">图片</el-tag>
</template>
</el-table-column>
<el-table-column label="操作时间" prop="requested_at" min-width="150"></el-table-column>
<el-table-column label="操作" align="center" width="100">
<el-button type="text" size="small">查看详情</el-button>
</el-table-column>
</scTable>
</el-main>
<el-drawer v-model="infoDrawer" title="日志详情" :size="'50%'" destroy-on-close>
<logInfo ref="logInfo"></logInfo>
</el-drawer>
</el-container>
</template>
<script>
import logInfo from './logInfo'
export default {
name: 'files',
components: {
logInfo
},
data() {
return {
apiObj: this.$API.common.file.list,
search:{
id:null,
},
logLists:[],
infoDrawer:false,
logDetailVisible:false,
}
},
mounted() {
},
methods: {
getSearch(){
this.$refs.table.reload(this.search);
},
rowClick(row){
this.infoDrawer = true;
this.$nextTick(() => {
this.$refs.logInfo.setData(row)
})
}
}
}
</script>
<style scoped>
.treeMain {height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
</style>

192
src/views/ops/log_request.vue
View File

@ -1,74 +1,130 @@
<template> <template>
<el-container> <el-container>
<el-header> <el-header>
<div class="left-panel"> <div class="left-panel"></div>
<div class="right-panel-search"> <div class="right-panel">
<el-input v-model="search.id" placeholder="logId" clearable></el-input> <div class="right-panel-search">
<el-button type="primary" icon="el-icon-search" @click="getSearch"></el-button> <el-input
</div> v-model="query.id"
</div> placeholder="logId"
</el-header> clearable
<el-main class="nopadding"> ></el-input>
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe highlightCurrentRow @row-click="rowClick"> <el-button
<el-table-column label="#" type="index" width="50"></el-table-column> type="primary"
<el-table-column label="日志id" prop="id" min-width="200"></el-table-column> icon="el-icon-search"
<el-table-column label="路径" prop="path" min-width="150"></el-table-column> @click="handleQuery"
<el-table-column label="method" prop="method" min-width="80"> ></el-button>
</div>
</el-table-column> </div>
<el-table-column label="view" prop="view" min-width="150"></el-table-column> </el-header>
<el-table-column label="状态码" prop="status_code" min-width="80"> <el-main class="nopadding">
<template #default="scope"> <scTable
<el-tag class="ml-2" type="success" v-if="scope.row.status_code>=200&&scope.row.status_code<300">{{scope.row.status_code}}</el-tag> ref="table"
<el-tag class="ml-2" type="warning" v-if="scope.row.status_code>=400&&scope.row.status_code<500">{{scope.row.status_code}}</el-tag> :apiObj="apiObj"
<el-tag class="ml-2" type="danger" v-if="scope.row.status_code>=500">{{scope.row.status_code}}</el-tag> row-key="id"
</template> stripe
</el-table-column> highlightCurrentRow
<el-table-column label="操作时间" prop="requested_at" min-width="150"></el-table-column> @row-click="rowClick"
<el-table-column label="操作" align="center" width="100"> @resetQuery="resetQuery"
<el-button type="text" size="small">查看详情</el-button> >
</el-table-column> <el-table-column label="#" type="index" width="50"></el-table-column>
</scTable> <el-table-column
</el-main> label="日志id"
<el-drawer v-model="infoDrawer" title="日志详情" :size="'50%'" destroy-on-close> prop="id"
<logInfo ref="logInfo"></logInfo> min-width="200"
</el-drawer> ></el-table-column>
<el-table-column
</el-container> label="地址"
prop="path"
min-width="220"
></el-table-column>
<el-table-column label="method" prop="method" min-width="80">
</el-table-column>
<el-table-column
label="view"
prop="view"
min-width="150"
></el-table-column>
<el-table-column label="状态码" prop="status_code" min-width="50">
<template #default="scope">
<el-tag
class="ml-2"
type="success"
v-if="scope.row.status_code >= 200 && scope.row.status_code < 300"
>{{ scope.row.status_code }}</el-tag
>
<el-tag
class="ml-2"
type="warning"
v-if="scope.row.status_code >= 400 && scope.row.status_code < 500"
>{{ scope.row.status_code }}</el-tag
>
<el-tag
class="ml-2"
type="danger"
v-if="scope.row.status_code >= 500"
>{{ scope.row.status_code }}</el-tag
>
</template>
</el-table-column>
<el-table-column
label="操作时间"
prop="requested_at"
min-width="100"
></el-table-column>
<el-table-column label="操作" align="center" width="80">
<el-button type="text" size="small">查看</el-button>
</el-table-column>
</scTable>
</el-main>
<el-drawer
v-model="infoDrawer"
title="日志详情"
:size="'50%'"
destroy-on-close
>
<logInfo ref="logInfo"></logInfo>
</el-drawer>
</el-container>
</template> </template>
<script> <script>
import logInfo from './logInfo' import logInfo from "./logInfo";
export default { export default {
name: 'logs', name: "logs",
components: { components: {
logInfo logInfo,
}, },
data() { data() {
return { return {
apiObj: this.$API.ops.logs.list, apiObj: this.$API.ops.logs.list,
search:{ query: {},
id:null, logLists: [],
}, infoDrawer: false,
logLists:[], logDetailVisible: false,
infoDrawer:false, };
logDetailVisible:false, },
} mounted() {},
}, methods: {
mounted() { handleQuery() {
}, this.$refs.table.queryData(this.query);
methods: { },
getSearch(){ resetQuery() {
this.$refs.table.reload(this.search); this.query = {};
}, },
rowClick(row){ rowClick(row) {
this.infoDrawer = true; this.infoDrawer = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.logInfo.setData(row) this.$refs.logInfo.setData(row);
}) });
} },
} },
} };
</script> </script>
<style scoped> <style scoped>
.treeMain {height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;} .treeMain {
height: 280px;
overflow: auto;
border: 1px solid #dcdfe6;
margin-bottom: 10px;
}
</style> </style>

583
src/views/ops/menu.vue
View File

@ -1,285 +1,328 @@
<template> <template>
<el-container> <el-container>
<el-header> <el-header>
<div class="left-panel"> <div class="left-panel">
<el-button type="primary" icon="el-icon-plus" @click="addDept"></el-button> <el-button
<el-button type="danger" plain icon="el-icon-delete" :disabled="selection.length==0" @click="batch_del"></el-button> type="primary"
</div> icon="el-icon-plus"
<div class="right-panel"> @click="addMenu"
<div class="right-panel-search"> ></el-button>
<el-input v-model="search.keyword" placeholder="部门名称" clearable></el-input> </div>
<el-button type="primary" icon="el-icon-search" @click="upsearch"></el-button> </el-header>
</div> <el-main class="nopadding">
</div> <scTable
</el-header> ref="table"
<el-main class="nopadding"> :isTree="true"
<scTable ref="table" :apiObj="apiObj" :params="params" row-key="id" @selection-change="selectionChange" :apiObj="apiObj"
hidePagination> :params="params"
<el-table-column type="selection" width="50"></el-table-column> row-key="id"
<el-table-column label="#" type="index" width="50"></el-table-column> @selection-change="selectionChange"
<el-table-column label="菜单名称" prop="name" min-width="200"></el-table-column> hidePagination
<el-table-column label="类型" prop="type" min-width="200"> >
<template #default="scope"> <!-- <el-table-column type="selection" width="50"></el-table-column> -->
<span>{{types[scope.row.type]}}</span> <el-table-column label="#" type="index" width="50"></el-table-column>
</template> <el-table-column
</el-table-column> label="菜单名称"
<el-table-column label="代号" prop="codes" min-width="200"></el-table-column> prop="name"
<el-table-column label="排序" prop="sort" min-width="200"></el-table-column> min-width="200"
<el-table-column label="操作" fixed="right" align="center" width="200"> ></el-table-column>
<template #default="scope"> <el-table-column label="类型" prop="type" min-width="200">
<el-button text type="primary" size="small" @click="editMenu(scope.row, scope.$index)">编辑</el-button> <template #default="scope">
<el-divider direction="vertical"></el-divider> <span>{{ types[scope.row.type] }}</span>
<el-button text type="danger" size="small" @click="delMenu(scope.row.id)">删除</el-button> </template>
<!--<el-popconfirm title="确定删除吗？" @confirm="delMenu(scope.row, scope.$index)"> </el-table-column>
<el-table-column label="标识" prop="codes" min-width="200">
<template #default="scope">
<el-tag v-for="i in scope.row.codes" v-bind:key="i">{{ i }}</el-tag>
</template>
</el-table-column>
<el-table-column
label="排序"
prop="sort"
min-width="200"
></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="200">
<template #default="scope">
<el-button
text
type="primary"
size="small"
@click="editMenu(scope.row, scope.$index)"
>编辑</el-button
>
<el-divider direction="vertical"></el-divider>
<el-button
text
type="danger"
size="small"
@click="delMenu(scope.row.id)"
>删除</el-button
>
<!--<el-popconfirm title="确定删除吗？" @confirm="delMenu(scope.row, scope.$index)">
<template #reference> <template #reference>
<el-button type="text" size="small">删除</el-button> <el-button link size="small">删除</el-button>
</template> </template>
</el-popconfirm>--> </el-popconfirm>-->
</template> </template>
</el-table-column> </el-table-column>
</scTable> </scTable>
</el-main> </el-main>
</el-container> </el-container>
<el-dialog :title="titleMap[type]" v-model="limitedVisible" :width="600"> <el-dialog :title="titleMap[type]" v-model="limitedVisible" :width="600">
<el-form :model="addForm" :rules="rules" ref="addForm" label-width="100px" label-position="right"> <el-form
<el-form-item label="类型" prop="type"> :model="addForm"
<el-radio-group v-model="addForm.type"> :rules="rules"
<el-radio :label="10">目录</el-radio> ref="addForm"
<el-radio :label="20">菜单</el-radio> label-width="100px"
<el-radio :label="30">按钮</el-radio> label-position="right"
</el-radio-group> >
</el-form-item> <el-form-item label="类型" prop="type">
<el-form-item label="名称" prop="name"> <el-radio-group v-model="addForm.type">
<el-input v-model="addForm.name" clearable></el-input> <el-radio :label="10">目录</el-radio>
</el-form-item> <el-radio :label="20">菜单</el-radio>
<el-form-item label="标识"> <el-radio :label="30">按钮</el-radio>
<el-input v-model="codes" clearable style="width: 90%;"></el-input> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="父级"> <el-form-item label="名称" prop="name">
<el-cascader <el-input v-model="addForm.name" clearable></el-input>
v-model="addForm.parent" </el-form-item>
:options="group" <el-form-item label="标识">
:props="groupsProps" <!-- <el-input v-model="codes" clearable style="width: 90%;"></el-input> -->
:show-all-levels="false" <el-select
clearable v-model="addForm.codes"
style="width: 100%" multiple
@change="handleChange" filterable
></el-cascader> allow-create
</el-form-item> default-first-option
<el-form-item label="排序"> :reserve-keyword="false"
<el-input-number v-model="addForm.sort" controls-position="right" :min="1" style="width: 100%;"></el-input-number> placeholder="权限标识(回车添加多个)"
</el-form-item> style="width: 100%"
</el-form> >
<template #footer> <el-option
<el-button @click="limitedVisible=false">取 消</el-button> v-for="item in permCodes"
<el-button type="primary" :loading="isSaving" @click="submitHandle()">保 存</el-button> :key="item"
</template> :label="item"
</el-dialog> :value="item"
/>
</el-select>
</el-form-item>
<el-form-item label="父级">
<el-cascader
v-model="addForm.parent"
:options="group"
:props="groupsProps"
:show-all-levels="false"
clearable
style="width: 100%"
@change="handleChange"
></el-cascader>
</el-form-item>
<el-form-item label="排序">
<el-input-number
v-model="addForm.sort"
controls-position="right"
:min="1"
style="width: 100%"
></el-input-number>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="limitedVisible = false">取 消</el-button>
<el-button type="primary" :loading="isSaving" @click="submitHandle()"
>保 存</el-button
>
</template>
</el-dialog>
</template> </template>
<script> <script>
import {genTree} from "@/utils/verificate"; import { genTree } from "@/utils/verificate";
export default { export default {
name: 'dept', name: "dept",
data() { data() {
return { return {
dialog: { dialog: {
save: false, save: false,
permission: false permission: false,
}, },
apiObj: this.$API.system.permission.list, apiObj: this.$API.system.permission.list,
selection: [], selection: [],
search: { search: {
keyword: null keyword: null,
}, },
params: { params: {
page: 0 page: 0,
}, },
isSaving: false, isSaving: false,
codesLimited: false, limitedVisible: false,
limitedVisible: false, type: "add",
type: "add", titleMap: {
codes:'', add: "新增",
titleMap: { edit: "编辑",
add: '新增', },
edit: '编辑',
},
//表单数据 //表单数据
addForm: { addForm: {
id: "", id: "",
name: "", name: "",
codes:[], codes: [],
type: 10, type: 10,
sort: 1, sort: 1,
parent: null, parent: null,
}, },
//验证规则 //验证规则
rules: { rules: {
name: [ name: [{ required: true, message: "请输入名称" }],
{required: true, message: '请输入名称'} type: [{ required: true, message: "请选择类型" }],
], },
type: [ types: {
{required: true, message: '请选择类型'} 10: "目录",
], 20: "菜单",
}, 30: "按钮",
types:{ },
10:'目录', groupsProps: {
20:'菜单', // value: "id",
30:'按钮', multiple: false,
}, emitPath: false,
groupsProps: { checkStrictly: true,
// value: "id", },
multiple: false, group: [],
emitPath: false, permList: [],
checkStrictly: true, permCodes: [],
}, };
group: [], },
permList: [],
permCodes: [],
}
},
mounted() { mounted() {
this.getGroup(); this.getGroup();
this.getPermCodes(); this.getPermCodes();
}, },
methods: { methods: {
getPermCodes(){ getPermCodes() {
this.permCodes = this.$API.system.permission.codes.req(); this.permCodes = this.$API.system.permission.codes.req();
}, },
handleChange(value) { handleChange(value) {
// this.menu.checked = check.checkedKeys; // this.menu.checked = check.checkedKeys;
// debugger; // debugger;
console.log(value); console.log(value);
console.log(this.addForm.parent); console.log(this.addForm.parent);
}, },
//加载树数据 //加载树数据
async getGroup() { async getGroup() {
var res = await this.$API.system.permission.list.req({page: 0}); var res = await this.$API.system.permission.list.req({ page: 0 });
this.group =genTree(res); this.group = genTree(res);
}, },
//添加 //添加
addDept() { addMenu() {
this.type = 'add'; this.type = "add";
this.limitedVisible = true; this.limitedVisible = true;
}, this.$nextTick(() => {
addCodes(){ this.$refs.addForm.resetFields();
this.codesLimited = true; });
}, },
saveCodes(){ //编辑
// debugger;console.log(this.addForm.codes); editMenu(row) {
this.addForm.codes.push(this.codes); this.type = "edit";
this.codes = '' this.addForm = row;
}, this.limitedVisible = true;
delCodes(){ },
this.codesLimited = false;
this.codes = ''
},
//编辑
editMenu(row) {
this.type = 'edit';
this.addForm.id = row.id;
this.addForm.name = row.name;
this.codes = row.codes.join(',');
this.addForm.parent = row.parent;
this.addForm.type = row.type ;
this.addForm.sort = row.sort;
this.limitedVisible = true;
},
//删除 //删除
delMenu(id) { delMenu(id) {
this.$confirm(`确定删除吗？`, '提示', { this.$confirm(`确定删除吗？`, "提示", {
type: 'warning', type: "warning",
confirmButtonText: '删除', confirmButtonText: "删除",
confirmButtonClass: 'el-button--danger' confirmButtonClass: "el-button--danger",
}).then(() => { }).then(() => {
this.$API.system.permission.delete.req(id).then(res=>{ this.$API.system.permission.delete.req(id).then((res) => {
if(res.err_msg){ if (res.err_msg) {
this.$message.error(res.err_msg); this.$message.error(res.err_msg);
this.$refs.table.refresh() this.$refs.table.refresh();
}else{ } else {
this.$message.success("操作成功"); this.$message.success("操作成功");
} }
}); });
}) });
}, },
submitHandle() { submitHandle() {
let that = this; let that = this;
if(this.codes.indexOf(','>-1)){ this.$refs.addForm.validate((valid) => {
this.addForm.codes = this.codes.split(','); // debugger;
}else{ if (valid) {
this.addForm.codes.push(this.codes) this.isSaveing = true;
} var res;
this.$refs.addForm.validate((valid) => { if (this.type === "add") {
// debugger; this.$API.system.permission.create
if (valid) { .req(that.addForm)
this.isSaveing = true; .then((res) => {
var res; this.isSaveing = false;
if (this.type === 'add') { this.limitedVisible = false;
res = this.$API.system.permission.create.req(that.addForm); this.$refs.table.refresh();
} else { })
res = this.$API.system.permission.update.req(that.addForm.id, that.addForm); .catch((e) => {
} this.isSaveing = false;
console.log(res); });
debugger; } else {
if(res.err_msg){ this.$API.system.permission.update
this.$message.error(res.err_msg) .req(that.addForm.id, that.addForm)
}else{ .then((res) => {
this.isSaveing = false; this.isSaveing = false;
this.limitedVisible = false; this.limitedVisible = false;
this.$refs.table.refresh(); this.$refs.table.refresh();
} })
} .catch((e) => {
}) this.isSaveing = false;
}, });
//表格选择后回调事件 }
selectionChange(selection) { }
this.selection = selection; });
}, },
//搜索 //表格选择后回调事件
upsearch() { selectionChange(selection) {
let params = {search:this.search.keyword}; this.selection = selection;
this.$refs.table.queryData(params); },
}, //搜索
//本地更新数据 upsearch() {
handleSaveSuccess(data, mode) { let params = { search: this.search.keyword };
if (mode == 'add') { this.$refs.table.queryData(params);
this.$refs.table.refresh() },
} else if (mode == 'edit') { //本地更新数据
this.$refs.table.refresh() handleSaveSuccess(data, mode) {
} if (mode == "add") {
} this.$refs.table.refresh();
} } else if (mode == "edit") {
} this.$refs.table.refresh();
}
},
},
};
</script> </script>
<style> <style>
.formAddButton{ .formAddButton {
width: 32px; width: 32px;
height: 32px; height: 32px;
padding: 0; padding: 0;
text-align: center; text-align: center;
line-height: 32px; line-height: 32px;
border-radius: 16px; border-radius: 16px;
position: absolute; position: absolute;
right: 0; right: 0;
top : 0 top: 0;
} }
.formSaveButton,.formDelButton{ .formSaveButton,
padding: 0; .formDelButton {
width: 30px; padding: 0;
height: 30px; width: 30px;
text-align: center; height: 30px;
line-height: 30px; text-align: center;
border-radius: 15px; line-height: 30px;
position: absolute; border-radius: 15px;
left: 20px; position: absolute;
top : 0 left: 20px;
} top: 0;
.formDelButton{ }
left: 60px; .formDelButton {
} left: 60px;
}
</style> </style>

208
src/views/ops/thirdLogs.vue
View File

@ -1,72 +1,148 @@
<template> <template>
<el-container> <el-container>
<el-header> <el-header>
<div class="left-panel"> <div class="left-panel">
<div class="right-panel-search"> <el-select v-model="query.result" clearable placeholder="请求结果" @change="handleQuery">
<el-input v-model="search.id" placeholder="logId" clearable></el-input> <el-option
<el-button type="primary" icon="el-icon-search" @click="getSearch"></el-button> v-for="item in resultOptions"
</div> :key="item.value"
</div> :label="item.label"
</el-header> :value="item.value"
<el-main class="nopadding"> />
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe highlightCurrentRow @row-click="rowClick"> </el-select>
<el-table-column label="#" type="index" width="50"></el-table-column> </div>
<el-table-column label="method" prop="method" min-width="80"></el-table-column> <div class="left-panel">
<el-table-column label="id" prop="id" min-width="200"></el-table-column> <div class="right-panel-search">
<el-table-column label="路径" prop="path" min-width="150"></el-table-column> <el-input v-model="query.id" placeholder="logId" clearable></el-input>
<el-table-column label="target" prop="target" min-width="80"></el-table-column> <el-button
<el-table-column label="状态" prop="status_code" min-width="80"> type="primary"
<template #default="scope"> icon="el-icon-search"
<el-tag class="ml-2" type="success" v-if="scope.row.result==='success'">成功</el-tag> @click="handleQuery"
<el-tag class="ml-2" type="warning" v-if="scope.row.result==='fail'">报错</el-tag> ></el-button>
<el-tag class="ml-2" type="danger" v-if="scope.row.result==='error'">失败</el-tag> </div>
</template> </div>
</el-table-column> </el-header>
<el-table-column label="操作时间" prop="requested_at" min-width="150"></el-table-column> <el-main class="nopadding">
<el-table-column label="操作" align="center" width="100"> <scTable
<el-button type="text" size="small">查看详情</el-button> ref="table"
</el-table-column> :apiObj="apiObj"
</scTable> row-key="id"
</el-main> stripe
<el-drawer v-model="infoDrawer" title="日志详情" :size="'50%'" destroy-on-close> highlightCurrentRow
<logInfo ref="logInfo"></logInfo> @row-click="rowClick"
</el-drawer> @resetQuery="resetQuery"
>
</el-container> <el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="id" prop="id" min-width="150"></el-table-column>
<el-table-column
label="target"
prop="target"
min-width="50"
></el-table-column>
<el-table-column
label="method"
prop="method"
min-width="50"
></el-table-column>
<el-table-column
label="地址"
prop="path"
min-width="220"
></el-table-column>
<el-table-column label="状态" prop="status_code" min-width="50">
<template #default="scope">
<el-tag
class="ml-2"
type="success"
v-if="scope.row.result === 'success'"
>成功</el-tag
>
<el-tag
class="ml-2"
type="warning"
v-if="scope.row.result === 'fail'"
>失败</el-tag
>
<el-tag
class="ml-2"
type="danger"
v-if="scope.row.result === 'error'"
>错误</el-tag
>
</template>
</el-table-column>
<el-table-column
label="操作时间"
prop="requested_at"
min-width="100"
></el-table-column>
<el-table-column label="操作" align="center" width="80">
<el-button link size="small">查看</el-button>
</el-table-column>
</scTable>
</el-main>
<el-drawer
v-model="infoDrawer"
title="日志详情"
:size="'50%'"
destroy-on-close
>
<logInfo ref="logInfo"></logInfo>
</el-drawer>
</el-container>
</template> </template>
<script> <script>
import logInfo from './logInfo' import logInfo from "./logInfo";
export default { export default {
name: 'thirdLogs', name: "thirdLogs",
components: { components: {
logInfo logInfo,
}, },
data() { data() {
return { return {
apiObj: this.$API.third.thirdLog, apiObj: this.$API.third.thirdLog,
search:{ query: {},
id:null, logLists: [],
}, infoDrawer: false,
logLists:[], logDetailVisible: false,
infoDrawer:false, resultOptions: [
logDetailVisible:false, {
} value: "success",
}, label: "成功",
mounted() { },
}, {
methods: { value: "fail",
getSearch(){ label: "失败",
this.$refs.table.reload(this.search); },
}, {
rowClick(row){ value: "error",
this.infoDrawer = true; label: "错误",
this.$nextTick(() => { },
this.$refs.logInfo.setData(row) ],
}) };
} },
} mounted() {},
} methods: {
handleQuery() {
this.$refs.table.queryData(this.query);
},
resetQuery() {
this.query = {}
},
rowClick(row) {
this.infoDrawer = true;
this.$nextTick(() => {
this.$refs.logInfo.setData(row);
});
},
},
};
</script> </script>
<style scoped> <style scoped>
.treeMain {height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;} .treeMain {
height: 280px;
overflow: auto;
border: 1px solid #dcdfe6;
margin-bottom: 10px;
}
</style> </style>

2
src/views/setting/task/logs.vue
View File

@ -20,7 +20,7 @@
</el-table-column> </el-table-column>
<el-table-column label="执行日志" prop="logs" width="100" fixed="right"> <el-table-column label="执行日志" prop="logs" width="100" fixed="right">
<template #default="scope"> <template #default="scope">
<el-button size="small" @click="show(scope.row)" type="text">日志</el-button> <el-button size="small" @click="show(scope.row)" link>日志</el-button>
</template> </template>
</el-table-column> </el-table-column>
</scTable> </scTable>

12
src/views/sys/dept.vue
View File

@ -13,19 +13,19 @@
</div> </div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe @resetQuery="resetQuery" > <scTable ref="table" :isTree="true" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe default-expand-all hidePagination>
<el-table-column type="selection" width="50"></el-table-column> <!-- <el-table-column type="selection" width="50"></el-table-column> -->
<el-table-column label="#" type="index" width="50"></el-table-column> <el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="部门名称" prop="name" min-width="200"></el-table-column> <el-table-column label="部门名称" prop="name" min-width="200"></el-table-column>
<el-table-column label="部门类型" prop="type" min-width="200"></el-table-column> <el-table-column label="部门类型" prop="type" min-width="200"></el-table-column>
<el-table-column label="创建日期" prop="create_time" min-width="200"></el-table-column> <el-table-column label="创建日期" prop="create_time" min-width="200"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="200"> <el-table-column label="操作" fixed="right" align="center" width="200">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="editDept(scope.row, scope.$index)">编辑</el-button> <el-button link type="primary" size="small" @click="editDept(scope.row, scope.$index)">编辑</el-button>
<el-divider direction="vertical"></el-divider> <el-divider direction="vertical"></el-divider>
<el-popconfirm title="确定删除吗？" @confirm="delDept(scope.row, scope.$index)"> <el-popconfirm title="确定删除吗？" @confirm="delDept(scope.row, scope.$index)">
<template #reference> <template #reference>
<el-button text type="danger" size="small">删除</el-button> <el-button link type="danger" size="small">删除</el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
</template> </template>
@ -82,9 +82,7 @@
search: { search: {
keyword: null keyword: null
}, },
params:{ params:{},
page:0
},
isSaving: false, isSaving: false,
limitedVisible : false, limitedVisible : false,
type: "add", type: "add",

4
src/views/sys/dict.vue
View File

@ -49,11 +49,11 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="140"> <el-table-column label="操作" fixed="right" align="center" width="140">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="editDic(scope.row)">编辑</el-button> <el-button link size="small" @click="editDic(scope.row)">编辑</el-button>
<el-divider direction="vertical"></el-divider> <el-divider direction="vertical"></el-divider>
<el-popconfirm title="确定删除吗？" @confirm="delDic(scope.row,scope.$index)"> <el-popconfirm title="确定删除吗？" @confirm="delDic(scope.row,scope.$index)">
<template #reference> <template #reference>
<el-button type="text" size="small">删除</el-button> <el-button link size="small">删除</el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
</template> </template>

17
src/views/sys/post.vue
View File

@ -11,7 +11,7 @@
<el-main class="nopadding"> <el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe highlightCurrentRow @row-click="rowClick" <scTable ref="table" :apiObj="apiObj" row-key="id" stripe highlightCurrentRow @row-click="rowClick"
:hidePagination="true"> :hidePagination="true">
<el-table-column type="selection" width="50"></el-table-column> <!-- <el-table-column type="selection" width="50"></el-table-column> -->
<el-table-column label="" type="index"></el-table-column> <el-table-column label="" type="index"></el-table-column>
<el-table-column label="名称" prop="name" width="120"></el-table-column> <el-table-column label="名称" prop="name" width="120"></el-table-column>
<el-table-column label="标识" prop="code" width="60"></el-table-column> <el-table-column label="标识" prop="code" width="60"></el-table-column>
@ -30,26 +30,23 @@
<el-container> <el-container>
<el-header> <el-header>
<div class="left-panel"> <div class="left-panel">
<div style="margin-right: 20px">岗位关系</div> <div style="margin-right: 20px">岗位权限</div>
<el-button type="primary" icon="el-icon-plus" @click="addPostRole"></el-button> <el-button type="primary" icon="el-icon-plus" @click="addPostRole"></el-button>
<el-button type="danger" plain icon="el-icon-delete" @click="delPostRole"></el-button> <el-button type="danger" plain icon="el-icon-delete" @click="delPostRole"></el-button>
</div> </div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<scTable ref="table2" :apiObj="apiObj2" row-key="id" stripe :hidePagination="true"> <scTable ref="table2" :apiObj="apiObj2" row-key="id" stripe :hidePagination="true">
<el-table-column type="selection" width="50"></el-table-column> <!-- <el-table-column type="selection" width="50"></el-table-column> -->
<el-table-column label="" type="index"></el-table-column> <el-table-column label="" type="index"></el-table-column>
<el-table-column label="权限范围" prop="data_range" min-width="80"> <el-table-column label="所属岗位" prop="post" min-width="80">
<template #default="scope">{{options[scope.row.data_range]}}</template>
</el-table-column>
<el-table-column label="关联岗位" prop="post" min-width="80">
<template #default="scope">{{scope.row.post_.name}}</template> <template #default="scope">{{scope.row.post_.name}}</template>
</el-table-column> </el-table-column>
<el-table-column label="关联角色" prop="role" min-width="80"> <el-table-column label="拥有角色" prop="role" min-width="80">
<template #default="scope">{{scope.row.role_.name}}</template> <template #default="scope">{{scope.row.role_.name}}</template>
</el-table-column> </el-table-column>
<el-table-column label="创建时间" prop="create_time" min-width="80"> <el-table-column label="权限范围" prop="data_range" min-width="80">
<template #default="scope">{{scope.row.create_time}}</template> <template #default="scope">{{options[scope.row.data_range]}}</template>
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" align="right"> <el-table-column label="操作" fixed="right" align="right">
<template #default="scope"> <template #default="scope">

4
src/views/sys/role.vue
View File

@ -22,11 +22,11 @@
<el-table-column label="角色描述" prop="description" width="150"></el-table-column> <el-table-column label="角色描述" prop="description" width="150"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="140"> <el-table-column label="操作" fixed="right" align="center" width="140">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="roleEdit(scope.row, scope.$index)">编辑</el-button> <el-button link size="small" @click="roleEdit(scope.row, scope.$index)">编辑</el-button>
<el-divider direction="vertical"></el-divider> <el-divider direction="vertical"></el-divider>
<el-popconfirm title="确定删除吗？" @confirm="roleDel(scope.row, scope.$index)"> <el-popconfirm title="确定删除吗？" @confirm="roleDel(scope.row, scope.$index)">
<template #reference> <template #reference>
<el-button type="text" size="small">删除</el-button> <el-button link size="small">删除</el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
</template> </template>

33
src/views/sys/task.vue
View File

@ -3,21 +3,21 @@
<el-row :gutter="15"> <el-row :gutter="15">
<el-col :xl="6" :lg="6" :md="8" :sm="12" :xs="24" v-for="item in list" :key="item.id"> <el-col :xl="6" :lg="6" :md="8" :sm="12" :xs="24" v-for="item in list" :key="item.id">
<el-card class="task task-item" shadow="hover"> <el-card class="task task-item" shadow="hover">
<h2>{{item.title}}</h2> <h2>{{item.name}}</h2>
<ul> <ul>
<li> <li>
<h4>执行类</h4> <h4>执行方法</h4>
<p>{{item.handler}}</p> <p>{{item.task}}</p>
</li> </li>
<li> <li>
<h4>定时规则</h4> <h4>时间策略</h4>
<p>{{item.cron}}</p> <p>{{item.timetype}}-{{item.schedule}}</p>
</li> </li>
</ul> </ul>
<div class="bottom"> <div class="bottom">
<div class="state"> <div class="state">
<el-tag v-if="item.state=='1'" size="mini">准备就绪</el-tag> <el-tag v-if="item.enabled" size="mini">启用</el-tag>
<el-tag v-if="item.state=='-1'" size="mini" type="info">停用</el-tag> <el-tag v-if="!item.enabled" size="mini" type="danger">停用</el-tag>
</div> </div>
<div class="handler"> <div class="handler">
<el-popconfirm title="确定立即执行吗？" @confirm="run(item)"> <el-popconfirm title="确定立即执行吗？" @confirm="run(item)">
@ -92,15 +92,7 @@
}, },
data() { data() {
return { return {
list: [ list: [],
{
id: "1",
title: "清理服务器缓存",
handler: "cleanUpCacheHandler",
cron: "59 59 23 * * ? *",
state: "1"
}
],
mode: "add", mode: "add",
editId:null, editId:null,
titleMap: { titleMap: {
@ -133,13 +125,8 @@
}, },
methods: { methods: {
getList(){ getList(){
this.$API.system.task.list.req().then(res=>{ this.$API.system.task.list.req({page:0}).then(res=>{
if(res.err_msg){ this.list = res
this.message.error(res.err_msg)
}else{
debugger;
this.list.concat(res.results)
}
}) })
}, },
addTask(){ addTask(){

2
src/views/sys/taskLogs.vue
View File

@ -11,7 +11,7 @@
</el-table-column> </el-table-column>
<el-table-column label="执行日志" prop="logs" width="100" fixed="right"> <el-table-column label="执行日志" prop="logs" width="100" fixed="right">
<template #default="scope"> <template #default="scope">
<el-button size="mini" @click="show(scope.row)" type="text">日志</el-button> <el-button size="mini" @click="show(scope.row)" link>日志</el-button>
</template> </template>
</el-table-column> </el-table-column>
</scTable> </scTable>

22
src/views/sys/user.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<el-container> <el-container>
<el-aside width="200px" v-loading="showGrouploading"> <el-aside width="300px" v-loading="showGrouploading">
<el-container> <el-container>
<el-header style="border-bottom: none"> <el-header style="border-bottom: none">
<el-input <el-input
@ -16,6 +16,7 @@
node-key="id" node-key="id"
:data="group" :data="group"
:current-node-key="''" :current-node-key="''"
default-expand-all
:highlight-current="true" :highlight-current="true"
:expand-on-click-node="false" :expand-on-click-node="false"
:filter-node-method="groupFilterNode" :filter-node-method="groupFilterNode"
@ -32,19 +33,19 @@
icon="el-icon-plus" icon="el-icon-plus"
@click="add" @click="add"
></el-button> ></el-button>
<el-button <!-- <el-button
type="danger" type="danger"
plain plain
icon="el-icon-delete" icon="el-icon-delete"
:disabled="selection.length == 0" :disabled="selection.length == 0"
@click="batch_del" @click="batch_del"
></el-button> ></el-button> -->
<el-button <!-- <el-button
type="primary" type="primary"
plain plain
:disabled="selection.length == 0" :disabled="selection.length == 0"
>密码重置 >密码重置
</el-button> </el-button> -->
</div> </div>
<div class="right-panel"> <div class="right-panel">
<div class="right-panel-search"> <div class="right-panel-search">
@ -90,18 +91,19 @@
<el-table-column <el-table-column
label="加入时间" label="加入时间"
prop="create_time" prop="create_time"
min-width="150" min-width="100"
sortable="custom" sortable="custom"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="操作" label="操作"
fixed="right" fixed="right"
align="center" align="center"
width="160" width="200"
> >
<template #default="scope"> <template #default="scope">
<el-button <el-button
type="text" type="success"
link
size="small" size="small"
@click="formSetting(scope.row)" @click="formSetting(scope.row)"
> >
@ -110,7 +112,7 @@
<el-button <el-button
type="text" link
size="small" size="small"
@click="formEdit(scope.row, '2')" @click="formEdit(scope.row, '2')"
> >
@ -122,7 +124,7 @@
@confirm="table_del(scope.row, scope.$index)" @confirm="table_del(scope.row, scope.$index)"
> >
<template #reference> <template #reference>
<el-button text type="danger" size="small"> <el-button link type="danger" size="small">
删除 删除
</el-button> </el-button>
</template> </template>

18
src/views/sys/user_form.vue
View File

@ -32,7 +32,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="12" :sm="24"> <el-col :md="12" :sm="24">
<el-form-item label="是否在职："> <el-form-item label="是否启用：">
<span>{{job_states[form.is_active]}}</span> <span>{{job_states[form.is_active]}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -40,11 +40,17 @@
</el-form> </el-form>
<!--drag-sort --> <!--drag-sort -->
<sc-form-table v-model="userPostForm.list" :addTemplate="addTemplate" placeholder="暂无数据"> <sc-form-table v-model="userPostForm.list" :addTemplate="addTemplate" placeholder="暂无数据">
<el-table-column prop="val" label="名称" min-width="150"> <!-- <el-table-column prop="val" label="名称" min-width="150">
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.id">{{scope.row.name}}</span> <span v-if="scope.row.id">{{scope.row.name}}</span>
<el-input v-else v-model="scope.row.name" placeholder="名称"></el-input> <el-input v-else v-model="scope.row.name" placeholder="名称"></el-input>
</template> </template>
</el-table-column> -->
<el-table-column prop="val" label="排序" min-width="80">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.sort}}</span>
<el-input v-else v-model="scope.row.sort" placeholder="请输入内容"></el-input>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="time" label="部门" min-width="150"> <el-table-column prop="time" label="部门" min-width="150">
<template #default="scope"> <template #default="scope">
@ -69,12 +75,6 @@
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="val" label="排序" min-width="80">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.sort}}</span>
<el-input v-else v-model="scope.row.sort" placeholder="请输入内容"></el-input>
</template>
</el-table-column>
<el-table-column prop="open" label="操作" width="80" align="center"> <el-table-column prop="open" label="操作" width="80" align="center">
<template #default="scope"> <template #default="scope">
<el-button v-if="scope.row.id" text type="danger" size="small" @click="userPostDel(scope.row.id)">删除</el-button> <el-button v-if="scope.row.id" text type="danger" size="small" @click="userPostDel(scope.row.id)">删除</el-button>
@ -105,7 +105,7 @@
list: [] list: []
}, },
loading: false, loading: false,
job_states: { true: "在职",false: "离职"}, job_states: { true: "启用",false: "禁用"},
visible: false, visible: false,
isSaveing: false, isSaveing: false,
form: {}, form: {},

2
src/views/wf/ccwork.vue
View File

@ -35,7 +35,7 @@
<el-table-column label="创建时间" prop="create_time"></el-table-column> <el-table-column label="创建时间" prop="create_time"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="120"> <el-table-column label="操作" fixed="right" align="right" width="120">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="handleShow(scope.row)">查看详情</el-button> <el-button link size="small" @click="handleShow(scope.row)">查看详情</el-button>
</template> </template>
</el-table-column> </el-table-column>
</scTable> </scTable>

4
src/views/wf/field.vue
View File

@ -16,10 +16,10 @@
<el-table-column label="创建时间" prop="create_time"></el-table-column> <el-table-column label="创建时间" prop="create_time"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="120"> <el-table-column label="操作" fixed="right" align="right" width="120">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="handleEdit(scope.row)">编辑</el-button> <el-button link size="small" @click="handleEdit(scope.row)">编辑</el-button>
<el-popconfirm title="确定删除吗？"> <el-popconfirm title="确定删除吗？">
<template #reference> <template #reference>
<el-button type="text" size="small">删除</el-button> <el-button link size="small">删除</el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
</template> </template>

2
src/views/wf/ownerwork.vue
View File

@ -35,7 +35,7 @@
<el-table-column label="创建时间" prop="create_time"></el-table-column> <el-table-column label="创建时间" prop="create_time"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="160"> <el-table-column label="操作" fixed="right" align="center" width="160">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="handleShow(scope.row)">查看详情</el-button> <el-button link size="small" @click="handleShow(scope.row)">查看详情</el-button>
<!--创建人在初始状态--> <!--创建人在初始状态-->
<el-link <el-link
v-if="scope.row.state_.type===1&&userId===scope.row.create_by" v-if="scope.row.state_.type===1&&userId===scope.row.create_by"

4
src/views/wf/state.vue
View File

@ -53,12 +53,12 @@
<el-table-column label="创建时间" prop="create_time"></el-table-column> <el-table-column label="创建时间" prop="create_time"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="120"> <el-table-column label="操作" fixed="right" align="right" width="120">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="handleEdit(scope.row)" <el-button link size="small" @click="handleEdit(scope.row)"
>编辑</el-button >编辑</el-button
> >
<el-popconfirm title="确定删除吗？"> <el-popconfirm title="确定删除吗？">
<template #reference> <template #reference>
<el-button type="text" size="small">删除</el-button> <el-button link size="small">删除</el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
</template> </template>

2
src/views/wf/worked.vue
View File

@ -35,7 +35,7 @@
<el-table-column label="创建时间" prop="create_time"></el-table-column> <el-table-column label="创建时间" prop="create_time"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="120"> <el-table-column label="操作" fixed="right" align="right" width="120">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="handleShow(scope.row)">查看详情</el-button> <el-button link size="small" @click="handleShow(scope.row)">查看详情</el-button>
</template> </template>
</el-table-column> </el-table-column>
</scTable> </scTable>

6
src/views/wf/workflow.vue
View File

@ -28,13 +28,13 @@
<el-table-column label="创建时间" prop="create_time" min-width="150"></el-table-column> <el-table-column label="创建时间" prop="create_time" min-width="150"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="220"> <el-table-column label="操作" fixed="right" align="center" width="220">
<template #default="scope"> <template #default="scope">
<el-button type="text" size="small" @click="workflowShow(scope.row)">配置</el-button> <el-button link size="small" @click="workflowShow(scope.row)">配置</el-button>
<el-divider direction="vertical"></el-divider> <el-divider direction="vertical"></el-divider>
<el-button type="text" size="small" @click="workflowEdit(scope.row)">编辑</el-button> <el-button link size="small" @click="workflowEdit(scope.row)">编辑</el-button>
<el-divider direction="vertical"></el-divider> <el-divider direction="vertical"></el-divider>
<el-popconfirm title="确定删除吗？" @confirm="workflowDel(scope.row)"> <el-popconfirm title="确定删除吗？" @confirm="workflowDel(scope.row)">
<template #reference> <template #reference>
<el-button type="text" size="small">删除</el-button> <el-button link size="small">删除</el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
</template> </template>