12 changed files with 1220 additions and 1806 deletions
@ -0,0 +1,82 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
let tokens = window.sessionStorage.getItem('token'); |
||||
|
|
||||
|
// 论坛管理
|
||||
|
// 获取论坛管理
|
||||
|
export function selectSysForum(data) { |
||||
|
return request({ |
||||
|
url: '/v1/sysforum/selectSysForum', |
||||
|
method: 'post', |
||||
|
params: data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 新增论坛管理
|
||||
|
export function saveSysForum(data) { |
||||
|
return request({ |
||||
|
url: '/v1/sysforum/saveSysForum', |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 删除论坛管理
|
||||
|
export function deleteSysForum(sid) { |
||||
|
return request({ |
||||
|
url: '/v1/sysforum/deleteSysForum/' + sid, |
||||
|
method: 'delete', |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 修改论坛管理
|
||||
|
export function alterSysForum(data) { |
||||
|
return request({ |
||||
|
url: '/v1/sysforum/alterSysForum', |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
// 新增论坛评论
|
||||
|
export function saveSysForumComment(data) { |
||||
|
return request({ |
||||
|
url: '/v1/sysforumcommen/saveSysForumComment', |
||||
|
method: 'POST', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 删除论坛评论
|
||||
|
export function deleteSysForumComment(sid) { |
||||
|
return request({ |
||||
|
url: '/v1/sysforumcommen/deleteSysForumComment/' + sid, |
||||
|
method: 'delete', |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 查询论坛评论
|
||||
|
export function selectSysForumCommentOne(sid) { |
||||
|
return request({ |
||||
|
url: '/v1/sysforumcommen/selectSysForumCommentOne/' + sid, |
||||
|
method: 'GET', |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
'token': tokens |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
@ -1,315 +1,211 @@ |
|||||
<template> |
<template> |
||||
<div class="app-container"> |
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
||||
<div v-show="viewState == 1"> |
<el-tab-pane label="论坛信息" name="roleList"> |
||||
<button-bar |
<div class="container"> |
||||
view-title="流程抄送设置" |
<el-table :data="tableData" border style="width: 100%"> |
||||
ref="btnbar" |
<el-table-column label="序号" width="70px" type="index" align="center"> |
||||
:btndisabled="btndisabled" |
|
||||
@btnhandle="btnHandle" |
|
||||
/> |
|
||||
<div class="main-content"> |
|
||||
<div class="searchcon"> |
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ |
|
||||
searchxianshitit |
|
||||
}}</el-button> |
|
||||
<div v-show="isSearchShow" class="search"> |
|
||||
<el-form |
|
||||
ref="listQueryform" |
|
||||
:inline="true" |
|
||||
:model="listQuery" |
|
||||
label-width="100px" |
|
||||
class="tab-header" |
|
||||
> |
|
||||
<el-form-item label="流程名称"> |
|
||||
<el-select |
|
||||
v-model="listQuery.params.flowName" |
|
||||
placeholder="请选择" |
|
||||
filterable |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in flow_list" |
|
||||
:key="item.key" |
|
||||
:label="item.name" |
|
||||
:value="item.name" |
|
||||
></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div class="btn" style="text-align: center"> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
size="small" |
|
||||
icon="el-icon-search" |
|
||||
@click="handleFilter" |
|
||||
>查询</el-button |
|
||||
> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
size="small" |
|
||||
icon="el-icon-refresh" |
|
||||
@click="handleReset" |
|
||||
>重置</el-button |
|
||||
> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="listtop"> |
|
||||
<div class="tit">业务流程列表</div> |
|
||||
<pageye |
|
||||
v-show="list.length > 0" |
|
||||
:total="listQuery.total" |
|
||||
:page.sync="listQuery.current" |
|
||||
:limit.sync="listQuery.size" |
|
||||
class="pagination" |
|
||||
@pagination="getList" |
|
||||
/> |
|
||||
</div> |
|
||||
<div class=""> |
|
||||
<el-table |
|
||||
:key="tableKey" |
|
||||
v-loading="listLoading" |
|
||||
:data="list" |
|
||||
border |
|
||||
style="width: 100%" |
|
||||
> |
|
||||
<el-table-column |
|
||||
width="60" |
|
||||
label="序号" |
|
||||
type="index" |
|
||||
:index="indexMethod" |
|
||||
align="center" |
|
||||
/> |
|
||||
<el-table-column width="180" label="操作" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button |
|
||||
size="small" |
|
||||
type="primary" |
|
||||
@click="handleUpdate(scope.row)" |
|
||||
>设置</el-button |
|
||||
> |
|
||||
<el-button |
|
||||
size="small" |
|
||||
type="danger" |
|
||||
@click="handleDelete(scope.row)" |
|
||||
>删除</el-button |
|
||||
> |
|
||||
</template> |
|
||||
</el-table-column> |
</el-table-column> |
||||
<el-table-column label="流程名称" align="center" width="400"> |
<el-table-column label="操作" width="150px" align="center"> |
||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||
<span>{{ scope.row.flowName }}</span> |
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
||||
</template> |
修改 |
||||
</el-table-column> |
</el-button> |
||||
<el-table-column |
<el-button type="danger" size="mini" @click.native.prevent="deleteRow(scope.row)"> |
||||
label="抄送角色" |
删除 |
||||
align="left" |
</el-button> |
||||
header-align="center" |
|
||||
> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.roleName }}</span> |
|
||||
</template> |
</template> |
||||
</el-table-column> |
</el-table-column> |
||||
|
<el-table-column prop="type" label="论坛类别" align="center" /> |
||||
|
<el-table-column prop="title" label="论坛标题" align="center" /> |
||||
|
<el-table-column prop="content" label="论坛内容" align="center" /> |
||||
</el-table> |
</el-table> |
||||
</div> |
</div> |
||||
<div class="pages"> |
</el-tab-pane> |
||||
<div class="tit" /> |
|
||||
<!-- 翻页 --> |
<el-tab-pane label="论坛发布" name="addrole"> |
||||
<pagination |
<table class="e-table" cellspacing="0"> |
||||
v-show="list.length > 0" |
<tr> |
||||
:total="listQuery.total" |
<td>论坛类别</td> |
||||
:page.sync="listQuery.current" |
<td> |
||||
:limit.sync="listQuery.size" |
<el-select v-model="form.type" class="addinputw" placeholder="请选择论坛类别" style="width:300px" |
||||
class="pagination" |
@change="getType"> |
||||
@pagination="getList" |
<el-option v-for="item in typeList" :key="item.dictKey" :label="item.dictValue" |
||||
/> |
:value="item.dictKey" /> |
||||
</div> |
</el-select> |
||||
</div> |
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>论坛标题</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.title" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>论坛内容</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.content" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
<div style="margin-top: 20px; text-align: center"> |
||||
|
<el-button type="primary" @click="save()">保存</el-button> |
||||
</div> |
</div> |
||||
<liuchengchaosongAdd |
</el-tab-pane> |
||||
v-show="viewState == 2 || viewState == 3" |
<el-dialog :title="dialogTitle + '论坛信息'" :visible.sync="editDialog" width="40%"> |
||||
ref="divadd" |
<table class="e-table" cellspacing="0"> |
||||
@doback="resetState" |
<tr> |
||||
@reloadlist="getList" |
<td>论坛类别</td> |
||||
/> |
<td> |
||||
|
<el-select v-model="form.type" class="addinputw" placeholder="请选择论坛类别" style="width:300px" |
||||
|
@change="getType"> |
||||
|
<el-option v-for="item in typeList" :key="item.dictKey" :label="item.dictValue" |
||||
|
:value="item.dictKey" /> |
||||
|
</el-select> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>论坛标题</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.title" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>论坛内容</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.content" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
<div style="margin-top: 20px; text-align: center"> |
||||
|
<el-button type="primary" @click="save()">保存</el-button> |
||||
</div> |
</div> |
||||
|
</el-dialog> |
||||
|
</el-tabs> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { |
import { |
||||
pageList, |
selectSysForum, |
||||
delBySids, |
saveSysForum, |
||||
} from "@/api/system/liuchengchaosong/liuchengchaosong"; |
alterSysForum, |
||||
import { selectFlowList } from "@/api/system/postManage/index"; |
deleteSysForum, |
||||
import Pagination from "@/components/pagination"; |
} from "@/api/system/copyofprocess/liuchengchasongguanli.js"; |
||||
import pageye from "@/components/pagination/pageye"; |
|
||||
import ButtonBar from "@/components/ButtonBar"; |
|
||||
import liuchengchaosongAdd from "./liuchengchaosongAdd"; |
|
||||
|
|
||||
export default { |
export default { |
||||
name: "liuchengchaosong", |
|
||||
components: { |
|
||||
Pagination, |
|
||||
pageye, |
|
||||
ButtonBar, |
|
||||
liuchengchaosongAdd, |
|
||||
}, |
|
||||
data() { |
data() { |
||||
return { |
return { |
||||
btndisabled: false, |
activeName: "roleList", |
||||
btnList: [ |
dialogTitle: "", |
||||
|
editDialog: false, |
||||
|
form: {}, |
||||
|
formBackup: Object.assign({}, this.form), |
||||
|
tableData: [], |
||||
|
typeList:[ |
||||
{ |
{ |
||||
type: "primary", |
dictKey:"1", |
||||
size: "small", |
dictValue:"JAVA", |
||||
icon: "plus", |
}, { |
||||
btnKey: "toAdd", |
dictKey:"2", |
||||
btnLabel: "新增", |
dictValue:"Python", |
||||
}, |
}, { |
||||
{ |
dictKey:"3", |
||||
type: "info", |
dictValue:"C++", |
||||
size: "small", |
}, { |
||||
icon: "cross", |
dictKey:"4", |
||||
btnKey: "doClose", |
dictValue:"Excel", |
||||
btnLabel: "关闭", |
}, { |
||||
}, |
dictKey:"5", |
||||
], |
dictValue:"英语四六级考试", |
||||
isSearchShow: false, |
}, { |
||||
searchxianshitit: "显示查询条件", |
dictKey:"6", |
||||
viewState: 1, // 1、列表 2、添加-车辆预订 3、编辑 4、查看 5、订金-订金收取 |
dictValue:"计算机等级考试", |
||||
// 查询 ----------- |
} |
||||
flow_list: [], // 分公司 |
|
||||
tableKey: 0, |
] |
||||
list: [], |
|
||||
sids: [], |
|
||||
FormLoading: false, |
|
||||
listLoading: false, |
|
||||
listQuery: { |
|
||||
current: 1, |
|
||||
size: 5, |
|
||||
total: 0, |
|
||||
params: { |
|
||||
flowName: "", |
|
||||
}, |
|
||||
}, |
|
||||
}; |
}; |
||||
}, |
}, |
||||
mounted() { |
mounted() { |
||||
this.$refs["btnbar"].setButtonList(this.btnList); |
this.getPageList(); |
||||
}, |
|
||||
created() { |
|
||||
// 初始化变量 |
|
||||
this.init(); |
|
||||
// 加载列表 |
|
||||
this.getList(); |
|
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
init() { |
getType(value) { |
||||
selectFlowList().then((res) => { |
console.log(">>>>>>>>>getType", value) |
||||
if (res.success) { |
const choose = this.typeList.filter((item) => item.dictKey === value) |
||||
this.flow_list = res.data; |
this.form.type = choose[0].dictValue |
||||
} |
// this.form.typeSid = choose[0].dictKey |
||||
|
}, |
||||
|
getPageList() { |
||||
|
// 获取列表 |
||||
|
selectSysForum().then((res) => { |
||||
|
this.tableData = res.data; |
||||
}); |
}); |
||||
}, |
}, |
||||
btnHandle(btnKey) { |
handleClick(tab, event) { |
||||
console.log("XXXXXXXXXXXXXXX " + btnKey); |
if (tab.name == "addrole") { |
||||
switch (btnKey) { |
this.dialogTitle = "新增"; |
||||
case "toAdd": |
this.roleForm = Object.assign({}, this.formBackup); |
||||
this.toAdd(); |
|
||||
break; |
|
||||
case "doClose": |
|
||||
this.doClose(); |
|
||||
break; |
|
||||
default: |
|
||||
break; |
|
||||
} |
|
||||
}, |
|
||||
// 搜索条件效果 |
|
||||
clicksearchShow() { |
|
||||
this.isSearchShow = !this.isSearchShow; |
|
||||
if (this.isSearchShow) { |
|
||||
this.searchxianshitit = "隐藏查询条件"; |
|
||||
} else { |
} else { |
||||
this.searchxianshitit = "显示查询条件"; |
this.getPageList(); |
||||
} |
} |
||||
}, |
}, |
||||
// 序号 |
save() { |
||||
indexMethod(index) { |
|
||||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size; |
console.log("form", this.form) |
||||
var pageindex = index + 1 + pagestart; |
|
||||
return pageindex; |
if (this.form.sid) { |
||||
}, |
alterSysForum(this.form).then((res) => { |
||||
// 查询列表信息 |
this.editDialog = false; |
||||
getList() { |
this.getPageList(); |
||||
this.listLoading = true; |
this.$message({ |
||||
this.listQuery.params.orgSidPath = |
message: res.msg, |
||||
window.sessionStorage.getItem("orgSidPath"); |
type: "success", |
||||
pageList(this.listQuery).then((response) => { |
}); |
||||
this.listLoading = false; |
}); |
||||
if (response.success) { |
|
||||
this.list = response.data.records; |
|
||||
this.listQuery.total = response.data.total; |
|
||||
} else { |
} else { |
||||
this.list = []; |
saveSysForum(this.form).then((res) => { |
||||
this.listQuery.total = 0; |
this.getPageList(); |
||||
} |
this.activeName = "roleList"; |
||||
|
this.$message({ |
||||
|
message: res.msg, |
||||
|
type: "success", |
||||
}); |
}); |
||||
|
}); |
||||
|
} |
||||
|
this.reset(); |
||||
}, |
}, |
||||
// 查询按钮 |
reset() { |
||||
handleFilter() { |
this.form = {}; |
||||
this.listQuery.current = 1; |
|
||||
this.getList(); |
|
||||
}, |
|
||||
// 重置 |
|
||||
handleReset() { |
|
||||
this.listQuery = { |
|
||||
current: 1, |
|
||||
size: 5, |
|
||||
total: 0, |
|
||||
params: { |
|
||||
flowName: "", |
|
||||
}, |
|
||||
}; |
|
||||
this.getList(); |
|
||||
}, |
|
||||
toAdd() { |
|
||||
this.viewState = 2; |
|
||||
this.$refs["divadd"].showAdd(); |
|
||||
}, |
}, |
||||
// 编辑 |
editRow(row) { |
||||
handleUpdate(row) { |
this.dialogTitle = "编辑"; |
||||
this.viewState = 3; |
this.editDialog = true; |
||||
this.$refs["divadd"].showEdit(row); |
this.form = Object.assign({}, row); |
||||
}, |
}, |
||||
handleDelete(row) { |
deleteRow(row) { |
||||
const tip = "请确认是否删除"; |
this.$confirm("确定要删除该资源吗, 是否继续?", "提示", { |
||||
this.$confirm(tip, "提示", { |
|
||||
confirmButtonText: "确定", |
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
cancelButtonText: "取消", |
||||
type: "warning", |
type: "warning", |
||||
}).then(() => { |
}).then(() => { |
||||
const aa = []; |
deleteSysForum(row.sid).then((res) => { |
||||
aa.push(row.sid); |
this.getPageList(); |
||||
delBySids(aa).then((res) => { |
|
||||
if (res.success) { |
|
||||
this.$message({ |
this.$message({ |
||||
showClose: true, |
|
||||
type: "success", |
type: "success", |
||||
message: "删除成功", |
message: "删除成功!", |
||||
}); |
}); |
||||
this.getList(); |
|
||||
} |
|
||||
}); |
}); |
||||
|
|
||||
}); |
}); |
||||
}, |
|
||||
resetState() { |
|
||||
this.viewState = 1; |
|
||||
}, |
|
||||
doClose() { |
|
||||
this.$store.dispatch("tagsView/delView", this.$route); |
|
||||
this.$router.go(-1); |
|
||||
}, |
}, |
||||
}, |
}, |
||||
}; |
}; |
||||
</script> |
</script> |
||||
|
|
||||
<style scoped> |
<style scoped="scoped" lang="scss"> |
||||
|
.my-tabs { |
||||
|
margin-top: 10px; |
||||
|
} |
||||
</style> |
</style> |
||||
|
|||||
@ -1,660 +1,214 @@ |
|||||
<template> |
<template> |
||||
<div class="container" style="display: flex;"> |
<div class="app-container"> |
||||
<div class="org-tree"> |
<div v-show="viewState ==1"> |
||||
<el-tree :data="treedata" node-key="sid" :props="props" :default-expanded-keys="['fd6435f2-0005-11ec-a033-48452053aa33']" @node-click="handleNodeClick"> |
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
||||
<span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" @click.stop.native> |
<el-tab-pane label="论坛信息" name="roleList"> |
||||
<span>{{ node.label || $store.getters.userInfo.Orgname }}</span> |
<div class="container"> |
||||
<span v-show="data.del" class="handle"> |
<el-table :data="tableData" border style="width: 100%"> |
||||
<el-tooltip class="item" effect="dark" content="新增" placement="top-start"> |
<el-table-column label="序号" width="70px" type="index" align="center"> |
||||
<el-button type="text" size="mini" @click.stop="() => append(data)" icon="el-icon-circle-plus-outline"> |
</el-table-column> |
||||
</el-button> |
<el-table-column label="操作" width="150px" align="center"> |
||||
</el-tooltip> |
|
||||
<!-- <el-tooltip v-show="data.sid" class="item" effect="dark" content="修改" placement="top-start">--> |
|
||||
<!-- <el-button type="text" size="mini" @click.stop="() => deit(data)" icon="el-icon-edit">--> |
|
||||
<!-- </el-button>--> |
|
||||
<!-- </el-tooltip>--> |
|
||||
<!-- <el-tooltip v-show="data.sid" class="item" effect="dark" content="删除" placement="top-start">--> |
|
||||
<!-- <el-button type="text" size="mini" @click.stop="() => remove(data)" icon="el-icon-delete">--> |
|
||||
<!-- </el-button>--> |
|
||||
<!-- </el-tooltip>--> |
|
||||
</span> |
|
||||
</span> |
|
||||
</el-tree> |
|
||||
</div> |
|
||||
<el-dialog title="编辑节点" :visible.sync="dialogVisible" width="50%" class="edit"> |
|
||||
<table class="e-table" cellspacing="0"> |
|
||||
<tr> |
|
||||
<td>组织名称</td> |
|
||||
<td> |
|
||||
<el-input v-model="form.name" style="width:300px"></el-input> |
|
||||
</td> |
|
||||
<td>组织编码</td> |
|
||||
<td> |
|
||||
<el-input v-model="form.orgCode" style="width:300px"></el-input> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td>主管人员</td> |
|
||||
<td> |
|
||||
<el-select v-model="form.zgStaffSid" style="width:300px" filterable> |
|
||||
<el-option v-for="item in staffdata" :key="item.sid" :label="item.name" :value="item.sid"/> |
|
||||
</el-select> |
|
||||
</td> |
|
||||
<td>分管人员</td> |
|
||||
<td> |
|
||||
<el-select v-model="fgStaffSid" style="width:300px" filterable multiple> |
|
||||
<el-option v-for="item in staffdata2" :key="item.sid" :label="item.name" :value="item.sid"/> |
|
||||
</el-select> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td>组织简称</td> |
|
||||
<td :colspan="3"> |
|
||||
<el-input v-model="form.orgAbbre" style="width: 30%"></el-input> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td>管理层级</td> |
|
||||
<td> |
|
||||
<el-select v-model="form.orgLevelValue" style="width:300px" placeholder="请选择" filterable @change="changeOrgLevel"> |
|
||||
<el-option v-for="item in orgLevel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
|
||||
</el-select> |
|
||||
</td> |
|
||||
<td>其他编码</td> |
|
||||
<td> |
|
||||
<el-input v-model="form.otherCode" style="width:300px" placeholder="与财务中客户编码相同"></el-input> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td>组织地址</td> |
|
||||
<td> |
|
||||
<el-input v-model="form.addrs" style="width:300px"></el-input> |
|
||||
</td> |
|
||||
<td>组织属性</td> |
|
||||
<td> |
|
||||
<el-select v-model="form.orgAttributeValue" placeholder="请选择" filterable @change="changeOrgAttribute"> |
|
||||
<el-option v-for="item in orgAttribute_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
|
||||
</el-select> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td>组织联系人</td> |
|
||||
<td> |
|
||||
<el-input v-model="form.linkPerson" style="width:300px"></el-input> |
|
||||
</td> |
|
||||
|
|
||||
<td>联系电话</td> |
|
||||
<td> |
|
||||
<el-input v-model="form.linkPhone" style="width:300px"></el-input> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td>是否独立法人</td> |
|
||||
<td> |
|
||||
<el-radio v-model="form.isDept" :label="0">是</el-radio> |
|
||||
<el-radio v-model="form.isDept" :label="1">否</el-radio> |
|
||||
</td> |
|
||||
<td>排序号</td> |
|
||||
<td> |
|
||||
<el-input v-model="form.sort" style="width:300px"></el-input> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
<div slot="footer" class="text-center"> |
|
||||
<el-button type="primary" @click="nodeSave()">保 存</el-button> |
|
||||
<el-button @click="dialogVisible = false">返 回</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
<div class="org-table" v-show="isshow == 'table'"> |
|
||||
<div class="tab-header"> |
|
||||
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
|
||||
<el-row :gutter="20"> |
|
||||
<el-col :span="24"> |
|
||||
<el-form-item label="组织名称"> |
|
||||
<el-input v-model="page.params.name" clearable></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button @click="onSearch()">查询</el-button> |
|
||||
<el-button @click="resetSearch()">重置</el-button> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<!-- table --> |
|
||||
<el-table :data="tableData" default-expand-all border style="width: 100%;"> |
|
||||
<el-table-column label="操作" align="center" width="160px"> |
|
||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
||||
编辑 |
评论 |
||||
</el-button> |
</el-button> |
||||
<el-button type="danger" size="mini" @click.native.prevent="remove(scope.row)"> |
<el-button type="danger" size="mini" @click.native.prevent="detail(scope.row)"> |
||||
删除 |
查看 |
||||
</el-button> |
</el-button> |
||||
</template> |
</template> |
||||
</el-table-column> |
</el-table-column> |
||||
<el-table-column prop="name" label="组织名称" align="center"></el-table-column> |
<el-table-column prop="type" label="论坛类别" align="center" /> |
||||
<el-table-column prop="orgCode" label="组织编码" align="center"></el-table-column> |
<el-table-column prop="title" label="论坛标题" align="center" /> |
||||
<!-- <el-table-column prop="zgNames" label="主管" align="center"></el-table-column>--> |
<el-table-column prop="content" label="论坛内容" align="center" /> |
||||
<el-table-column prop="fgNames" label="分管" align="center"></el-table-column> |
|
||||
<!--<el-table-column prop="contactMan" label="联系人" align="center" width="100px"></el-table-column>--> |
|
||||
<el-table-column prop="linkPhone" label="联系人手机号" width="110" align="center"> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="addrs" label="地址" align="center"> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="sort" label="排序" align="center" width="50px"> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="qrText" label="二维码" align="center" width="80px"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button @click.native.prevent="lookRow(scope.row)" type="text" size="small">查看</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
</el-table> |
||||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|
||||
</div> |
</div> |
||||
|
</el-tab-pane> |
||||
|
|
||||
<div class="org-table" v-show="isshow == 'ewm'"> |
<el-tab-pane label="论坛发布" name="addrole"> |
||||
<div class="tab-header"> |
|
||||
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
|
||||
<el-row :gutter="20"> |
|
||||
<el-col :span="16"> |
|
||||
<h4 style="margin: 0;line-height: 32px;">组织二维码</h4> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item style="float: right;"> |
|
||||
<el-button type="primary" @click="Printewm">打 印</el-button> |
|
||||
<el-button @click="isshow = 'table'">返 回</el-button> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<!-- center --> |
|
||||
<div class="ewm" style="display: flex;justify-content: center; align-items: center;" ref="print"> |
|
||||
<img style="width: 200px; height: 200px;" :src="ewmForm.qrFilePath" alt=""> |
|
||||
<ul style="list-style:none; line-height: 32px; font-size: 16px;"> |
|
||||
<li><label>组织名称: </label><span>{{ ewmForm.departmentName }}</span></li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- 新增、编辑页面 --> |
|
||||
<div class="org-table" v-show="isshow == 'edit'"> |
|
||||
<div class="tab-header"> |
|
||||
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
|
||||
<el-row :gutter="20"> |
|
||||
<el-col :span="16"> |
|
||||
<h4 style="margin: 0;line-height: 32px;"> {{ dialogTitle }}组织信息</h4> |
|
||||
</el-col> |
|
||||
<el-col :span="8"> |
|
||||
<el-form-item style="float: right;"> |
|
||||
<el-button type="primary" @click="save()">保 存</el-button> |
|
||||
<el-button @click="isshow = 'table'">返 回</el-button> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<!-- center --> |
|
||||
<div class="ediut"> |
|
||||
<table class="e-table" cellspacing="0"> |
<table class="e-table" cellspacing="0"> |
||||
<tr> |
<tr> |
||||
<td>组织名称</td> |
<td>论坛类别</td> |
||||
<td> |
<td> |
||||
<el-input v-model="form.name" style="width:300px"></el-input> |
<el-select v-model="form.type" class="addinputw" placeholder="请选择论坛类别" style="width:300px" |
||||
</td> |
@change="getType"> |
||||
<td>组织编码</td> |
<el-option v-for="item in typeList" :key="item.dictKey" :label="item.dictValue" |
||||
<td> |
:value="item.dictKey" /> |
||||
<el-input v-model="form.orgCode" style="width:300px"></el-input> |
</el-select> |
||||
</td> |
</td> |
||||
</tr> |
</tr> |
||||
<tr> |
<tr> |
||||
<td>主管人员</td> |
<td>论坛标题</td> |
||||
<td> |
<td> |
||||
<el-select v-model="form.zgStaffSid" style="width:300px" filterable> |
<el-input v-model="form.title" style="width: 300px"></el-input> |
||||
<el-option v-for="item in staffdata" :key="item.sid" :label="item.name" :value="item.sid"/> |
|
||||
</el-select> |
|
||||
</td> |
|
||||
<td>分管人员</td> |
|
||||
<td> |
|
||||
<el-select v-model="fgStaffSid" style="width:300px" filterable multiple> |
|
||||
<el-option v-for="item in staffdata2" :key="item.sid" :label="item.name" :value="item.sid"/> |
|
||||
</el-select> |
|
||||
</td> |
</td> |
||||
</tr> |
</tr> |
||||
<tr> |
<tr> |
||||
<td>组织简称</td> |
<td>论坛内容</td> |
||||
<td :colspan="3"> |
<td> |
||||
<el-input v-model="form.orgAbbre" style="width: 300px"></el-input> |
<el-input v-model="form.content" style="width: 300px"></el-input> |
||||
</td> |
</td> |
||||
</tr> |
</tr> |
||||
|
</table> |
||||
|
<div style="margin-top: 20px; text-align: center"> |
||||
|
<el-button type="primary" @click="save()">保存</el-button> |
||||
|
</div> |
||||
|
</el-tab-pane> |
||||
|
<el-dialog :title="dialogTitle + '论坛信息'" :visible.sync="editDialog" width="40%"> |
||||
|
<table class="e-table" cellspacing="0"> |
||||
<tr> |
<tr> |
||||
<td>管理层级</td> |
<td>论坛类别</td> |
||||
<td> |
|
||||
<el-select v-model="form.orgLevelValue" style="width:300px" placeholder="请选择" filterable @change="changeOrgLevel"> |
|
||||
<el-option v-for="item in orgLevel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
|
||||
</el-select> |
|
||||
</td> |
|
||||
<td>其他编码</td> |
|
||||
<td> |
<td> |
||||
<el-input v-model="form.otherCode" style="width:300px" placeholder="与财务中客户编码相同"></el-input> |
<!-- <el-select v-model="form.type" class="addinputw" placeholder="请选择论坛类别" style="width:300px" |
||||
|
@change="getType"> |
||||
|
<el-option v-for="item in typeList" :key="item.dictKey" :label="item.dictValue" |
||||
|
:value="item.dictKey" /> |
||||
|
</el-select> --> |
||||
|
<span>{{form.type}}</span> |
||||
</td> |
</td> |
||||
</tr> |
</tr> |
||||
<tr> |
<tr> |
||||
<td>组织地址</td> |
<td>论坛标题</td> |
||||
<td> |
<td> |
||||
<el-input v-model="form.addrs" style="width:300px"></el-input> |
<span>{{form.title}}</span> |
||||
</td> |
<!-- <el-input v-model="form.title" style="width: 300px"></el-input> --> |
||||
<td>组织属性</td> |
|
||||
<td> |
|
||||
<el-select v-model="form.orgAttributeValue" placeholder="请选择" filterable @change="changeOrgAttribute"> |
|
||||
<el-option v-for="item in orgAttribute_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option> |
|
||||
</el-select> |
|
||||
</td> |
</td> |
||||
</tr> |
</tr> |
||||
<tr> |
<tr> |
||||
<td>组织联系人</td> |
<td>论坛内容</td> |
||||
<td> |
<td> |
||||
<el-input v-model="form.linkPerson" style="width:300px"></el-input> |
<span>{{form.content}}</span> |
||||
</td> |
<!-- <el-input v-model="form.content" style="width: 300px"></el-input> --> |
||||
<td>联系电话</td> |
|
||||
<td> |
|
||||
<el-input v-model="form.linkPhone" style="width:300px"></el-input> |
|
||||
</td> |
</td> |
||||
</tr> |
</tr> |
||||
<tr> |
<tr> |
||||
<td>是否独立法人</td> |
<td>评论内容</td> |
||||
<td> |
|
||||
<el-radio v-model="form.isDept" :label="0">是</el-radio> |
|
||||
<el-radio v-model="form.isDept" :label="1">否</el-radio> |
|
||||
</td> |
|
||||
<td>排序号</td> |
|
||||
<td> |
<td> |
||||
<el-input v-model="form.sort" style="width:300px"></el-input> |
<!-- <span>{{form.content}}</span> --> |
||||
|
<el-input v-model="commentContent"></el-input> |
||||
</td> |
</td> |
||||
</tr> |
</tr> |
||||
</table> |
</table> |
||||
|
<div style="margin-top: 20px; text-align: center"> |
||||
|
<el-button type="primary" @click="save()">保存</el-button> |
||||
</div> |
</div> |
||||
|
</el-dialog> |
||||
|
</el-tabs> |
||||
</div> |
</div> |
||||
<!-- <Position v-if="mapDialog" :address.sync="form.addrs" :maker-position.sync="form.jwd" |
<organizationManageInfo v-show="viewState ==4" ref="divInfo" @doback="resetState" /> |
||||
:dialog-visible.sync="mapDialog"/>--> |
|
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { |
import { |
||||
addOrgTree, |
selectSysForum, |
||||
delOrgtree, |
saveSysForum, |
||||
getQrCode, getStaff, |
alterSysForum, |
||||
getStaffName, |
deleteSysForum, |
||||
orgList, |
saveSysForumComment, |
||||
pageList, |
} from "@/api/system/copyofprocess/liuchengchasongguanli.js"; |
||||
postOrgtree, |
import organizationManageInfo from './organizationManageInfo.vue' |
||||
putOrgtree, |
|
||||
selectBySid |
|
||||
} from '@/api/system/departments/departments.js' |
|
||||
import { typeValues } from '@/api/system/roleAdminister/index' |
|
||||
import Position from '@/components/amap/amap.vue' |
|
||||
|
|
||||
export default { |
export default { |
||||
components: { Position }, |
components: { |
||||
|
organizationManageInfo, |
||||
|
}, |
||||
data() { |
data() { |
||||
return { |
return { |
||||
dialogVisible: false, |
viewState: 1, |
||||
mapDialog: false, |
activeName: "roleList", |
||||
dialogTitle: '', |
dialogTitle: "", |
||||
props: { |
editDialog: false, |
||||
label: 'name', |
form: {}, |
||||
children: 'children' |
|
||||
}, |
|
||||
nodeForm: { |
|
||||
sid: '', |
|
||||
name: '', |
|
||||
sortNo: '' |
|
||||
}, |
|
||||
ewmForm: { |
|
||||
qrFilePath: '', |
|
||||
organizationName: '', |
|
||||
departmentName: '', |
|
||||
address: '' |
|
||||
}, |
|
||||
orgAttribute_list: [], |
|
||||
orgLevel_list: [], |
|
||||
form: { |
|
||||
sid: '', |
|
||||
name: '', |
|
||||
orgCode: '', |
|
||||
/* jwd: '',*/ |
|
||||
addrs: '', |
|
||||
zgStaffSid: '', |
|
||||
zgStaffName: '', |
|
||||
fgStaffSid: '', |
|
||||
fgStaffName: '', |
|
||||
linkPerson: '', |
|
||||
linkPhone: '', |
|
||||
sort: '', |
|
||||
isDept: '', |
|
||||
orgAbbre: '', |
|
||||
orgAttributeValue: '', |
|
||||
orgAttributeKey: '', |
|
||||
orgLevelValue: '', |
|
||||
orgLevelKey: '', |
|
||||
otherCode: '' |
|
||||
}, |
|
||||
fgStaffSid: [], |
|
||||
formBackup: Object.assign({}, this.form), |
formBackup: Object.assign({}, this.form), |
||||
isshow: 'table', |
|
||||
page: { |
|
||||
total: 0, // 默认数据总数 |
|
||||
current: 1, // 默认开始页面 |
|
||||
size: 10, // 每页的数据条数 |
|
||||
params: { |
|
||||
name: '', |
|
||||
organizationSid: '', |
|
||||
psid: '' |
|
||||
} |
|
||||
}, |
|
||||
tableData: [], |
tableData: [], |
||||
treedata: [], |
commentContent: "", // 评论内容 |
||||
staffdata: [], |
typeList: [{ |
||||
staffdata2: [], |
dictKey: "1", |
||||
rules: {} |
dictValue: "JAVA", |
||||
} |
}, { |
||||
|
dictKey: "2", |
||||
|
dictValue: "Python", |
||||
|
}, { |
||||
|
dictKey: "3", |
||||
|
dictValue: "C++", |
||||
|
}, { |
||||
|
dictKey: "4", |
||||
|
dictValue: "Excel", |
||||
|
}, { |
||||
|
dictKey: "5", |
||||
|
dictValue: "英语四六级考试", |
||||
|
}, { |
||||
|
dictKey: "6", |
||||
|
dictValue: "计算机等级考试", |
||||
|
} |
||||
|
|
||||
|
] |
||||
|
}; |
||||
}, |
}, |
||||
mounted() { |
mounted() { |
||||
this.getOrgTree() |
this.getPageList(); |
||||
this.init() |
console.log("sssssssssss", window.sessionStorage.getItem('userSid')) |
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
init() { |
getType(value) { |
||||
typeValues({ type: 'orgAttribute' }).then((res) => { |
console.log(">>>>>>>>>getType", value) |
||||
if (res.success) { |
const choose = this.typeList.filter((item) => item.dictKey === value) |
||||
this.orgAttribute_list = res.data |
this.form.type = choose[0].dictValue |
||||
} |
// this.form.typeSid = choose[0].dictKey |
||||
}) |
}, |
||||
typeValues({ type: 'orgLevel' }).then((res) => { |
getPageList() { |
||||
if (res.success) { |
// 获取列表 |
||||
this.orgLevel_list = res.data |
selectSysForum().then((res) => { |
||||
} |
this.tableData = res.data; |
||||
}) |
}); |
||||
}, |
}, |
||||
changeOrgLevel(value) { |
handleClick(tab, event) { |
||||
let bb = null |
if (tab.name == "addrole") { |
||||
this.orgLevel_list.forEach((e) => { |
this.dialogTitle = "新增"; |
||||
if (e.dictValue === value) { |
this.roleForm = Object.assign({}, this.formBackup); |
||||
bb = { |
} else { |
||||
value: e.dictValue, |
this.getPageList(); |
||||
key: e.dictKey |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
this.form.orgLevelValue = bb.value |
|
||||
this.form.orgLevelKey = bb.key |
|
||||
}, |
|
||||
changeOrgAttribute(value) { |
|
||||
let bb = null |
|
||||
this.orgAttribute_list.forEach((e) => { |
|
||||
if (e.dictValue === value) { |
|
||||
bb = { |
|
||||
key: e.dictKey, |
|
||||
value: e.dictValue |
|
||||
} |
|
||||
} |
} |
||||
}) |
|
||||
this.form.orgAttributeKey = bb.key |
|
||||
}, |
|
||||
pagination(val) { // 分页 |
|
||||
this.page.current = val.pageNum |
|
||||
this.page.size = val.pageSize |
|
||||
this.getPageList(this.page) |
|
||||
}, |
|
||||
handleNodeClick(data) { |
|
||||
this.isshow = 'table' |
|
||||
this.page.params.organizationSid = this.$store.getters.userInfo.orgSid |
|
||||
this.page.params.psid = data.sid || 0 |
|
||||
|
|
||||
this.getPageList(this.page) |
|
||||
}, |
|
||||
getPageList(data) { // 获取树形列表 |
|
||||
pageList(data).then(res => { |
|
||||
console.log('返回子级:',res) |
|
||||
this.tableData = res.data.records |
|
||||
this.page.total = res.data.total |
|
||||
}) |
|
||||
}, |
|
||||
getOrgTree() { // 获取树形列表 |
|
||||
orgList({}).then(res => { |
|
||||
this.treedata = res.data |
|
||||
}) |
|
||||
}, |
}, |
||||
save() { |
save() { |
||||
if (this.fgStaffSid.length > 0) { |
console.log("form", this.form) |
||||
this.form.fgStaffSid = this.fgStaffSid.join() |
|
||||
} else { |
saveSysForumComment( |
||||
this.form.fgStaffName = '' |
|
||||
this.form.fgStaffSid = '' |
{ |
||||
} |
forumSid: this.form.sid, |
||||
this.form.organizationSid = this.$store.getters.userInfo.orgSid |
content: this.commentContent, |
||||
// this.form.dlxx = typeof(this.form.dlxx) == 'string' ? this.form.dlxx : this.form.dlxx.join() |
createBySid: window.sessionStorage.getItem('userSid') |
||||
if (this.form.sid) { |
|
||||
// console.log(this.form) |
|
||||
putOrgtree(this.form).then(res => { |
|
||||
if (res.success) { |
|
||||
this.isshow = 'table' |
|
||||
this.getOrgTree() |
|
||||
this.handleNodeClick({ sid: this.form.psid }) |
|
||||
this.$message({ |
|
||||
message: res.msg, |
|
||||
type: 'success' |
|
||||
}) |
|
||||
} |
} |
||||
}) |
|
||||
} else { |
).then((res) => { |
||||
addOrgTree(this.form).then(res => { |
this.commentContent = "" |
||||
if (res.success) { |
this.editDialog = false; |
||||
this.isshow = 'table' |
this.getPageList(); |
||||
this.getOrgTree() |
|
||||
this.handleNodeClick({ sid: this.form.psid }) |
|
||||
this.$message({ |
this.$message({ |
||||
message: res.msg, |
message: res.msg, |
||||
type: 'success' |
type: "success", |
||||
}) |
}); |
||||
} |
}); |
||||
}) |
|
||||
} |
|
||||
}, |
}, |
||||
append(data) { |
resetState() { |
||||
console.log(123456789, data) |
this.viewState = 1 |
||||
this.dialogTitle = '新增' |
|
||||
this.isshow = 'edit' |
|
||||
this.fgStaffSid = [] |
|
||||
this.form = Object.assign({}, this.formBackup) |
|
||||
this.form.psid = data.sid || 0 |
|
||||
this.form.organizationSid = this.$store.getters.userInfo.orgSid |
|
||||
this.form.address = data.orgAddress || data.address |
|
||||
this.form.dlxx = data.gisInfo || data.dlxx |
|
||||
this.getStaff(data.sid) |
|
||||
this.getStaff2(data.sid) |
|
||||
}, |
}, |
||||
editRow(row) { |
editRow(row) { |
||||
this.getStaff(row.sid) |
this.dialogTitle = "评论"; |
||||
this.getStaff2(row.sid) |
this.editDialog = true; |
||||
this.dialogTitle = '编辑' |
this.form = Object.assign({}, row); |
||||
this.isshow = 'edit' |
|
||||
this.fgStaffSid = [] |
|
||||
selectBySid(row.sid).then((response) => { |
|
||||
if (response.success) { |
|
||||
this.form = response.data |
|
||||
this.form.fgStaffName = response.data.fgNames |
|
||||
this.form.fgStaffSid = response.data.fgStaffSid |
|
||||
if (this.form.fgStaffSid) { |
|
||||
this.fgStaffSid = response.data.fgStaffSid.split(',') |
|
||||
} |
|
||||
this.form.zgStaffName = response.data.zgNames |
|
||||
this.form.zgStaffSid = response.data.zgStaffSid |
|
||||
console.log('编辑回显的数据', this.form) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
deit(data) { // 节点编辑保存 |
|
||||
this.getStaff(data.sid) |
|
||||
this.getStaff2(data.sid) |
|
||||
console.log(data, 8888) |
|
||||
this.dialogVisible = true |
|
||||
this.form.sid = data.sid |
|
||||
// this.form.psid = null |
|
||||
this.form.name = data.name |
|
||||
this.form.orgCode = data.orgCode |
|
||||
/* this.form.jwd = data.jwd*/ |
|
||||
this.form.addrs = data.addrs |
|
||||
this.form.linkPerson = data.linkPerson |
|
||||
this.form.linkPhone = data.linkPhone |
|
||||
this.form.sort = data.sort |
|
||||
this.form.zgStaffSid = data.zgSids |
|
||||
this.form.fgStaffSid = data.fgSids.split(',') |
|
||||
}, |
}, |
||||
nodeSave() { // 节点编辑保存 |
detail(row) { |
||||
console.log('这是保存nodeSave(0') |
this.viewState = 4 |
||||
this.form.fgStaffSid = this.form.fgStaffSid.join() |
this.$refs['divInfo'].showAdd(row) |
||||
postOrgtree(this.form).then(res => { |
|
||||
this.getOrgTree() |
|
||||
this.dialogVisible = false |
|
||||
this.$message({ |
|
||||
message: res.msg, |
|
||||
type: 'success' |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
remove(data) { |
|
||||
this.$confirm('确定要删除该组织吗, 是否继续?', '提示', { |
|
||||
confirmButtonText: '确定', |
|
||||
cancelButtonText: '取消', |
|
||||
type: 'warning' |
|
||||
}).then(() => { |
|
||||
delOrgtree({ sid: data.sid }).then(res => { |
|
||||
this.getOrgTree() |
|
||||
this.handleNodeClick({ sid: data.psid }) |
|
||||
this.$message({ |
|
||||
message: res.msg, |
|
||||
type: 'success' |
|
||||
}) |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
lookRow(row) { // 查看二维码 |
|
||||
this.isshow = 'ewm' |
|
||||
getQrCode({ sid: row.sid }).then(res => { |
|
||||
this.ewmForm = res.data |
|
||||
}) |
|
||||
}, |
|
||||
Printewm() { |
|
||||
this.$print(this.$refs.print) // 使用 |
|
||||
}, |
|
||||
mouseenter(data) { |
|
||||
this.$set(data, 'del', true) |
|
||||
}, |
|
||||
mouseleave(data) { |
|
||||
this.$set(data, 'del', false) |
|
||||
}, |
|
||||
onSearch() { |
|
||||
this.getPageList(this.page) |
|
||||
}, |
|
||||
resetSearch() { |
|
||||
this.page.params.name = '' |
|
||||
this.getPageList(this.page) |
|
||||
}, |
}, |
||||
// 主管人员 |
|
||||
getStaff(orgSid) { |
|
||||
getStaff({ deptSid: orgSid }).then((res) => { |
|
||||
if (res.success) { |
|
||||
this.staffdata = res.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
}, |
||||
// 分管人员 |
}; |
||||
getStaff2(orgSid) { |
|
||||
getStaffName({ deptSid: orgSid }).then(res => { |
|
||||
this.staffdata2 = res.data |
|
||||
console.log('分管人员', this.staffdata2) |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
</script> |
||||
|
|
||||
<style> |
|
||||
.el-icon-arrow-right:before { |
|
||||
content: '\e6e0'; |
|
||||
color: #727272; |
|
||||
} |
|
||||
</style> |
|
||||
|
|
||||
<style scoped="scoped" lang="scss"> |
<style scoped="scoped" lang="scss"> |
||||
.org-tree { |
|
||||
width: 240px; |
|
||||
min-height: 100%; |
|
||||
box-sizing: border-box; |
|
||||
/*padding-right: 10px;*/ |
|
||||
border: 1px solid #edf1f7; |
|
||||
overflow: scroll; |
|
||||
} |
|
||||
|
|
||||
.org-table { |
|
||||
flex: 1; |
|
||||
// padding-left: 10px; |
|
||||
margin: 0 10px; |
|
||||
border: 1px solid #edf1f7; |
|
||||
min-height: 100%; |
|
||||
overflow-y: scroll; |
|
||||
|
|
||||
.ewm { |
|
||||
margin: 30px auto 0; |
|
||||
width: 560px; |
|
||||
} |
|
||||
|
|
||||
.ediut { |
|
||||
margin: 30px auto 0; |
|
||||
/*width:750px;*/ |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.custom-tree-node { |
|
||||
position: relative; |
|
||||
overflow: hidden; |
|
||||
width: 100%; |
|
||||
flex: 1; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
font-size: 14px; |
|
||||
padding-right: 8px; |
|
||||
} |
|
||||
|
|
||||
.handle { |
|
||||
position: absolute; |
|
||||
right: 0; |
|
||||
|
|
||||
.el-button--text { |
|
||||
font-size: 15px; |
|
||||
background-color: #FFFFFF; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.my-tabs { |
.my-tabs { |
||||
margin-top: 10px; |
margin-top: 10px; |
||||
} |
} |
||||
|
|
||||
.edit { |
|
||||
.el-form-item__label { |
|
||||
width: 100px !important; |
|
||||
display: inline-block !important; |
|
||||
} |
|
||||
|
|
||||
.el-input { |
|
||||
width: 70%; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.td_left { |
|
||||
border-left: 0 solid #e6e9f0; |
|
||||
} |
|
||||
</style> |
</style> |
||||
@ -0,0 +1,157 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>【查看】论坛信息</div> |
||||
|
<div> |
||||
|
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="dataForm" :model="form" label-position="top" label-width="190px" class="formadd"> |
||||
|
<div class="titwu">论坛信息</div> |
||||
|
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px"> |
||||
|
<div>主体信息</div> |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="trightb"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">论坛类别</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span>{{form.type}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="trightb"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">论坛标题</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span>{{form.title}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="trightb"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">论坛内容</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span>{{form.content}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px"> |
||||
|
<div>评论信息</div> |
||||
|
</div> |
||||
|
<el-table v-loading="listLoading" :data="temp" border style="width: 100%;" |
||||
|
:row-style="{height: '40px'}"> |
||||
|
<!-- <el-table-column type="selection" align="center" width="50"/> --> |
||||
|
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" /> |
||||
|
<el-table-column label="操作" wid align="center" width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
<!-- <el-button type="primary" size="mini" @click="toPersonnelDetail(scope.row.sid)">查看</el-button> --> |
||||
|
<!-- <el-button type="primary" size="mini" @click="toEdit(scope.row)">编辑</el-button> --> |
||||
|
<el-button type="primary" size="mini" @click="doDel(scope.row)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="评论人员" prop="name" align="center" /> |
||||
|
<el-table-column label="评论时间" prop="createTime" align="center" /> |
||||
|
<el-table-column label="评论内容" prop="content" align="center" /> |
||||
|
</el-table> |
||||
|
|
||||
|
</el-form> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
selectSysForumCommentOne, |
||||
|
deleteSysForumComment, |
||||
|
} from "@/api/system/copyofprocess/liuchengchasongguanli.js"; |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
listLoading: false, |
||||
|
activeNames: ['1'], |
||||
|
form: {}, |
||||
|
temp: [] ,// 添加和修改 |
||||
|
userSid :"" |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.userSid = window.sessionStorage.getItem('userSid') |
||||
|
console.log("ddddddddddddddd", this.userSid ) |
||||
|
}, |
||||
|
methods: { |
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
// var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
// var pageindex = index + 1 + pagestart |
||||
|
return index + 1 |
||||
|
}, |
||||
|
doDel(row) { |
||||
|
const tip = '请确认是否删除所选记录?' |
||||
|
this.$confirm(tip, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
deleteSysForumComment(row.sid).then((response) => { |
||||
|
if (response.success) { |
||||
|
this.$message({ |
||||
|
showClose: true, |
||||
|
type: 'success', |
||||
|
message: '删除成功' |
||||
|
}) |
||||
|
this.showAdd( this.form) |
||||
|
} else { |
||||
|
this.$message({ |
||||
|
showClose: true, |
||||
|
type: 'error', |
||||
|
message: '删除失败' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
showAdd(row) { |
||||
|
this.form = row |
||||
|
selectSysForumCommentOne(row.sid) |
||||
|
.then(resp => { |
||||
|
if (resp.success) { |
||||
|
console.log("ddddddddddddddd", resp) |
||||
|
this.temp = resp.data |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
.catch(e => { |
||||
|
this.$emit('doback') |
||||
|
}) |
||||
|
}, |
||||
|
// 组件返回 |
||||
|
handleReturn() { |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped="scoped" lang="scss"> |
||||
|
.my-tabs { |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
</style> |
||||
@ -1,117 +1,172 @@ |
|||||
<template> |
<template> |
||||
<div class="content"> |
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
||||
<div class="right_cont"> |
<el-tab-pane label="公告信息" name="roleList"> |
||||
<table class="tishi" cellspacing="0" style="margin:0 auto 30px"> |
<div class="container"> |
||||
|
<el-table :data="tableData" border style="width: 100%"> |
||||
|
<el-table-column label="序号" width="70px" type="index" align="center"> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="操作" width="150px" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
||||
|
修改 |
||||
|
</el-button> |
||||
|
<el-button type="danger" size="mini" @click.native.prevent="deleteRow(scope.row)"> |
||||
|
删除 |
||||
|
</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="title" label="公告标题" align="center" /> |
||||
|
<el-table-column prop="content" label="公告内容" align="center" /> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</el-tab-pane> |
||||
|
|
||||
|
<el-tab-pane label="发布公告" name="addrole"> |
||||
|
<table class="e-table" cellspacing="0"> |
||||
<tr> |
<tr> |
||||
<td style="border-right: none;">设置默认组织机构</td> |
<td>公告标题</td> |
||||
<td> |
<td> |
||||
<el-select v-model="formobj.orgNamePath" filterable placeholder="请选择" @change="changeoOrgNamePath" clearable> |
<el-input v-model="form.title" style="width: 300px"></el-input> |
||||
<el-option v-for="item in orgNamePath_list" :key="item.orgSidPath" :label="item.orgNamePath" :value="item.orgNamePath"/> |
</td> |
||||
</el-select> |
</tr> |
||||
|
<tr> |
||||
|
<td>公告内容</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.content" style="width: 300px"></el-input> |
||||
</td> |
</td> |
||||
</tr> |
</tr> |
||||
</table> |
</table> |
||||
<span slot="footer" class="dialog-footer" style="margin-left:40%;"> |
<div style="margin-top: 20px; text-align: center"> |
||||
<el-button style=" margin-left: 8%; width: 100px;height: 40px;" type="primary" @click="handleConfirm()">确认</el-button> |
<el-button type="primary" @click="save()">保存</el-button> |
||||
</span> |
|
||||
</div> |
</div> |
||||
|
</el-tab-pane> |
||||
|
<el-dialog :title="dialogTitle + '公告信息'" :visible.sync="editDialog" width="40%"> |
||||
|
<table class="e-table" cellspacing="0"> |
||||
|
<tr> |
||||
|
<td>公告标题</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.title" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>公告内容</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.content" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
<div style="margin-top: 20px; text-align: center"> |
||||
|
<el-button type="primary" @click="save()">保存</el-button> |
||||
</div> |
</div> |
||||
|
</el-dialog> |
||||
|
</el-tabs> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { getList, saveOrUpdate } from '@/api/system/personalization/personalization' |
import { |
||||
|
selectSysNotice, |
||||
|
saveSusNotice, |
||||
|
alterSusNotice, |
||||
|
deleteSysNotice, |
||||
|
} from "@/api/system/personalization/personalization.js"; |
||||
|
|
||||
export default { |
export default { |
||||
name: 'personalization', |
|
||||
data() { |
data() { |
||||
return { |
return { |
||||
orgNamePath_list: [], |
activeName: "roleList", |
||||
formobj: { |
dialogTitle: "", |
||||
orgSidPath: '', |
editDialog: false, |
||||
orgNamePath: '', |
form: {}, |
||||
userSid: '' |
student: {}, |
||||
} |
formBackup: Object.assign({}, this.form), |
||||
} |
tableData: [], |
||||
|
}; |
||||
}, |
}, |
||||
created() { |
mounted() { |
||||
this.init() |
this.getPageList(); |
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
init() { |
pagination(val) { |
||||
getList({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => { |
// 分页 |
||||
if (res.success) { |
this.page.current = val.pageNum; |
||||
this.formobj.orgNamePath = res.data.orgNamePath |
this.page.size = val.pageSize; |
||||
this.formobj.orgSidPath = res.data.orgSidPath |
this.getPageList(this.page); |
||||
this.orgNamePath_list = res.data.list |
|
||||
} |
|
||||
}) |
|
||||
}, |
}, |
||||
changeoOrgNamePath(value) { |
resetSearch() { |
||||
const choose = this.orgNamePath_list.filter((item) => item.orgNamePath === value) |
this.getPageList(); |
||||
this.formobj.orgSidPath = choose[0].orgSidPath |
|
||||
}, |
}, |
||||
handleConfirm() { |
getPageList() { |
||||
if (this.formobj.orgNamePath === '') { |
// 获取列表 |
||||
this.$message({ showClose: true, type: 'error', message: '默认组织机构不能为空' }) |
selectSysNotice().then((res) => { |
||||
return |
this.tableData = res.data; |
||||
} |
}); |
||||
this.formobj.userSid = window.sessionStorage.getItem('userSid') |
}, |
||||
saveOrUpdate(this.formobj).then((res) => { |
handleClick(tab, event) { |
||||
if (res.success) { |
if (tab.name == "addrole") { |
||||
this.$message({ showClose: true, type: 'success', message: '操作成功' }) |
this.dialogTitle = "新增"; |
||||
} |
this.roleForm = Object.assign({}, this.formBackup); |
||||
}) |
} else { |
||||
} |
this.getPageList(); |
||||
} |
|
||||
} |
} |
||||
</script> |
}, |
||||
|
save() { |
||||
<style scoped="scoped" lang="scss"> |
|
||||
|
|
||||
.content { |
console.log("form", this.form) |
||||
width: 100%; |
|
||||
padding-top: 10px; |
|
||||
font-size: 16px; |
|
||||
color: #fff; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
.right_cont { |
|
||||
width: 100%; |
|
||||
height: 645px; |
|
||||
background-color: #fff; |
|
||||
margin: 0; |
|
||||
padding: 15px; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
|
|
||||
.tishi { |
if (this.form.sid) { |
||||
width: 560px; |
alterSusNotice(this.form).then((res) => { |
||||
color: #000; |
this.editDialog = false; |
||||
padding-left: 1.5%; |
this.getPageList(); |
||||
margin-bottom: 50px; |
this.$message({ |
||||
|
message: res.msg, |
||||
|
type: "success", |
||||
|
}); |
||||
|
}); |
||||
|
} else { |
||||
|
saveSusNotice(this.form).then((res) => { |
||||
|
this.getPageList(); |
||||
|
this.activeName = "roleList"; |
||||
|
this.$message({ |
||||
|
message: res.msg, |
||||
|
type: "success", |
||||
|
}); |
||||
|
}); |
||||
|
} |
||||
|
this.reset(); |
||||
|
}, |
||||
|
reset() { |
||||
|
this.form = {}; |
||||
|
}, |
||||
|
editRow(row) { |
||||
|
this.dialogTitle = "编辑"; |
||||
|
this.editDialog = true; |
||||
|
this.form = Object.assign({}, row); |
||||
|
}, |
||||
|
deleteRow(row) { |
||||
|
this.$confirm("确定要删除该资源吗, 是否继续?", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}).then(() => { |
||||
|
deleteSysNotice(row.sid).then((res) => { |
||||
|
this.getPageList(); |
||||
|
|
||||
tr { |
this.$message({ |
||||
height: 70px; |
type: "success", |
||||
} |
message: "删除成功!", |
||||
|
}); |
||||
|
|
||||
td { |
}); |
||||
border: 1px solid #e6e9f0; |
|
||||
text-align: center; |
|
||||
} |
|
||||
|
|
||||
td:first-child { |
}); |
||||
background-color: #f7f9fc; |
|
||||
} |
|
||||
|
|
||||
.el-input, |
}, |
||||
input { |
}, |
||||
width: 80%; |
}; |
||||
} |
</script> |
||||
|
|
||||
span { |
<style scoped="scoped" lang="scss"> |
||||
font-size: 26px; |
.my-tabs { |
||||
color: red; |
margin-top: 10px; |
||||
margin-left: 10px; |
|
||||
} |
|
||||
} |
} |
||||
</style> |
</style> |
||||
|
|||||
Loading…
Reference in new issue