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" |
</el-table-column> |
||||
@btnhandle="btnHandle" |
<el-table-column label="操作" width="150px" align="center"> |
||||
/> |
<template slot-scope="scope"> |
||||
<div class="main-content"> |
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
||||
<div class="searchcon"> |
修改 |
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ |
</el-button> |
||||
searchxianshitit |
<el-button type="danger" size="mini" @click.native.prevent="deleteRow(scope.row)"> |
||||
}}</el-button> |
删除 |
||||
<div v-show="isSearchShow" class="search"> |
</el-button> |
||||
<el-form |
</template> |
||||
ref="listQueryform" |
</el-table-column> |
||||
:inline="true" |
<el-table-column prop="type" label="论坛类别" align="center" /> |
||||
:model="listQuery" |
<el-table-column prop="title" label="论坛标题" align="center" /> |
||||
label-width="100px" |
<el-table-column prop="content" label="论坛内容" align="center" /> |
||||
class="tab-header" |
</el-table> |
||||
> |
|
||||
<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 label="流程名称" align="center" width="400"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.flowName }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column |
|
||||
label="抄送角色" |
|
||||
align="left" |
|
||||
header-align="center" |
|
||||
> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.roleName }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
</div> |
|
||||
<div class="pages"> |
|
||||
<div class="tit" /> |
|
||||
<!-- 翻页 --> |
|
||||
<pagination |
|
||||
v-show="list.length > 0" |
|
||||
:total="listQuery.total" |
|
||||
:page.sync="listQuery.current" |
|
||||
:limit.sync="listQuery.size" |
|
||||
class="pagination" |
|
||||
@pagination="getList" |
|
||||
/> |
|
||||
</div> |
|
||||
</div> |
</div> |
||||
</div> |
</el-tab-pane> |
||||
<liuchengchaosongAdd |
|
||||
v-show="viewState == 2 || viewState == 3" |
<el-tab-pane label="论坛发布" name="addrole"> |
||||
ref="divadd" |
<table class="e-table" cellspacing="0"> |
||||
@doback="resetState" |
<tr> |
||||
@reloadlist="getList" |
<td>论坛类别</td> |
||||
/> |
<td> |
||||
</div> |
<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> |
||||
|
</el-tab-pane> |
||||
|
<el-dialog :title="dialogTitle + '论坛信息'" :visible.sync="editDialog" width="40%"> |
||||
|
<table class="e-table" cellspacing="0"> |
||||
|
<tr> |
||||
|
<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> |
||||
|
</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", |
data() { |
||||
components: { |
return { |
||||
Pagination, |
activeName: "roleList", |
||||
pageye, |
dialogTitle: "", |
||||
ButtonBar, |
editDialog: false, |
||||
liuchengchaosongAdd, |
form: {}, |
||||
}, |
formBackup: Object.assign({}, this.form), |
||||
data() { |
tableData: [], |
||||
return { |
typeList:[ |
||||
btndisabled: false, |
{ |
||||
btnList: [ |
dictKey:"1", |
||||
{ |
dictValue:"JAVA", |
||||
type: "primary", |
}, { |
||||
size: "small", |
dictKey:"2", |
||||
icon: "plus", |
dictValue:"Python", |
||||
btnKey: "toAdd", |
}, { |
||||
btnLabel: "新增", |
dictKey:"3", |
||||
}, |
dictValue:"C++", |
||||
{ |
}, { |
||||
type: "info", |
dictKey:"4", |
||||
size: "small", |
dictValue:"Excel", |
||||
icon: "cross", |
}, { |
||||
btnKey: "doClose", |
dictKey:"5", |
||||
btnLabel: "关闭", |
dictValue:"英语四六级考试", |
||||
}, |
}, { |
||||
], |
dictKey:"6", |
||||
isSearchShow: false, |
dictValue:"计算机等级考试", |
||||
searchxianshitit: "显示查询条件", |
} |
||||
viewState: 1, // 1、列表 2、添加-车辆预订 3、编辑 4、查看 5、订金-订金收取 |
|
||||
// 查询 ----------- |
] |
||||
flow_list: [], // 分公司 |
}; |
||||
tableKey: 0, |
|
||||
list: [], |
|
||||
sids: [], |
|
||||
FormLoading: false, |
|
||||
listLoading: false, |
|
||||
listQuery: { |
|
||||
current: 1, |
|
||||
size: 5, |
|
||||
total: 0, |
|
||||
params: { |
|
||||
flowName: "", |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}, |
|
||||
mounted() { |
|
||||
this.$refs["btnbar"].setButtonList(this.btnList); |
|
||||
}, |
|
||||
created() { |
|
||||
// 初始化变量 |
|
||||
this.init(); |
|
||||
// 加载列表 |
|
||||
this.getList(); |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
selectFlowList().then((res) => { |
|
||||
if (res.success) { |
|
||||
this.flow_list = res.data; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
btnHandle(btnKey) { |
|
||||
console.log("XXXXXXXXXXXXXXX " + btnKey); |
|
||||
switch (btnKey) { |
|
||||
case "toAdd": |
|
||||
this.toAdd(); |
|
||||
break; |
|
||||
case "doClose": |
|
||||
this.doClose(); |
|
||||
break; |
|
||||
default: |
|
||||
break; |
|
||||
} |
|
||||
}, |
|
||||
// 搜索条件效果 |
|
||||
clicksearchShow() { |
|
||||
this.isSearchShow = !this.isSearchShow; |
|
||||
if (this.isSearchShow) { |
|
||||
this.searchxianshitit = "隐藏查询条件"; |
|
||||
} else { |
|
||||
this.searchxianshitit = "显示查询条件"; |
|
||||
} |
|
||||
}, |
}, |
||||
// 序号 |
mounted() { |
||||
indexMethod(index) { |
this.getPageList(); |
||||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size; |
|
||||
var pageindex = index + 1 + pagestart; |
|
||||
return pageindex; |
|
||||
}, |
}, |
||||
// 查询列表信息 |
methods: { |
||||
getList() { |
getType(value) { |
||||
this.listLoading = true; |
console.log(">>>>>>>>>getType", value) |
||||
this.listQuery.params.orgSidPath = |
const choose = this.typeList.filter((item) => item.dictKey === value) |
||||
window.sessionStorage.getItem("orgSidPath"); |
this.form.type = choose[0].dictValue |
||||
pageList(this.listQuery).then((response) => { |
// this.form.typeSid = choose[0].dictKey |
||||
this.listLoading = false; |
}, |
||||
if (response.success) { |
getPageList() { |
||||
this.list = response.data.records; |
// 获取列表 |
||||
this.listQuery.total = response.data.total; |
selectSysForum().then((res) => { |
||||
|
this.tableData = res.data; |
||||
|
}); |
||||
|
}, |
||||
|
handleClick(tab, event) { |
||||
|
if (tab.name == "addrole") { |
||||
|
this.dialogTitle = "新增"; |
||||
|
this.roleForm = Object.assign({}, this.formBackup); |
||||
} else { |
} else { |
||||
this.list = []; |
this.getPageList(); |
||||
this.listQuery.total = 0; |
|
||||
} |
} |
||||
}); |
}, |
||||
}, |
save() { |
||||
// 查询按钮 |
|
||||
handleFilter() { |
console.log("form", this.form) |
||||
this.listQuery.current = 1; |
|
||||
this.getList(); |
if (this.form.sid) { |
||||
}, |
alterSysForum(this.form).then((res) => { |
||||
// 重置 |
this.editDialog = false; |
||||
handleReset() { |
this.getPageList(); |
||||
this.listQuery = { |
this.$message({ |
||||
current: 1, |
message: res.msg, |
||||
size: 5, |
type: "success", |
||||
total: 0, |
}); |
||||
params: { |
}); |
||||
flowName: "", |
} else { |
||||
}, |
saveSysForum(this.form).then((res) => { |
||||
}; |
this.getPageList(); |
||||
this.getList(); |
this.activeName = "roleList"; |
||||
}, |
|
||||
toAdd() { |
|
||||
this.viewState = 2; |
|
||||
this.$refs["divadd"].showAdd(); |
|
||||
}, |
|
||||
// 编辑 |
|
||||
handleUpdate(row) { |
|
||||
this.viewState = 3; |
|
||||
this.$refs["divadd"].showEdit(row); |
|
||||
}, |
|
||||
handleDelete(row) { |
|
||||
const tip = "请确认是否删除"; |
|
||||
this.$confirm(tip, "提示", { |
|
||||
confirmButtonText: "确定", |
|
||||
cancelButtonText: "取消", |
|
||||
type: "warning", |
|
||||
}).then(() => { |
|
||||
const aa = []; |
|
||||
aa.push(row.sid); |
|
||||
delBySids(aa).then((res) => { |
|
||||
if (res.success) { |
|
||||
this.$message({ |
this.$message({ |
||||
showClose: true, |
message: res.msg, |
||||
type: "success", |
type: "success", |
||||
message: "删除成功", |
|
||||
}); |
}); |
||||
this.getList(); |
}); |
||||
} |
} |
||||
|
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(() => { |
||||
|
deleteSysForum(row.sid).then((res) => { |
||||
|
this.getPageList(); |
||||
|
|
||||
|
this.$message({ |
||||
|
type: "success", |
||||
|
message: "删除成功!", |
||||
|
}); |
||||
|
|
||||
|
}); |
||||
|
|
||||
}); |
}); |
||||
}); |
|
||||
}, |
}, |
||||
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"> |
||||
</style> |
.my-tabs { |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
</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> |
<template slot-scope="scope"> |
||||
<!-- <el-tooltip v-show="data.sid" class="item" effect="dark" content="修改" placement="top-start">--> |
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
||||
<!-- <el-button type="text" size="mini" @click.stop="() => deit(data)" icon="el-icon-edit">--> |
评论 |
||||
<!-- </el-button>--> |
</el-button> |
||||
<!-- </el-tooltip>--> |
<el-button type="danger" size="mini" @click.native.prevent="detail(scope.row)"> |
||||
<!-- <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-button>--> |
</template> |
||||
<!-- </el-tooltip>--> |
</el-table-column> |
||||
</span> |
<el-table-column prop="type" label="论坛类别" align="center" /> |
||||
</span> |
<el-table-column prop="title" label="论坛标题" align="center" /> |
||||
</el-tree> |
<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> |
||||
|
<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> |
||||
|
</el-tab-pane> |
||||
|
<el-dialog :title="dialogTitle + '论坛信息'" :visible.sync="editDialog" width="40%"> |
||||
|
<table class="e-table" cellspacing="0"> |
||||
|
<tr> |
||||
|
<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> --> |
||||
|
<span>{{form.type}}</span> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>论坛标题</td> |
||||
|
<td> |
||||
|
<span>{{form.title}}</span> |
||||
|
<!-- <el-input v-model="form.title" style="width: 300px"></el-input> --> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>论坛内容</td> |
||||
|
<td> |
||||
|
<span>{{form.content}}</span> |
||||
|
<!-- <el-input v-model="form.content" style="width: 300px"></el-input> --> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>评论内容</td> |
||||
|
<td> |
||||
|
<!-- <span>{{form.content}}</span> --> |
||||
|
<el-input v-model="commentContent"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
<div style="margin-top: 20px; text-align: center"> |
||||
|
<el-button type="primary" @click="save()">保存</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</el-tabs> |
||||
</div> |
</div> |
||||
<el-dialog title="编辑节点" :visible.sync="dialogVisible" width="50%" class="edit"> |
<organizationManageInfo v-show="viewState ==4" ref="divInfo" @doback="resetState" /> |
||||
<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"> |
|
||||
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
|
||||
编辑 |
|
||||
</el-button> |
|
||||
<el-button type="danger" size="mini" @click.native.prevent="remove(scope.row)"> |
|
||||
删除 |
|
||||
</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="name" label="组织名称" align="center"></el-table-column> |
|
||||
<el-table-column prop="orgCode" label="组织编码" align="center"></el-table-column> |
|
||||
<!-- <el-table-column prop="zgNames" label="主管" align="center"></el-table-column>--> |
|
||||
<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> |
|
||||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> |
|
||||
</div> |
|
||||
|
|
||||
<div class="org-table" v-show="isshow == 'ewm'"> |
|
||||
<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"> |
|
||||
<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: 300px"></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> |
|
||||
</div> |
|
||||
<!-- <Position v-if="mapDialog" :address.sync="form.addrs" :maker-position.sync="form.jwd" |
|
||||
: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, |
export default { |
||||
selectBySid |
components: { |
||||
} from '@/api/system/departments/departments.js' |
organizationManageInfo, |
||||
import { typeValues } from '@/api/system/roleAdminister/index' |
}, |
||||
import Position from '@/components/amap/amap.vue' |
data() { |
||||
|
return { |
||||
|
viewState: 1, |
||||
|
activeName: "roleList", |
||||
|
dialogTitle: "", |
||||
|
editDialog: false, |
||||
|
form: {}, |
||||
|
formBackup: Object.assign({}, this.form), |
||||
|
tableData: [], |
||||
|
commentContent: "", // 评论内容 |
||||
|
typeList: [{ |
||||
|
dictKey: "1", |
||||
|
dictValue: "JAVA", |
||||
|
}, { |
||||
|
dictKey: "2", |
||||
|
dictValue: "Python", |
||||
|
}, { |
||||
|
dictKey: "3", |
||||
|
dictValue: "C++", |
||||
|
}, { |
||||
|
dictKey: "4", |
||||
|
dictValue: "Excel", |
||||
|
}, { |
||||
|
dictKey: "5", |
||||
|
dictValue: "英语四六级考试", |
||||
|
}, { |
||||
|
dictKey: "6", |
||||
|
dictValue: "计算机等级考试", |
||||
|
} |
||||
|
|
||||
export default { |
] |
||||
components: { Position }, |
}; |
||||
data() { |
}, |
||||
return { |
mounted() { |
||||
dialogVisible: false, |
this.getPageList(); |
||||
mapDialog: false, |
console.log("sssssssssss", window.sessionStorage.getItem('userSid')) |
||||
dialogTitle: '', |
}, |
||||
props: { |
methods: { |
||||
label: 'name', |
getType(value) { |
||||
children: 'children' |
console.log(">>>>>>>>>getType", value) |
||||
}, |
const choose = this.typeList.filter((item) => item.dictKey === value) |
||||
nodeForm: { |
this.form.type = choose[0].dictValue |
||||
sid: '', |
// this.form.typeSid = choose[0].dictKey |
||||
name: '', |
|
||||
sortNo: '' |
|
||||
}, |
|
||||
ewmForm: { |
|
||||
qrFilePath: '', |
|
||||
organizationName: '', |
|
||||
departmentName: '', |
|
||||
address: '' |
|
||||
}, |
}, |
||||
orgAttribute_list: [], |
getPageList() { |
||||
orgLevel_list: [], |
// 获取列表 |
||||
form: { |
selectSysForum().then((res) => { |
||||
sid: '', |
this.tableData = res.data; |
||||
name: '', |
}); |
||||
orgCode: '', |
|
||||
/* jwd: '',*/ |
|
||||
addrs: '', |
|
||||
zgStaffSid: '', |
|
||||
zgStaffName: '', |
|
||||
fgStaffSid: '', |
|
||||
fgStaffName: '', |
|
||||
linkPerson: '', |
|
||||
linkPhone: '', |
|
||||
sort: '', |
|
||||
isDept: '', |
|
||||
orgAbbre: '', |
|
||||
orgAttributeValue: '', |
|
||||
orgAttributeKey: '', |
|
||||
orgLevelValue: '', |
|
||||
orgLevelKey: '', |
|
||||
otherCode: '' |
|
||||
}, |
}, |
||||
fgStaffSid: [], |
handleClick(tab, event) { |
||||
formBackup: Object.assign({}, this.form), |
if (tab.name == "addrole") { |
||||
isshow: 'table', |
this.dialogTitle = "新增"; |
||||
page: { |
this.roleForm = Object.assign({}, this.formBackup); |
||||
total: 0, // 默认数据总数 |
} else { |
||||
current: 1, // 默认开始页面 |
this.getPageList(); |
||||
size: 10, // 每页的数据条数 |
|
||||
params: { |
|
||||
name: '', |
|
||||
organizationSid: '', |
|
||||
psid: '' |
|
||||
} |
} |
||||
}, |
}, |
||||
tableData: [], |
save() { |
||||
treedata: [], |
console.log("form", this.form) |
||||
staffdata: [], |
|
||||
staffdata2: [], |
|
||||
rules: {} |
|
||||
} |
|
||||
}, |
|
||||
mounted() { |
|
||||
this.getOrgTree() |
|
||||
this.init() |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
typeValues({ type: 'orgAttribute' }).then((res) => { |
|
||||
if (res.success) { |
|
||||
this.orgAttribute_list = res.data |
|
||||
} |
|
||||
}) |
|
||||
typeValues({ type: 'orgLevel' }).then((res) => { |
|
||||
if (res.success) { |
|
||||
this.orgLevel_list = res.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
changeOrgLevel(value) { |
|
||||
let bb = null |
|
||||
this.orgLevel_list.forEach((e) => { |
|
||||
if (e.dictValue === value) { |
|
||||
bb = { |
|
||||
value: e.dictValue, |
|
||||
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) |
saveSysForumComment( |
||||
}, |
|
||||
getPageList(data) { // 获取树形列表 |
{ |
||||
pageList(data).then(res => { |
forumSid: this.form.sid, |
||||
console.log('返回子级:',res) |
content: this.commentContent, |
||||
this.tableData = res.data.records |
createBySid: window.sessionStorage.getItem('userSid') |
||||
this.page.total = res.data.total |
|
||||
}) |
|
||||
}, |
|
||||
getOrgTree() { // 获取树形列表 |
|
||||
orgList({}).then(res => { |
|
||||
this.treedata = res.data |
|
||||
}) |
|
||||
}, |
|
||||
save() { |
|
||||
if (this.fgStaffSid.length > 0) { |
|
||||
this.form.fgStaffSid = this.fgStaffSid.join() |
|
||||
} else { |
|
||||
this.form.fgStaffName = '' |
|
||||
this.form.fgStaffSid = '' |
|
||||
} |
|
||||
this.form.organizationSid = this.$store.getters.userInfo.orgSid |
|
||||
// this.form.dlxx = typeof(this.form.dlxx) == 'string' ? this.form.dlxx : this.form.dlxx.join() |
|
||||
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 { |
|
||||
addOrgTree(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' |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
append(data) { |
|
||||
console.log(123456789, data) |
|
||||
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) { |
|
||||
this.getStaff(row.sid) |
|
||||
this.getStaff2(row.sid) |
|
||||
this.dialogTitle = '编辑' |
|
||||
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 |
).then((res) => { |
||||
console.log('编辑回显的数据', this.form) |
this.commentContent = "" |
||||
} |
this.editDialog = false; |
||||
}) |
this.getPageList(); |
||||
}, |
|
||||
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() { // 节点编辑保存 |
|
||||
console.log('这是保存nodeSave(0') |
|
||||
this.form.fgStaffSid = this.form.fgStaffSid.join() |
|
||||
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({ |
this.$message({ |
||||
message: res.msg, |
message: res.msg, |
||||
type: 'success' |
type: "success", |
||||
}) |
}); |
||||
}) |
}); |
||||
}) |
}, |
||||
}, |
resetState() { |
||||
lookRow(row) { // 查看二维码 |
this.viewState = 1 |
||||
this.isshow = 'ewm' |
}, |
||||
getQrCode({ sid: row.sid }).then(res => { |
editRow(row) { |
||||
this.ewmForm = res.data |
this.dialogTitle = "评论"; |
||||
}) |
this.editDialog = true; |
||||
}, |
this.form = Object.assign({}, row); |
||||
Printewm() { |
}, |
||||
this.$print(this.$refs.print) // 使用 |
detail(row) { |
||||
}, |
this.viewState = 4 |
||||
mouseenter(data) { |
this.$refs['divInfo'].showAdd(row) |
||||
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 { |
.my-tabs { |
||||
width: 240px; |
margin-top: 10px; |
||||
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;*/ |
|
||||
} |
} |
||||
} |
</style> |
||||
|
|
||||
.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 { |
|
||||
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> |
|
@ -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> |
||||
|
<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> |
||||
|
</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> |
<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.content" style="width: 300px"></el-input> |
||||
<el-option v-for="item in orgNamePath_list" :key="item.orgSidPath" :label="item.orgNamePath" :value="item.orgNamePath"/> |
|
||||
</el-select> |
|
||||
</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-dialog> |
||||
</div> |
</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 { |
activeName: "roleList", |
||||
orgNamePath_list: [], |
dialogTitle: "", |
||||
formobj: { |
editDialog: false, |
||||
orgSidPath: '', |
form: {}, |
||||
orgNamePath: '', |
student: {}, |
||||
userSid: '' |
formBackup: Object.assign({}, this.form), |
||||
} |
tableData: [], |
||||
} |
}; |
||||
}, |
|
||||
created() { |
|
||||
this.init() |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
getList({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => { |
|
||||
if (res.success) { |
|
||||
this.formobj.orgNamePath = res.data.orgNamePath |
|
||||
this.formobj.orgSidPath = res.data.orgSidPath |
|
||||
this.orgNamePath_list = res.data.list |
|
||||
} |
|
||||
}) |
|
||||
}, |
}, |
||||
changeoOrgNamePath(value) { |
mounted() { |
||||
const choose = this.orgNamePath_list.filter((item) => item.orgNamePath === value) |
this.getPageList(); |
||||
this.formobj.orgSidPath = choose[0].orgSidPath |
|
||||
}, |
}, |
||||
handleConfirm() { |
methods: { |
||||
if (this.formobj.orgNamePath === '') { |
pagination(val) { |
||||
this.$message({ showClose: true, type: 'error', message: '默认组织机构不能为空' }) |
// 分页 |
||||
return |
this.page.current = val.pageNum; |
||||
} |
this.page.size = val.pageSize; |
||||
this.formobj.userSid = window.sessionStorage.getItem('userSid') |
this.getPageList(this.page); |
||||
saveOrUpdate(this.formobj).then((res) => { |
}, |
||||
if (res.success) { |
resetSearch() { |
||||
this.$message({ showClose: true, type: 'success', message: '操作成功' }) |
this.getPageList(); |
||||
|
}, |
||||
|
getPageList() { |
||||
|
// 获取列表 |
||||
|
selectSysNotice().then((res) => { |
||||
|
this.tableData = res.data; |
||||
|
}); |
||||
|
}, |
||||
|
handleClick(tab, event) { |
||||
|
if (tab.name == "addrole") { |
||||
|
this.dialogTitle = "新增"; |
||||
|
this.roleForm = Object.assign({}, this.formBackup); |
||||
|
} else { |
||||
|
this.getPageList(); |
||||
} |
} |
||||
}) |
}, |
||||
} |
save() { |
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style scoped="scoped" lang="scss"> |
console.log("form", this.form) |
||||
|
|
||||
.content { |
if (this.form.sid) { |
||||
width: 100%; |
alterSusNotice(this.form).then((res) => { |
||||
padding-top: 10px; |
this.editDialog = false; |
||||
font-size: 16px; |
this.getPageList(); |
||||
color: #fff; |
this.$message({ |
||||
box-sizing: border-box; |
message: res.msg, |
||||
} |
type: "success", |
||||
.right_cont { |
}); |
||||
width: 100%; |
}); |
||||
height: 645px; |
} else { |
||||
background-color: #fff; |
saveSusNotice(this.form).then((res) => { |
||||
margin: 0; |
this.getPageList(); |
||||
padding: 15px; |
this.activeName = "roleList"; |
||||
box-sizing: border-box; |
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(); |
||||
|
|
||||
.tishi { |
this.$message({ |
||||
width: 560px; |
type: "success", |
||||
color: #000; |
message: "删除成功!", |
||||
padding-left: 1.5%; |
}); |
||||
margin-bottom: 50px; |
|
||||
|
|
||||
tr { |
}); |
||||
height: 70px; |
|
||||
} |
|
||||
|
|
||||
td { |
}); |
||||
border: 1px solid #e6e9f0; |
|
||||
text-align: center; |
|
||||
} |
|
||||
|
|
||||
td:first-child { |
}, |
||||
background-color: #f7f9fc; |
}, |
||||
} |
}; |
||||
|
</script> |
||||
.el-input, |
|
||||
input { |
|
||||
width: 80%; |
|
||||
} |
|
||||
|
|
||||
span { |
<style scoped="scoped" lang="scss"> |
||||
font-size: 26px; |
.my-tabs { |
||||
color: red; |
margin-top: 10px; |
||||
margin-left: 10px; |
|
||||
} |
} |
||||
} |
</style> |
||||
</style> |
|
||||
|
@ -1,563 +1,204 @@ |
|||||
<template> |
<template> |
||||
<div class="app-container"> |
<div class="app-container"> |
||||
<div v-show="viewState == 1"> |
<div v-show="viewState ==1"> |
||||
<el-menu :default-active="activeIndex" style="" class="el-menu-demo" mode="horizontal"> |
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick"> |
||||
<el-menu-item |
<el-tab-pane label="自主学习计划" name="roleList"> |
||||
index="1" |
<div class="container"> |
||||
style="margin-left: 0;text-align: center; background-color: #028ac8!important;color: #fff;"> |
<el-table :data="tableData" border style="width: 100%"> |
||||
区域管理(省) |
<el-table-column label="序号" width="70px" type="index" align="center"> |
||||
</el-menu-item> |
</el-table-column> |
||||
<div class="new_" @click="showAddDialog">新增</div> |
<el-table-column label="操作" width="150px" align="center"> |
||||
</el-menu> |
<template slot-scope="scope"> |
||||
<!-- 新增弹框开始--> |
<el-button type="primary" size="mini" @click="editRow(scope.row)"> |
||||
<regionAdd ref="reAdd" @closeLoding="newFails"/> |
编辑 |
||||
<!-- 新增弹框结束--> |
</el-button> |
||||
<!-- 修改弹框开始--> |
<el-button type="danger" size="mini" @click.native.prevent="deleteRow(scope.row)"> |
||||
<!-- :psid="psid" :huixian="huixian" @closeLoding="newFails"--> |
删除 |
||||
<el-dialog width="60%" :append-to-body="true" :visible.sync="updateEcho_"> |
</el-button> |
||||
<div class="poptitle"> |
<!-- <el-button type="primary" size="mini" @click="detail(scope.row)"> |
||||
<div class="conter_title">名称:</div> |
查看 |
||||
<div class="conter_content" style="flex:7"> |
</el-button> --> |
||||
<el-input v-model="huixian.name" style="width: 300px;margin-left: 20px"/> |
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="teacherNo" label="教师工号" align="center" /> |
||||
|
<el-table-column prop="studentNo" label="学生学号" align="center" /> |
||||
|
<el-table-column prop="planContent" label="学习计划" align="center" /> |
||||
|
<el-table-column prop="state" label="数据状态" align="center" /> |
||||
|
<el-table-column prop="plan0pinion" label="反馈意见" align="center" /> |
||||
|
</el-table> |
||||
</div> |
</div> |
||||
</div> |
</el-tab-pane> |
||||
<div class="poptitle"> |
|
||||
<div class="conter_title" style="">行政区域代码:</div> |
<el-tab-pane label="新增计划" name="addrole"> |
||||
<div class="conter_content" style="flex: 7"> |
<table class="e-table" cellspacing="0"> |
||||
<el-input v-model="huixian.districtCode" style="width: 300px;margin-left: 20px"/> |
<tr> |
||||
|
<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> --> |
||||
|
<el-input v-model="form.teacherNo" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>学生学号</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.studentNo" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>学习计划内容</td> |
||||
|
<td> |
||||
|
<el-input v-model="form.planContent" 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> |
||||
</div> |
</el-tab-pane> |
||||
<div class="poptitle"> |
<el-dialog :title="dialogTitle + '学习计划'" :visible.sync="editDialog" width="40%"> |
||||
<div class="conter_title" style="">级别:</div> |
<table class="e-table" cellspacing="0"> |
||||
<div class="conter_content" style="flex: 7"> |
<tr> |
||||
<el-input v-model="huixian.level" type="namber" style="width: 300px;margin-left: 20px"/> |
<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> --> |
||||
|
<!-- <span>{{form.teacherNo}}</span> --> |
||||
|
<el-input v-model="form.teacherNo" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>学生学号</td> |
||||
|
<td> |
||||
|
<!-- <span>{{form.studentNo}}</span> --> |
||||
|
<el-input v-model="form.studentNo" style="width: 300px"></el-input> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>学习计划内容</td> |
||||
|
<td> |
||||
|
<!-- <span>{{form.planContent}}</span> --> |
||||
|
<el-input v-model="form.planContent" 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> |
||||
</div> |
</el-dialog> |
||||
<div class="poptitle"> |
</el-tabs> |
||||
<div class="conter_title" style="">排序号:</div> |
|
||||
<div class="conter_content" style="flex: 7"> |
|
||||
<el-input v-model="huixian.sortNo" type="namber" style="width: 300px;margin-left: 20px"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div style="width: 100%;display: flex;justify-content: center;margin-top: 20px;"> |
|
||||
<el-button @click="newWrit_bc">保存</el-button> |
|
||||
<el-button @click="close_">关闭</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
<!-- 修改弹框结束--> |
|
||||
<!-- Start 条件查询部分--> |
|
||||
<div style="display: flex;width: 100%;margin: 0 auto ;border: 1px solid #dcdfe6;margin-top: 20px;padding: 10px 0"> |
|
||||
<div |
|
||||
style="margin-left: 20px;display: flex;width: 300px;height: 40px;justify-content:space-around;align-items: center ;" |
|
||||
> |
|
||||
<span>区域名称:</span> |
|
||||
<el-input v-model="queryparams.params.name" clearable style="width: 200px"/> |
|
||||
</div> |
|
||||
<div |
|
||||
style="margin-left: 20px;display: flex;width: 350px;height: 40px;justify-content:space-around;align-items: center ;" |
|
||||
> |
|
||||
<span>行政区域代码:</span> |
|
||||
<el-input v-model="queryparams.params.districtCode" clearable style="width: 200px"/> |
|
||||
</div> |
|
||||
<div style="width:140px;float: right;line-height: 30px;height: 30px;margin-top: 5px;margin-left: 30px;"> |
|
||||
<el-button size="mini" type="primary" @click="loadList(1)">查询</el-button> |
|
||||
<el-button size="mini" type="primary" @click="reset()">重置</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- End 条件查询部分--> |
|
||||
<!--Start 列表部分--> |
|
||||
<div class="liebiaotitle" style="background-color: #fff;background-color: #0099ff;margin-top: 10px;"> |
|
||||
<div class="writ_title"> |
|
||||
<div style="margin-left: 10px">区域列表</div> |
|
||||
<!-- <pagination :total="queryparams.total" :page.sync="queryparams.current" :limit.sync="queryparams.size"--> |
|
||||
<!-- @pagination="pageSizeChange"/>--> |
|
||||
<el-pagination :total="queryparams.total" :page-size="queryparams.size" :page-sizes="[10, 20, 50, 100]" |
|
||||
background layout="sizes" |
|
||||
@size-change="pageSizeChange"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div> |
|
||||
<el-table |
|
||||
v-loading="tableloading" |
|
||||
border |
|
||||
:data="tableList" |
|
||||
tooltip-effect="dark" |
|
||||
style="width: 100%" |
|
||||
:cell-class-name="addclass" |
|
||||
:header-cell-style="{ background: '#f8f8f8', color: '#333' }" |
|
||||
> |
|
||||
<!-- <el-table-column type="index" width="50" label="序号" /> --> |
|
||||
<el-table-column label="操作" width="220" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button type="primary" size="mini" @click="administration(scope.row.sid)">管理</el-button> |
|
||||
<el-button type="primary" size="mini" @click="dataChang(scope.row.sid)">修改</el-button> |
|
||||
<el-button type="danger" size="mini" @click="delOne(scope.$index, scope.row)">删除</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="名称" align="center" prop="name"/> |
|
||||
<el-table-column label="行政区域代码" align="center" prop="districtCode"/> |
|
||||
<el-table-column label="排序" align="center" prop="sortNo"/> |
|
||||
<!-- <el-table-column label="区域名称" align="center" prop="title"> |
|
||||
<template slot-scope="scope"> |
|
||||
<div class="bgcolor" @click="cnsDetails(scope.row.sid)">{{ scope.row.title }}</div> |
|
||||
</template> |
|
||||
</el-table-column> --> |
|
||||
</el-table> |
|
||||
<pagging :notshowdelete="true" :queryparams="queryparams" @reloading="loadList"/> |
|
||||
</div> |
|
||||
<!--End 列表部分--> |
|
||||
|
|
||||
<el-dialog width="28%" :append-to-body="true" :visible.sync="cns_details" style="margin-top: -10vh;"> |
|
||||
<!-- 列表详情开始--> |
|
||||
<div class="xqlb_con"> |
|
||||
<div class="xqlb_title">{{ deteils.title }}</div> |
|
||||
<div class="xqlb_contents" style="white-space: pre-wrap;" v-html="deteils.contents"/> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
<!-- 列表详情结束--> |
|
||||
</div> |
</div> |
||||
<!--Start 城市页面--> |
<!-- <organizationManageInfo v-show="viewState ==4" ref="divInfo" @doback="resetState" /> --> |
||||
<region-city v-show="viewState == 2" ref="regionCity" @goBack="resetView"/> |
|
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import req from '@/api/system/region/region' // 请求方法 |
import req from "@/api/system/region/region.js"; |
||||
import pagging from '@/components/Pagging' // 删除一条数据 |
// import organizationManageInfo from './organizationManageInfo.vue' |
||||
import regionAdd from './component/regionAdd' // 添加一条数据 |
|
||||
import regionAlter from './component/regionAlter' // 修改一条数据 |
|
||||
import regionCity from './regionCity' // 城市 |
|
||||
import regionDistrict from './regionDistrict' // 区和县 |
|
||||
// import '@/styles/e-region.scss' |
|
||||
export default { |
export default { |
||||
name: 'Region', |
|
||||
components: { |
components: { |
||||
pagging, |
// organizationManageInfo, |
||||
regionAdd, |
|
||||
// eslint-disable-next-line vue/no-unused-components |
|
||||
regionAlter, |
|
||||
regionCity, |
|
||||
// eslint-disable-next-line vue/no-unused-components |
|
||||
regionDistrict |
|
||||
}, |
}, |
||||
data() { |
data() { |
||||
return { |
return { |
||||
viewState: 1, // 1、省 2、市 3、区/县 |
viewState: 1, |
||||
sid: '', //每行的sid |
activeName: "roleList", |
||||
//regionDto是一条数据 |
dialogTitle: "", |
||||
psid: '0', |
editDialog: false, |
||||
regionDto: { |
form: {}, |
||||
districtCode: '', |
formBackup: Object.assign({}, this.form), |
||||
level: 0, |
tableData: [], |
||||
name: '', |
|
||||
psid: this.psid, |
|
||||
sortNo: 0 |
|
||||
}, |
|
||||
huixian: {}, |
|
||||
tableloading: false, |
|
||||
title: '', |
|
||||
contents: '', |
|
||||
hxtitle: '', |
|
||||
hxcontents: '', |
|
||||
//列表查询 |
|
||||
queryparams: { |
|
||||
total: 0, |
|
||||
current: 1, |
|
||||
params: { |
|
||||
districtCode: '', |
|
||||
name: '', |
|
||||
psid: 0 |
|
||||
}, |
|
||||
size: 10 |
|
||||
}, |
|
||||
name: '', |
|
||||
activeIndex: '1', // 报错:格式有问题,把数字1改成字符串'1' |
|
||||
new_file: false, |
|
||||
updateEcho_: false, |
|
||||
tableList: [], |
|
||||
hxsid: '', |
|
||||
cns_details: false, |
|
||||
deteils: { |
|
||||
title: '', |
|
||||
contents: '' |
|
||||
} |
|
||||
} |
} |
||||
}, |
}, |
||||
created() { |
mounted() { |
||||
this.new_file = false |
this.getPageList(); |
||||
this.loadList() |
|
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
showAddDialog() { |
getPageList() { |
||||
var psid = this.queryparams.params.psid |
// 获取列表 |
||||
var level = 1 |
req.selectSysPlan().then((res) => { |
||||
this.$refs['reAdd'].showAdd(psid, level); |
this.tableData = res.data; |
||||
// this.$refs['reAdd'].regionDto.psid = sid; |
}); |
||||
// this.$refs['reAdd'].regionDto.level = 2; |
|
||||
}, |
}, |
||||
// 市返回到省 |
handleClick(tab, event) { |
||||
resetView() { |
if (tab.name == "addrole") { |
||||
this.viewState = 1 |
this.dialogTitle = "新增"; |
||||
|
this.roleForm = Object.assign({}, this.formBackup); |
||||
|
} else { |
||||
|
this.getPageList(); |
||||
|
} |
||||
}, |
}, |
||||
|
save() { |
||||
|
console.log("form", this.form) |
||||
|
|
||||
// |
if (this.form.sid) { |
||||
newFails() { |
req.alterSysPlant(this.form).then((res) => { |
||||
this.loadList() |
this.editDialog = false; |
||||
this.new_file = false |
this.getPageList(); |
||||
this.updateEcho_ = false |
this.$message({ |
||||
this.psid = '' |
message: res.msg, |
||||
this.huixian = {} |
type: "success", |
||||
}, |
}); |
||||
// 管理跳转页面到市 |
}); |
||||
administration(sid) { |
} else { |
||||
const _this = this; |
req.saveSysPlan(this.form).then((res) => { |
||||
this.viewState = 2; |
this.getPageList(); |
||||
this.$refs['regionCity'].psidRegion = this.queryparams.params.psid; //省级数据的psid传给市级 |
this.activeName = "roleList"; |
||||
this.$refs['regionCity'].queryparams.params.psid = sid; //把省级数据的sid传给市级 |
this.$message({ |
||||
// console.log('上一级sid传给添加页面',this.$refs['regionAdd'].regionDto.psid) |
message: res.msg, |
||||
this.$refs['regionCity'].showCity() |
type: "success", |
||||
this.queryparams.params.psid = sid; |
}); |
||||
req.pagerList(this.queryparams).then(resp => { |
}); |
||||
this.tableloading = false |
} |
||||
if (resp && resp.success) { |
this.reset(); |
||||
_this.$refs['regionCity'].tableList = resp.data.records |
}, |
||||
} |
reset() { |
||||
}) |
this.form = {}; |
||||
}, |
|
||||
// 重置 |
|
||||
reset() { |
|
||||
this.queryparams.params.name = '' |
|
||||
this.queryparams.params.districtCode = '' |
|
||||
}, |
|
||||
addclass(row) { |
|
||||
if (row.columnIndex === 1) { |
|
||||
return 'bgcolor' |
|
||||
} |
|
||||
}, |
}, |
||||
//分页 |
resetState() { |
||||
pageSizeChange(val) { |
this.viewState = 1 |
||||
this.queryparams.size = val |
|
||||
this.loadList() |
|
||||
}, |
}, |
||||
// 关闭弹框 |
editRow(row) { |
||||
close_() { |
this.dialogTitle = "编辑"; |
||||
this.new_file = false |
this.editDialog = true; |
||||
this.updateEcho_ = false |
this.form = Object.assign({}, row); |
||||
}, |
}, |
||||
|
detail(row) { |
||||
|
this.viewState = 4 |
||||
|
this.$refs['divInfo'].showAdd(row) |
||||
|
|
||||
// 查询列表 |
|
||||
loadList(flag) { |
|
||||
const _this = this |
|
||||
this.tableloading = true |
|
||||
if (flag == 1) { |
|
||||
this.queryparams.current = 1 |
|
||||
} |
|
||||
req.pagerList(this.queryparams).then(resp => { |
|
||||
this.tableloading = false |
|
||||
if (resp && resp.success) { |
|
||||
const data = resp.data |
|
||||
_this.queryparams.total = data.total |
|
||||
_this.tableList = [] |
|
||||
_this.tableList = data.records |
|
||||
} |
|
||||
}) |
|
||||
}, |
}, |
||||
|
deleteRow(row) { |
||||
|
this.$confirm("确定要删除该资源吗, 是否继续?", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}).then(() => { |
||||
|
req.deleteSysPlan(row.sid).then((res) => { |
||||
|
this.getPageList(); |
||||
|
|
||||
// 删除 |
this.$message({ |
||||
delOne(index, row) { |
type: "success", |
||||
this.$confirm('此操作将删除记录, 是否继续?', '提示', { |
message: "删除成功!", |
||||
confirmButtonText: '确定', |
}); |
||||
cancelButtonText: '取消', |
|
||||
type: 'warning' |
|
||||
}) |
|
||||
.then(() => { |
|
||||
this.doDelete(row.sid) |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
doDelete(sid) { |
}); |
||||
const _this = this |
|
||||
req.delete(sid).then(resp => { |
|
||||
console.log('resp' + resp) |
|
||||
if (resp && resp.success) { |
|
||||
_this.$message({ |
|
||||
type: 'success', |
|
||||
message: resp.msg, |
|
||||
showClose: true |
|
||||
}) |
|
||||
_this.loadList() |
|
||||
} else { |
|
||||
this.$message.error(resp.msg) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
// 点击修改回显 |
}); |
||||
dataChang(sid) { |
|
||||
const _this = this; |
|
||||
req.updateEcho(sid).then(resp => { |
|
||||
console.log('省级修改回显resp', resp); |
|
||||
if (resp && resp.success) { |
|
||||
const data = resp.data |
|
||||
_this.sid = data.sid |
|
||||
_this.psid = data.psid |
|
||||
this.huixian = data |
|
||||
_this.updateEcho_ = true |
|
||||
} else { |
|
||||
_this.$message.error(resp.msg) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 修改保存 |
|
||||
newWrit_bc() { |
|
||||
this.regionDto.districtCode = this.huixian.districtCode; |
|
||||
this.regionDto.level = this.huixian.level; |
|
||||
this.regionDto.name = this.huixian.name; |
|
||||
this.regionDto.sortNo = this.huixian.sortNo; |
|
||||
this.regionDto.psid = this.psid; |
|
||||
console.log('111省级-修改保存获取的regionDto', this.regionDto); |
|
||||
console.log('111省级-修改保存获取的psid', this.psid); |
|
||||
console.log('111省级-修改保存获取的sid', this.sid); |
|
||||
req.update(this.regionDto, this.sid).then(resp => { |
|
||||
console.log('这里是修改后的regionDto', this.regionDto, this.sid) |
|
||||
if (resp && resp.success) { |
|
||||
this.$message({ |
|
||||
type: 'success', |
|
||||
message: resp.msg, |
|
||||
showClose: true |
|
||||
}) |
|
||||
if (resp.code === '200') { |
|
||||
this.regionDto.districtCode = ''; |
|
||||
this.regionDto.name = ''; |
|
||||
this.regionDto.psid = ''; |
|
||||
this.regionDto.level = ''; |
|
||||
this.regionDto.sortNo = 0; |
|
||||
this.updateEcho_ = false; |
|
||||
this.loadList() |
|
||||
} |
|
||||
} else { |
|
||||
this.$message.error(resp.msg) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
// 修改保存 |
}, |
||||
newWrit_xg() { |
|
||||
console.log(this.hxcontents) |
|
||||
const dto = { |
|
||||
title: this.hxtitle, |
|
||||
contents: this.hxcontents, |
|
||||
sid: this.hxsid |
|
||||
} |
|
||||
console.log(dto) |
|
||||
// req.updateSave(dto).then(resp => { |
|
||||
// if (resp && resp.success) { |
|
||||
// this.$message({ |
|
||||
// type: 'success', |
|
||||
// message: resp.msg, |
|
||||
// showClose: true |
|
||||
// }) |
|
||||
// this.updateEcho_ = false |
|
||||
// this.hxtitle = '' |
|
||||
// this.hxcontents = '' |
|
||||
// this.loadList() |
|
||||
// } else { |
|
||||
// this.$message.error(resp.msg) |
|
||||
// } |
|
||||
// }) |
|
||||
} |
|
||||
} |
} |
||||
} |
}; |
||||
</script> |
</script> |
||||
|
|
||||
<style scoped lang="scss"> |
<style scoped="scoped" lang="scss"> |
||||
.app-container { |
.my-tabs { |
||||
margin-top: 10px; |
margin-top: 10px; |
||||
} |
} |
||||
|
</style> |
||||
.editor { |
|
||||
line-height: normal !important; |
|
||||
/* height: 192px; */ |
|
||||
width: 93%; |
|
||||
margin-top: 20px; |
|
||||
margin-left: 20px; |
|
||||
} |
|
||||
|
|
||||
.xqlb_con { |
|
||||
width: 100%; |
|
||||
min-height: 500px; |
|
||||
padding: 10px 15px 10px 15px; |
|
||||
border: 1px solid #dedede; |
|
||||
margin: 0 auto; |
|
||||
|
|
||||
.xqlb_title { |
|
||||
width: 90%; |
|
||||
height: 30px; |
|
||||
line-height: 30px; |
|
||||
text-align: center; |
|
||||
font-weight: 1000; |
|
||||
margin: 0 auto; |
|
||||
} |
|
||||
|
|
||||
.xqlb_contents { |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.el-dialog__title { |
|
||||
text-align: center !important; |
|
||||
background-color: #0099ff !important; |
|
||||
color: #fff !important; |
|
||||
} |
|
||||
|
|
||||
.tab_left { |
|
||||
text-align: right !important; |
|
||||
padding-right: 30px !important; |
|
||||
} |
|
||||
|
|
||||
.writ_title { |
|
||||
font-weight: bold; |
|
||||
margin: 0px 0px; |
|
||||
color: #fff; |
|
||||
padding: 5px 10px; |
|
||||
background-color: #0099ff; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
} |
|
||||
|
|
||||
.poptitle { |
|
||||
width: 97%; |
|
||||
height: 50px; |
|
||||
line-height: 50px; |
|
||||
border: 1px solid #dedede; |
|
||||
display: flex; |
|
||||
|
|
||||
.conter_title { |
|
||||
flex: 3; |
|
||||
height: 50px; |
|
||||
border-right: 1px solid #dedede; |
|
||||
text-align: center; |
|
||||
line-height: 50px; |
|
||||
} |
|
||||
|
|
||||
.conter_content { |
|
||||
flex: 7; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.popitem { |
|
||||
width: 97%; |
|
||||
min-height: 300px; |
|
||||
line-height: 50px; |
|
||||
border-left: 1px solid #dedede; |
|
||||
border-right: 1px solid #dedede; |
|
||||
border-bottom: 1px solid #dedede; |
|
||||
display: flex; |
|
||||
|
|
||||
.popitem_title { |
|
||||
flex: 3; |
|
||||
min-height: 300px; |
|
||||
border-right: 1px solid #dedede; |
|
||||
text-align: center; |
|
||||
line-height: 300px; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.textarea__inner { |
|
||||
overflow-y: auto; |
|
||||
min-height: 300px !important; |
|
||||
/* overflow-y: auto;兼容ie */ |
|
||||
} |
|
||||
|
|
||||
.bgcolor { |
|
||||
color: #028ac8; |
|
||||
/* text-decoration: underline; 下划线*/ |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
|
|
||||
.new_ { |
|
||||
margin-left: 150px; |
|
||||
text-align: center; |
|
||||
color: #9ea1a6 !important; |
|
||||
background-color: #fff; |
|
||||
border: 1px solid #dedede; |
|
||||
width: 100px; |
|
||||
height: 35px; |
|
||||
line-height: 35px; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
|
|
||||
.el-menu.el-menu--horizontal { |
|
||||
padding-bottom: 10px; |
|
||||
border-bottom: 1px solid #018ad2 !important; |
|
||||
/*border-bottom: 2px solid #00ccff !important;*/ |
|
||||
} |
|
||||
|
|
||||
.el-submenu__title { |
|
||||
text-align: center; |
|
||||
line-height: 35px !important; |
|
||||
width: 130px !important; |
|
||||
height: 35px !important; |
|
||||
padding: 0 !important; |
|
||||
} |
|
||||
|
|
||||
.el-menu--horizontal > .el-menu-item .is-active { |
|
||||
border-bottom: 1px solid #fff !important; |
|
||||
} |
|
||||
|
|
||||
.el-menu-item.is-active { |
|
||||
color: #fff !important; |
|
||||
text-align: center; |
|
||||
line-height: 35px; |
|
||||
min-width: 100px !important; |
|
||||
height: 35px !important; |
|
||||
} |
|
||||
|
|
||||
.el-menu--horizontal > .el-menu-item { |
|
||||
margin-left: 20px; |
|
||||
text-align: center; |
|
||||
line-height: 35px; |
|
||||
min-width: 100px !important; |
|
||||
height: 35px !important; |
|
||||
border: 1px solid #dedede; |
|
||||
border: 1px solid #dedede !important; |
|
||||
text-align: center; |
|
||||
} |
|
||||
|
|
||||
.el-submenu__title { |
|
||||
height: 60px; |
|
||||
line-height: 60px; |
|
||||
border-bottom: 2px solid transparent; |
|
||||
color: #fff; |
|
||||
font-size: 20px; |
|
||||
text-align: center; |
|
||||
} |
|
||||
|
|
||||
.el-menu--popup { |
|
||||
min-width: 100px !important; |
|
||||
} |
|
||||
|
|
||||
.new_undertak { |
|
||||
cursor: pointer; |
|
||||
color: #909399; |
|
||||
font-size: 14px; |
|
||||
width: 100%; |
|
||||
padding: 5px 0; |
|
||||
border-bottom: 1px solid #909399; |
|
||||
text-align: center; |
|
||||
} |
|
||||
|
|
||||
.new_undertak:hover { |
|
||||
color: #000; |
|
||||
} |
|
||||
</style> |
|
||||
<!--<style>--> |
|
||||
<!-- .el-menu-item {--> |
|
||||
<!-- text-align: left;--> |
|
||||
<!-- }--> |
|
||||
<!--</style>--> |
|
||||
|
Loading…
Reference in new issue