1
This commit is contained in:
fengdong777
@@ -6,5 +6,6 @@ VUE_APP_BASE_API = '/api'
|
||||
|
||||
## 配置测试和本地开发时的 接口地址
|
||||
##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://39.104.100.138:9112"
|
||||
|
||||
@@ -5,5 +5,5 @@ ENV = 'production'
|
||||
VUE_APP_BASE_API = '/api'
|
||||
|
||||
## 配置 正式接口地址
|
||||
VUE_APP_URL = "http://120.46.131.15:8111"
|
||||
VUE_APP_URL = "http://192.168.3.183:9112"
|
||||
|
||||
|
||||
@@ -9,7 +9,6 @@ class user {
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
logout(data) { // 退出
|
||||
return request({
|
||||
url: '/portal/v1/sysuser/signOut',
|
||||
@@ -26,7 +25,7 @@ class user {
|
||||
})
|
||||
}
|
||||
|
||||
reGetPwd(data) {
|
||||
reGetPwd(data) { //修改密码
|
||||
return request({
|
||||
url: '/portal/v1/sysuser/reGetPwd',
|
||||
method: 'post',
|
||||
|
||||
@@ -13,7 +13,7 @@ export function rolemenus(data) {
|
||||
// 获取左侧菜单
|
||||
export function getrolemenus(data) {
|
||||
return request({
|
||||
url: '/portal/v1/sysmenu/sourcemenutree',
|
||||
url: 'v1/SysMenu/list',
|
||||
method: 'POST',
|
||||
async: false,
|
||||
data: data,
|
||||
|
||||
@@ -31,7 +31,7 @@ export function savePost(data) {
|
||||
// 模块名称
|
||||
export function sourceList(data) {
|
||||
return request({
|
||||
url: '/portal/v1/syssource/listAll',
|
||||
url: 'v1/SysMenu/list',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {
|
||||
|
||||
@@ -7,7 +7,7 @@ let tokens = window.sessionStorage.getItem('token');
|
||||
//获取菜单 分页列表
|
||||
export function pageList(data) {
|
||||
return request({
|
||||
url: '/portal/v1/sysmenu/listAllVoForSource',
|
||||
url: 'v1/SysMenu/list',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {
|
||||
@@ -20,27 +20,27 @@ export function pageList(data) {
|
||||
// 新增保存 菜单信息
|
||||
export function saveMenusInfo(data) {
|
||||
return request({
|
||||
url: '/portal/v1/sysmenu/save',
|
||||
url: 'v1/SysMenu/save',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json'}
|
||||
headers: { 'Content-Type': 'application/json' }
|
||||
})
|
||||
}
|
||||
|
||||
// 修改保存 菜单信息
|
||||
export function putMenusInfo(data) {
|
||||
return request({
|
||||
url: '/portal/v1/sysmenu/update/' + data.sid,
|
||||
url: 'v1/SysMenu/alterSysMenu',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json'}
|
||||
headers: { 'Content-Type': 'application/json' }
|
||||
})
|
||||
}
|
||||
|
||||
//根据sid 删除单个 资源信息
|
||||
export function delMenus(data) {
|
||||
return request({
|
||||
url: '/portal/v1/sysmenu/delBySids/' + data.sid,
|
||||
url: 'v1/SysMenu/deleteSysMenu/' + data.sid,
|
||||
method: 'get',
|
||||
data: qs.stringify(data),
|
||||
headers: {
|
||||
@@ -70,7 +70,7 @@ export function roleList(data) {
|
||||
url: '/system/v1/menus/list',
|
||||
method: 'post',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json'}
|
||||
headers: { 'Content-Type': 'application/json' }
|
||||
})
|
||||
}
|
||||
|
||||
@@ -80,7 +80,7 @@ export function menusPageList(data) {
|
||||
url: '/system/v1/menus/pagelist',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json'}
|
||||
headers: { 'Content-Type': 'application/json' }
|
||||
})
|
||||
}
|
||||
|
||||
@@ -90,7 +90,7 @@ export function menusTreelist(data) {
|
||||
url: '/system/v1/menus/treelist',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json'}
|
||||
headers: { 'Content-Type': 'application/json' }
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@ let tokens = window.sessionStorage.getItem('token');
|
||||
//获取菜单 分页列表
|
||||
export function pageList(data) {
|
||||
return request({
|
||||
url: '/portal/v1/syssource/listPage',
|
||||
url: 'v1/sysinfo/selectInfoList',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json',
|
||||
@@ -16,7 +16,7 @@ export function pageList(data) {
|
||||
//保存 资源信息
|
||||
export function saveSourcesInfo(data) {
|
||||
return request({
|
||||
url: '/portal/v1/syssource/save',
|
||||
url: 'v1/sysinfo/saveInfo',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json',
|
||||
@@ -27,7 +27,7 @@ export function saveSourcesInfo(data) {
|
||||
// 修改 保存 资源信息
|
||||
export function putSourcesInfo(data) {
|
||||
return request({
|
||||
url: '/portal/v1/syssource/update/' + data.sid,
|
||||
url: 'v1/sysinfo/alterInfo',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json',
|
||||
@@ -35,10 +35,40 @@ export function putSourcesInfo(data) {
|
||||
}
|
||||
})
|
||||
}
|
||||
export function addStudentScore(data) {
|
||||
return request({
|
||||
url: 'v1/sysstudentscore/addStudentScore',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json',
|
||||
'token':tokens
|
||||
}
|
||||
})
|
||||
}
|
||||
export function saveSysInfoShip(data) {
|
||||
return request({
|
||||
url: 'v1/sysinfoship/saveSysInfoShip',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json',
|
||||
'token':tokens
|
||||
}
|
||||
})
|
||||
}
|
||||
export function selectTeacherDownStudent(data) {
|
||||
return request({
|
||||
url: 'v1/sysinfoship/selectTeacherDownStudent/' + data.infoId,
|
||||
method: 'get',
|
||||
data: qs.stringify(data),
|
||||
headers: {'Content-Type': 'application/json',
|
||||
'token':tokens
|
||||
}
|
||||
})
|
||||
}
|
||||
//根据sid 删除单个 资源信息
|
||||
export function delSources(data) {
|
||||
return request({
|
||||
url: '/portal/v1/syssource/delBySids/' + data.sid,
|
||||
url: 'v1/sysinfo/deleteInfo/' + data.sid,
|
||||
method: 'get',
|
||||
data: qs.stringify(data),
|
||||
headers: {'Content-Type': 'application/json',
|
||||
|
||||
@@ -3,19 +3,17 @@ import qs from 'qs'
|
||||
//登录
|
||||
export function login(data) {
|
||||
return request({
|
||||
url: '/portal/v1/sysuser/login',
|
||||
url: '/v1/sysuser/login',
|
||||
method: 'post',
|
||||
data: data,
|
||||
headers: {'Content-Type': 'application/json'}
|
||||
})
|
||||
}
|
||||
// 用户注册
|
||||
export function registUser(data) {
|
||||
return request({
|
||||
url: '/system/user/save',
|
||||
url: 'v1/sysuser/register',
|
||||
method: 'post',
|
||||
data,
|
||||
headers:{'Content-Type':'application/x-www-form-urlencoded;'}
|
||||
})
|
||||
}
|
||||
// 获取手机验证码
|
||||
@@ -46,7 +44,7 @@ export function getInfo(token) {
|
||||
// 根据token值获取登录后的用户信息
|
||||
export function loginDetails(data) {
|
||||
return request({
|
||||
url: '/portal/v1/sysuser/loginDetails',
|
||||
url: '/v1/sysuser/loginDetails',
|
||||
method: 'post',
|
||||
data: data,
|
||||
headers: {
|
||||
|
||||
@@ -23,6 +23,7 @@ export default {
|
||||
name:'',
|
||||
year:'',
|
||||
pNameAndDepartmentNameAndPostName:'',
|
||||
userSid:'',
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
@@ -30,15 +31,17 @@ export default {
|
||||
this.departmentName = window.sessionStorage.getItem('departmentName')
|
||||
this.name = window.sessionStorage.getItem('name')
|
||||
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName')
|
||||
this.name = window.sessionStorage.getItem('name')
|
||||
this.userSid = window.sessionStorage.getItem('userSid')
|
||||
var nowDate = new Date()
|
||||
this.year = nowDate.getFullYear()
|
||||
console.log(this.userSid);
|
||||
},
|
||||
methods: {
|
||||
logout() {
|
||||
// this.$router.push({path: '/home'})
|
||||
window.opener = null
|
||||
window.open('about:blank', '_top').close()
|
||||
window.localStorage.removeItem("token");
|
||||
this.$router.push("/login");
|
||||
// window.opener = null
|
||||
// window.open('about:blank', '_top').close()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -12,12 +12,19 @@
|
||||
mode="vertical"
|
||||
router
|
||||
>
|
||||
<el-submenu index="/workflow">
|
||||
<template slot="title">
|
||||
<span>用户管理</span>
|
||||
</template>
|
||||
<el-menu-item index="/workflow/definition">学生信息</el-menu-item>
|
||||
<el-menu-item index="/workflow/form">教师信息</el-menu-item>
|
||||
</el-submenu>
|
||||
<template v-for="(item,index) in routes">
|
||||
<!--<template v-if="item.children && item.children.length != 0">
|
||||
|
||||
</template>
|
||||
<template v-else>-->
|
||||
<el-menu-item :index="item.path" :key="index">
|
||||
<el-menu-item :index="item.pageUrl" :key="index">
|
||||
<!-- <i :class="item.icon"></i> -->
|
||||
<span slot="title">{{ item.name }}</span>
|
||||
</el-menu-item>
|
||||
@@ -28,13 +35,6 @@
|
||||
:item="route"
|
||||
:base-path="route.path"
|
||||
/>-->
|
||||
<el-submenu index="/workflow">
|
||||
<template slot="title">
|
||||
<span>工作流</span>
|
||||
</template>
|
||||
<el-menu-item index="/workflow/definition">流程定义</el-menu-item>
|
||||
<el-menu-item index="/workflow/form">表单配置</el-menu-item>
|
||||
</el-submenu>
|
||||
|
||||
</el-menu>
|
||||
</el-scrollbar>
|
||||
@@ -97,44 +97,34 @@
|
||||
getrolemenus(params).then(res => {
|
||||
console.log('aaa')
|
||||
console.log(res)
|
||||
let userRoles = this.resRouter(res.data)
|
||||
// userRoles.push(
|
||||
// {
|
||||
// path: '/workflow', component: Layout, redirect: '/workflow/index', name: '工作流',
|
||||
// children: [{
|
||||
// name: "WorkflowIndex",
|
||||
// path: "/workflow/index",
|
||||
// component: "",
|
||||
// alwaysShow: true,
|
||||
// meta: {icon: "", title: "工作流"}
|
||||
// }]
|
||||
// })
|
||||
// userRoles.push({path: '*', redirect: '/404', hidden: true})
|
||||
return userRoles
|
||||
this.routes = res.data
|
||||
// let userRoles = this.resRouter(res.data)
|
||||
|
||||
// return userRoles
|
||||
})
|
||||
},
|
||||
resRouter(menus) { //递归，将后台传来数组
|
||||
for (var i = 0; i < menus.length; i++) {
|
||||
if (menus[i].children && menus[i].children.length != 0) {
|
||||
this.resRouter(menus[i].children)
|
||||
}
|
||||
if (menus[i].children.length == 0) {
|
||||
delete menus[i].children
|
||||
delete menus[i].redirect
|
||||
}
|
||||
if (menus[i].component == '') {
|
||||
menus[i] = {
|
||||
path: menus[i].path,
|
||||
component: Layout,
|
||||
redirect: menus[i].path,
|
||||
children: [menus[i]],
|
||||
name: menus[i].meta.title,
|
||||
}
|
||||
}
|
||||
}
|
||||
this.routes = menus
|
||||
return menus
|
||||
}
|
||||
// resRouter(menus) { //递归，将后台传来数组
|
||||
// for (var i = 0; i < menus.length; i++) {
|
||||
// if (menus[i].children && menus[i].children.length != 0) {
|
||||
// this.resRouter(menus[i].children)
|
||||
// }
|
||||
// if (menus[i].children.length == 0) {
|
||||
// delete menus[i].children
|
||||
// delete menus[i].redirect
|
||||
// }
|
||||
// if (menus[i].component == '') {
|
||||
// menus[i] = {
|
||||
// path: menus[i].path,
|
||||
// component: Layout,
|
||||
// redirect: menus[i].path,
|
||||
// children: [menus[i]],
|
||||
// name: menus[i].meta.title,
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// this.routes = menus
|
||||
// return menus
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -6,7 +6,6 @@
|
||||
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
|
||||
<div class="main-container">
|
||||
<div class="home-box">
|
||||
<a href="javascript:window.opener=null;window.open('','_self');window.close();" class="text-center">平台首页</a>
|
||||
<a href="javascript:void(0);" class="text-center">系统管理</a>
|
||||
</div>
|
||||
<sidebar class="sidebar-container"/> <!--菜单-->
|
||||
|
||||
@@ -22,30 +22,155 @@ export const constantRoutes = [
|
||||
redirect: 'login'
|
||||
},
|
||||
{
|
||||
path: '/login',
|
||||
component: () => import('@/views/login/login.vue')
|
||||
path: '/reg',
|
||||
component: () => import("@/views/regist/User.vue")
|
||||
},
|
||||
{
|
||||
path: '/home',
|
||||
component: () => import('@/views/Home/Home.vue'),
|
||||
name: 'home'
|
||||
|
||||
path: '/login',
|
||||
component: () => import('@/views/login/login.vue')
|
||||
},
|
||||
{
|
||||
path: '/index',
|
||||
component: Layout,
|
||||
redirect: '/index',
|
||||
children: [{
|
||||
path: '/index',
|
||||
component: () =>
|
||||
import('@/views/index.vue'),
|
||||
name: 'index',
|
||||
meta: {
|
||||
title: '主页',
|
||||
noCache: true,
|
||||
affix: true
|
||||
children: [
|
||||
{
|
||||
path: '/index',
|
||||
component: () =>
|
||||
import('@/views/index.vue'),
|
||||
meta: {
|
||||
title: '主页',
|
||||
noCache: true,
|
||||
affix: true
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/userManage',
|
||||
component: () =>
|
||||
import('@/views/userManage/userManage.vue'),
|
||||
meta: {
|
||||
title: '用户管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/region',
|
||||
component: () =>
|
||||
import('@/views/region/region.vue'),
|
||||
meta: {
|
||||
title: '自主学习计划管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/RoleAdminister',
|
||||
component: () => import('@/views/RoleAdminister/RoleAdminister.vue'),
|
||||
meta: {
|
||||
title: '角色管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/postManage',
|
||||
component: () =>
|
||||
import('@/views/postManage/postManage.vue'),
|
||||
meta: {
|
||||
title: '自主学习计划进度管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/guideManage',
|
||||
component: () =>
|
||||
import('@/views/guideManage/guideManage.vue'),
|
||||
meta: {
|
||||
title: '指导任务管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/functional',
|
||||
component: () =>
|
||||
import('@/views/functional/functional.vue'),
|
||||
meta: {
|
||||
title: '成绩设置'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/sourceManage',
|
||||
component: () =>
|
||||
import('@/views/sourceManage/sourceManage.vue'),
|
||||
meta: {
|
||||
title: '自学资源管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/menuManage',
|
||||
component: () => import('@/views/menuManage/menuManage.vue'),
|
||||
meta: {
|
||||
title: '菜单管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/mobileterminal',
|
||||
component: () => import('@/views/mobileterminal/mobileterminal.vue'),
|
||||
meta: {
|
||||
title: '移动端管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/personalization',
|
||||
component: () => import('@/views/personalization/personalization.vue'),
|
||||
meta: {
|
||||
title: '公告管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/copyofprocess',
|
||||
component: () => import('@/views/copyofprocess/liuchengchasongguanli'),
|
||||
meta: {
|
||||
title: '论坛管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/dictManage',
|
||||
component: () => import('@/views/dictManage/dictManage.vue'),
|
||||
meta: {
|
||||
title: '数据字典管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/logManage',
|
||||
component: () =>
|
||||
import('@/views/logManage/logManage.vue'),
|
||||
meta: {
|
||||
title: '统计信息管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/PwdModify',
|
||||
component: () => import('@/views/PwdModify/PwdModify.vue'),
|
||||
meta: {
|
||||
title: '账户信息管理'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/organizationManage',
|
||||
component: () =>
|
||||
import('@/views/organizationManage/organizationManage.vue'),
|
||||
meta: {
|
||||
title: '论坛交流'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/datamapping',
|
||||
component: () => import('@/views/datamapping/shujuyingshe.vue'),
|
||||
meta: { title: '自主学习计划制定指导', noCache: true }
|
||||
},
|
||||
{
|
||||
path: '/organizationManage',
|
||||
component: () =>
|
||||
import('@/views/organizationManage/organizationManage.vue'),
|
||||
meta: {
|
||||
title: '自主学习计划实施指导'
|
||||
}
|
||||
}
|
||||
}]
|
||||
]
|
||||
}, {
|
||||
path: '/region',
|
||||
component: Layout,
|
||||
@@ -78,9 +203,7 @@ export const constantRoutes = [
|
||||
redirect: '/RoleAdminister',
|
||||
children: [{
|
||||
path: '/RoleAdminister',
|
||||
component: () =>
|
||||
import('@/views/RoleAdminister/RoleAdminister.vue'),
|
||||
name: 'RoleAdminister',
|
||||
component: () => import('@/views/RoleAdminister/RoleAdminister.vue'), name: 'RoleAdminister',
|
||||
meta: {
|
||||
title: '角色管理'
|
||||
}
|
||||
@@ -121,7 +244,7 @@ export const constantRoutes = [
|
||||
import('@/views/sourceManage/sourceManage.vue'),
|
||||
name: 'sourceManage',
|
||||
meta: {
|
||||
title: '资源管理'
|
||||
title: '自学资源管理'
|
||||
}
|
||||
}]
|
||||
}, {
|
||||
@@ -234,7 +357,7 @@ export const constantRoutes = [
|
||||
component: Layout,
|
||||
redirect: '/workflow',
|
||||
meta: {
|
||||
title: '工作流'
|
||||
title: '用户管理'
|
||||
},
|
||||
children: [
|
||||
{
|
||||
@@ -243,7 +366,7 @@ export const constantRoutes = [
|
||||
import('@/views/workflow/definition/definition.vue'),
|
||||
name: 'definition',
|
||||
meta: {
|
||||
title: '流程定义'
|
||||
title: '学生信息'
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -252,7 +375,7 @@ export const constantRoutes = [
|
||||
import('@/views/workflow/form/form.vue'),
|
||||
name: 'form',
|
||||
meta: {
|
||||
title: '表单配置'
|
||||
title: '教师信息'
|
||||
}
|
||||
}
|
||||
]
|
||||
@@ -299,20 +422,20 @@ export const constantRoutes = [
|
||||
component: () => import('@/views/flow/havereadList.vue')
|
||||
},
|
||||
|
||||
// {
|
||||
// path: '/',
|
||||
// component: Layout,
|
||||
// redirect: 'dictCommon',
|
||||
// children: [{
|
||||
// path: 'dictCommon',
|
||||
// component: () =>
|
||||
// import('@/views/system-admin/dictCommon.vue'),
|
||||
// name: 'dictCommon',
|
||||
// meta: {
|
||||
// title: '数据字典值'
|
||||
// }
|
||||
// }]
|
||||
// },
|
||||
// {
|
||||
// path: '/',
|
||||
// component: Layout,
|
||||
// redirect: 'dictCommon',
|
||||
// children: [{
|
||||
// path: 'dictCommon',
|
||||
// component: () =>
|
||||
// import('@/views/system-admin/dictCommon.vue'),
|
||||
// name: 'dictCommon',
|
||||
// meta: {
|
||||
// title: '数据字典值'
|
||||
// }
|
||||
// }]
|
||||
// },
|
||||
{
|
||||
path: '/404',
|
||||
component: () =>
|
||||
@@ -337,7 +460,7 @@ export const constantRoutes = [
|
||||
|
||||
const createRouter = () => new Router({
|
||||
// mode: 'history', // require service support
|
||||
scrollBehavior: () => ({y: 0}),
|
||||
scrollBehavior: () => ({ y: 0 }),
|
||||
routes: constantRoutes
|
||||
})
|
||||
|
||||
|
||||
@@ -12,6 +12,7 @@
|
||||
.TagsView{
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.home-box{
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
@@ -25,9 +26,9 @@
|
||||
display: inline-block;
|
||||
line-height: 40px;
|
||||
box-sizing: border-box;
|
||||
width: 50%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
@@ -122,7 +123,7 @@
|
||||
}
|
||||
}
|
||||
& .el-menu-item.is-active {
|
||||
background-color: $subMenuHover !important;
|
||||
// background-color: $subMenuHover !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@ export function getToken() {
|
||||
}
|
||||
|
||||
export function setToken(token) {
|
||||
return Cookies.set(TokenKey, token,{ expires: 7, path: '/' })
|
||||
return Cookies.set(TokenKey, token, { expires: 7, path: '/' })
|
||||
}
|
||||
|
||||
export function removeToken() {
|
||||
|
||||
@@ -4,11 +4,11 @@ import store from '@/store'
|
||||
import { getToken, getStorage } from '@/utils/auth'
|
||||
|
||||
// create an axios instance
|
||||
console.log(process.env.VUE_APP_URL)
|
||||
console.log('dadadadad', process.env.VUE_APP_URL)
|
||||
const service = axios.create({
|
||||
baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
|
||||
// timeout: 5000 // request timeout
|
||||
headers:{'Content-Type':'application/x-www-form-urlencoded;'}
|
||||
baseURL: process.env.VUE_APP_URL, // url = base url + request url
|
||||
timeout: 5000, // request timeout
|
||||
// headers: { 'Content-Type': 'application/json' }
|
||||
})
|
||||
|
||||
// request interceptor
|
||||
|
||||
@@ -1,655 +0,0 @@
|
||||
<template>
|
||||
<div style="height: 100%;">
|
||||
<div class="header">
|
||||
<p class="title"><img src="../../assets/loginImg/logo.png"/>安瑞集团信息化平台</p>
|
||||
<div class="head_info" style="display: flex;flex-direction: row;justify-content:space-between;align-items: center">
|
||||
<div>欢迎您</div>
|
||||
<div>
|
||||
<el-select v-model="defaultOrgPathName" class="selectStyle" size="small" placeholder="" @change="changeOrg" filterable>
|
||||
<el-option v-for="item in orgDept_list" :key="item.orgPath" :label="item.orgName" :value="item.orgName"/>
|
||||
</el-select>
|
||||
</div>
|
||||
<div style="padding-right: 5px">
|
||||
<el-tooltip placement="top">
|
||||
<div slot="content">{{ roleName }}</div>
|
||||
<el-button style="color: #FFFFFF;font-size: 17px" type="text">{{ postName }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div>{{ name }}</div>
|
||||
<div @click="logout()" style="display: flex;flex-direction: row;justify-content:center;align-items: center;padding-left: 20px;padding-right: 10px"><img src="@/assets/images/dy.png"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container1">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="14">
|
||||
<ul class="grid-content bg-ltop">
|
||||
<li @click="todowork">
|
||||
<div style="position: relative">
|
||||
<el-badge v-if="shuliang.workCount !== 0" :value="shuliang.workCount" size="mini" class="mark"/>
|
||||
<img src="@/assets/home/ltIcon1.png">
|
||||
</div>
|
||||
<p>待办工作</p>
|
||||
</li>
|
||||
<li @click="donework">
|
||||
<img src="@/assets/home/ltIcon2.png">
|
||||
<p>已办工作</p>
|
||||
</li>
|
||||
<li @click="tobereadwork">
|
||||
<div style="position: relative">
|
||||
<el-badge v-if="shuliang.toBeReadCount !== 0" :value="shuliang.toBeReadCount" size="mini" class="mark"/>
|
||||
<img src="@/assets/home/ltIcon4.png">
|
||||
</div>
|
||||
<p>待阅工作</p>
|
||||
</li>
|
||||
<li @click="havereadwork">
|
||||
<img src="@/assets/home/ltIcon3.png">
|
||||
<p>已阅工作</p>
|
||||
</li>
|
||||
</ul>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<div class="grid-content bg-rtop">
|
||||
<img class="anrui" src="@/assets/home/anrui.png"/>
|
||||
<p class="rt_title">通知公告</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img class="rtImg" src="../../assets/home/notice.png"/>
|
||||
<span class="notice">关于召开2021年公司全体员工大会的通知工大会的通知工大会的通知...</span>
|
||||
<span class="anrui_time">2021-09-01</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../../assets/home/notice.png"/>
|
||||
<span class="notice">关于召开2021年公司全体员工大会的通知工大会的通知工大会的通知</span>
|
||||
<span class="anrui_time">2021-09-01</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../../assets/home/notice.png"/>
|
||||
<span class="notice">关于召开2021年公司全体员工大会的通知</span>
|
||||
<span class="anrui_time">2021-09-01</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../../assets/home/notice.png"/>
|
||||
<span class="notice">关于召开2021年公司全体员工大会的通知</span>
|
||||
<span class="anrui_time">2021-09-01</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="../../assets/home/notice.png"/>
|
||||
<span class="notice">关于召开2021年公司全体员工大会的通知</span>
|
||||
<span class="anrui_time">2021-09-01</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<ul class="bg-bottom">
|
||||
<li @click="toNav(index)" v-for="(item,index) in menus" :key='index'>
|
||||
<img :src="item.imgUrl">
|
||||
<p>{{ item.title }}</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="copy">Copyright © {{ year }} 安瑞集团 All Rights Reserved</p>
|
||||
</div>
|
||||
<!--<ul class="nav-box">-->
|
||||
<!--<li style="background-color: #e87861;" @click="toNavbar('http://39.104.100.138:8081/')">
|
||||
<img src="@/assets/images/jcxx.png">
|
||||
<p>基础信息</p>
|
||||
</li>-->
|
||||
|
||||
<!--<template v-for="(item, i) in menus">
|
||||
<li v-if="item.sourceName == '系统管理'" :key="i" @click="toNav('index','系统管理')" :style="{backgroundColor: item.iconBgColor}">
|
||||
<img :src="item.iconUrl">
|
||||
<p>{{ item.sourceName }}</p>
|
||||
</li>
|
||||
<li v-else :key="i" @click="toNavbar(item.pageUrl)" :style="{backgroundColor: item.iconBgColor}">
|
||||
<img :src="item.iconUrl">
|
||||
<p>{{ item.sourceName }}</p>
|
||||
</li>
|
||||
</template>-->
|
||||
<!-- <li style="background-color: #e87861;" @click="toNavbar('http://39.104.100.138:8081/')">
|
||||
<img src="@/assets/images/jcxx.png">
|
||||
<p>基础信息</p>
|
||||
</li>
|
||||
<li style="background-color: #e87861;" @click="toNavbar('http://localhost:9529/')">
|
||||
<img src="@/assets/images/jcxx.png">
|
||||
<p>基础信息</p>
|
||||
</li> -->
|
||||
<!-- <li @click="xxzx">
|
||||
<img src="@/assets/images/xxzx.png">
|
||||
<p>消息中心</p>
|
||||
</li>
|
||||
<li @click="xxzx">
|
||||
<img src="@/assets/images/xxzx.png">
|
||||
<p>消息中心</p>
|
||||
</li>
|
||||
<li @click="xxzx">
|
||||
<img src="@/assets/images/xxzx.png">
|
||||
<p>消息中心</p>
|
||||
</li>
|
||||
<li @click="xxzx">
|
||||
<img src="@/assets/images/xxzx.png">
|
||||
<p>消息中心</p>
|
||||
</li>
|
||||
<li style="background-color: #ffb751;" @click="xxzx">
|
||||
<img src="@/assets/images/cxjl.png">
|
||||
<p>诚信计量</p>
|
||||
</li>
|
||||
<li style="background-color: #6fb3e0;" @click="xxzx">
|
||||
<img src="@/assets/images/zwsm.png">
|
||||
<p>C标志自我声明</p>
|
||||
</li>
|
||||
<li style="background-color: #87b880;" @click="xxzx">
|
||||
<img src="@/assets/images/sjcc.png">
|
||||
<p>双随机抽查</p>
|
||||
</li>
|
||||
<li style="background-color: #448fb9;" @click="xxzx">
|
||||
<img src="@/assets/images/jlsc.png">
|
||||
<p>能量计量审查</p>
|
||||
</li>
|
||||
<li style="background-color: #24ca95;" @click="xxzx">
|
||||
<img src="@/assets/images/qjsh.png">
|
||||
<p>强检计量器具审核</p>
|
||||
</li>
|
||||
<li style="background-color: #b4429d;" @click="xxzx">
|
||||
<img src="@/assets/images/jsxd.png">
|
||||
<p>技术规范制修订</p>
|
||||
</li>
|
||||
<li style="background-color: #b3b442;" @click="toNavbar('http://39.104.100.138:8083/')">
|
||||
<img src="@/assets/images/xtbg.png">
|
||||
<p>协同办公</p>
|
||||
</li>
|
||||
<li style="background-color: #eab054;" @click="xxzx">
|
||||
<img src="@/assets/images/tjfx.png">
|
||||
<p>统计分析</p>
|
||||
</li>
|
||||
<li style="background-color: #e87861;" @click="toNavbar('http://39.104.100.138:8081/')">
|
||||
<img src="@/assets/images/jcxx.png">
|
||||
<p>基础信息</p>
|
||||
</li>
|
||||
<li style="background-color: #e87861;" @click="toNavbar('http://localhost:9529/')">
|
||||
<img src="@/assets/images/jcxx.png">
|
||||
<p>基础信息</p>
|
||||
</li>
|
||||
<li style="background-color: #617be8;" @click="toNav('index','系统管理')">
|
||||
<img src="@/assets/images/xtgl.png">
|
||||
<p>系统管理</p>
|
||||
</li> -->
|
||||
<!--</ul>-->
|
||||
<el-dialog center :visible.sync="dialogVisible" width="40%" :show-close="false" :close-on-click-modal="false">
|
||||
<el-form :model="form" class="formadd">
|
||||
<el-row style="border-top: 1px solid #e0e3eb">
|
||||
<el-col :span="4" class="tleftb">
|
||||
<span>原密码</span>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item><el-input v-model="form.original" type="password" show-password/></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="tleftb">
|
||||
<span>新密码</span>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item><el-input v-model="form.password" type="password" show-password/></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4" class="tleftb">
|
||||
<span>确认密码</span>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-form-item><el-input v-model="form.confirmPassword" type="password" show-password/></el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" size="small" @click="handleConirm">确 定</el-button>
|
||||
<el-button size="small" @click="handleQuXiao">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getToken, removeToken, getStorage, removeStorage } from '@/utils/auth'
|
||||
import {sourcesofrole} from '@/api/system/Role/role.js'
|
||||
import User from '@/api/User/login.js'
|
||||
import { getTodoNum } from '@/api/system/home/home'
|
||||
import { getToBeReadNum } from '@/api/flow/read'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menus: [{
|
||||
imgUrl: require('@/assets/home/bIcon1.png'),
|
||||
title: '业务管理'
|
||||
}, {
|
||||
imgUrl: require('@/assets/home/scm.png'),
|
||||
title: '供应链管理'
|
||||
}, {
|
||||
imgUrl: require('@/assets/home/bIcon2.png'),
|
||||
title: '风控管理'
|
||||
}, {
|
||||
imgUrl: require('@/assets/home/bIcon3.png'),
|
||||
title: '审计管理'
|
||||
}, {
|
||||
imgUrl: require('@/assets/home/bIcon4.png'),
|
||||
title: '财务管理'
|
||||
}, {
|
||||
imgUrl: require('@/assets/home/bIcon5.png'),
|
||||
title: '行政管理'
|
||||
}, {
|
||||
imgUrl: require('@/assets/home/bIcon6.png'),
|
||||
title: '报表中心'
|
||||
}, {
|
||||
imgUrl: require('@/assets/home/bIcon7.png'),
|
||||
title: '基础信息'
|
||||
}, {
|
||||
imgUrl: require('@/assets/home/notice.png'),
|
||||
title: '消息中心'
|
||||
}, {
|
||||
imgUrl: require('@/assets/home/bIcon8.png'),
|
||||
title: '系统管理'
|
||||
}],
|
||||
userInfo: {},
|
||||
orgDept_list: [],
|
||||
shuliang: {
|
||||
workCount: '',
|
||||
toBeReadCount: ''
|
||||
},
|
||||
dialogVisible: false,
|
||||
form: {
|
||||
original: '',
|
||||
password: '',
|
||||
confirmPassword: '',
|
||||
userSid: ''
|
||||
},
|
||||
timer: '',
|
||||
Orgname: '',
|
||||
departmentName: '',
|
||||
name: '',
|
||||
pNameAndDepartmentNameAndPostName: '',
|
||||
defaultOrgPathName: '',
|
||||
defaultOrgPath: '',
|
||||
roleName: '',
|
||||
postName: '',
|
||||
year: ''
|
||||
}
|
||||
},
|
||||
beforeCreate() {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.getsPasswordByUserSid()
|
||||
},
|
||||
mounted() {
|
||||
this.Orgname = window.sessionStorage.getItem('Orgname')
|
||||
this.departmentName = window.sessionStorage.getItem('departmentName')
|
||||
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName')
|
||||
this.defaultOrgPathName = window.sessionStorage.getItem('defaultOrgPathName')
|
||||
this.defaultOrgPath = window.sessionStorage.getItem('defaultOrgPath')
|
||||
this.roleName = window.sessionStorage.getItem('roleName')
|
||||
this.postName = window.sessionStorage.getItem('postName')
|
||||
this.name = window.sessionStorage.getItem('name')
|
||||
var nowDate = new Date()
|
||||
this.year = nowDate.getFullYear()
|
||||
// sourcesofrole({ psid: '0', roleSid: this.$store.getters.userInfo.roleSid }).then(res => {
|
||||
// this.menus = res.data
|
||||
// })
|
||||
},
|
||||
methods: {
|
||||
getsPasswordByUserSid() {
|
||||
User.selectPasswordByUserSid(window.sessionStorage.getItem('userSid')).then((resp) => {
|
||||
if (resp.success && resp.data) {
|
||||
this.dialogVisible = true
|
||||
} else {
|
||||
this.getNum()
|
||||
this.timer = setInterval(this.getNum, 20000)
|
||||
}
|
||||
})
|
||||
User.getOrgListByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
|
||||
if (res.success) {
|
||||
this.orgDept_list = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
getNum() {
|
||||
getTodoNum(window.sessionStorage.getItem('userSid')).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.shuliang.workCount = resp.data
|
||||
}
|
||||
})
|
||||
getToBeReadNum(window.sessionStorage.getItem('userSid')).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.shuliang.toBeReadCount = resp.data
|
||||
}
|
||||
})
|
||||
},
|
||||
handleConirm() {
|
||||
if (this.form.original === '') {
|
||||
this.$message({ showClose: true, type: 'error', message: '原密码不能为空' })
|
||||
return
|
||||
}
|
||||
if (this.form.password !== this.form.confirmPassword) {
|
||||
this.$message({ showClose: true, type: 'error', message: '两次输入密码不一致' })
|
||||
return
|
||||
}
|
||||
this.form.userSid = window.sessionStorage.getItem('userSid')
|
||||
User.updatePassword(this.form).then((resp) => {
|
||||
if (resp.success) {
|
||||
this.$alert('密码修改成功！请重新登录点击确定后退出。', '修改成功', {
|
||||
confirmButtonText: '确定',
|
||||
callback: action => {
|
||||
this.handleQuXiao()
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleQuXiao() {
|
||||
this.dialogVisible = false
|
||||
this.form = {
|
||||
original: '',
|
||||
password: '',
|
||||
confirmPassword: ''
|
||||
}
|
||||
User.logout({ token: getStorage() }).then((res) => {
|
||||
if (res.success) {
|
||||
removeStorage()
|
||||
this.$store.commit('user/SET_UESRINFO', '')
|
||||
this.$router.push({ path: '/login' })
|
||||
}
|
||||
})
|
||||
},
|
||||
todowork() {
|
||||
window.open('/#/todo' + '?token=' + getStorage(), '_blank')
|
||||
// this.$router.push({ path: '/todo' + '?token=' + getStorage() })
|
||||
// window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank')
|
||||
},
|
||||
donework() {
|
||||
window.open('/#/done' + '?token=' + getStorage(), '_blank')
|
||||
// this.$router.push({ path: '/done' + '?token=' + getStorage() })
|
||||
// window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank')
|
||||
},
|
||||
tobereadwork() {
|
||||
window.open('/#/toberead' + '?token=' + getStorage(), '_blank')
|
||||
},
|
||||
havereadwork() {
|
||||
window.open('/#/haveread' + '?token=' + getStorage(), '_blank')
|
||||
},
|
||||
logout() {
|
||||
this.$confirm('确定要退出吗, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
User.logout({token: getStorage()}).then(res => {
|
||||
removeStorage()
|
||||
this.$store.commit('user/SET_UESRINFO', '')
|
||||
this.$router.push({ path: '/login' })
|
||||
})
|
||||
})
|
||||
},
|
||||
xxzx() {
|
||||
this.$alert('项目正在开发中', '提示', {
|
||||
dangerouslyUseHTMLString: true
|
||||
})
|
||||
},
|
||||
toNavbar(name) {
|
||||
let myPopup = window.open(name + '?token=' + getStorage(), '_blank')
|
||||
},
|
||||
changeOrg(value) {
|
||||
const choose = this.orgDept_list.filter((item) => item.orgName === value)
|
||||
this.defaultOrgPathName = choose[0].orgName
|
||||
this.defaultOrgPath = choose[0].orgPath
|
||||
},
|
||||
toNav(index, name, titleName) {
|
||||
const organizationData = {
|
||||
defaultOrgPathName: this.defaultOrgPathName,
|
||||
defaultOrgPath: this.defaultOrgPath
|
||||
}
|
||||
if (index == '9') {
|
||||
// this.$router.push({path: '/index'})
|
||||
let myPopup = window.open('/#/index', '_blank')
|
||||
} else if (index == '7') {
|
||||
// let myPopup = window.open('http://127.0.0.1:9531/base/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
let myPopup = window.open('http://anrui.yyundong.com/base/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
// let myPopup = window.open('http://120.46.172.184/base/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
} else if (index == '8') {
|
||||
// let myPopup = window.open('http://127.0.0.1:9531/message/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
let myPopup = window.open('http://anrui.yyundong.com/message/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
// let myPopup = window.open('http://120.46.172.184/message/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
} else if (index == '1') {
|
||||
// let myPopup = window.open('http://127.0.0.1:9531/scm/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
let myPopup = window.open('http://anrui.yyundong.com/scm/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
// let myPopup = window.open('http://120.46.172.184/scm/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
} else if (index == '4') {
|
||||
// let myPopup = window.open('http://127.0.0.1:9531/fin/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
let myPopup = window.open('http://anrui.yyundong.com/fin/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
// let myPopup = window.open('http://120.46.172.184/fin/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
} else if (index == '5') {
|
||||
// let myPopup = window.open('http://127.0.0.1:9531/manage/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
let myPopup = window.open('http://anrui.yyundong.com/manage/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
// let myPopup = window.open('http://120.46.172.184/manage/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
} else if (index == '0') {
|
||||
// let myPopup = window.open('http://127.0.0.1:9531/buscenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
let myPopup = window.open('http://anrui.yyundong.com/buscenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
// let myPopup = window.open('http://120.46.172.184/buscenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
|
||||
}
|
||||
// const page = this.$router.resolve({name: name})
|
||||
// window.open(page.href,'_blank')
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
clearInterval(this.timer)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped="scoped">
|
||||
li:hover,
|
||||
p:hover {
|
||||
cursor: pointer
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.header {
|
||||
background-color: #0294d7;
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
|
||||
.title {
|
||||
img {
|
||||
width: 70px;
|
||||
vertical-align: middle;
|
||||
font-family: Adobe Heiti Std;
|
||||
}
|
||||
|
||||
float: left;
|
||||
font-size: 34px;
|
||||
margin-left: 35px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
.head_info {
|
||||
float: right;
|
||||
margin-top: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
p {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
//.head_info img {
|
||||
// width: 25px;
|
||||
// margin-top: 20px;
|
||||
// margin-left: 30px;
|
||||
// margin-right: 10px;
|
||||
// float: left;
|
||||
//}
|
||||
//
|
||||
//.head_info .dy {
|
||||
// margin-left: 10px;
|
||||
// margin-right: 20px;
|
||||
//}
|
||||
|
||||
.container1 {
|
||||
background: #E9F1F7;
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
height: calc(100% - 60px);
|
||||
margin: 0;
|
||||
|
||||
.bg-ltop {
|
||||
margin: 0;
|
||||
padding: 0 20px;
|
||||
background-image: url(../../assets/home/ltBg.png);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
height: 190px;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
width: 70px;
|
||||
margin: 45px auto 10px auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bg-rtop {
|
||||
background-image: url(../../assets/home/rtBg.png);
|
||||
border-radius: 10px;
|
||||
height: 190px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
.anrui {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.rt_title {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 15px;
|
||||
font-size: 18px;
|
||||
font-family: SourceHanSerifCN;
|
||||
font-weight: 600;
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0px auto;
|
||||
padding: 0;
|
||||
height: 148px;
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
font-size: 14px;
|
||||
height: 33px;
|
||||
line-height: 28px;
|
||||
list-style: none;
|
||||
text-decoration: underline;
|
||||
border-bottom: 1px solid #666;
|
||||
width: calc(100% - 70px);
|
||||
margin-left: 40px;
|
||||
position: relative;
|
||||
padding-top: 10px;
|
||||
font-family: SimSun;
|
||||
|
||||
img {
|
||||
width: 16px;
|
||||
margin: 5px 10px;
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
.notice {
|
||||
display: inline-block;
|
||||
width: 65%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.anrui_time {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bg-bottom {
|
||||
background-image: url(../../assets/home/bottomBg.png);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
margin: 20px 0 0 0;
|
||||
padding: 10px 20px;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
width: 11.6%;
|
||||
margin: 10px 2.5%;
|
||||
background: #fff;
|
||||
border-radius: 40px;
|
||||
text-align: center;
|
||||
padding: 10px 25px 15px;
|
||||
|
||||
img {
|
||||
width: 80%;
|
||||
margin: 10px auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.copy {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: calc(100% - 40px);
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
border-top: 2px solid #4E74A6;
|
||||
background: #E9F1F7;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.mark {
|
||||
position: absolute;
|
||||
top: 38%;
|
||||
margin-left: 58px;
|
||||
}
|
||||
|
||||
.mark {
|
||||
::v-deep .el-badge__content {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
.selectStyle {
|
||||
::v-deep .el-input__inner {
|
||||
border: 0px !important;
|
||||
background-color: #0294d7 !important;
|
||||
font-size: 17px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,293 +1,256 @@
|
||||
<template>
|
||||
<div class="content">
|
||||
<el-header>
|
||||
<h3 class="title">河北省计量业务应用平台</h3>
|
||||
</el-header>
|
||||
<div class="user-from">
|
||||
<el-form :model="userForm" :rules="rules" ref="userForm" label-width="120px" class="demo-userForm">
|
||||
<el-form-item label="身份证号" prop="idNo">
|
||||
<el-input v-model="userForm.idNo" @blur="onInputBlur" placeholder="请输入身份证号" :maxlength="18"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="真实姓名" prop="name">
|
||||
<el-input v-model="userForm.name" placeholder="请输入真实姓名"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="个人手机号" prop="mobile">
|
||||
<el-input v-model="userForm.mobile" placeholder="请输入手机号" ></el-input>
|
||||
<el-button class="Tips" type="text" :disabled='isDisabled' @click.stop.prevent="getcode()">点击获取验证码 {{downTime ? downTime+'s':''}}</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机验证码" prop="verificationCode">
|
||||
<el-input v-model="userForm.verificationCode" placeholder="请输入验证码"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="用户名" prop="userName">
|
||||
<el-input v-model="userForm.userName" :disabled="true"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码" prop="password">
|
||||
<paddwordinput v-model="userForm.password" placeholder="请输入密码" :pastips='true' :maxlength="10"></paddwordinput>
|
||||
<el-button class="Tips" type="text">密码必须为8至10位大小写字母和数字组合</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="确认密码" prop="rePassword">
|
||||
<paddwordinput v-model="userForm.rePassword" placeholder="请再次输入密码" :maxlength="10"></paddwordinput>
|
||||
</el-form-item>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="身份证正面照" prop="idFrontPhoto">
|
||||
<UploadImg @imgUrl="FrontPhotoUrl"></UploadImg>
|
||||
<el-input v-model="userForm.idFrontPhoto" v-show="false"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="身份证背面照" prop="idBackPhoto">
|
||||
<UploadImg @imgUrl="BackPhotoUrl"></UploadImg>
|
||||
<el-input v-model="userForm.idBackPhoto" v-show="false"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item style="text-align: center;">
|
||||
<el-button type="primary" @click="submitForm('userForm')" :disabled="btnDisabled">注册</el-button>
|
||||
<el-button @click="resetForm('userForm')">关闭</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-header>
|
||||
<h3 class="title">河北省计量业务应用平台</h3>
|
||||
</el-header>
|
||||
<div class="stude">学生注册</div>
|
||||
<div class="user-from">
|
||||
<el-form
|
||||
:model="userForm"
|
||||
:rules="rules"
|
||||
ref="userForm"
|
||||
label-width="120px"
|
||||
class="demo-userForm"
|
||||
>
|
||||
<el-form-item label="学生学号" prop="userName">
|
||||
<el-input
|
||||
v-model="userForm.userName"
|
||||
placeholder="请输入学号"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="姓名" prop="name">
|
||||
<el-input v-model="userForm.name" placeholder="请输入姓名"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码" prop="password">
|
||||
<paddwordinput
|
||||
v-model="userForm.password"
|
||||
placeholder="请输入密码"
|
||||
:pastips="true"
|
||||
:maxlength="10"
|
||||
></paddwordinput>
|
||||
<el-button class="Tips" type="text"
|
||||
>密码必须为8至10位大小写字母和数字组合</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
<el-form-item label="确认密码" prop="confirmPassword">
|
||||
<paddwordinput
|
||||
v-model="userForm.confirmPassword"
|
||||
placeholder="请再次输入密码"
|
||||
:maxlength="10"
|
||||
></paddwordinput>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称" prop="nickName">
|
||||
<el-input v-model="userForm.nickName" placeholder="请输入昵称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item style="text-align: center">
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="submitForm('userForm')"
|
||||
:disabled="btnDisabled"
|
||||
>注册</el-button
|
||||
>
|
||||
<el-button @click="resetForm()">关闭</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
registUser,
|
||||
getVerificationCode
|
||||
} from '@/api/user1.js'
|
||||
import qs from 'qs'
|
||||
import UploadImg from '@/components/uploadFile/index.vue'
|
||||
import paddwordinput from '@/components/passwordSafe/index.vue'
|
||||
export default {
|
||||
components:{ UploadImg, paddwordinput },
|
||||
data() {
|
||||
var validatorPhone = function (rule, value, callback) {
|
||||
if (value === '') {
|
||||
callback(new Error('手机号不能为空'))
|
||||
} else if (!/^1\d{10}$/.test(value)) {
|
||||
callback(new Error('手机号格式错误'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
import {registUser} from '@/api/user.js'
|
||||
import qs from "qs";
|
||||
import paddwordinput from "@/components/passwordSafe/index.vue";
|
||||
export default {
|
||||
components: { paddwordinput },
|
||||
data() {
|
||||
var validatorPhone = function (rule, value, callback) {
|
||||
if (value === "") {
|
||||
callback(new Error("学号不能为空"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
var validatePass2 = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('请再次输入密码'))
|
||||
// password 是表单上绑定的字段
|
||||
} else if (value !== this.userForm.password) {
|
||||
callback(new Error('两次输入密码不一致!'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
downTime: '',
|
||||
isDisabled: false,
|
||||
userForm: {
|
||||
name: '',
|
||||
userName: '', //用户名
|
||||
password: '',
|
||||
rePassword: '',
|
||||
mobile: '', // 手机号
|
||||
verificationCode: '',
|
||||
idNo: '',
|
||||
idBackPhoto: '', // 反面
|
||||
idFrontPhoto: ''
|
||||
},
|
||||
btnDisabled: false,
|
||||
rule: [{required: true, message: '不能为空', trigger: 'blur'}],
|
||||
rules: {
|
||||
idNo: [
|
||||
{ required: true, message: '请输入身份证号', trigger: 'blur' },
|
||||
{ pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
|
||||
message: '身份证号格式错误', trigger: 'blur' ,
|
||||
}
|
||||
],
|
||||
name: [
|
||||
{ required: true, message: '请输入真实姓名', trigger: 'blur' }
|
||||
],
|
||||
mobile: [
|
||||
{ required: true, validator: validatorPhone, trigger: 'blur' }
|
||||
],
|
||||
verificationCode: [
|
||||
{ required: true, message: '请输入手机验证码', trigger: 'blur' }
|
||||
],
|
||||
userName: [
|
||||
{ required: true, message: '请输入身份证号', trigger: 'blur' }
|
||||
],
|
||||
password: [
|
||||
{ required: true, message: '请输入密码', trigger: 'blur' },
|
||||
{ min: 8, max: 10, message: '长度在 8 到 10 个字符大小写字母和数字组合', trigger: 'blur' }
|
||||
],
|
||||
rePassword: [
|
||||
};
|
||||
var validatePass2 = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请再次输入密码"));
|
||||
// password 是表单上绑定的字段
|
||||
} else if (value !== this.userForm.password) {
|
||||
callback(new Error("两次输入密码不一致!"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
return {
|
||||
downTime: "",
|
||||
isDisabled: false,
|
||||
userForm: {
|
||||
name: "",//姓名
|
||||
userName: "", //学号
|
||||
password: "",
|
||||
confirmPassword: "",
|
||||
nickName: "", //昵称
|
||||
},
|
||||
btnDisabled: false,
|
||||
rule: [{ required: true, message: "不能为空", trigger: "blur" }],
|
||||
rules: {
|
||||
userName: [
|
||||
{ required: true, validator: validatorPhone, trigger: "blur" },
|
||||
],
|
||||
password: [
|
||||
{ required: true, message: "请输入密码", trigger: "blur" },
|
||||
{
|
||||
min: 8,
|
||||
max: 10,
|
||||
message: "长度在 8 到 10 个字符大小写字母和数字组合",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
confirmPassword: [
|
||||
{ required: true, validator: validatePass2, trigger: 'blur' }
|
||||
],
|
||||
idFrontPhoto: [
|
||||
{ required: true, message: '请输入上传身份证', trigger: 'blur' }
|
||||
],
|
||||
idBackPhoto: [
|
||||
{ required: true, message: '请输入上传身份证', trigger: 'blur' }
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
FrontPhotoUrl(url) {
|
||||
this.userForm.idFrontPhoto = url.filePath;
|
||||
},
|
||||
BackPhotoUrl(url) {
|
||||
this.userForm.idBackPhoto = url.filePath;
|
||||
},
|
||||
submitForm(formName) {
|
||||
this.btnDisabled = true;
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
registUser(this.userForm)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
this.btnDisabled = false;
|
||||
this.$confirm("注册成功, 是否关闭页面?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "success",
|
||||
}).then(() => {
|
||||
this.$router.push('/login');
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
this.btnDisabled = false;
|
||||
});
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 手机验证码
|
||||
getcode() {
|
||||
let _this = this
|
||||
if (!/^1\d{10}$/.test(_this.userForm.mobile)) {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: '手机号格式错误!'
|
||||
});
|
||||
}else {
|
||||
_this.downTime = 60
|
||||
let timeInterval = null
|
||||
_this.isDisabled = true
|
||||
timeInterval = setInterval(()=>{
|
||||
--_this.downTime
|
||||
if(_this.downTime == 0){
|
||||
clearInterval(timeInterval)
|
||||
_this.downTime = '';
|
||||
_this.isDisabled = false
|
||||
}
|
||||
},1000)
|
||||
getVerificationCode({
|
||||
mobile: _this.userForm.mobile
|
||||
}).then(res =>{
|
||||
// this.isDisabled = false
|
||||
})
|
||||
}
|
||||
},
|
||||
FrontPhotoUrl(url){
|
||||
this.userForm.idFrontPhoto = url.filePath
|
||||
},
|
||||
BackPhotoUrl(url){
|
||||
this.userForm.idBackPhoto = url.filePath
|
||||
},
|
||||
submitForm(formName) {
|
||||
this.btnDisabled = true
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
registUser(qs.stringify(this.userForm)).then((res) => {
|
||||
this.btnDisabled = false
|
||||
this.$confirm('注册成功, 是否关闭页面?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'success'
|
||||
}).then(() => {
|
||||
window.close();
|
||||
})
|
||||
}).catch(() => {
|
||||
this.btnDisabled = false
|
||||
})
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
resetForm(formName) {
|
||||
window.close();
|
||||
this.$refs[formName].resetFields();
|
||||
},
|
||||
onInputBlur() { // 用户名密码
|
||||
this.userForm.userName = this.userForm.idNo
|
||||
},
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
resetForm() {
|
||||
this.$router.push('/login');
|
||||
},
|
||||
onInputBlur() {
|
||||
// 用户名密码
|
||||
this.userForm.userName = this.userForm.idNo;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "~@/styles/variables.scss";
|
||||
h3{margin: 0;padding: 0;}
|
||||
.el-header{
|
||||
width: 100%;
|
||||
background-color: #0294d7;
|
||||
color: #fff;
|
||||
line-height: 60px;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
top: 0;
|
||||
.title{
|
||||
float: left;
|
||||
font-size: 26px;
|
||||
margin-left: 35px;
|
||||
}
|
||||
}
|
||||
.content{
|
||||
padding: 50px 0;
|
||||
background-color: #f7f9fc;
|
||||
@import "~@/styles/variables.scss";
|
||||
h3 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.el-header {
|
||||
width: 100%;
|
||||
background-color: #0294d7;
|
||||
color: #fff;
|
||||
line-height: 60px;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
top: 0;
|
||||
.title {
|
||||
float: left;
|
||||
font-size: 26px;
|
||||
margin-left: 35px;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
padding: 50px 0;
|
||||
background-color: #f7f9fc;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss">
|
||||
@import "~@/styles/variables.scss";
|
||||
.opcity{
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.user-from {
|
||||
width: 860px;
|
||||
padding-top: 20px;
|
||||
margin: 0 auto;
|
||||
.el-input__inner:focus {
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
.Tips {
|
||||
padding-left: 10px;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
@import "~@/styles/variables.scss";
|
||||
.opcity {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.stude{
|
||||
margin-left: 735px;
|
||||
margin-top: 20px;
|
||||
font-size: 26px;
|
||||
}
|
||||
.user-from {
|
||||
width: 860px;
|
||||
padding-top: 20px;
|
||||
margin: 0 auto;
|
||||
.el-input__inner:focus {
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
.Tips {
|
||||
padding-left: 10px;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.pasTips {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.pasTips {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
margin: 15px 10px 0 10px;
|
||||
padding: 0 30px;
|
||||
line-height: 30px;
|
||||
border-top: 3px solid red;
|
||||
opacity: 0.3;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
margin: 15px 10px 0 10px;
|
||||
padding: 0 30px;
|
||||
line-height: 30px;
|
||||
border-top: 3px solid red;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
span:nth-child(2) {
|
||||
border-color: blue;
|
||||
}
|
||||
span:nth-child(2) {
|
||||
border-color: blue;
|
||||
}
|
||||
|
||||
span:nth-child(3) {
|
||||
border-color: green;
|
||||
}
|
||||
}
|
||||
span:nth-child(3) {
|
||||
border-color: green;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar-uploader .el-upload {
|
||||
border: 1px dashed #d9d9d9;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.avatar-uploader .el-upload {
|
||||
border: 1px dashed #d9d9d9;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.avatar-uploader .el-upload:hover {
|
||||
border-color: #409EFF;
|
||||
}
|
||||
.avatar-uploader .el-upload:hover {
|
||||
border-color: #409eff;
|
||||
}
|
||||
|
||||
.avatar-uploader-icon {
|
||||
font-size: 28px;
|
||||
color: #8c939d;
|
||||
width: 200px;
|
||||
height: 178px;
|
||||
line-height: 178px;
|
||||
text-align: center;
|
||||
}
|
||||
.avatar-uploader-icon {
|
||||
font-size: 28px;
|
||||
color: #8c939d;
|
||||
width: 200px;
|
||||
height: 178px;
|
||||
line-height: 178px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 178px;
|
||||
height: 178px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.avatar {
|
||||
width: 178px;
|
||||
height: 178px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,35 +1,98 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div v-show="viewState == 1">
|
||||
<button-bar view-title="流程抄送设置" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
|
||||
<button-bar
|
||||
view-title="流程抄送设置"
|
||||
ref="btnbar"
|
||||
:btndisabled="btndisabled"
|
||||
@btnhandle="btnHandle"
|
||||
/>
|
||||
<div class="main-content">
|
||||
<div class="searchcon">
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{
|
||||
searchxianshitit
|
||||
}}</el-button>
|
||||
<div v-show="isSearchShow" class="search">
|
||||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
|
||||
<el-form
|
||||
ref="listQueryform"
|
||||
:inline="true"
|
||||
:model="listQuery"
|
||||
label-width="100px"
|
||||
class="tab-header"
|
||||
>
|
||||
<el-form-item label="流程名称">
|
||||
<el-select v-model="listQuery.params.flowName" placeholder="请选择" filterable>
|
||||
<el-option v-for="item in flow_list" :key="item.key" :label="item.name" :value="item.name"></el-option>
|
||||
<el-select
|
||||
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 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"/>
|
||||
<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
|
||||
: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>
|
||||
<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">
|
||||
@@ -37,7 +100,11 @@
|
||||
<span>{{ scope.row.flowName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="抄送角色" align="left" header-align="center">
|
||||
<el-table-column
|
||||
label="抄送角色"
|
||||
align="left"
|
||||
header-align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.roleName }}</span>
|
||||
</template>
|
||||
@@ -45,53 +112,68 @@
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="pages">
|
||||
<div class="tit"/>
|
||||
<div class="tit" />
|
||||
<!-- 翻页 -->
|
||||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
|
||||
<pagination
|
||||
v-show="list.length > 0"
|
||||
:total="listQuery.total"
|
||||
:page.sync="listQuery.current"
|
||||
:limit.sync="listQuery.size"
|
||||
class="pagination"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<liuchengchaosongAdd v-show="viewState == 2 ||viewState == 3" ref="divadd" @doback="resetState" @reloadlist="getList" />
|
||||
<liuchengchaosongAdd
|
||||
v-show="viewState == 2 || viewState == 3"
|
||||
ref="divadd"
|
||||
@doback="resetState"
|
||||
@reloadlist="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { pageList, delBySids } from '@/api/system/liuchengchaosong/liuchengchaosong'
|
||||
import { selectFlowList } from '@/api/system/postManage/index'
|
||||
import Pagination from '@/components/pagination'
|
||||
import pageye from '@/components/pagination/pageye'
|
||||
import ButtonBar from '@/components/ButtonBar'
|
||||
import liuchengchaosongAdd from './liuchengchaosongAdd'
|
||||
import {
|
||||
pageList,
|
||||
delBySids,
|
||||
} from "@/api/system/liuchengchaosong/liuchengchaosong";
|
||||
import { selectFlowList } from "@/api/system/postManage/index";
|
||||
import Pagination from "@/components/pagination";
|
||||
import pageye from "@/components/pagination/pageye";
|
||||
import ButtonBar from "@/components/ButtonBar";
|
||||
import liuchengchaosongAdd from "./liuchengchaosongAdd";
|
||||
|
||||
export default {
|
||||
name: 'liuchengchaosong',
|
||||
name: "liuchengchaosong",
|
||||
components: {
|
||||
Pagination,
|
||||
pageye,
|
||||
ButtonBar,
|
||||
liuchengchaosongAdd
|
||||
liuchengchaosongAdd,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
btndisabled: false,
|
||||
btnList: [
|
||||
{
|
||||
type: 'primary',
|
||||
size: 'small',
|
||||
icon: 'plus',
|
||||
btnKey: 'toAdd',
|
||||
btnLabel: '新增'
|
||||
type: "primary",
|
||||
size: "small",
|
||||
icon: "plus",
|
||||
btnKey: "toAdd",
|
||||
btnLabel: "新增",
|
||||
},
|
||||
{
|
||||
type: 'info',
|
||||
size: 'small',
|
||||
icon: 'cross',
|
||||
btnKey: 'doClose',
|
||||
btnLabel: '关闭'
|
||||
}
|
||||
type: "info",
|
||||
size: "small",
|
||||
icon: "cross",
|
||||
btnKey: "doClose",
|
||||
btnLabel: "关闭",
|
||||
},
|
||||
],
|
||||
isSearchShow: false,
|
||||
searchxianshitit: '显示查询条件',
|
||||
searchxianshitit: "显示查询条件",
|
||||
viewState: 1, // 1、列表 2、添加-车辆预订 3、编辑 4、查看 5、订金-订金收取
|
||||
// 查询 -----------
|
||||
flow_list: [], // 分公司
|
||||
@@ -105,75 +187,76 @@ export default {
|
||||
size: 5,
|
||||
total: 0,
|
||||
params: {
|
||||
flowName: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
flowName: "",
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.$refs['btnbar'].setButtonList(this.btnList)
|
||||
this.$refs["btnbar"].setButtonList(this.btnList);
|
||||
},
|
||||
created() {
|
||||
// 初始化变量
|
||||
this.init()
|
||||
this.init();
|
||||
// 加载列表
|
||||
this.getList()
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
selectFlowList().then((res) => {
|
||||
if (res.success) {
|
||||
this.flow_list = res.data
|
||||
this.flow_list = res.data;
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
btnHandle(btnKey) {
|
||||
console.log('XXXXXXXXXXXXXXX ' + btnKey)
|
||||
console.log("XXXXXXXXXXXXXXX " + btnKey);
|
||||
switch (btnKey) {
|
||||
case 'toAdd':
|
||||
this.toAdd()
|
||||
break
|
||||
case 'doClose':
|
||||
this.doClose()
|
||||
break
|
||||
case "toAdd":
|
||||
this.toAdd();
|
||||
break;
|
||||
case "doClose":
|
||||
this.doClose();
|
||||
break;
|
||||
default:
|
||||
break
|
||||
break;
|
||||
}
|
||||
},
|
||||
// 搜索条件效果
|
||||
clicksearchShow() {
|
||||
this.isSearchShow = !this.isSearchShow
|
||||
this.isSearchShow = !this.isSearchShow;
|
||||
if (this.isSearchShow) {
|
||||
this.searchxianshitit = '隐藏查询条件'
|
||||
this.searchxianshitit = "隐藏查询条件";
|
||||
} else {
|
||||
this.searchxianshitit = '显示查询条件'
|
||||
this.searchxianshitit = "显示查询条件";
|
||||
}
|
||||
},
|
||||
// 序号
|
||||
indexMethod(index) {
|
||||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
|
||||
var pageindex = index + 1 + pagestart
|
||||
return pageindex
|
||||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size;
|
||||
var pageindex = index + 1 + pagestart;
|
||||
return pageindex;
|
||||
},
|
||||
// 查询列表信息
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
this.listQuery.params.orgSidPath = window.sessionStorage.getItem('orgSidPath')
|
||||
this.listLoading = true;
|
||||
this.listQuery.params.orgSidPath =
|
||||
window.sessionStorage.getItem("orgSidPath");
|
||||
pageList(this.listQuery).then((response) => {
|
||||
this.listLoading = false
|
||||
this.listLoading = false;
|
||||
if (response.success) {
|
||||
this.list = response.data.records
|
||||
this.listQuery.total = response.data.total
|
||||
this.list = response.data.records;
|
||||
this.listQuery.total = response.data.total;
|
||||
} else {
|
||||
this.list = []
|
||||
this.listQuery.total = 0
|
||||
this.list = [];
|
||||
this.listQuery.total = 0;
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
// 查询按钮
|
||||
handleFilter() {
|
||||
this.listQuery.current = 1
|
||||
this.getList()
|
||||
this.listQuery.current = 1;
|
||||
this.getList();
|
||||
},
|
||||
// 重置
|
||||
handleReset() {
|
||||
@@ -182,46 +265,50 @@ export default {
|
||||
size: 5,
|
||||
total: 0,
|
||||
params: {
|
||||
flowName: ''
|
||||
}
|
||||
}
|
||||
this.getList()
|
||||
flowName: "",
|
||||
},
|
||||
};
|
||||
this.getList();
|
||||
},
|
||||
toAdd() {
|
||||
this.viewState = 2
|
||||
this.$refs['divadd'].showAdd()
|
||||
this.viewState = 2;
|
||||
this.$refs["divadd"].showAdd();
|
||||
},
|
||||
// 编辑
|
||||
handleUpdate(row) {
|
||||
this.viewState = 3
|
||||
this.$refs['divadd'].showEdit(row)
|
||||
this.viewState = 3;
|
||||
this.$refs["divadd"].showEdit(row);
|
||||
},
|
||||
handleDelete(row) {
|
||||
const tip = '请确认是否删除'
|
||||
this.$confirm(tip, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
const tip = "请确认是否删除";
|
||||
this.$confirm(tip, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
}).then(() => {
|
||||
const aa = []
|
||||
aa.push(row.sid)
|
||||
const aa = [];
|
||||
aa.push(row.sid);
|
||||
delBySids(aa).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({ showClose: true, type: 'success', message: '删除成功' })
|
||||
this.getList()
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: "success",
|
||||
message: "删除成功",
|
||||
});
|
||||
this.getList();
|
||||
}
|
||||
})
|
||||
})
|
||||
});
|
||||
});
|
||||
},
|
||||
resetState() {
|
||||
this.viewState = 1
|
||||
this.viewState = 1;
|
||||
},
|
||||
doClose() {
|
||||
this.$store.dispatch('tagsView/delView', this.$route)
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
this.$store.dispatch("tagsView/delView", this.$route);
|
||||
this.$router.go(-1);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="login">
|
||||
<div class="logoTitle">
|
||||
<img src="../../assets/loginImg/logo.png"/><span>安瑞集团</span>
|
||||
<img src="../../assets/loginImg/logo.png" /><span>安瑞集团</span>
|
||||
<p class="title">安瑞集团信息化平台</p>
|
||||
</div>
|
||||
<div class="main">
|
||||
@@ -9,38 +9,54 @@
|
||||
<el-form ref="loginForm" :model="loginForm" class="login-form">
|
||||
<h3 class="title1">用户登录</h3>
|
||||
<el-form-item>
|
||||
<el-input v-model="loginForm.userName" autocomplete="off" placeholder="请输入账号" prefix-icon="el-icon-user">
|
||||
<el-input
|
||||
v-model="loginForm.userName"
|
||||
autocomplete="off"
|
||||
placeholder="请输入账号"
|
||||
prefix-icon="el-icon-user"
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input v-model="loginForm.password" autocomplete="off" placeholder="请输入密码" prefix-icon="el-icon-lock" show-password>
|
||||
<el-input
|
||||
v-model="loginForm.password"
|
||||
autocomplete="off"
|
||||
placeholder="请输入密码"
|
||||
prefix-icon="el-icon-lock"
|
||||
show-password
|
||||
>
|
||||
</el-input>
|
||||
<span class="nopsw register" @click="handleforgetPwd">忘记密码 ？</span>
|
||||
</el-form-item>
|
||||
<el-form-item v-show="showMsg" style="margin-bottom:0;">
|
||||
<el-form-item v-show="showMsg" style="margin-bottom: 0">
|
||||
<span class="text-danger">提示：用户名或密码错误，请重试！</span>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-popover
|
||||
placement="top"
|
||||
width="400"
|
||||
trigger="click"
|
||||
v-model="loginCode"
|
||||
@show="codeShow">
|
||||
<imgCodeRole @login="login" ref="imgCodeRole"></imgCodeRole>
|
||||
<el-button slot="reference" type="primary" class="login-btn" v-loading="loading">登 录</el-button>
|
||||
<el-popover placement="top" width="400" trigger="click">
|
||||
<el-button
|
||||
slot="reference"
|
||||
v-loading="loading"
|
||||
type="primary"
|
||||
class="login-btn"
|
||||
@click="login"
|
||||
>登 录</el-button
|
||||
>
|
||||
</el-popover>
|
||||
<!--<router-link :to="{name: 'registUser'}" target="_blank" tag="a" class="register fl">个人注册</router-link>
|
||||
<router-link :to="{name: 'registOrg'}" target="_blank" tag="a" class="register fr">单位注册</router-link>-->
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-dialog title="忘记密码" :visible.sync="forgetPwd" :close-on-click-modal="false">
|
||||
<el-link :underline="false" class="register" @click="regist">注册</el-link>
|
||||
<!-- <el-dialog
|
||||
title="忘记密码"
|
||||
:visible.sync="forgetPwd"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form :model="nopassword">
|
||||
<el-form-item label="手机号">
|
||||
<el-input v-model="nopassword.userPhone" autocomplete="off"></el-input>
|
||||
<el-input
|
||||
v-model="nopassword.userPhone"
|
||||
autocomplete="off"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="nopassword.userName" autocomplete="off"></el-input>
|
||||
@@ -50,96 +66,105 @@
|
||||
<el-button @click="forgetPwd = false">取 消</el-button>
|
||||
<el-button type="primary" @click="reGetPwd()">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</el-dialog> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
login,
|
||||
imgCode
|
||||
} from '@/api/user.js'
|
||||
import user from '@/api/User/login.js'
|
||||
import {setToken, getToken, setSession} from '@/utils/auth'
|
||||
import imgCodeRole from '@/components/imgCodeRole/index.vue'
|
||||
import { login, imgCode } from "@/api/user.js";
|
||||
import user from "@/api/User/login.js";
|
||||
import { setToken, getToken, setSession } from "@/utils/auth";
|
||||
// import imgCodeRole from "@/components/imgCodeRole/index.vue";
|
||||
|
||||
export default {
|
||||
components: {imgCodeRole},
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
loginForm: {
|
||||
userName: '',
|
||||
password: '',
|
||||
verifyCode: '',
|
||||
uuid: ''
|
||||
userName: "",
|
||||
password: "",
|
||||
verifyCode: "",
|
||||
uuid: "",
|
||||
},
|
||||
imgCode: '',
|
||||
imgCode: "",
|
||||
loading: false,
|
||||
loginCode: false,
|
||||
showMsg: false,
|
||||
forgetPwd: false,
|
||||
nopassword: {
|
||||
userPhone: '',
|
||||
userName: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// window.loginIt = this.loginIt;
|
||||
userPhone: "",
|
||||
userName: "",
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
// loginIt(data) {
|
||||
// alert(data);
|
||||
// },
|
||||
login(data) {
|
||||
this.loading = true
|
||||
this.loginForm.verifyCode = data.verifyCode
|
||||
this.loginForm.uuid = data.uuid
|
||||
this.$store.dispatch('user/login', this.loginForm).then((res) => {
|
||||
// this.$store.dispatch('user/getInfo')
|
||||
this.$router.push({path: '/home'})
|
||||
this.loading = false
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
this.$refs.imgCodeRole.getCodeImage()
|
||||
})
|
||||
this.loading = true;
|
||||
this.loginForm.verifyCode = data.verifyCode;
|
||||
this.loginForm.uuid = data.uuid;
|
||||
this.$store
|
||||
.dispatch("user/login", this.loginForm)
|
||||
.then((res) => {
|
||||
// this.$store.dispatch('user/getInfo')
|
||||
this.$router.push({ path: "/index" });
|
||||
this.loading = false;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
// this.$refs.imgCodeRole.getCodeImage();
|
||||
});
|
||||
},
|
||||
codeShow() {
|
||||
if (this.loginForm.password == '' || this.loginForm.userName == '') {
|
||||
this.loginCode = false
|
||||
this.showMsg = true
|
||||
if (this.loginForm.password == "" || this.loginForm.userName == "") {
|
||||
this.loginCode = false;
|
||||
this.showMsg = true;
|
||||
return;
|
||||
}
|
||||
this.$refs.imgCodeRole.getCodeImage()
|
||||
this.$refs.imgCodeRole.getCodeImage();
|
||||
},
|
||||
handleforgetPwd() {
|
||||
this.forgetPwd = true
|
||||
this.forgetPwd = true;
|
||||
this.nopassword = {
|
||||
userPhone: '',
|
||||
userName: ''
|
||||
}
|
||||
userPhone: "",
|
||||
userName: "",
|
||||
};
|
||||
},
|
||||
reGetPwd() {
|
||||
if (this.nopassword.userPhone === '') {
|
||||
this.$message({ showClose: true, type: 'error', message: '手机号不能为空' })
|
||||
return
|
||||
if (this.nopassword.userPhone === "") {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: "error",
|
||||
message: "手机号不能为空",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (this.nopassword.userName === '') {
|
||||
this.$message({ showClose: true, type: 'error', message: '姓名不能为空' })
|
||||
return
|
||||
if (this.nopassword.userName === "") {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: "error",
|
||||
message: "姓名不能为空",
|
||||
});
|
||||
return;
|
||||
}
|
||||
user.reGetPwd(this.nopassword).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message({ showClose: true, type: 'success', message: '新密码已发送至手机，请查看短信' })
|
||||
this.forgetPwd = false
|
||||
this.$message({
|
||||
showClose: true,
|
||||
type: "success",
|
||||
message: "新密码已发送至手机，请查看短信",
|
||||
});
|
||||
this.forgetPwd = false;
|
||||
} else {
|
||||
this.$message({ showClose: true, type: 'error', message: res.msg })
|
||||
this.$message({ showClose: true, type: "error", message: res.msg });
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
regist(){
|
||||
this.$router.push('/reg')
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@@ -151,7 +176,11 @@ export default {
|
||||
background-image: url(../../assets/loginImg/bgImg.png);
|
||||
background-position: center;
|
||||
overflow: hidden;
|
||||
|
||||
.register{
|
||||
position: absolute;
|
||||
left: 1300px;
|
||||
top:370px;
|
||||
}
|
||||
.logoTitle {
|
||||
margin: 30px;
|
||||
|
||||
@@ -176,7 +205,7 @@ export default {
|
||||
.main {
|
||||
width: 30%;
|
||||
/*height: 640px;*/
|
||||
background: #FFFFFF;
|
||||
background: #ffffff;
|
||||
box-shadow: 0px 13px 12px 0px rgba(0, 0, 0, 0.15);
|
||||
opacity: 0.9;
|
||||
border-radius: 20px;
|
||||
@@ -249,7 +278,7 @@ export default {
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #F56C6C;
|
||||
color: #f56c6c;
|
||||
}
|
||||
|
||||
.login-btn {
|
||||
@@ -275,7 +304,7 @@ export default {
|
||||
}
|
||||
|
||||
.el-loading-mask {
|
||||
background-color: rgba(255, 255, 255, .6);
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -2,36 +2,6 @@
|
||||
<el-tabs v-model="activeName" class="my-tabs" type="card" @tab-click="handleClick">
|
||||
<el-tab-pane label="菜单列表" name="roleList">
|
||||
<div class="content">
|
||||
<!--<div class="tab-header">-->
|
||||
<!-- <el-form :inline="true" :model="form" class="demo-form-inline">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="18">
|
||||
<el-form-item label="菜单名称">
|
||||
<el-input v-model="page.params.name" placeholder="菜单名称" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item label="资源名称">
|
||||
<!–<el-select v-model="page.sourceSid" @change="$forceUpdate()" :disabled="isadd">
|
||||
<el-option
|
||||
v-for="(item, i) in sourceNameData"
|
||||
:key="i"
|
||||
:label="item.sourceName"
|
||||
:value="item.sid">
|
||||
</el-option>
|
||||
</el-select>–>
|
||||
<el-input v-model="page.params.sourceName" placeholder="资源名称" clearable/>
|
||||
</el-form-item>
|
||||
<el-button type="primary" @click="getPageList">查询</el-button>
|
||||
</el-col>-->
|
||||
<!-- <el-col :span="6">
|
||||
<el-form-item style="float: right;">
|
||||
<el-button type="primary" @click="getSorting">保存排序</el-button>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<!--</el-row>
|
||||
</el-form>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- table -->
|
||||
<div class="table-describe clearfix">
|
||||
<h4 style="color:#000;">菜单列表</h4>
|
||||
</div>
|
||||
@@ -46,14 +16,10 @@
|
||||
<el-table-column prop="name" label="菜单名称" width="220"/>
|
||||
<el-table-column label="操作" width="260" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" size="mini" @click="add(scope.row)">
|
||||
添加子菜单
|
||||
</el-button>
|
||||
<el-button v-if="scope.row.isSource == '0'" type="primary" size="mini" @click="editRow(scope.row)">
|
||||
<el-button type="primary" size="mini" @click="editRow(scope.row)">
|
||||
修改
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="scope.row.isSource == '0'"
|
||||
type="danger"
|
||||
size="mini"
|
||||
@click.native.prevent="deleteRow(scope.row)"
|
||||
@@ -62,12 +28,6 @@
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--<el-table-column prop="sourceName" label="资源名称" align="center"></el-table-column>-->
|
||||
<!-- <el-table-column prop="sortNo" sortable label="排序" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.sortNo" size="mini"/>
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column prop="pageUrl" label="链接地址" align="center"/>
|
||||
<el-table-column prop="isEnable" label="可见性" align="center">
|
||||
<template slot-scope="scope">
|
||||
@@ -83,29 +43,8 @@
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- <pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/> -->
|
||||
<!-- 编辑功能信息 -->
|
||||
<el-dialog :title="dialogTitle + '功能信息'" :visible.sync="editDialog" width="40%">
|
||||
<table class="e-table" cellspacing="0">
|
||||
<tr>
|
||||
<td>上级菜单</td>
|
||||
<td>
|
||||
<el-input v-model="form.pname" :disabled="true" style="width:300px"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>资源名称</td>
|
||||
<td>
|
||||
<el-select v-model="form.sourceSid" :disabled="isadd" @change="$forceUpdate()">
|
||||
<el-option
|
||||
v-for="(item, i) in sourceNameData"
|
||||
:key="i"
|
||||
:label="item.sourceName"
|
||||
:value="item.sid"
|
||||
/>
|
||||
</el-select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>菜单名称</td>
|
||||
<td>
|
||||
@@ -169,25 +108,6 @@
|
||||
<!-- 添加 -->
|
||||
<!--<el-dialog :title="dialogTitle + '菜单管理'" :visible.sync="editDialog" width="40%">-->
|
||||
<table class="e-table" cellspacing="0">
|
||||
<tr>
|
||||
<td>上级菜单</td>
|
||||
<td>
|
||||
<el-input v-model="form.pname" :disabled="true" style="width:300px"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>资源名称</td>
|
||||
<td>
|
||||
<el-select v-model="form.sourceSid" :disabled="isadd" @change="$forceUpdate()" style="width:300px">
|
||||
<el-option
|
||||
v-for="(item, i) in sourceNameData"
|
||||
:key="i"
|
||||
:label="item.sourceName"
|
||||
:value="item.sid"
|
||||
/>
|
||||
</el-select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>菜单名称</td>
|
||||
<td>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick">
|
||||
<el-tab-pane label="用户列表" name="roleList">
|
||||
<el-tab-pane label="学生信息" name="roleList">
|
||||
<user-manage-list :dataObj='dataObj' @status='isShow' @item='listObj'></user-manage-list>
|
||||
</el-tab-pane>
|
||||
<!-- <el-tab-pane label="新增用户" name="addrole">
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,331 +1,281 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!--Start 列表页面-->
|
||||
<div v-show=" viewState == 1 ">
|
||||
<el-menu :default-active="activeIndex" style="" class="el-menu-demo" mode="horizontal">
|
||||
<el-menu-item
|
||||
index="1"
|
||||
style="margin-left: 0;text-align: center; background-color: #028ac8!important;color: #fff;">
|
||||
流程定义
|
||||
</el-menu-item>
|
||||
<div class="new_" @click="handleAdd">新增</div>
|
||||
<div class="new_out" @click="handleExport"></div>
|
||||
</el-menu>
|
||||
|
||||
<el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick">
|
||||
<el-tab-pane label="教师信息" name="roleList">
|
||||
<div class="container">
|
||||
<div class="tab-header">
|
||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="表单名称" prop="formName">
|
||||
<el-input
|
||||
v-model="queryParams.formName"
|
||||
placeholder="请输入表单名称"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<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="name" label="教师姓名" width="100px" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column prop="infoId" label="教师工号" align="center" width="150px">
|
||||
</el-table-column>
|
||||
<el-table-column prop="sex" label="性别" align="center" width="70px">
|
||||
</el-table-column>
|
||||
<el-table-column prop="calss" label="所属班级" align="center" width="100px">
|
||||
</el-table-column>
|
||||
<el-table-column prop="department" label="系别" align="center" width="100px">
|
||||
</el-table-column>
|
||||
<el-table-column prop="speciality" label="专业" align="center" width="150px">
|
||||
</el-table-column>
|
||||
<el-table-column prop="studyYear" label="入职年份" align="center" width="150px">
|
||||
</el-table-column>
|
||||
<el-table-column prop="remarks" label="成绩录入" align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination :total="page.total" :page.sync="page.current" :limit.sync="page.size" @pagination="pagination"/>
|
||||
<!-- 编辑角色信息 -->
|
||||
<el-dialog :title="dialogTitle + '教师信息'" :visible.sync="editDialog" width="40%">
|
||||
<table class="e-table" cellspacing="0">
|
||||
<tr>
|
||||
<td>教师姓名</td>
|
||||
<td>
|
||||
<el-input v-model="form.name" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>教师工号</td>
|
||||
<td>
|
||||
<el-input v-model="form.infoId" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>性别</td>
|
||||
<td>
|
||||
<el-input v-model="form.sex" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>所属班级</td>
|
||||
<td>
|
||||
<el-input v-model="form.calss" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>系别</td>
|
||||
<td>
|
||||
<el-input v-model="form.department" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>专业</td>
|
||||
<td>
|
||||
<el-input v-model="form.speciality" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>入职年份</td>
|
||||
<td>
|
||||
<el-input v-model="form.studyYear" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>资源描述</td>
|
||||
<td>
|
||||
<el-input type="textarea" v-model="form.remarks"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div style="margin-top: 20px; text-align: center;">
|
||||
<el-button type="primary" @click="save()">保存</el-button>
|
||||
<!--<el-button @click="editDialog = false">关闭</el-button>-->
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<!-- <el-row :gutter="10" class="mb8">-->
|
||||
<!-- <el-col :span="1.5">-->
|
||||
<!-- <el-button-->
|
||||
<!-- type="primary"-->
|
||||
<!-- plain-->
|
||||
<!-- icon="el-icon-plus"-->
|
||||
<!-- size="mini"-->
|
||||
<!-- @click="handleAdd"-->
|
||||
<!-- >新增-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="1.5">-->
|
||||
<!-- <el-button-->
|
||||
<!-- type="success"-->
|
||||
<!-- plain-->
|
||||
<!-- icon="el-icon-edit"-->
|
||||
<!-- size="mini"-->
|
||||
<!-- :disabled="single"-->
|
||||
<!-- @click="handleUpdate"-->
|
||||
<!-- >修改-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="1.5">-->
|
||||
<!-- <el-button-->
|
||||
<!-- type="danger"-->
|
||||
<!-- plain-->
|
||||
<!-- icon="el-icon-delete"-->
|
||||
<!-- size="mini"-->
|
||||
<!-- :disabled="multiple"-->
|
||||
<!-- @click="handleDelete"-->
|
||||
<!-- >删除-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="1.5">-->
|
||||
<!-- <el-button-->
|
||||
<!-- type="warning"-->
|
||||
<!-- plain-->
|
||||
<!-- icon="el-icon-download"-->
|
||||
<!-- size="mini"-->
|
||||
<!-- @click="handleExport"-->
|
||||
<!-- >导出-->
|
||||
<!-- </el-button>-->
|
||||
<!-- <!– </el-col>–></el-row>-->
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="新增教师" name="addrole">
|
||||
<table class="e-table" cellspacing="0">
|
||||
<tr>
|
||||
<td>教师姓名</td>
|
||||
<td>
|
||||
<el-input v-model="form.name" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>教师工号</td>
|
||||
<td>
|
||||
<el-input v-model="form.infoId" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>性别</td>
|
||||
<td>
|
||||
<el-input v-model="form.sex" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>所属班级</td>
|
||||
<td>
|
||||
<el-input v-model="form.calss" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>系别</td>
|
||||
<td>
|
||||
<el-input v-model="form.department" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>专业</td>
|
||||
<td>
|
||||
<el-input v-model="form.speciality" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<el-table v-loading="loading" :data="formList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column label="表单主键" align="center" prop="formId"/>
|
||||
<el-table-column label="表单名称" align="center" prop="formName"/>
|
||||
<el-table-column label="备注" align="center" prop="remark"/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-view"
|
||||
@click="handleDetail(scope.row)"
|
||||
>详情
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
>修改
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改流程表单对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="表单名称" prop="formName">
|
||||
<el-input v-model="form.formName" placeholder="请输入表单名称"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="表单内容">
|
||||
<editor v-model="form.formContent" :min-height="192"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入备注"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!--表单配置详情-->
|
||||
<el-dialog :title="formTitle" :visible.sync="formConfOpen" width="60%" append-to-body>
|
||||
<div class="test-form">
|
||||
<parser :key="new Date().getTime()" :form-conf="formConf"/>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<!--Start 新增页面-->
|
||||
<form-add v-show=" viewState == 2"></form-add>
|
||||
</div>
|
||||
<tr>
|
||||
<td>入职年份</td>
|
||||
<td>
|
||||
<el-input v-model="form.studyYear" style="width:300px"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>资源描述</td>
|
||||
<td>
|
||||
<el-input type="textarea" v-model="form.remarks"></el-input>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div style="margin-top: 20px; text-align: center;">
|
||||
<el-button type="primary" @click="save()">保存</el-button>
|
||||
<!--<el-button @click="editDialog = false">关闭</el-button>-->
|
||||
</div>
|
||||
<!--</el-dialog>-->
|
||||
<!--</div>-->
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listForm, getForm, delForm, addForm, updateForm, exportForm} from "@/api/workflow/form";
|
||||
// import Editor from '@/components/Editor';
|
||||
// import Parser from '@/components/parser/Parser'
|
||||
import formAdd from "./formAdd";
|
||||
import {
|
||||
pageList,
|
||||
saveSourcesInfo,
|
||||
putSourcesInfo,
|
||||
delSources,
|
||||
} from '@/api/system/sources/index.js'
|
||||
|
||||
export default {
|
||||
name: "form",
|
||||
components: {
|
||||
Editor,
|
||||
// Parser,
|
||||
formAdd
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeIndex: '1',
|
||||
viewState: 1,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 流程表单表格数据
|
||||
formList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
formConf: {}, // 默认表单数据
|
||||
formConfOpen: false,
|
||||
formTitle: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
size: 10, // 每页的数据条数
|
||||
activeName: 'roleList',
|
||||
dialogTitle: '',
|
||||
editDialog: false,
|
||||
form: {},
|
||||
type:'js',
|
||||
formBackup: Object.assign({}, this.form),
|
||||
page: {
|
||||
total: 0, // 默认数据总数
|
||||
current: 1, // 默认开始页面
|
||||
size: 10, // 每页的数据条数
|
||||
params: {
|
||||
formName: null,
|
||||
formContent: null,
|
||||
}
|
||||
psid: '',
|
||||
sourceId: '',
|
||||
sourceName: ''
|
||||
},
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {}
|
||||
};
|
||||
tableData: [],
|
||||
zylb: [],
|
||||
sourceList: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
mounted() {
|
||||
this.getPageList(this.page)
|
||||
},
|
||||
methods: {
|
||||
/** 查询流程表单列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listForm(this.queryParams).then(response => {
|
||||
this.formList = response.data.records;
|
||||
this.total = response.data.total;
|
||||
this.loading = false;
|
||||
});
|
||||
pagination(val) { // 分页
|
||||
this.page.current = val.pageNum
|
||||
this.page.size = val.pageSize
|
||||
this.getPageList(this.page)
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
resetSearch() { // 重置
|
||||
this.page = {
|
||||
total: 0, // 默认数据总数
|
||||
current: 1, // 默认开始页面
|
||||
size: 10, // 每页的数据条数
|
||||
params: {
|
||||
name:'',
|
||||
psid: '',
|
||||
sourceId: '',
|
||||
sourceName: ''
|
||||
},
|
||||
}
|
||||
this.getPageList()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
formId: null,
|
||||
formName: null,
|
||||
formContent: null,
|
||||
createTime: null,
|
||||
updateTime: null,
|
||||
createBy: null,
|
||||
updateBy: null,
|
||||
remark: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.formId)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 表单配置信息 */
|
||||
handleDetail(row) {
|
||||
this.formConfOpen = true;
|
||||
this.formTitle = "流程表单配置详细";
|
||||
this.formConf = JSON.parse(row.formContent)
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
// this.reset();
|
||||
// this.open = true;
|
||||
// this.title = "添加流程表单";
|
||||
this.$router.push({path: '/tool/build/index', query: {formId: null}})
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
// this.reset();
|
||||
// const formId = row.formId || this.ids
|
||||
// getForm(formId).then(response => {
|
||||
// this.form = response.data;
|
||||
// this.open = true;
|
||||
// this.title = "修改流程表单";
|
||||
// });
|
||||
this.$router.push({path: '/tool/build/index', query: {formId: row.formId}})
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.formId != null) {
|
||||
updateForm(this.form).then(response => {
|
||||
this.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addForm(this.form).then(response => {
|
||||
this.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const formIds = row.formId || this.ids;
|
||||
this.$confirm('是否确认删除流程表单编号为"' + formIds + '"的数据项?', "警告", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(function () {
|
||||
return delForm(formIds);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.msgSuccess("删除成功");
|
||||
getPageList() { // 获取列表
|
||||
pageList(this.type).then((res) => {
|
||||
this.tableData = res.data
|
||||
this.page.total = res.data.total
|
||||
})
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
const queryParams = this.queryParams;
|
||||
this.$confirm('是否确认导出所有流程表单数据项?', "警告", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(function () {
|
||||
return exportForm(queryParams);
|
||||
}).then(response => {
|
||||
this.download(response.msg);
|
||||
handleClick(tab, event) {
|
||||
if (tab.name == 'addrole') {
|
||||
this.dialogTitle = '新增'
|
||||
this.roleForm = Object.assign({}, this.formBackup)
|
||||
} else {
|
||||
this.getPageList()
|
||||
}
|
||||
},
|
||||
save() {
|
||||
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.getPageList()
|
||||
this.activeName = "roleList"
|
||||
this.$message({
|
||||
message: res.msg,
|
||||
type: 'success'
|
||||
})
|
||||
})
|
||||
}
|
||||
this.reset()
|
||||
},
|
||||
reset() {
|
||||
this.form = {}
|
||||
},
|
||||
editRow(row) {
|
||||
this.dialogTitle = '编辑'
|
||||
this.editDialog = true
|
||||
this.form = Object.assign({}, row)
|
||||
},
|
||||
deleteRow(row) {
|
||||
this.$confirm('确定要删除该资源吗, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
delSources({sid: row.sid}).then(res => {
|
||||
this.getPageList()
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '删除成功!'
|
||||
});
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
<style scoped="scoped" lang="scss">
|
||||
.my-tabs {
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user