Skip to content

X
xichonght
Commit 23b7027b authored by miaohaoyun's avatar miaohaoyun
Browse files
Options

Merge branch 'mhy2' into 'mhy' 

Mhy2

See merge request !27
parents 57c98e77 7aee102d
Hide whitespace changes
Inline Side-by-side
Showing with 3185 additions and 3105 deletions
xichongSys/package-lock.json
View file @ 23b7027b
This source diff could not be displayed because it is too large. You can view the blob instead.
xichongSys/src/http/moudules/getlist.js
View file @ 23b7027b
......@@ -44,6 +44,13 @@ export const selectRoleinfo = (params) => {
params
})
}
export const selectRoleremark = (params) => {
return axios({
url: '/role/selectRoleremark2',
method: 'get',
params
})
}
export const progress = (params) => {
return axios({
url: '/examine/progressView',
......@@ -132,11 +139,11 @@ export const listAllBaseInfo = (data) => {
})
}
//
export const selectflowState = (data) => {
export const selectflowState = (params) => {
return axios({
url: '/folw/selectflowState',
method: 'post',
data
method: 'get',
params
})
}
//领取人员查询
......@@ -147,3 +154,11 @@ export const getGrantList = (data) => {
data
})
}
//流程详情
export const selectRoleflowNo = (params) => {
return axios({
url: 'role/selectRoleflowNo',
method: 'get',
params
})
}
xichongSys/src/http/moudules/user.js
View file @ 23b7027b
import axios from '../axios'
/*
/*
* 用户管理模块
*/
......@@ -15,7 +15,7 @@ export const save = (data) => {
// 删除
export const batchDelete = (data) => {
return axios({
url: '/user/forbiddenUser',
url: '/user/updateUserStatus',
method: 'post',
data
})
......@@ -35,4 +35,4 @@ export const findPermissions = (params) => {
method: 'get',
params
})
}
\ No newline at end of file
}
xichongSys/src/main.js
View file @ 23b7027b
......@@ -9,6 +9,10 @@ import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import 'font-awesome/css/font-awesome.min.css'
import '@/assets/iconfont/iconfont.css'
import getType from "@/utils/type.js"
Vue.prototype.getType =getType.getType
Vue.prototype.regetType =getType.regetType
Vue.use(ElementUI)
Vue.use(api)
......
xichongSys/src/mock/modules/user.js
View file @ 23b7027b
/*
/*
* 用户管理模块
*/
......@@ -17,7 +17,7 @@ export function save() {
// 批量删除
export function batchDelete() {
return {
url: '/user/forbiddenUser',
url: '/user/updateUserStatus',
type: 'post',
data: {
"code": 200,
......@@ -114,4 +114,4 @@ export function findPermissions() {
type: 'get',
data: permsData
}
}
\ No newline at end of file
}
xichongSys/src/router/index.js
View file @ 23b7027b
......@@ -24,6 +24,7 @@ import drdcbg from "@/views/Myvue/drdcbg";
import receivePersonnel from "@/views/Myvue/receivePersonnel";
import AllbaseInfo from "@/views/Myvue/allbaseInfo"
import PayInfo from "@/views/Myvue/payInfo"
import application from "@/views/Myvue/application"
import importByExcel from "@/views/Myvue/importByExcel"
import treatmentApplicationAudit from "@/views/Myvue/treatmentApplicationAudit"
import insuranceCancellationAudit from "@/views/Myvue/insuranceCancellationAudit"
......@@ -120,6 +121,10 @@ const router = new Router({
path:"/payInfo",
name:"缴费记录",
component: PayInfo
},{
path:"/application",
name:"待遇申请审核",
component: application
},
{
path:"/importByExcel",
......@@ -136,11 +141,6 @@ const router = new Router({
name:"参保注销审核",
component: insuranceCancellationAudit
}
,{
path:"/application",
name:"待遇申请审核",
component: application
}
]
},
......
xichongSys/src/utils/global.js
View file @ 23b7027b
......@@ -10,8 +10,8 @@
//export const baseUrl ="http://faceauth.weface.com.cn:98"
//export const baseUrl2 = 'http://faceauth.weface.com.cn:97'
//export const baseUrl = 'http://172.16.10.33:9002'
//export const baseUrl = 'http://172.16.10.25:9002'
export const baseUrl ="http://172.16.10.33:9002"
export const baseUrl = 'http://172.16.10.25:9002'
//export const baseUrl ="http://172.16.10.33:9002"
//export const baseUrl2 = 'http://172.16.10.25:9999'
//export const baseUrl = 'http://172.16.10.25:9002'
//export const baseUrl ="http://172.16.10.33:9002"
......
xichongSys/src/views/Core/KtTable.vue
View file @ 23b7027b
......@@ -13,7 +13,21 @@
<el-table-column :label="$t('action.operation')" width="185" fixed="right" v-if="showOperation" header-align="center" align="center">
<template slot-scope="scope">
<kt-button icon="fa fa-edit" :label="$t('action.edit')" :perms="permsEdit" :size="size" @click="handleEdit(scope.$index, scope.row)" style="float: left"/>
<kt-button icon="fa fa-trash" label="禁用" :perms="permsDelete" :size="size" type="danger" @click="handleDelete(scope.$index, scope.row)" />
<el-switch
class="statusSwitch"
style="display: block"
v-model="scope.row.status==0?true:false"
active-color="#13ce66"
inactive-color="#ff4949"
active-text="启"
inactive-text="禁" @change="handleDelete(scope.$index, scope.row)">
</el-switch>
<!-- <div v-if="scope.row.status == 1">-->
<!-- <kt-button icon="fa fa-trash" label="禁用" :perms="permsDelete" :size="size" type="danger" @click="handleDelete(scope.$index, scope.row)" />-->
<!-- </div>-->
<!-- <div v-else>-->
<!-- <kt-button icon="fa fa-check-circle" label="启用" :perms="permsDelete" :size="size" type="success" @click="handleDelete(scope.$index, scope.row)" />-->
<!-- </div>-->
</template>
</el-table-column>
</el-table>
......@@ -130,7 +144,7 @@ export default {
},
// 删除操作
delete: function (ids) {
this.$confirm('确认禁用选中记录吗？', '提示', {
this.$confirm('确认操作选中记录吗？', '提示', {
type: 'warning'
}).then(() => {
let params = []
......@@ -160,5 +174,27 @@ export default {
</script>
<style scoped>
.statusSwitch .el-switch__label {
position: absolute;
display: none;
color: #fff;
}
/*打开时文字位置设置*/
.statusSwitch .el-switch__label--right {
z-index: 2;
left: 92px;
bottom: 0px;
color: #000;
}
/*关闭时文字位置设置*/
.statusSwitch .el-switch__label--left {
z-index: 2;
right: 22px;
bottom: 0px;
color: #fff;
}
/*显示文字*/
.statusSwitch .el-switch__label.is-active {
display: block;
}
</style>
xichongSys/src/views/Myvue/authRecord.vue
View file @ 23b7027b
......@@ -244,7 +244,7 @@ import defaultImg from "../../assets/defaultPicture.jpg"
label:"100岁以上",
}],
//年龄计算方式
agemeth:"",
agemeth:"1",
agemethList:[{
value:"1",
label:"按年计算",
......
xichongSys/src/views/Myvue/drdcbg.vue
View file @ 23b7027b
......@@ -46,7 +46,7 @@
>
</el-pagination>
<el-button type="success" @click="toexcel" style="margin:50px">全部导出</el-button>
<el-button type="success" @click="toexcel" style="margin:50px">导出</el-button>
</div>
</template>
<script>
......
xichongSys/src/views/Myvue/drdysq.vue
View file @ 23b7027b
......@@ -40,7 +40,7 @@
@current-change="current_change"
>
</el-pagination>
<!-- <el-button type="success" @click="toexcel" style="margin:50px">导出</el-button>-->
<!-- <el-button type="success" @click="toexcel" style="margin:50px">导出</el-button>-->
</div>
</template>
<script>
......@@ -80,6 +80,7 @@
.catch(err => {
console.log(err);
});
},
current_change(s) {
var data = {
......@@ -96,7 +97,9 @@
this.tableData = res.data.content
this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
}
}).catch((res) => {
});
......@@ -151,7 +154,6 @@
if (res.code == 200) {
this.tableData = res.data.content
this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
}
}).catch((res) => {
......
xichongSys/src/views/Myvue/drxxbg.vue
View file @ 23b7027b
......@@ -46,7 +46,7 @@
min-width="20%">
</el-table-column>
<el-table-column label="操作"
min-width="8%">
min-width="8%">
<template slot-scope="scope">
<el-button
size="mini"
......@@ -122,7 +122,6 @@
if (res.code == 200) {
this.tableData = res.data.content
this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
}
}).catch((res) => {
......@@ -179,7 +178,6 @@
if (res.code == 200) {
this.tableData = res.data.content
this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
}
}).catch((res) => {
......
xichongSys/src/views/Myvue/examRecord.vue
View file @ 23b7027b
......@@ -159,16 +159,7 @@
list:[],
name:"",
activities: [],
options1: [{
value: '1',
label: '参保登记'
}, {
value: '2',
label: '信息变更'
}, {
value: '3',
label: '待遇申请'
}],
options1: [],
Page:1,
totals:0,
idcard:"",
......@@ -196,7 +187,7 @@
var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1)
res.data.list[i].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":''
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
}
this.tableData=res.data.list
this.totals=res.data.total
......@@ -212,7 +203,7 @@
this.activities=[]
var data={
recordId:s.id,
type:s.recordtype=="参保登记"?1:s.recordtype=="信息变更"?2:''
type:this.regetType(s.recordtype)
}
this.$api.getlist.progress(data).then((res)=>{
for(var i in res.data){
......@@ -278,7 +269,7 @@
var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1)
res.data.list[i].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":''
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
}
this.tableData=res.data.list
this.totals=res.data.total
......@@ -319,6 +310,21 @@
show:false
}
})
}else if(d.recordtype=="待遇申请"){
sessionStorage.setItem("recordId",this.tableData[s].recordId)
this.$router.push({
name:"待遇申请审核",
params:{info:this.tableData[s].info,
bankpic:this.tableData[s].bankpic,
idcardbackpic:this.tableData[s].idcardbackpic,
idcardfrontpic:this.tableData[s].idcardfrontpic,
signpic:this.tableData[s].signpic,
specialPhotoPic:this.tableData[s].specialPhotoPic,
bookPic:this.tableData[s].bookPic,
show:false
}
})
}
},
handleDelete(g,h){
......@@ -352,6 +358,12 @@
},
created(){
for(var i=1;i<=7;i++){
this.options1.push({
label:this.getType(i),
value:i
})
}
for(var i in listtown){
this.list.push({
value:listtown[i].town_name,
......@@ -383,7 +395,7 @@
var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1)
res.data.list[i].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":''
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
}
this.tableData=res.data.list
this.totals=res.data.total
......
xichongSys/src/views/Myvue/flow.vue
View file @ 23b7027b
......@@ -21,6 +21,10 @@
<el-table-column
prop="createby"
label="创建人">
</el-table-column>
<el-table-column
prop="flowNo"
label="流程号">
</el-table-column>
<el-table-column
prop="createtime"
......@@ -49,16 +53,65 @@
</template>
</el-table-column>
</el-table>
<el-pagination
<el-dialog title="已作废流程" width="70%" :visible.sync="dialogTableVisible">
<el-table
:data="detableData"
style="width: 100%"
>
<el-table-column
type="index"
:index="indexMethod">
</el-table-column>
<el-table-column
prop="flowname"
label="名称"
width="180">
</el-table-column>
<el-table-column
prop="createby"
label="创建人">
</el-table-column>
<el-table-column
prop="flowNo"
label="流程号">
</el-table-column>
<el-table-column
prop="createtime"
label="创建时间">
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-popover
placement="right"
width="200"
trigger="click">
<div class="step" style="height: 200px;">
<el-steps direction="vertical" :active="7">
<el-step v-for="index in step" :key="step[index]" :title="index.name"></el-step>
</el-steps>
</div>
<el-button
size="mini"
slot="reference"
@click="dehandle(scope.$index, scope.row)">详情</el-button>
</el-popover>
</template>
</el-table-column>
</el-table>
<el-pagination
class="pone"
:page-size='10'
layout="total, prev, pager, next, jumper"
:total="totals"
:current-page.sync="Page"
@current-change="current_change"
>
</el-pagination>
</el-dialog>
<el-dialog
:title="flowTitle"
:visible.sync="dialogVisible"
......@@ -133,6 +186,7 @@
export default {
data() {
return {
dialogTableVisible:false,
flowTitle:"",
showiii:false,
//标题
......@@ -146,6 +200,7 @@
input:"",
info:'',
tableData: [],
detableData:[],
options: [],
value: [],
oldvalue:[],
......@@ -155,9 +210,14 @@
methods:{
//作废
delet(){
this.$api.getlist.selectflowState().then((res) => {
this.tableData=res.data
console.log(this.tableData)
var data={
pageNum:1,
pageSize:10
}
this.$api.getlist.selectflowState(data).then((res) => {
this.detableData=res.data.result
this.totals=res.data.total
this.dialogTableVisible=true
}).catch((res) => {
......@@ -174,7 +234,18 @@ this.$api.getlist.selectflowState().then((res) => {
});
},
current_change(s){
var data={
pageNum:s,
pageSize:10
}
this.$api.getlist.selectflowState(data).then((res) => {
this.detableData=res.data.result
this.totals=res.data.total
this.dialogTableVisible=true
}).catch((res) => {
});
},
toshow(s){
this.showiii=s
......@@ -186,20 +257,17 @@ this.$api.getlist.selectflowState().then((res) => {
//获取流程
showadd(s,d){
this.value=[]
this.titleList=[]
this.oldvalue=[]
console.log(d)
if(s==1){
this.flowTitle="新增流程"
this.titleList=[{
label:"参保登记审核流程",
value:"1,参保登记审核流程"
},{
label:"信息变更审核流程",
value:"2,信息变更审核流程"
},{
label:"待遇申请审核流程",
value:"3,待遇申请审核流程"
}]
for(var i =1;i<=6;i++){
this.titleList.push({
label:this.getType(i),
value:i+","+this.getType(i)
})
}
}else if(s==2){
this.titleList=[{
label:d.flowname,
......@@ -207,11 +275,10 @@ this.$api.getlist.selectflowState().then((res) => {
}]
this.title=d.type+","+d.flowname
this.flowTitle="修改流程"
var par={
type:d.type
var par={
flowNo:d.flowNo
}
this.$api.getlist.selectRoleinfo(par).then((res) => {
this.$api.getlist.selectRoleremark(par).then((res) => {
var dd=0
......@@ -294,16 +361,27 @@ this.$api.getlist.selectflowState().then((res) => {
},
handle(s,d){
var par={
type:d.type
flowNo:d.flowNo
}
this.$api.getlist.selectRoleinfo(par).then((res) => {
this.$api.getlist.selectRoleremark(par).then((res) => {
this.step=res.data
console.log( this.step)
}).catch((res) => {
});
},
dehandle(s,d){
console.log(d)
var par={
flowNo:d.flowNo
}
this.$api.getlist.selectRoleflowNo(par).then((res) => {
this.step=res.data
}).catch((res) => {
});
}
},
created(){
......
xichongSys/src/views/Myvue/infoChange.vue
View file @ 23b7027b
......@@ -292,6 +292,7 @@ export default {
this.form.special_type=this.form.org_name.org_insuranceType
this.form.name=this.decrypt(this.form.org_name)
//this.form.name=this.form.org_name
this.form.identity_number=this.decrypt(this.form.org_idNum)
this.form.telphoneValue=this.decrypt(this.form.telphoneValue)
this.form.nation=this.form.nation
......@@ -337,7 +338,7 @@ export default {
}else if(this.form.type_son==7){
this.form.old=this.form.identity_number,
this.form.now=this.form.change_idNum,
this.form.now=this.decrypt(this.form.change_idNum),
this.now="变更后身份证"
this.old="变更前身份证"
}
......@@ -351,7 +352,6 @@ export default {
this.itmebs="户口本"
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.bookPic)
}else if(obj.specialPhotoPic){
console.log(123132)
this.itmebs="特殊身份证明"
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.specialPhotoPic)
}else{
......@@ -399,15 +399,15 @@ export default {
overflow: hidden;
margin-bottom: 40px
}
.block{
width: 23%
}
.block{
float: left;
height: 100%;
margin-right: 20px
}
.block img{
width: auto;
height: 300px;
}
.imtil{
padding:0 0 20px 0
}
......
xichongSys/src/views/Myvue/insuranceCancellationAudit.vue
View file @ 23b7027b
......@@ -292,6 +292,7 @@ export default {
this.form.special_type=this.form.org_name.org_insuranceType
this.form.name=this.decrypt(this.form.org_name)
//this.form.name=this.form.org_name
this.form.identity_number=this.decrypt(this.form.org_idNum)
this.form.telphoneValue=this.decrypt(this.form.telphoneValue)
this.form.nation=this.form.nation
......@@ -337,7 +338,7 @@ export default {
}else if(this.form.type_son==7){
this.form.old=this.form.identity_number,
this.form.now=this.form.change_idNum,
this.form.now=this.decrypt(this.form.change_idNum),
this.now="变更后身份证"
this.old="变更前身份证"
}
......@@ -351,7 +352,6 @@ export default {
this.itmebs="户口本"
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.bookPic)
}else if(obj.specialPhotoPic){
console.log(123132)
this.itmebs="特殊身份证明"
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.specialPhotoPic)
}else{
......@@ -399,15 +399,15 @@ export default {
overflow: hidden;
margin-bottom: 40px
}
.block{
width: 23%
}
.block{
float: left;
height: 100%;
margin-right: 20px
}
.block img{
width: auto;
height: 300px;
}
.imtil{
padding:0 0 20px 0
}
......
xichongSys/src/views/Myvue/insuredReg.vue
View file @ 23b7027b
......@@ -316,15 +316,14 @@ export default {
overflow: hidden;
margin-bottom: 40px
}
.block{
width: 23%
}
.block{
float: left;
height: 100%;
margin-right: 20px
}
.block img{
width: auto;
height: 300px;
}
.imtil{
padding:0 0 20px 0
}
......
xichongSys/src/views/Myvue/table.vue
View file @ 23b7027b
<template>
<div>
<div class="op">
<div class="idc">
<el-input v-model="idcard" size="mini" placeholder="请输入身份证号"></el-input>
</div>
<div class="ywtyoe">
<el-select v-model="ywtype" placeholder="请选择业务类型" size="mini">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<el-button type="primary" size="mini" style="background:#148A9B;margin-left:10px" icon="el-icon-search"
@click="serch">搜索
</el-button>
</div>
<el-table
:data="tableData"
style="width: 100%"
:row-class-name="tableRowClassName">
<el-table-column
prop="idcard"
label="身份证号"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="recordtype"
label="业务类型">
</el-table-column>
<el-table-column
prop="createtime"
label="创建时间">
</el-table-column>
<el-table-column
prop="townname"
label="镇">
</el-table-column>
<el-table-column
prop="villagename"
label="村">
</el-table-column>
<el-table-column
prop="nowExamine"
label="当前状态">
</el-table-column>
<el-table-column
width="180"
label="操作">
<template slot-scope="scope">
<el-button
type="primary"
size="mini"
icon="el-icon-s-check"
@click="handle(scope.$index, scope.row)">审核
</el-button>
<div>
<div class="op">
<div class="idc">
<el-input v-model="idcard" size="mini" placeholder="请输入身份证号"></el-input>
</div>
<div class="ywtyoe">
<el-select v-model="ywtype" placeholder="请选择业务类型" size="mini">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<el-button type="primary" size="mini" style="background:#148A9B;margin-left:10px" icon="el-icon-search" @click="serch">搜索</el-button>
</div>
<el-table
:data="tableData"
style="width: 100%"
>
<el-table-column
prop="idcard"
label="身份证号"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="recordtype"
label="业务类型">
</el-table-column>
<el-table-column
prop="createtime"
label="创建时间">
</el-table-column>
<el-table-column
prop="townname"
label="镇">
</el-table-column>
<el-table-column
prop="villagename"
label="村">
</el-table-column>
<el-table-column
prop="nowExamine"
label="当前状态">
</el-table-column>
<el-table-column
width="180"
label="操作">
<template slot-scope="scope">
<el-button
type="primary"
size="mini"
icon="el-icon-s-check"
@click="handle(scope.$index, scope.row)">审核</el-button>
<el-popover
placement="right"
width="180"
trigger="click">
placement="right"
width="180"
trigger="click">
<el-timeline>
<el-timeline-item
v-for="(activity, index) in activities"
:key="index"
:icon="activity.icon"
:type="activity.type"
:color="activity.color"
:size="activity.size"
:timestamp="activity.timestamp"
:timestamp2="123">
{{activity.content}}
<p style="font-size:13px;color:#909399" v-show="activity.timestamp">审核人:{{activity.name}}</p>
<p style="font-size:13px;color:#909399" v-show="activity.examineRemark">
原因:{{activity.examineRemark}}</p>
</el-timeline-item>
</el-timeline>
<el-button
@click="progress(scope.$index, scope.row)"
size="mini"
slot="reference"
type="success"
>流程
</el-button>
<el-timeline-item
v-for="(activity, index) in activities"
:key="index"
:icon="activity.icon"
:type="activity.type"
:color="activity.color"
:size="activity.size"
:timestamp="activity.timestamp"
:timestamp2="123">
{{activity.content}}
<p style="font-size:13px;color:#909399" v-show="activity.timestamp">审核人:{{activity.name}}</p>
<p style="font-size:13px;color:#909399" v-show="activity.examineRemark">原因:{{activity.examineRemark}}</p>
</el-timeline-item>
</el-timeline>
<el-button
@click="progress(scope.$index, scope.row)"
size="mini"
slot="reference"
type="success"
>流程</el-button>
</el-popover>
</template>
</el-table-column>
</el-table>
<el-pagination
class="pone"
</template>
</el-table-column>
</el-table>
<el-pagination
class="pone"
:page-size='10'
layout="total, prev, pager, next, jumper"
:total="totals"
:current-page.sync="Page"
@current-change="current_change"
>
>
</el-pagination>
</div>
</template>
<style>
.op {
display: flex;
align-items: center;
}
.idc {
.op{
display: flex;
align-items: center;
}
.idc{
width: 200px
}
.ywtyoe {
.ywtyoe{
width: 200px;
margin-left: 20px
}
.el-table .warning-row {
background: oldlace;
}
......@@ -131,295 +123,247 @@
.el-table .success-row {
background: #f0f9eb;
}
.pone {
.pone{
margin-top: 40px
}
</style>
<script>
import CryptoJS from 'crypto-js'
import {Loading} from 'element-ui';
// import baseUrl from "../../globe/globeUrl"
import CryptoJS from 'crypto-js'
import { Loading } from 'element-ui';
// import baseUrl from "../../globe/globeUrl"
export default {
data() {
data() {
return {
activities: [],
options1: [{
value: '1',
label: '参保登记'
}, {
value: '2',
label: '信息变更'
}, {
value: '3',
label: '待遇申请'
}, {
value: '4',
label: '参保注销'
}, {
value: '5',
label: '补缴保费'
}],
Page: 1,
totals: 0,
idcard: "",
ywtype: "",
info: '',
activities: [],
options1: [{
value: '1',
label: '参保登记'
}, {
value: '2',
label: '信息变更'
}, {
value: '3',
label: '待遇申请'
}],
Page:1,
totals:0,
idcard:"",
ywtype:"",
info:'',
ywtype:'',
tableData: []
}
},
methods: {
//搜索
serch() {
var data = {
idcard: this.idcard ? this.Encrypt(this.idcard) : "",
recordType: this.ywtype ? parseInt(this.ywtype) : ""
serch(){
var data={
idcard:this.idcard?this.Encrypt(this.idcard):"",
recordType:this.ywtype?parseInt(this.ywtype):""
}
this.$api.getlist.getlist(data).then((res) => {
for (var i in res.data.list) {
res.data.list[i].idcard = this.decrypt(res.data.list[i].idcard)
res.data.list[i].name = this.decrypt(res.data.list[i].name)
var d = new Date(res.data.list[i].createtime)
var mon = (parseInt(d.getMonth()) + 1)
res.data.list[i].createtime = d.getFullYear() + "-" + mon + "-" + d.getDate() + " " + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype = res.data.list[i].recordtype == 1 ? "参保登记" : res.data.list[i].recordtype == 2 ? "信息变更" : res.data.list[i].recordtype == 3 ? "待遇申请" : res.data.list[i].recordtype == 4 ? "参保注销" : ""
this.$api.getlist.getlist(data).then((res) => {
for(var i in res.data.list){
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1)
res.data.list[i].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":res.data.list[i].recordtype==3?"待遇申请":res.data.list[i].recordtype==4?"参保注销":""
}
this.tableData = res.data.list
this.totals = res.data.total
this.page = res.data.total.pageNum
this.tableData=res.data.list
this.totals=res.data.total
this.page=res.data.total.pageNum
}).catch((res) => {
});
},
//流程
progress(d, s) {
progress(d,s){
console.log(s)
this.activities = []
var data = {
recordId: s.id,
type: s.recordtype == "参保登记" ? 1 : s.recordtype == "信息变更" ? 2 : s.recordtype == "待遇申请" ? 3 : s.recordtype == "参保注销" ? 4 : ''
this.activities=[]
var data={
recordId:s.id,
type:s.recordtype=="参保登记"?1:s.recordtype=="信息变更"?2:s.recordtype=="待遇申请"?3:s.recordtype=="参保注销"?4:''
}
this.$api.getlist.progress(data).then((res) => {
for (var i in res.data) {
if (res.data[i].examineState == "进行中") {
this.activities.push({
content: res.data[i].role,
this.$api.getlist.progress(data).then((res)=>{
for(var i in res.data){
if(res.data[i].examineState=="进行中"){
this.activities.push({
content:res.data[i].role,
//timestamp:res.data[i].examinePerson+"审核于"+res.data[i].examineTime,
color: '#0bbd87',
color:'#0bbd87',
size: 'large'
})
} else {
}else{
this.activities.push({
content: res.data[i].role,
timestamp: res.data[i].examinePerson ? res.data[i].examineTime : "",
name: res.data[i].examinePerson ? res.data[i].examinePerson : "",
examineRemark: res.data[i].examineRemark ? res.data[i].examineRemark : '',
color: res.data[i].nowNode ? "#97E5CE" : "lightgray"
content:res.data[i].role,
timestamp:res.data[i].examinePerson?res.data[i].examineTime:"",
name:res.data[i].examinePerson?res.data[i].examinePerson:"",
examineRemark:res.data[i].examineRemark?res.data[i].examineRemark:'',
color:res.data[i].nowNode?"#97E5CE":"lightgray"
})
if(res.data[i].examineState=="审核失败"){
this.activities.push({
content:"审核失败",
timestamp:res.data[i].examinePerson?res.data[i].examineTime:"",
name:res.data[i].examinePerson?res.data[i].examinePerson:"",
examineRemark:res.data[i].examineRemark?res.data[i].examineRemark:'',
color:'black'
})
if (res.data[i].examineState == "审核失败") {
this.activities.push({
content: "审核失败",
timestamp: res.data[i].examinePerson ? res.data[i].examineTime : "",
name: res.data[i].examinePerson ? res.data[i].examinePerson : "",
examineRemark: res.data[i].examineRemark ? res.data[i].examineRemark : '',
color: 'black'
})
return
}
}
}
}).catch((res) => {
}
}).catch((res)=>{
})
},
tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) {
return 'warning-row';
} else if (rowIndex === 3) {
return 'success-row';
current_change(ss){
var data={
pageNum:ss,
pageSize:10,
idcard:this.idcard,
type:this.ywtype
}
return '';
},
current_change(ss) {
var data = {
pageNum: ss,
pageSize: 10,
idcard: this.idcard,
type: this.ywtype
}
Loading.service();
this.$api.getlist.getlist(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
for (var i in res.data.list) {
res.data.list[i].idcard = this.decrypt(res.data.list[i].idcard)
res.data.list[i].name = this.decrypt(res.data.list[i].name)
var d = new Date(res.data.list[i].createtime)
res.data.list[i].createtime = d.getFullYear() + "-" + d.getMonth() + 1 + "-" + d.getDate() + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype = res.data.list[i].recordtype == 1 ? "参保登记" : res.data.list[i].recordtype == 2 ? "信息变更" : ''
Loading.service();
this.$api.getlist.getlist(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
for(var i in res.data.list){
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime)
res.data.list[i].createtime=d.getFullYear()+"-"+d.getMonth() + 1+"-"+d.getDate()+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
}
this.tableData = res.data.list
this.totals = res.data.total
this.page = res.data.total.pageNum
this.tableData=res.data.list
this.totals=res.data.total
this.page=res.data.total.pageNum
}).catch((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
});
},
//审核
handle(s, d) {
if (d.recordtype == "参保登记") {
sessionStorage.setItem("recordId", this.tableData[s].recordId)
handle(s,d){
if(d.recordtype=="参保登记"){
sessionStorage.setItem("recordId",this.tableData[s].recordId)
this.$router.push({
name: "参保登记审核",
params: {
info: this.tableData[s].info,
bankpic: this.tableData[s].bankpic,
idcardbackpic: this.tableData[s].idcardbackpic,
idcardfrontpic: this.tableData[s].idcardfrontpic,
signpic: this.tableData[s].signpic,
show: true
name:"参保登记审核",
params:{info:this.tableData[s].info,
bankpic:this.tableData[s].bankpic,
idcardbackpic:this.tableData[s].idcardbackpic,
idcardfrontpic:this.tableData[s].idcardfrontpic,
signpic:this.tableData[s].signpic,
show:true
}
})
} else if (d.recordtype == "信息变更") {
sessionStorage.setItem("recordId", this.tableData[s].recordId)
}else if(d.recordtype=="信息变更"){
sessionStorage.setItem("recordId",this.tableData[s].recordId)
this.$router.push({
name: "信息变更审核",
params: {
info: this.tableData[s].info,
bankpic: this.tableData[s].bankpic,
idcardbackpic: this.tableData[s].idcardbackpic,
idcardfrontpic: this.tableData[s].idcardfrontpic,
signpic: this.tableData[s].signpic,
specialPhotoPic: this.tableData[s].specialPhotoPic,
bookPic: this.tableData[s].bookPic,
show: true
name:"信息变更审核",
params:{info:this.tableData[s].info,
bankpic:this.tableData[s].bankpic,
idcardbackpic:this.tableData[s].idcardbackpic,
idcardfrontpic:this.tableData[s].idcardfrontpic,
signpic:this.tableData[s].signpic,
specialPhotoPic:this.tableData[s].specialPhotoPic,
bookPic:this.tableData[s].bookPic,
show:true
}
})
} else if (d.recordtype == "待遇申请") {
sessionStorage.setItem("recordId", this.tableData[s].recordId)
}else if(d.recordtype=="待遇申请"){
sessionStorage.setItem("recordId",this.tableData[s].recordId)
this.$router.push({
name: "待遇申请审核",
params: {
info: this.tableData[s].info,
bankpic: this.tableData[s].bankpic,
idcardbackpic: this.tableData[s].idcardbackpic,
idcardfrontpic: this.tableData[s].idcardfrontpic,
signpic: this.tableData[s].signpic,
specialPhotoPic: this.tableData[s].specialPhotoPic,
bookPic: this.tableData[s].bookPic,
show: true
name:"待遇申请审核",
params:{info:this.tableData[s].info,
bankpic:this.tableData[s].bankpic,
idcardbackpic:this.tableData[s].idcardbackpic,
idcardfrontpic:this.tableData[s].idcardfrontpic,
signpic:this.tableData[s].signpic,
specialPhotoPic:this.tableData[s].specialPhotoPic,
bookPic:this.tableData[s].bookPic,
show:true
}
})
} else if (d.recordtype == "参保注销") {
sessionStorage.setItem("recordId", this.tableData[s].recordId)
this.$router.push({
name: "参保注销审核",
params: {
info: this.tableData[s].info,
bankpic: this.tableData[s].bankpic,
idcardbackpic: this.tableData[s].idcardbackpic,
idcardfrontpic: this.tableData[s].idcardfrontpic,
signpic: this.tableData[s].signpic,
specialPhotoPic: this.tableData[s].specialPhotoPic,
bookPic: this.tableData[s].bookPic,
show: true
}
})
}
},
handleDelete(g, h) {
console.log(g)
console.log(h)
},
Encrypt(word) { //aes加密
var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625");
let srcs = CryptoJS.enc.Utf8.parse(word);
let encrypted = CryptoJS.AES.encrypt(srcs, key, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.toString();
},
decrypt(word) {
var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625");
var decrypt = CryptoJS.AES.decrypt(word, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7});
return CryptoJS.enc.Utf8.stringify(decrypt).toString();
}
},
handleDelete(g,h){
console.log(g)
console.log(h)
},
Encrypt(word) { //aes加密
var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625");
let srcs = CryptoJS.enc.Utf8.parse(word);
let encrypted = CryptoJS.AES.encrypt(srcs, key, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.toString();
},
decrypt(word){
var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625");
var decrypt = CryptoJS.AES.decrypt(word, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
return CryptoJS.enc.Utf8.stringify(decrypt).toString();
},
decryptByDES(ciphertext) {
var keyHex = CryptoJS.enc.Utf8.parse("KkweFace95271124");
var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
}, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return decrypted.toString(CryptoJS.enc.Utf8);
}
var keyHex = CryptoJS.enc.Utf8.parse("KkweFace95271124");
var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
}, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return decrypted.toString(CryptoJS.enc.Utf8);
}
},
created() {
Loading.service();
var data = {
idcard: '',
recordType: ''
}
this.$api.getlist.getlist(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
for (var i in res.data.list) {
res.data.list[i].idcard = this.decrypt(res.data.list[i].idcard)
res.data.list[i].name = this.decrypt(res.data.list[i].name)
var d = new Date(res.data.list[i].createtime)
var mon = (parseInt(d.getMonth()) + 1)
res.data.list[i].createtime = d.getFullYear() + "-" + mon + "-" + d.getDate() + " " + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype = res.data.list[i].recordtype == 1 ? "参保登记" : res.data.list[i].recordtype == 2 ? "信息变更" : res.data.list[i].recordtype == 3 ? "待遇申请" : res.data.list[i].recordtype == 4 ? "参保注销" : ""
created(){
Loading.service();
var data={
idcard:'',
recordType:''
}
this.tableData = res.data.list
this.totals = res.data.total
this.page = res.data.total.pageNum
}).catch((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
});
// var that=this
// baseUrl.setToken()
// $.ajax({
// url:baseUrl.baseUrl+"examine/listExamining",
// type:'post',
// data:{
// userId:1
// },
// success(res){
// for(var i in res.data.list){
// res.data.list[i].idcard=that.decrypt(res.data.list[i].idcard)
// res.data.list[i].name=that.decrypt(res.data.list[i].name)
// res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":""
// }
// that.tableData=res.data.list
// that.totals=res.data.total
// that.page=res.data.total.pageNum
// }
// })
this.$api.getlist.getlist(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
for(var i in res.data.list){
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1)
res.data.list[i].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
}
console.log(12312312)
this.tableData=res.data.list
this.totals=res.data.total
this.page=res.data.total.pageNum
}).catch((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
})
}
}
</script>
xichongSys/src/views/Myvue/treatmentApplicationAudit.vue
View file @ 23b7027b
......@@ -292,6 +292,7 @@ export default {
this.form.special_type=this.form.org_name.org_insuranceType
this.form.name=this.decrypt(this.form.org_name)
//this.form.name=this.form.org_name
this.form.identity_number=this.decrypt(this.form.org_idNum)
this.form.telphoneValue=this.decrypt(this.form.telphoneValue)
this.form.nation=this.form.nation
......@@ -337,7 +338,7 @@ export default {
}else if(this.form.type_son==7){
this.form.old=this.form.identity_number,
this.form.now=this.form.change_idNum,
this.form.now=this.decrypt(this.form.change_idNum),
this.now="变更后身份证"
this.old="变更前身份证"
}
......@@ -351,7 +352,6 @@ export default {
this.itmebs="户口本"
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.bookPic)
}else if(obj.specialPhotoPic){
console.log(123132)
this.itmebs="特殊身份证明"
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.specialPhotoPic)
}else{
......@@ -399,15 +399,15 @@ export default {
overflow: hidden;
margin-bottom: 40px
}
.block{
width: 23%
}
.block{
float: left;
height: 100%;
margin-right: 20px
}
.block img{
width: auto;
height: 300px;
}
.imtil{
padding:0 0 20px 0
}
......
xichongSys/src/views/Sys/User.vue
View file @ 23b7027b
<template>
<div class="page-container">
<!--工具栏-->
<div class="toolbar" style="float:left;padding-top:10px;padding-left:15px;">
<el-form :inline="true" :model="filters" :size="size">
<el-form-item>
<el-input v-model="filters.name" placeholder="用户名"></el-input>
</el-form-item>
<el-form-item>
<kt-button icon="fa fa-search" :label="$t('action.search')" perms="sys:role:view" type="primary"
@click="findPage(null)"/>
</el-form-item>
<el-form-item>
<kt-button icon="fa fa-plus" :label="$t('action.add')" perms="sys:user:add" type="primary"
@click="handleAdd"/>
</el-form-item>
</el-form>
</div>
<div class="toolbar" style="float:right;padding-top:10px;padding-right:15px;">
<el-form :inline="true" :size="size">
<el-form-item>
<el-button-group>
<el-tooltip content="刷新" placement="top">
<el-button icon="fa fa-refresh" @click="findPage(null)"></el-button>
</el-tooltip>
<el-tooltip content="列显示" placement="top">
<el-button icon="fa fa-filter" @click="displayFilterColumnsDialog"></el-button>
</el-tooltip>
<el-tooltip content="导出" placement="top">
<el-button icon="fa fa-file-excel-o"></el-button>
</el-tooltip>
</el-button-group>
</el-form-item>
</el-form>
<!--表格显示列界面-->
<table-column-filter-dialog ref="tableColumnFilterDialog" :columns="columns"
@handleFilterColumns="handleFilterColumns">
</table-column-filter-dialog>
</div>
<!--表格内容栏-->
<kt-table :height="350" permsEdit="sys:user:edit" permsDelete="sys:user:delete"
:data="pageResult" :columns="filterColumns"
@findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete">
</kt-table>
<!--新增编辑界面-->
<el-dialog :title="operation?'新增':'编辑'" width="40%" :visible.sync="dialogVisible" :close-on-click-modal="false">
<el-form :model="dataForm" label-width="80px" :rules="dataFormRules" ref="dataForm" :size="size"
label-position="right">
<el-form-item label="ID" prop="id" v-if="false">
<el-input v-model="dataForm.id" :disabled="true" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="用户名" prop="name">
<el-input v-model="dataForm.name" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="真实姓名" prop="truename">
<el-input v-model="dataForm.truename" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="dataForm.password" type="password" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="机构" prop="deptName">
<el-cascader
v-model="dataForm.deptName"
size="medium"
:options="list"
:props="{ checkStrictly: true }"
style="width:100%"
clearable></el-cascader>
<!-- <popup-tree-input
:data="deptData"
:props="deptTreeProps"
:prop="dataForm.deptName"
:nodeKey="''+dataForm.deptId"
:currentChangeHandle="deptTreeCurrentChangeHandle">
</popup-tree-input> -->
</el-form-item>
<el-form-item label="职务" prop="job">
<el-input v-model="dataForm.job" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="手机" prop="mobile">
<el-input v-model="dataForm.mobile" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="角色" prop="userRoles" v-if="!operation">
<el-select v-model="dataForm.userRoles" multiple placeholder="请选择"
style="width: 100%;">
<el-option v-for="item in roles" :key="item.id"
:label="item.remark" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" style="width: 10%">
<el-button :size="size" @click.native="dialogVisible = false">{{$t('action.cancel')}}</el-button>
<el-button :size="size" type="primary" @click.native="submitForm" :loading="editLoading">
{{$t('action.submit')}}
</el-button>
</div>
</el-dialog>
<!--工具栏-->
<div class="toolbar" style="float:left;padding-top:10px;padding-left:15px;">
<el-form :inline="true" :model="filters" :size="size">
<el-form-item>
<el-input v-model="filters.name" placeholder="用户名"></el-input>
</el-form-item>
<el-form-item>
<kt-button icon="fa fa-search" :label="$t('action.search')" perms="sys:role:view" type="primary" @click="findPage(null)"/>
</el-form-item>
<el-form-item>
<kt-button icon="fa fa-plus" :label="$t('action.add')" perms="sys:user:add" type="primary" @click="handleAdd" />
</el-form-item>
</el-form>
</div>
<div class="toolbar" style="float:right;padding-top:10px;padding-right:15px;">
<el-form :inline="true" :size="size">
<el-form-item>
<el-button-group>
<el-tooltip content="刷新" placement="top">
<el-button icon="fa fa-refresh" @click="findPage(null)"></el-button>
</el-tooltip>
<el-tooltip content="列显示" placement="top">
<el-button icon="fa fa-filter" @click="displayFilterColumnsDialog"></el-button>
</el-tooltip>
<el-tooltip content="导出" placement="top">
<el-button icon="fa fa-file-excel-o"></el-button>
</el-tooltip>
</el-button-group>
</el-form-item>
</el-form>
<!--表格显示列界面-->
<table-column-filter-dialog ref="tableColumnFilterDialog" :columns="columns"
@handleFilterColumns="handleFilterColumns">
</table-column-filter-dialog>
</div>
<!--表格内容栏-->
<kt-table :height="350" permsEdit="sys:user:edit" permsDelete="sys:user:delete"
:data="pageResult" :columns="filterColumns"
@findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete">
</kt-table>
<!--新增编辑界面-->
<el-dialog :title="operation?'新增':'编辑'" width="40%" :visible.sync="dialogVisible" :close-on-click-modal="false">
<el-form :model="dataForm" label-width="80px" :rules="dataFormRules" ref="dataForm" :size="size"
label-position="right">
<el-form-item label="ID" prop="id" v-if="false">
<el-input v-model="dataForm.id" :disabled="true" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="用户名" prop="name">
<el-input v-model="dataForm.name" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="真实姓名" prop="truename">
<el-input v-model="dataForm.truename" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="dataForm.password" type="password" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="机构" prop="deptName">
<el-cascader
v-model="dataForm.deptName"
size="medium"
:options="list"
:props="{ checkStrictly: true }"
style="width:100%"
clearable></el-cascader>
<!-- <popup-tree-input
:data="deptData"
:props="deptTreeProps"
:prop="dataForm.deptName"
:nodeKey="''+dataForm.deptId"
:currentChangeHandle="deptTreeCurrentChangeHandle">
</popup-tree-input> -->
</el-form-item>
<!-- <el-form-item label="邮箱" prop="email">
<el-input v-model="dataForm.email" auto-complete="off"></el-input>
</el-form-item> -->
<el-form-item label="手机" prop="mobile">
<el-input v-model="dataForm.mobile" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="角色" prop="userRoles" v-if="!operation">
<el-select v-model="dataForm.userRoles" multiple placeholder="请选择"
style="width: 100%;">
<el-option v-for="item in roles" :key="item.id"
:label="item.remark" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :size="size" @click.native="dialogVisible = false">{{$t('action.cancel')}}</el-button>
<el-button :size="size" type="primary" @click.native="submitForm" :loading="editLoading">{{$t('action.submit')}}</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import PopupTreeInput from "@/components/PopupTreeInput"
import KtTable from "@/views/Core/KtTable"
import KtButton from "@/views/Core/KtButton"
import TableColumnFilterDialog from "@/views/Core/TableColumnFilterDialog"
import {format} from "@/utils/datetime"
import PopupTreeInput from "@/components/PopupTreeInput"
import KtTable from "@/views/Core/KtTable"
import KtButton from "@/views/Core/KtButton"
import TableColumnFilterDialog from "@/views/Core/TableColumnFilterDialog"
import { format } from "@/utils/datetime"
export default {
components:{
PopupTreeInput,
KtTable,
KtButton,
TableColumnFilterDialog
},
data() {
return {
list:[],
address:"",
size: 'small',
filters: {
name: ''
},
columns: [],
filterColumns: [],
pageRequest: { pageNum: 1, pageSize: 10 },
pageResult: {},
export default {
components: {
PopupTreeInput,
KtTable,
KtButton,
TableColumnFilterDialog
},
data() {
return {
list: [],
address: "",
size: 'small',
filters: {
name: ''
},
columns: [],
filterColumns: [],
pageRequest: {pageNum: 1, pageSize: 10},
pageResult: {},
operation: false, // true:新增, false:编辑
dialogVisible: false, // 新增编辑界面是否显示
editLoading: false,
dataFormRules: {
name: [
{required: true, message: '请输入用户名', trigger: 'blur'}
]
},
// 新增编辑界面数据
dataForm: {
id: 0,
name: '',
truename: '',
password: '',
deptId: 1,
deptName: '',
job: '',
//email: 'test@qq.com',
mobile: '13889700023',
status: 1,
userRoles: []
},
deptData: [],
deptTreeProps: {
label: 'name',
children: 'children'
},
roles: []
}
},
methods: {
// 获取分页数据
findPage: function (data) {
if (data !== null) {
this.pageRequest = data.pageRequest
}
this.pageRequest.columnFilters = {name: {name: 'name', value: this.filters.name}}
this.$api.user.findPage(this.pageRequest).then((res) => {
console.log(res.data)
this.pageResult = res.data
this.findUserRoles()
}).then(data != null ? data.callback : '')
},
// 加载用户角色信息
findUserRoles: function () {
this.$api.role.findAll().then((res) => {
// 加载角色集合
this.roles = res.data
})
},
// 批量删除
handleDelete: function (data) {
this.$api.user.batchDelete(data.params).then(data != null ? data.callback : '')
},
// 显示新增界面
handleAdd: function () {
this.dialogVisible = true
this.operation = true
this.dataForm = {
id: 0,
name: '',
password: '',
deptId: 1,
deptName: '',
job: '',
email: 'test@qq.com',
mobile: '13889700023',
status: 1,
userRoles: []
}
},
// 显示编辑界面
handleEdit: function (params) {
this.dialogVisible = true
this.operation = false
this.dataForm = Object.assign({}, params.row)
let userRoles = []
for (let i = 0, len = params.row.userRoles.length; i < len; i++) {
userRoles.push(params.row.userRoles[i].roleId)
}
this.dataForm.userRoles = userRoles
},
// 编辑
submitForm: function () {
this.$refs.dataForm.validate((valid) => {
if (valid) {
this.$confirm('确认提交吗？', '提示', {}).then(() => {
this.dataForm.deptName = this.dataForm.deptName[this.dataForm.deptName.length - 1]
this.editLoading = true
let params = Object.assign({}, this.dataForm)
let userRoles = []
for (let i = 0, len = params.userRoles.length; i < len; i++) {
let userRole = {
userId: params.id,
roleId: params.userRoles[i]
}
userRoles.push(userRole)
}
params.userRoles = userRoles
this.$api.user.save(params).then((res) => {
this.editLoading = false
if (res.code == 200) {
this.$message({message: '操作成功', type: 'success'})
this.dialogVisible = false
this.$refs['dataForm'].resetFields()
} else {
this.$message({message: '操作失败, ' + res.msg, type: 'error'})
}
this.findPage(null)
})
})
}
})
},
// 获取部门列表
findDeptTree: function () {
this.$api.dept.findDeptTree().then((res) => {
for (var i in res.data) {
res.data[i].value = res.data[i].name
res.data[i].label = res.data[i].name
for (var j in res.data[i].children) {
res.data[i].children[j].value = res.data[i].children[j].name
res.data[i].children[j].label = res.data[i].children[j].name
for (var n in res.data[i].children[j].children) {
res.data[i].children[j].children[n].value = res.data[i].children[j].children[n].name
res.data[i].children[j].children[n].label = res.data[i].children[j].children[n].name
}
}
}
this.list = res.data
//this.deptData = res.data
})
},
// 菜单树选中
deptTreeCurrentChangeHandle(data, node) {
this.dataForm.deptId = data.id
//this.dataForm.deptName = data.name
this.dataForm.deptName = data.name
},
// 时间格式化
dateFormat: function (row, column, cellValue, index) {
return format(row[column.property])
},
// 处理表格列过滤显示
displayFilterColumnsDialog: function () {
this.$refs.tableColumnFilterDialog.setDialogVisible(true)
},
// 处理表格列过滤显示
handleFilterColumns: function (data) {
this.filterColumns = data.filterColumns
this.$refs.tableColumnFilterDialog.setDialogVisible(false)
},
// 处理表格列过滤显示
initColumns: function () {
this.columns = [
{prop: "id", label: "ID", minWidth: 50},
{prop: "name", label: "用户名", minWidth: 100},
{prop: "truename", label: "真实姓名", minWidth: 100},
{prop: "deptName", label: "机构", minWidth: 100},
{prop: "job", label: "职务", minWidth: 100},
{prop: "roleNames", label: "角色", minWidth: 100},
{prop: "mobile", label: "手机", minWidth: 100},
{prop: "status", label: "状态", minWidth: 70},
// {prop:"createBy", label:"创建人", minWidth:120},
// {prop:"createTime", label:"创建时间", minWidth:120, formatter:this.dateFormat}
// {prop:"lastUpdateBy", label:"更新人", minWidth:100},
// {prop:"lastUpdateTime", label:"更新时间", minWidth:120, formatter:this.dateFormat}
]
this.filterColumns = JSON.parse(JSON.stringify(this.columns));
}
},
mounted() {
this.findDeptTree()
this.initColumns()
}
}
operation: false, // true:新增, false:编辑
dialogVisible: false, // 新增编辑界面是否显示
editLoading: false,
dataFormRules: {
name: [
{ required: true, message: '请输入用户名', trigger: 'blur' }
]
},
// 新增编辑界面数据
dataForm: {
id: 0,
name: '',
truename:'',
password: '',
deptId: 1,
deptName: '',
//email: 'test@qq.com',
mobile: '13889700023',
status: 1,
userRoles: []
},
deptData: [],
deptTreeProps: {
label: 'name',
children: 'children'
},
roles: []
}
},
methods: {
// 获取分页数据
findPage: function (data) {
if(data !== null) {
this.pageRequest = data.pageRequest
}
this.pageRequest.columnFilters = {name: {name:'name', value:this.filters.name}}
this.$api.user.findPage(this.pageRequest).then((res) => {
console.log(res.data)
this.pageResult = res.data
this.findUserRoles()
}).then(data!=null?data.callback:'')
},
// 加载用户角色信息
findUserRoles: function () {
this.$api.role.findAll().then((res) => {
// 加载角色集合
this.roles = res.data
})
},
// 批量删除
handleDelete: function (data) {
this.$api.user.batchDelete(data.params).then(data!=null?data.callback:'')
},
// 显示新增界面
handleAdd: function () {
this.dialogVisible = true
this.operation = true
this.dataForm = {
id: 0,
name: '',
password: '',
deptId: 1,
deptName: '',
email: 'test@qq.com',
mobile: '13889700023',
status: 1,
userRoles: []
}
},
// 显示编辑界面
handleEdit: function (params) {
this.dialogVisible = true
this.operation = false
this.dataForm = Object.assign({}, params.row)
let userRoles = []
for(let i=0,len=params.row.userRoles.length; i<len; i++) {
userRoles.push(params.row.userRoles[i].roleId)
}
this.dataForm.userRoles = userRoles
},
// 编辑
submitForm: function () {
this.$refs.dataForm.validate((valid) => {
if (valid) {
this.$confirm('确认提交吗？', '提示', {}).then(() => {
this.dataForm.deptName=this.dataForm.deptName[this.dataForm.deptName.length-1]
this.editLoading = true
let params = Object.assign({}, this.dataForm)
let userRoles = []
for(let i=0,len=params.userRoles.length; i<len; i++) {
let userRole = {
userId: params.id,
roleId: params.userRoles[i]
}
userRoles.push(userRole)
}
params.userRoles = userRoles
this.$api.user.save(params).then((res) => {
this.editLoading = false
if(res.code == 200) {
this.$message({ message: '操作成功', type: 'success' })
this.dialogVisible = false
this.$refs['dataForm'].resetFields()
} else {
this.$message({message: '操作失败, ' + res.msg, type: 'error'})
}
this.findPage(null)
})
})
}
})
},
// 获取部门列表
findDeptTree: function () {
this.$api.dept.findDeptTree().then((res) => {
for(var i in res.data){
res.data[i].value=res.data[i].name
res.data[i].label=res.data[i].name
for(var j in res.data[i].children){
res.data[i].children[j].value=res.data[i].children[j].name
res.data[i].children[j].label=res.data[i].children[j].name
for(var n in res.data[i].children[j].children){
res.data[i].children[j].children[n].value=res.data[i].children[j].children[n].name
res.data[i].children[j].children[n].label=res.data[i].children[j].children[n].name
}
}
}
this.list=res.data
//this.deptData = res.data
})
},
// 菜单树选中
deptTreeCurrentChangeHandle (data, node) {
this.dataForm.deptId = data.id
//this.dataForm.deptName = data.name
this.dataForm.deptName = data.name
},
// 时间格式化
       dateFormat: function (row, column, cellValue, index){
           return format(row[column.property])
       },
// 处理表格列过滤显示
       displayFilterColumnsDialog: function () {
this.$refs.tableColumnFilterDialog.setDialogVisible(true)
       },
// 处理表格列过滤显示
       handleFilterColumns: function (data) {
this.filterColumns = data.filterColumns
this.$refs.tableColumnFilterDialog.setDialogVisible(false)
       },
// 处理表格列过滤显示
       initColumns: function () {
this.columns = [
{prop:"id", label:"ID", minWidth:50},
{prop:"name", label:"用户名", minWidth:120},
{prop:"truename", label:"真实姓名", minWidth:100},
{prop:"deptName", label:"机构", minWidth:120},
{prop:"roleNames", label:"角色", minWidth:100},
{prop:"mobile", label:"手机", minWidth:100},
{prop:"status", label:"状态", minWidth:70},
// {prop:"createBy", label:"创建人", minWidth:120},
// {prop:"createTime", label:"创建时间", minWidth:120, formatter:this.dateFormat}
// {prop:"lastUpdateBy", label:"更新人", minWidth:100},
// {prop:"lastUpdateTime", label:"更新时间", minWidth:120, formatter:this.dateFormat}
]
this.filterColumns = JSON.parse(JSON.stringify(this.columns));
       }
},
mounted() {
this.findDeptTree()
this.initColumns()
}
}
</script>
<style scoped>
.el-tree-node__children {
overflow: scroll
}
</style>
.el-tree-node__children{
overflow: scroll
}
</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