Skip to content

T
techbook
Commit 231f5472 authored by anxixi's avatar anxixi
Browse files
Options

系统管理修改及科创企业信息静态页面

parent ea9c6379
Hide whitespace changes
Inline Side-by-side
Showing with 601 additions and 273 deletions
public/css/common.scss
View file @ 231f5472
...@@ -1083,4 +1083,13 @@ i { ...@@ -1083,4 +1083,13 @@ i {
/* Safari and Chrome */ /* Safari and Chrome */
-webkit-animation:mymove 0.3s linear; -webkit-animation:mymove 0.3s linear;
-webkit-animation-iteration-count:1; -webkit-animation-iteration-count:1;
}
.soutform{
text-align: left;
}
.contentPadding{
padding: 40px;
background: #ffffff;
margin-top: 10px;
} }
\ No newline at end of file
src/admin/index/api/api.js
View file @ 231f5472
import api from '../../../api/api';
export default {
getTree (){
return api.fetchGet('/base/org/getTree');
},
//============组织机构
orgPush (params,urls){
return api.fetchPost(urls,params);
},
getOrgLists (params){//列表数据
return api.fetchPost('/base/org/getOrgLists',params);
},
deleteorg (params){
return api.fetchGet('/base/org/delete?orgId='+params);
},
orgone (params){
return api.fetchGet('/base/org/'+params);
},
getTreeUpate (params){
return api.fetchGet('/base/org/getParentOrgTree'+'?orgId='+params);
},
//============菜单管理
addFunmenu (params,urls){
return api.fetchPost(urls,params);
},
getSmartData (params){
return api.fetchPost('/base/function/searchPageList',params);
},
getMenuTreeListByCategory (params){
return api.fetchGet('/base/function/getMenuTreeListByCategory?functionCategory='+params);
},
getButtonList (){
return api.fetchGet('/base/function/getButtonList');
},
getFunmenu (params){
return api.fetchGet('/base/function/getFunction?functionId='+params);
},
deleteFunmenu (params){
return api.fetchGet('/base/function/deleteFunction?functionId='+params);
},
getFunTreeById (params){
return api.fetchGet('/base/function/getFunctionTreeById?functionId='+params);
},
//============角色管理
getRoleList (){
return api.fetchGet('/base/role/getList');
},
addFunrole (params,urls){
return api.fetchPost(urls,params);
},
getroleId (params){
return api.fetchGet('/base/role/'+params);
},
deleteFunrole (params){
return api.fetchGet('/base/role/deleteRole?roleId='+params);
},
getMenuTreeRole (params){
return api.fetchGet('/base/function/getMenuTreeRole?roleId='+params);
},
configFunction (params){
return api.fetchPost('/base/role/configFunction',params);
},
//============人员管理
selectNationList (){
return api.fetchGet('/business/geo/selectNationList');
},
selectCityList (params){
return api.fetchGet('/business/geo/selectCityList?geoId='+params);
},
selectProvinceList (params){
return api.fetchGet('/business/geo/selectProvinceList?geoId='+params);
},
addBaseEmp (params,urls){
return api.fetchPost(urls,params);
},
searchEmpList (params){
return api.fetchPost('/base/emp/searchEmpList',params);
},
getBaseEmp (params){
return api.fetchGet('/base/emp/getBaseEmp?empId='+params);
},
deleteBaseEmp (params){
return api.fetchGet('/base/emp/deleteBaseEmp?empId='+params);
},
searchBindEmpList (params){
return api.fetchPost('/base/role/searchBindEmpList',params);
},
searchUnBindEmpList (params){
return api.fetchPost('/base/role/searchUnBindEmpList',params);
},
bindEmpList (params){
return api.fetchPost('/base/role/bindEmpList',params);
},
unBindEmpList (params){
return api.fetchPost('/base/role/unBindEmpList',params);
},
resetPassword (params){
return api.fetchPost('/base/emp/resetPassword',params);
},
}
src/admin/index/pages/sys.menu.vue
View file @ 231f5472
<template> <template>
<div class="sysmenu"> <div class="soutform loginedWrapper">
<el-form :inline="true"> <div class="breadcrumb">
<el-form-item label="上级菜单："> <el-breadcrumb separator="/">
<el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="handleChangesout"> <el-breadcrumb-item>系统管理</el-breadcrumb-item>
</el-cascader> <el-breadcrumb-item>菜单管理</el-breadcrumb-item>
</el-form-item> </el-breadcrumb>
<el-form-item> </div>
<el-button type="primary" @click="soutClk">查询</el-button> <div class="contentPadding">
<el-button @click="resetClk">重置</el-button> <el-form :inline="true">
</el-form-item> <el-form-item label="上级菜单：">
<el-form-item class="formcontentnk"> <el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="handleChangesout">
<el-button type="primary" @click="added">添加</el-button> </el-cascader>
</el-form-item> </el-form-item>
</el-form> <el-form-item>
<el-button type="primary" @click="soutClk">查询</el-button>
<el-button @click="resetClk">重置</el-button>
</el-form-item>
<el-form-item class="formcontentnk">
<el-button type="primary" @click="added">添加</el-button>
</el-form-item>
</el-form>
<el-row :gutter="20">
<el-table :data="smartData" tooltip-effect="dark" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}">
<el-table-column prop="functionName" label="菜单名称"></el-table-column>
<el-table-column prop="functionUrl" label="菜单地址"></el-table-column>
<el-table-column prop="functionParentName" label="父级菜单"></el-table-column>
<el-table-column prop="functionIcon" label="菜单图标名称"></el-table-column>
<el-table-column prop="functionTypeName" label="菜单类型"></el-table-column>
<!--<el-table-column prop="functionCategoryName" label="菜单所属"></el-table-column>-->
<el-table-column label="操作" width="200" align='center'>
<template slot-scope="scope">
<el-button type="text" @click="upstate(scope.row)">编辑</el-button>
<el-button type="text" @click="delstate(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
background
:page-sizes="[10, 20, 30, 40, 50]"
:page-size="10"
:current-page="cur_page"
layout=" sizes, prev, pager, next, jumper"
:total="totalListResult">
</el-pagination>
</div>
</el-row>
<el-row>
<el-table :data="smartData" tooltip-effect="dark" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}">
<el-table-column prop="functionName" label="菜单名称"></el-table-column>
<el-table-column prop="functionUrl" label="菜单地址"></el-table-column>
<el-table-column prop="functionParentName" label="父级菜单"></el-table-column>
<el-table-column prop="functionIcon" label="菜单图标名称"></el-table-column>
<el-table-column prop="functionTypeName" label="菜单类型"></el-table-column>
<!--<el-table-column prop="functionCategoryName" label="菜单所属"></el-table-column>-->
<el-table-column label="操作" width="200" align='center'>
<template slot-scope="scope">
<el-button type="text" @click="upstate(scope.row)">编辑</el-button>
<el-button type="text" @click="delstate(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
background
:page-sizes="[10, 20, 30, 40, 50]"
:page-size="10"
:current-page="cur_page"
layout=" sizes, prev, pager, next, jumper"
:total="totalListResult">
</el-pagination>
</div>
</el-row>
</div>
<!--新增--> <!--新增-->
<el-dialog :title="title" :visible.sync="addVisible" :append-to-body="true" :close-on-click-modal="false" class="dialogWrap522" @close="closeDialoged"> <el-dialog :title="title" :visible.sync="addVisible" :append-to-body="true" :close-on-click-modal="false" class="dialogWrap522" @close="closeDialoged">
...@@ -440,10 +447,6 @@ ...@@ -440,10 +447,6 @@
</script> </script>
<style scoped> <style scoped>
.sysmenu {
padding: 40px !important;
text-align: left;
}
.formcontentnk { .formcontentnk {
float: right; float: right;
} }
......
src/admin/index/pages/sys.org.vue
View file @ 231f5472
<template> <template>
<div class="sysorg"> <div class="soutform loginedWrapper">
<el-form :inline="true"> <div class="breadcrumb">
<el-form-item label="上级机构："> <el-breadcrumb separator="/">
<el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="handleChange"> <el-breadcrumb-item>系统管理</el-breadcrumb-item>
</el-cascader> <el-breadcrumb-item>机构管理</el-breadcrumb-item>
</el-form-item> </el-breadcrumb>
<el-form-item> </div>
<el-button type="primary" @click="soutClk">查询</el-button> <div class="contentPadding">
<el-button @click="resetClk">重置</el-button> <el-form :inline="true">
</el-form-item> <el-form-item label="上级机构：">
<el-form-item class="formcontentnk"> <el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="handleChange">
<el-button type="primary" @click="added">添加</el-button> </el-cascader>
</el-form-item> </el-form-item>
</el-form> <el-form-item>
<el-button type="primary" @click="soutClk">查询</el-button>
<el-row> <el-button @click="resetClk">重置</el-button>
<el-table @selection-change="handleSelectionChange" :data="tableData" tooltip-effect="dark" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}"> </el-form-item>
<!--<el-table-column type="selection" width="55">--> <el-form-item class="formcontentnk">
<!--</el-table-column>--> <el-button type="primary" @click="added">添加</el-button>
<!--<el-table-column type="index" label="序号">--> </el-form-item>
<!--</el-table-column>--> </el-form>
<el-table-column prop="orgCode" label="组织机构编码">
</el-table-column>
<el-table-column prop="orgName" label="组织机构名称">
</el-table-column>
<el-table-column prop="OrgParent" label="上级机构">
</el-table-column>
<el-table-column label="操作" width="210" align='center'>
<template slot-scope="scope">
<el-button type="text" @click="editOpen(scope.row)">编辑</el-button>
<el-button type="text">|</el-button>
<el-button type="text" @click="removerOpen(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
background
:page-sizes="[10, 20, 30, 40, 50]"
:page-size="10"
:current-page="cur_page"
layout=" sizes, prev, pager, next, jumper"
:total="totalListResult">
</el-pagination>
</div>
</el-row>
<el-row>
<el-table @selection-change="handleSelectionChange" :data="tableData" tooltip-effect="dark" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}">
<!--<el-table-column type="selection" width="55">-->
<!--</el-table-column>-->
<!--<el-table-column type="index" label="序号">-->
<!--</el-table-column>-->
<el-table-column prop="orgCode" label="组织机构编码">
</el-table-column>
<el-table-column prop="orgName" label="组织机构名称">
</el-table-column>
<el-table-column prop="OrgParent" label="上级机构">
</el-table-column>
<el-table-column label="操作" width="210" align='center'>
<template slot-scope="scope">
<el-button type="text" @click="editOpen(scope.row)">编辑</el-button>
<el-button type="text">|</el-button>
<el-button type="text" @click="removerOpen(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
background
:page-sizes="[10, 20, 30, 40, 50]"
:page-size="10"
:current-page="cur_page"
layout=" sizes, prev, pager, next, jumper"
:total="totalListResult">
</el-pagination>
</div>
</el-row>
</div>
...@@ -333,10 +340,6 @@ ...@@ -333,10 +340,6 @@
</script> </script>
<style scoped> <style scoped>
.sysorg {
padding: 40px !important;
text-align: left;
}
.formcontentnk { .formcontentnk {
float: right; float: right;
} }
......
src/admin/index/pages/sys.role.vue
View file @ 231f5472
<template> <template>
<div class="sysrole"> <div class="soutform loginedWrapper">
<el-row style='padding: 20px 20px 5px 20px;'> <div class="breadcrumb">
<el-tabs v-model="activeName" tab-position="top" @tab-click="added" class='roled'> <el-breadcrumb separator="/">
<el-tab-pane v-for="list in userList" :label="list.roleName" :name="list.roleName" :key="list.roleId"></el-tab-pane> <el-breadcrumb-item>系统管理</el-breadcrumb-item>
</el-tabs> <el-breadcrumb-item>角色管理</el-breadcrumb-item>
</el-row> </el-breadcrumb>
<div style='background:#f0f0f0; width: 100%;height: 8px;'></div> </div>
<el-row style='padding: 10px 20px 5px 20px;'> <div class="contentPadding">
<div class="formcontentnk" style="margin: 20px 0;"> <el-row>
<el-button type="primary" @click="addRole">添加角色</el-button> <el-tabs v-model="activeName" tab-position="top" @tab-click="added" class='roled'>
<el-button type="primary" @click="editRole">修改</el-button> <el-tab-pane v-for="list in userList" :label="list.roleName" :name="list.roleName" :key="list.roleId"></el-tab-pane>
<el-button type="primary" @click="deleteRoleInfo">删除</el-button> </el-tabs>
</div> </el-row>
</el-row> <div style='background:#f0f0f0; width: 100%;height: 8px;'></div>
<el-row style='padding: 0 20px 5px 20px;'> <el-row style='padding: 10px 20px 5px 20px;'>
<el-tabs type="border-card" style="padding-bottom: 100px;" @tab-click="tabsClck"> <div class="formcontentnk" style="margin: 20px 0;">
<el-tab-pane label="功能权限"> <el-button type="primary" @click="addRole">添加角色</el-button>
<el-tabs type="card"> <el-button type="primary" @click="editRole">修改</el-button>
<el-tab-pane v-for="itemList in tabsData" :label="itemList.functionName" :key="itemList.functionId"> <el-button type="primary" @click="deleteRoleInfo">删除</el-button>
<el-checkbox class='checkFont' style="margin: 15px;" v-model="itemList.selected" @change="checkAllChange(itemList)" :label="itemList.functionName"></el-checkbox> </div>
<div style="display: flex;margin: 15px;" v-for="item in itemList.systemFunctionlist"> </el-row>
<!--<p>{{item}}</p>--> <el-row>
<el-checkbox style="width: 230px;" :indeterminate="isIndeterminate" v-model="item.selected" @change="handleCheckAllChange(item.selected,itemList)">{{item.functionName}}</el-checkbox> <el-tabs type="border-card" style="padding-bottom: 100px;" @tab-click="tabsClck">
<div style="display: flex;" v-for="city in item.systemFunctionlist"> <el-tab-pane label="功能权限">
<el-checkbox-group v-model="city.selected" @change="handleCheckedCitiesChange(city.selected,itemList)"> <el-tabs type="card">
<el-checkbox style=" margin-right: 15px;" :label="city.functionName" :key="city.functionId"></el-checkbox> <el-tab-pane v-for="itemList in tabsData" :label="itemList.functionName" :key="itemList.functionId">
</el-checkbox-group> <el-checkbox class='checkFont' style="margin: 15px;" v-model="itemList.selected" @change="checkAllChange(itemList)" :label="itemList.functionName"></el-checkbox>
<div style="display: flex;margin: 15px;" v-for="item in itemList.systemFunctionlist">
<!--<p>{{item}}</p>-->
<el-checkbox style="width: 230px;" :indeterminate="isIndeterminate" v-model="item.selected" @change="handleCheckAllChange(item.selected,itemList)">{{item.functionName}}</el-checkbox>
<div style="display: flex;" v-for="city in item.systemFunctionlist">
<el-checkbox-group v-model="city.selected" @change="handleCheckedCitiesChange(city.selected,itemList)">
<el-checkbox style=" margin-right: 15px;" :label="city.functionName" :key="city.functionId"></el-checkbox>
</el-checkbox-group>
</div>
</div> </div>
</div> </el-tab-pane>
</el-tab-pane> </el-tabs>
</el-tabs> <el-button style="margin-left: 80%;margin-top: 5%;" type="primary" @click="addFun">保存</el-button>
<el-button style="margin-left: 80%;margin-top: 5%;" type="primary" @click="addFun">保存</el-button> </el-tab-pane>
</el-tab-pane> <el-tab-pane label="关联人员">
<el-tab-pane label="关联人员"> <el-form :inline="true">
<el-form :inline="true"> <el-form-item label="组织机构：">
<el-form-item label="组织机构："> <el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="changebind">
<el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="changebind"> </el-cascader>
</el-cascader> </el-form-item>
</el-form-item> <el-form-item>
<el-form-item> <el-button type="primary" @click="rolebind">绑定</el-button>
<el-button type="primary" @click="rolebind">绑定</el-button> </el-form-item>
</el-form-item> </el-form>
</el-form> <el-row :gutter="20" class="rowsed">
<el-row :gutter="20" class="rowsed"> <el-table ref="multipleTable" :data="tablebind" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}" class="fontSize" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionbind">
<el-table ref="multipleTable" :data="tablebind" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}" class="fontSize" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionbind"> <el-table-column type="selection" width="55">
<el-table-column type="selection" width="55"> </el-table-column>
</el-table-column> <el-table-column prop="empName" label="员工姓名">
<el-table-column prop="empName" label="员工姓名"> </el-table-column>
</el-table-column> <el-table-column prop="orgName" label="所属部门" show-overflow-tooltip>
<el-table-column prop="orgName" label="所属部门" show-overflow-tooltip> </el-table-column>
</el-table-column> <el-table-column prop="empPosition" label="职务" show-overflow-tooltip>
<el-table-column prop="empPosition" label="职务" show-overflow-tooltip> </el-table-column>
</el-table-column> </el-table>
</el-table> </el-row>
</el-row> <div class="pagination">
<div class="pagination"> <el-pagination
<el-pagination @size-change="handleSizebind"
@size-change="handleSizebind" @current-change="handleCurrentbind"
@current-change="handleCurrentbind" background
background :page-sizes="[10, 20, 30, 40, 50]"
:page-sizes="[10, 20, 30, 40, 50]" :page-size="10"
:page-size="10" :current-page="cur_page"
:current-page="cur_page" layout=" sizes, prev, pager, next, jumper"
layout=" sizes, prev, pager, next, jumper" :total="totalListbind">
:total="totalListbind"> </el-pagination>
</el-pagination> </div>
</div> </el-tab-pane>
</el-tab-pane> <el-tab-pane label="已关联人员">
<el-tab-pane label="已关联人员"> <el-form :inline="true">
<el-form :inline="true"> <el-form-item label="组织机构：">
<el-form-item label="组织机构："> <el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="changeunbind">
<el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="changeunbind"> </el-cascader>
</el-cascader> </el-form-item>
</el-form-item> <el-form-item>
<el-form-item> <el-button type="primary" @click="roleunbind">解除绑定</el-button>
<el-button type="primary" @click="roleunbind">解除绑定</el-button> </el-form-item>
</el-form-item> </el-form>
</el-form> <el-row :gutter="20" class="rowsed">
<el-row :gutter="20" class="rowsed"> <el-table ref="multipleTable" :data="tableunbind" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}" class="fontSize" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionunbind">
<el-table ref="multipleTable" :data="tableunbind" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}" class="fontSize" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionunbind"> <el-table-column type="selection" width="55">
<el-table-column type="selection" width="55"> </el-table-column>
</el-table-column> <el-table-column prop="empName" label="员工姓名">
<el-table-column prop="empName" label="员工姓名"> </el-table-column>
</el-table-column> <el-table-column prop="orgName" label="所属部门" show-overflow-tooltip>
<el-table-column prop="orgName" label="所属部门" show-overflow-tooltip> </el-table-column>
</el-table-column> <el-table-column prop="empPosition" label="职务" show-overflow-tooltip>
<el-table-column prop="empPosition" label="职务" show-overflow-tooltip> </el-table-column>
</el-table-column> </el-table>
</el-table> </el-row>
</el-row> <div class="pagination">
<div class="pagination"> <el-pagination
<el-pagination @size-change="handleSizeunbind"
@size-change="handleSizeunbind" @current-change="handleCurrentunbind"
@current-change="handleCurrentunbind" background
background :page-sizes="[10, 20, 30, 40, 50]"
:page-sizes="[10, 20, 30, 40, 50]" :page-size="10"
:page-size="10" :current-page="cur_pageunbind"
:current-page="cur_pageunbind" layout=" sizes, prev, pager, next, jumper"
layout=" sizes, prev, pager, next, jumper" :total="totalListunbind">
:total="totalListunbind"> </el-pagination>
</el-pagination> </div>
</div> </el-tab-pane>
</el-tab-pane> </el-tabs>
</el-tabs> </el-row>
</el-row> </div>
<!--添加--> <!--添加-->
...@@ -441,7 +448,7 @@ ...@@ -441,7 +448,7 @@
handleSelectionbind(row){ handleSelectionbind(row){
this.bindroleId = row; this.bindroleId = row;
}, },
//未绑定列表数据 //绑定列表数据
tableListbind(val){ tableListbind(val){
let params = { let params = {
pagination: { pagination: {
...@@ -458,7 +465,7 @@ ...@@ -458,7 +465,7 @@
}; };
api.searchBindEmpList(params).then(response => { api.searchBindEmpList(params).then(response => {
if(response.code == 0) { if(response.code == 0) {
this.tableununbind = response.result.records; this.tableunbind = response.result.records;
this.totalListunbind = response.result.total; this.totalListunbind = response.result.total;
} else { } else {
this.$message.error(response.msg); this.$message.error(response.msg);
...@@ -594,10 +601,6 @@ ...@@ -594,10 +601,6 @@
</script> </script>
<style scoped> <style scoped>
.sysrole {
padding: 40px !important;
text-align: left;
}
.formcontentnk { .formcontentnk {
float: right; float: right;
} }
......
src/admin/index/pages/sys.user.vue
View file @ 231f5472
<template> <template>
<div class="sysuser"> <div class="soutform loginedWrapper">
<el-form :inline="true" label-position="right" label-width='90px'> <div class="breadcrumb">
<el-form-item label="组织机构：" style="width: 350px;"> <el-breadcrumb separator="/">
<el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="changesout"> <el-breadcrumb-item>系统管理</el-breadcrumb-item>
</el-cascader> <el-breadcrumb-item>用户管理</el-breadcrumb-item>
</el-form-item> </el-breadcrumb>
<el-form-item label="员工姓名：" style="width: 350px;"> </div>
<el-input v-model="searched.empName" style=" width: 230px;margin-right: 30px;" placeholder="请输入员工姓名"></el-input> <div class="contentPadding">
</el-form-item> <el-form :inline="true" label-position="right" label-width='90px'>
<el-form-item> <el-form-item label="组织机构：" style="width: 350px;">
<el-button type="primary" @click="searchData">查询</el-button> <el-cascader v-model='arrNum' :props="defaultProps" :show-all-levels="false" :options="data" @change="changesout">
<el-button @click="refreshed">重置</el-button> </el-cascader>
</el-form-item> </el-form-item>
</el-form> <el-form-item label="员工姓名：" style="width: 350px;">
<div style='background:#f0f0f0; width: 100%;height: 8px;'></div> <el-input v-model="searched.empName" style=" width: 230px;margin-right: 30px;" placeholder="请输入员工姓名"></el-input>
<el-form :inline="true" style='height: 50px;'> </el-form-item>
<el-form-item class="formcontentnk" style='margin-top: 20px;'> <el-form-item>
<div class="contentnk"> <el-button type="primary" @click="searchData">查询</el-button>
<el-button type="primary" @click="empPassword()">重置密码</el-button> <el-button @click="refreshed">重置</el-button>
<el-button type="primary" @click="addUser">添加</el-button> </el-form-item>
</div> </el-form>
</el-form-item> <div style='background:#f0f0f0; width: 100%;height: 8px;'></div>
</el-form> <el-form :inline="true" style='height: 50px;'>
<el-form-item class="formcontentnk" style='margin-top: 20px;'>
<div class="contentnk">
<el-button type="primary" @click="empPassword()">重置密码</el-button>
<el-button type="primary" @click="addUser">添加</el-button>
</div>
</el-form-item>
</el-form>
<el-row style='margin: 0 20px;'>
<el-table ref="multipleTable" @selection-change="handleSelectionChange" :data="tableData" tooltip-effect="dark" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}" style="width: 100%;" class="fontSize">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column label="序号" type="index" width="50">
</el-table-column>
<el-table-column prop="empName" label="员工姓名">
</el-table-column>
<el-table-column prop="areaName" label="地区">
</el-table-column>
<el-table-column prop="orgName" label="所属部门">
</el-table-column>
<el-table-column prop="empPosition" label="职务">
</el-table-column>
<el-table-column label="操作" width="210" align='center'>
<template slot-scope="scope">
<el-button type="text" @click="editUser(scope.row)">修改</el-button>
<el-button type="text">|</el-button>
<el-button type="text" @click="seeDataed(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
background
:page-sizes="[10, 20, 30, 40, 50]"
:page-size="10"
:current-page="cur_page"
layout=" sizes, prev, pager, next, jumper"
:total="totalListResult">
</el-pagination>
</div>
</el-row>
<el-row style='margin: 0 20px;'>
<el-table ref="multipleTable" @selection-change="handleSelectionChange" :data="tableData" tooltip-effect="dark" :header-cell-style="{background:'#FAFAFA',color: 'rgba(0,0,0,0.85)',fontWeight:'bold',height:'49px'}" style="width: 100%;" class="fontSize">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column label="序号" type="index" width="50">
</el-table-column>
<el-table-column prop="empName" label="员工姓名">
</el-table-column>
<el-table-column prop="areaName" label="地区">
</el-table-column>
<el-table-column prop="orgName" label="所属部门">
</el-table-column>
<el-table-column prop="empPosition" label="职务">
</el-table-column>
<el-table-column label="操作" width="210" align='center'>
<template slot-scope="scope">
<el-button type="text" @click="editUser(scope.row)">修改</el-button>
<el-button type="text">|</el-button>
<el-button type="text" @click="seeDataed(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
background
:page-sizes="[10, 20, 30, 40, 50]"
:page-size="10"
:current-page="cur_page"
layout=" sizes, prev, pager, next, jumper"
:total="totalListResult">
</el-pagination>
</div>
</el-row>
</div>
...@@ -464,10 +471,6 @@ ...@@ -464,10 +471,6 @@
</script> </script>
<style scoped> <style scoped>
.sysuser {
padding: 40px !important;
text-align: left;
}
.formcontentnk { .formcontentnk {
float: right; float: right;
} }
......
src/innovatecompany/submitprojects/api/api.js 0 → 100644
View file @ 231f5472
import api from '../../../api/api';
export default {
}
\ No newline at end of file
src/innovatecompany/submitprojects/submitone.vue 0 → 100644
View file @ 231f5472
<template>
<div class="contentPadding">
<el-form label-position="right" label-width="180px" :model="formData" :rules="rules" ref="formList">
<el-form-item label="项目名称：" prop="orgName">
<el-input v-model.trim="formData.orgName" placeholder="请输入项目名称" style="width: 450px;height: 40px"></el-input>
</el-form-item>
<el-form-item label="公司全称：" prop="orgName">
<el-input v-model.trim="formData.orgName" placeholder="请输入公司全称" style="width: 450px;height: 40px"></el-input>
</el-form-item>
<el-form-item label="一句话介绍：" prop="orgName">
<el-input v-model.trim="formData.orgName" placeholder="请输入一句话介绍，最多输入30个字符" style="width: 450px;" type="textarea" :rows="4"></el-input>
</el-form-item>
<el-form-item label="行业领域：" prop="orgName">
<el-cascader :options="options" :props="props" placeholder="请选择最多三个行业领域" style="width: 450px;height: 40px" clearable></el-cascader>
</el-form-item>
<el-form-item label="公司网站：" prop="orgName">
<el-input v-model.trim="formData.orgName" placeholder="请输入公司网站" style="width: 250px;height: 40px"></el-input>
</el-form-item>
<el-form-item label="公众号：" prop="orgName">
<el-input v-model.trim="formData.orgName" placeholder="请输入公众号" style="width: 250px;height: 40px"></el-input>
</el-form-item>
<el-form-item label="公司总部所在地：" prop="orgName">
<el-cascader :options="options" :props="props" placeholder="请选择所在地" style="width: 250px;height: 40px" clearable></el-cascader>
</el-form-item>
<el-form-item label="图片：" prop="orgName">
<p class="imgTitle">请确保图片清晰、完整，仅支持PNG，JPG，最大不超过2M</p>
<div class="uploadImg">
<el-upload
name="fileUpload"
list-type="picture-card"
class="uploadImgCircle"
:action=uploadHostHeader
:multiple="false"
:file-list="fileList"
:on-preview="handlePictureCardPreview"
:on-success="uploadComplete"
:before-upload="handleBeforeFile"
:on-remove="handleRemove"
>
<i class="iconfont icon-jiahao"></i>
<p class="uploadImgTitle">上传名片</p>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
</div>
</el-form-item>
<el-form-item label="行业通俗标签：">
<el-tag size="mini" :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)">
{{tag}}
</el-tag>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
data() {
return {
props: { multiple: true },
options:[],
dynamicTags: ['标签一', '标签二', '标签三'],
formData:{},
//校验
rules: {
},
fileList:[],
dialogImageUrl:"",
dialogVisible: false,
uploadHostHeader: '/business/upload/uploadFile',//图片上传地址
}
},
methods: {
handleClose(tag) {
this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
//附件上传之前判断文件格式
handleBeforeFile(file) {
var nameArr = file.name.split('.');
const isPng = nameArr[nameArr.length - 1] === 'png';
const isJpg = nameArr[nameArr.length - 1] === 'jpg';
// const isJpeg = nameArr[nameArr.length - 1] === 'jpeg';
const isPNG = nameArr[nameArr.length - 1] === 'PNG';
const isJPG = nameArr[nameArr.length - 1] === 'JPG';
// const isJPEG = nameArr[nameArr.length - 1] === 'JPEG';
const isLt2M = file.size / 1024 / 1024 <= 2;
if (!isPNG && !isJPG && !isPng && !isJpg ) {
this.$message.error('上传图片只能是 png，jpg 格式!');
}else if(!isLt2M){
this.$message.error('上传图片大小不能超过 2MB!');
}else{
this.flag = 1;
}
return isPNG || isJPG || isPng || isJpg || isLt2M;
},
//删除
handleRemove(){
this.fileList = [];
},
uploadComplete(){
},
},
mounted(){
}
}
</script>
<style scoped>
.el-tag + .el-tag {
margin-left: 10px;
}
</style>
\ No newline at end of file
src/innovatecompany/submitprojects/totceldata.vue 0 → 100644
View file @ 231f5472
<template>
<div class="soutform loginedWrapper">
<div class="breadcrumb">
<el-breadcrumb separator="/">
<el-breadcrumb-item>我的工作台</el-breadcrumb-item>
<el-breadcrumb-item>发布项目</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="contentPadding">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="01项目基础信息" name="first">
<submit-one></submit-one>
</el-tab-pane>
<el-tab-pane label="02产品介绍" name="second">配置管理</el-tab-pane>
<el-tab-pane label="03市场合作需求" name="third">角色管理</el-tab-pane>
<el-tab-pane label="04公司概括" name="fourth">定时任务补偿</el-tab-pane>
</el-tabs>
</div>
</div>
</template>
<script>
import submitOne from './submitone';
export default {
name : "totceldata",
data() {
return {
activeName:'first'
}
},
components:{
submitOne,
},
methods: {
handleClick(){
},
},
mounted(){
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment