Browse Source

111111111

master
guoxing 2 years ago
parent
commit
758ec43352
  1. 2
      demo-web-ui/.env.development
  2. 82
      demo-web-ui/src/api/system/copyofprocess/liuchengchasongguanli.js
  3. 52
      demo-web-ui/src/api/system/personalization/personalization.js
  4. 65
      demo-web-ui/src/api/system/region/region.js
  5. 18
      demo-web-ui/src/router/index.js
  6. 2
      demo-web-ui/src/utils/request.js
  7. 492
      demo-web-ui/src/views/copyofprocess/liuchengchasongguanli.vue
  8. 834
      demo-web-ui/src/views/organizationManage/organizationManage.vue
  9. 157
      demo-web-ui/src/views/organizationManage/organizationManageInfo.vue
  10. 247
      demo-web-ui/src/views/personalization/personalization.vue
  11. 695
      demo-web-ui/src/views/region/region.vue
  12. 380
      demo-web-ui/src/views/workflow/definition/definition.vue

2
demo-web-ui/.env.development

@ -6,6 +6,6 @@ VUE_APP_BASE_API = '/api'
## 配置测试和本地开发时的 接口地址 ## 配置测试和本地开发时的 接口地址
##VUE_APP_URL = "http://26077a35f5.wicp.vip" ##VUE_APP_URL = "http://26077a35f5.wicp.vip"
# VUE_APP_URL = "http://anrui.yyundong.com" ## VUE_APP_URL = "http://anrui.yyundong.com"
##VUE_APP_URL = "http://1mn7264414.qicp.vip" ##VUE_APP_URL = "http://1mn7264414.qicp.vip"
VUE_APP_URL = "http://39.104.100.138:9112" VUE_APP_URL = "http://39.104.100.138:9112"

82
demo-web-ui/src/api/system/copyofprocess/liuchengchasongguanli.js

@ -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
}
})
}

52
demo-web-ui/src/api/system/personalization/personalization.js

@ -1,5 +1,6 @@
import request from '@/utils/request' import request from '@/utils/request'
let tokens = window.sessionStorage.getItem('token');
// 获取菜单 分页列表 // 获取菜单 分页列表
export function getList(data) { export function getList(data) {
return request({ return request({
@ -15,6 +16,55 @@ export function saveOrUpdate(data) {
url: '/portal/v1/sysuserdefaultorg/saveOrUpdate', url: '/portal/v1/sysuserdefaultorg/saveOrUpdate',
method: 'post', method: 'post',
data: data, data: data,
headers: { 'Content-Type': 'application/json' } headers: {
'Content-Type': 'application/json'
}
})
}
// 公告管理
// 获取公告管理
export function selectSysNotice(data) {
return request({
url: '/v1/sysnatic/selectSysNotice',
method: 'post',
params: data
})
}
// 新增公告管理
export function saveSusNotice(data) {
return request({
url: '/v1/sysnatic/saveSysNotice',
method: 'POST',
data: data,
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
}
// 删除公告管理
export function deleteSysNotice(sid) {
return request({
url: '/v1/sysnatic/deleteSysNotice/' + sid,
method: 'delete',
}) })
} }
// 修改公告管理
export function alterSusNotice(data) {
return request({
url: '/v1/sysnatic/alterSysNotice',
method: 'POST',
data: data,
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
}

65
demo-web-ui/src/api/system/region/region.js

@ -3,7 +3,7 @@ import request from '@/utils/request'
export default { export default {
// 分页列表 // 分页列表
pagerList: function (params) { pagerList: function(params) {
return request({ return request({
url: '/portal/v1/regions/pagerList', url: '/portal/v1/regions/pagerList',
method: 'post', method: 'post',
@ -15,7 +15,7 @@ export default {
}, },
// 新增保存 // 新增保存
save: function (regionDto) { save: function(regionDto) {
return request({ return request({
url: '/portal/v1/regions/save', url: '/portal/v1/regions/save',
method: 'post', method: 'post',
@ -49,7 +49,7 @@ export default {
// }, // },
// 删除 // 删除
delete: function (sid) { delete: function(sid) {
return request({ return request({
url: '/portal/v1/regions/delete/' + sid, url: '/portal/v1/regions/delete/' + sid,
method: 'delete', method: 'delete',
@ -58,7 +58,7 @@ export default {
}, },
//点击修改回显数据 //点击修改回显数据
updateEcho: function (sid) { updateEcho: function(sid) {
return request({ return request({
url: '/portal/v1/regions/getOne/' + sid, url: '/portal/v1/regions/getOne/' + sid,
method: 'post', method: 'post',
@ -70,7 +70,7 @@ export default {
// 区域修改保存 // 区域修改保存
// system/region/update/{sid} // system/region/update/{sid}
update: function (params,sid) { update: function(params, sid) {
return request({ return request({
url: '/portal/v1/regions/update/' + sid, url: '/portal/v1/regions/update/' + sid,
method: 'post', method: 'post',
@ -79,5 +79,56 @@ export default {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
}) })
} },
}
// 自主学姐计划
// 分页列表
selectSysPlan: function(params) {
return request({
url: '/v1/sysPlan/selectSysPlan',
method: 'post',
params: params,
headers: {
'Content-Type': 'application/json'
}
})
},
// 新增保存
saveSysPlan: function(data) {
return request({
url: '/v1/sysPlan/saveSysPlan',
method: 'post',
data: data,
headers: {
'Content-Type': 'application/json'
}
})
},
// 删除
deleteSysPlan: function(sid) {
return request({
url: '/v1/sysPlan/deleteSysPlan/' + sid,
method: 'delete'
})
},
//点击修改回显数据
alterSysPlant: function(data) {
return request({
url: '/v1/sysPlan/alterSysPlan',
method: 'POST',
data: data,
headers: {
'Content-Type': 'application/json'
}
})
},
}

18
demo-web-ui/src/router/index.js

@ -22,8 +22,8 @@ export const constantRoutes = [
redirect: 'login' redirect: 'login'
}, },
{ {
path: '/reg', path: '/Regist',
component: () => import("@/views/regist/User.vue") component: () => import("@/views/Regist/User.vue")
}, },
{ {
path: '/login', path: '/login',
@ -55,7 +55,8 @@ export const constantRoutes = [
{ {
path: '/region', path: '/region',
component: () => component: () =>
import('@/views/region/region.vue'), import('@/views/region/region.vue'),
name: 'region',
meta: { meta: {
title: '自主学习计划管理' title: '自主学习计划管理'
} }
@ -115,14 +116,16 @@ export const constantRoutes = [
}, },
{ {
path: '/personalization', path: '/personalization',
component: () => import('@/views/personalization/personalization.vue'), component: () => import('@/views/personalization/personalization.vue'),
name: 'personalization',
meta: { meta: {
title: '公告管理' title: '公告管理'
} }
}, },
{ {
path: '/copyofprocess', path: '/copyofprocess',
component: () => import('@/views/copyofprocess/liuchengchasongguanli'), component: () => import('@/views/copyofprocess/liuchengchasongguanli.vue'),
name: 'liuchengchasongguanli',
meta: { meta: {
title: '论坛管理' title: '论坛管理'
} }
@ -152,7 +155,8 @@ export const constantRoutes = [
{ {
path: '/organizationManage', path: '/organizationManage',
component: () => component: () =>
import('@/views/organizationManage/organizationManage.vue'), import('@/views/organizationManage/organizationManage.vue'),
name: 'organizationManage',
meta: { meta: {
title: '论坛交流' title: '论坛交流'
} }
@ -160,7 +164,7 @@ export const constantRoutes = [
{ {
path: '/datamapping', path: '/datamapping',
component: () => import('@/views/datamapping/shujuyingshe.vue'), component: () => import('@/views/datamapping/shujuyingshe.vue'),
meta: { title: '自主学习计划制定指导', noCache: true } meta: { title: '自主学习计划制定指导' }
}, },
{ {
path: '/organizationManage', path: '/organizationManage',

2
demo-web-ui/src/utils/request.js

@ -7,7 +7,7 @@ import { getToken, getStorage } from '@/utils/auth'
console.log('dadadadad', process.env.VUE_APP_URL) console.log('dadadadad', process.env.VUE_APP_URL)
const service = axios.create({ const service = axios.create({
baseURL: process.env.VUE_APP_URL, // url = base url + request url baseURL: process.env.VUE_APP_URL, // url = base url + request url
timeout: 5000, // request timeout timeout: 50000, // request timeout
// headers: { 'Content-Type': 'application/json' } // headers: { 'Content-Type': 'application/json' }
}) })

492
demo-web-ui/src/views/copyofprocess/liuchengchasongguanli.vue

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

834
demo-web-ui/src/views/organizationManage/organizationManage.vue

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

157
demo-web-ui/src/views/organizationManage/organizationManageInfo.vue

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

247
demo-web-ui/src/views/personalization/personalization.vue

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

695
demo-web-ui/src/views/region/region.vue

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

380
demo-web-ui/src/views/workflow/definition/definition.vue

@ -1,77 +1,33 @@
<template> <template>
<el-tabs <el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick">
class="my-tabs"
v-model="activeName"
type="card"
@tab-click="handleClick"
>
<el-tab-pane label="学生信息" name="roleList"> <el-tab-pane label="学生信息" name="roleList">
<div class="container"> <div class="container">
<el-table :data="tableData" border style="width: 100%"> <el-table :data="tableData" border style="width: 100%">
<el-table-column <el-table-column label="序号" width="70px" type="index" align="center">
label="序号"
width="70px"
type="index"
align="center"
>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="150px" align="center"> <el-table-column label="操作" width="150px" align="center">
<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 <el-button type="danger" size="mini" @click.native.prevent="deleteRow(scope.row)">
type="danger"
size="mini"
@click.native.prevent="deleteRow(scope.row)"
>
删除 删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="name" label="学生姓名" width="100px" align="center">
prop="name"
label="学生姓名"
width="100px"
align="center"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="infoId" label="学号ID" align="center" width="150px">
prop="infoId"
label="学号ID"
align="center"
width="150px"
>
</el-table-column> </el-table-column>
<el-table-column prop="sex" label="性别" align="center" width="70px"> <el-table-column prop="sex" label="性别" align="center" width="70px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="calss" label="所属班级" align="center" width="100px">
prop="calss"
label="所属班级"
align="center"
width="100px"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="department" label="系别" align="center" width="100px">
prop="department"
label="系别"
align="center"
width="100px"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="speciality" label="专业" align="center" width="150px">
prop="speciality"
label="专业"
align="center"
width="150px"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="studyYear" label="入学年份" align="center" width="150px">
prop="studyYear"
label="入学年份"
align="center"
width="150px"
>
</el-table-column> </el-table-column>
<el-table-column width="200px" label="成绩录入" align="center"> <el-table-column width="200px" label="成绩录入" align="center">
<template> <template>
@ -82,18 +38,9 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination" />
:total="page.total"
:page.sync="page.current"
:limit.sync="page.size"
@pagination="pagination"
/>
<!-- 编辑角色信息 --> <!-- 编辑角色信息 -->
<el-dialog <el-dialog :title="dialogTitle + '角色信息'" :visible.sync="editDialog" width="40%">
:title="dialogTitle + '角色信息'"
:visible.sync="editDialog"
width="40%"
>
<table class="e-table" cellspacing="0"> <table class="e-table" cellspacing="0">
<tr> <tr>
<td>学生姓名</td> <td>学生姓名</td>
@ -122,29 +69,20 @@
<tr> <tr>
<td>系别</td> <td>系别</td>
<td> <td>
<el-input <el-input v-model="form.department" style="width: 300px"></el-input>
v-model="form.department"
style="width: 300px"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>专业</td> <td>专业</td>
<td> <td>
<el-input <el-input v-model="form.speciality" style="width: 300px"></el-input>
v-model="form.speciality"
style="width: 300px"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>入学年份</td> <td>入学年份</td>
<td> <td>
<el-input <el-input v-model="form.studyYear" style="width: 300px"></el-input>
v-model="form.studyYear"
style="width: 300px"
></el-input>
</td> </td>
</tr> </tr>
</table> </table>
@ -209,46 +147,30 @@
<!--</div>--> <!--</div>-->
</el-tab-pane> </el-tab-pane>
<!-- 学生成绩录入 --> <!-- 学生成绩录入 -->
<el-dialog <el-dialog :title="dialogTitle + '学生成绩'" :visible.sync="entry" width="40%">
:title="dialogTitle + '学生成绩'"
:visible.sync="entry"
width="40%"
>
<table class="e-table" cellspacing="0"> <table class="e-table" cellspacing="0">
<tr> <tr>
<td>学号ID</td> <td>学号ID</td>
<td> <td>
<el-input <el-input v-model="student.studentNo" style="width: 300px"></el-input>
v-model="student.studentNo"
style="width: 300px"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>四级()</td> <td>四级()</td>
<td> <td>
<el-input <el-input v-model="student.fourScore" style="width: 300px"></el-input>
v-model="student.fourScore"
style="width: 300px"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>六级()</td> <td>六级()</td>
<td> <td>
<el-input <el-input v-model="student.sixScore" style="width: 300px"></el-input>
v-model="student.sixScore"
style="width: 300px"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>计算机()</td> <td>计算机()</td>
<td> <td>
<el-input <el-input v-model="student.computerScore" style="width: 300px"></el-input>
v-model="student.computerScore"
style="width: 300px"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -288,152 +210,154 @@
</template> </template>
<script> <script>
import { import {
pageList, pageList,
saveSourcesInfo, saveSourcesInfo,
putSourcesInfo, putSourcesInfo,
delSources, delSources,
addStudentScore addStudentScore
} from "@/api/system/sources/index.js"; } from "@/api/system/sources/index.js";
export default { export default {
data() { data() {
return { return {
activeName: "roleList", activeName: "roleList",
dialogTitle: "", dialogTitle: "",
editDialog: false, editDialog: false,
entry: false, entry: false,
form: {}, form: {},
student: {}, student: {},
type: "xs", type: "xs",
jiuye:'已就业', jiuye: '已就业',
formBackup: Object.assign({}, this.form), formBackup: Object.assign({}, this.form),
page: { page: {
total: 0, // total: 0, //
current: 1, // current: 1, //
size: 10, // size: 10, //
params: { params: {
psid: "", psid: "",
sourceId: "", sourceId: "",
sourceName: "", sourceName: "",
}, },
},
tableData: [],
zylb: [],
sourceList: [],
};
},
mounted() {
this.getPageList(this.page);
// getsourceList().then(res => {
// this.sourceList = res.data
// })
// getZzylb().then(res => {
// this.zylb = res.data
// })
},
methods: {
pagination(val) {
//
this.page.current = val.pageNum;
this.page.size = val.pageSize;
this.getPageList(this.page);
},
resetSearch() {
//
this.page = {
total: 0, //
current: 1, //
size: 10, //
params: {
name: "",
psid: "",
sourceId: "",
sourceName: "",
}, },
tableData: [],
zylb: [],
sourceList: [],
}; };
this.getPageList();
}, },
getPageList() { mounted() {
// this.getPageList(this.page);
pageList(this.type).then((res) => { // getsourceList().then(res => {
this.tableData = res.data; // this.sourceList = res.data
this.page.total = res.data.total; // })
}); // getZzylb().then(res => {
// this.zylb = res.data
// })
}, },
handleClick(tab, event) { methods: {
if (tab.name == "addrole") { pagination(val) {
this.dialogTitle = "新增"; //
this.roleForm = Object.assign({}, this.formBackup); this.page.current = val.pageNum;
} else { this.page.size = val.pageSize;
this.getPageList(this.page);
},
resetSearch() {
//
this.page = {
total: 0, //
current: 1, //
size: 10, //
params: {
name: "",
psid: "",
sourceId: "",
sourceName: "",
},
};
this.getPageList(); this.getPageList();
} },
}, getPageList() {
save() { //
if (this.form.sid) { pageList(this.type).then((res) => {
putSourcesInfo(this.form).then((res) => { this.tableData = res.data;
this.editDialog = false; this.page.total = res.data.total;
this.getPageList(this.page);
this.$message({
message: res.msg,
type: "success",
});
}); });
} else { },
saveSourcesInfo(this.form).then((res) => { handleClick(tab, event) {
if (tab.name == "addrole") {
this.dialogTitle = "新增";
this.roleForm = Object.assign({}, this.formBackup);
} else {
this.getPageList(); this.getPageList();
this.activeName = "roleList"; }
this.$message({ },
message: res.msg, save() {
type: "success", if (this.form.sid) {
putSourcesInfo(this.form).then((res) => {
this.editDialog = false;
this.getPageList(this.page);
this.$message({
message: res.msg,
type: "success",
});
}); });
}); } else {
} saveSourcesInfo(this.form).then((res) => {
this.reset(); this.getPageList();
}, this.activeName = "roleList";
save1() { this.$message({
this.entry = false; message: res.msg,
type: "success",
});
});
}
this.reset();
},
save1() {
this.entry = false;
console.log(this.student); console.log(this.student);
addStudentScore(this.student).then((res)=>{ addStudentScore(this.student).then((res) => {
console.log(res); console.log(res);
}) })
}, },
reset() { reset() {
this.form = {}; this.form = {};
}, },
editRow(row) { editRow(row) {
this.dialogTitle = "编辑"; this.dialogTitle = "编辑";
this.editDialog = true; this.editDialog = true;
this.form = Object.assign({}, row); this.form = Object.assign({}, row);
// getSourcesInfo({sid: row.sid}).then(res => { // getSourcesInfo({sid: row.sid}).then(res => {
// this.form = res.data // this.form = res.data
// }) // })
}, },
chengji() { chengji() {
this.dialogTitle = "录入"; this.dialogTitle = "录入";
this.entry = true; this.entry = true;
}, },
deleteRow(row) { deleteRow(row) {
this.$confirm("确定要删除该资源吗, 是否继续?", "提示", { this.$confirm("确定要删除该资源吗, 是否继续?", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
}).then(() => { }).then(() => {
delSources({ sid: row.sid }).then((res) => { delSources({
this.getPageList(); sid: row.sid
this.$message({ }).then((res) => {
type: "success", this.getPageList();
message: "删除成功!", this.$message({
type: "success",
message: "删除成功!",
});
}); });
}); });
}); },
}, },
}, };
};
</script> </script>
<style scoped="scoped" lang="scss"> <style scoped="scoped" lang="scss">
.my-tabs { .my-tabs {
margin-top: 10px; margin-top: 10px;
} }
</style> </style>
Loading…
Cancel
Save