Commit 3799e3b8 authored by qddidi's avatar qddidi

待遇申请

parent b753639d
......@@ -132,11 +132,11 @@ export const listAllBaseInfo = (data) => {
})
}
//
export const selectflowState = (data) => {
export const selectflowState = (params) => {
return axios({
url: '/folw/selectflowState',
method: 'post',
data
method: 'get',
params
})
}
//领取人员查询
......
......@@ -9,7 +9,8 @@ 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.use(ElementUI)
Vue.use(api)
......
......@@ -24,7 +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"
Vue.use(Router)
const router = new Router({
......@@ -117,6 +117,10 @@ const router = new Router({
path:"/payInfo",
name:"缴费记录",
component: PayInfo
},{
path:"/application",
name:"待遇申请审核",
component: application
}
]
},
......
......@@ -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"
......
function getType(s){
let a= s==1?"参保登记":s==2?"信息变更":s==3?"待遇申请":s==4?"参保注销":s==5?"补缴保费":s==6?"升档改办":s==7?"关系转移":""
return a
}
export default{
getType
}
\ No newline at end of file
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<el-form :inline="true" label-width="110px" :model="form" class="forme">
<el-form-item label="姓名">
<el-input v-model="form.name" readonly></el-input>
</el-form-item>
<el-form-item label="性别">
<el-input v-model="form.sex" readonly></el-input>
</el-form-item>
<el-form-item label="民族">
<el-input v-model="form.nation" readonly></el-input>
</el-form-item>
<el-form-item label="个人累计津贴">
<el-input v-model="form.benefits" readonly></el-input>
</el-form-item>
<el-form-item label="领取方式">
<el-input v-model="form.apply_way" readonly></el-input>
</el-form-item>
<el-form-item label="个人账户">
<el-input v-model="form.mon_annuityPre" readonly></el-input>
</el-form-item>
<el-form-item label="个人累计缴费">
<el-input v-model="form.payTotalMoney" readonly></el-input>
</el-form-item>
<el-form-item label="户籍性质">
<el-input v-model="form.nation_type" readonly></el-input>
</el-form-item>
<el-form-item label="身份证号">
<el-input v-model="form.identity_number" readonly></el-input>
</el-form-item>
<el-form-item label="户籍性质">
<el-input v-model="form.nation_type" readonly></el-input>
</el-form-item>
<el-form-item label="户籍所在地">
<el-input v-model="address" readonly></el-input>
</el-form-item>
<el-form-item label="利息">
<el-input v-model="form.interest" readonly></el-input>
</el-form-item>
<el-form-item label="月领取养老金">
<el-input v-model="form.mon_annuity" readonly></el-input>
</el-form-item>
<el-form-item label="国家基础养老金">
<el-input v-model="form.mon_annuityGov" readonly></el-input>
</el-form-item>
</el-form>
<div class="headImg">
<div style="text-align;center;padding:9px;border-bottom:1px solid #EFF0F2;font-size:14px">领取人照片</div>
<div class="headCon">
<img :src="form.personPhoto" alt="">
</div>
</div>
</div>
<h2 class="imtil">附件</h2>
<div class="imgcon">
<div class="demo-image__placeholder">
<div class="block">
<p class="demonstration">银行卡</p>
<el-image :src="urls[0]"></el-image>
</div>
<div class="block">
<p class="demonstration">签名</p>
<el-image :src="urls[1]">
<div slot="placeholder" class="image-slot">
<span class="dot">...</span>
</div>
</el-image>
</div>
<div class="block">
<p class="demonstration">身份证正面</p>
<el-image :src="urls[2]">
<div slot="placeholder" class="image-slot">
<span class="dot">...</span>
</div>
</el-image>
</div>
<div class="block">
<p class="demonstration">身份证反面</p>
<el-image :src="urls[3]">
<div slot="placeholder" class="image-slot">
<span class="dot">...</span>
</div>
</el-image>
</div>
</div>
</div>
<div style="text-align:center;margin-bottom:40px" v-show="show">
<el-button type="success" @click="pass"><i class="el-icon-circle-check"></i> 审核通过</el-button>
<el-button type="danger" @click="nopass"><i class="el-icon-circle-close"></i> 审核不通过</el-button>
</div>
</div>
</template>
<script>
import CryptoJS from 'crypto-js'
import { Loading } from 'element-ui';
export default {
data(){
return{
address:"",
form:{
},
urls: [
],
show:""
}
},
methods:{
//审核通过
pass(){
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(() => {
Loading.service();
var data={
recordId: sessionStorage.getItem("recordId"),
examineState:1,
remark:"",
userId:1
};
this.$api.getlist.shenhe(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
if(res.code==200){
this.$message({
type: 'success',
message: res.data
});
this.$router.push({
name:"信息审核"
})
}else{
this.$message({
type: 'info',
message: res.message
});
}
}).catch((res) => {
let loadingInstance = Loading.service();
that.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$message({
type: 'info',
message: '操作失败!'+res
});
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消操作'
});
});
},
//审核不通过
nopass(){
var that=this
this.$prompt('请输入原因', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(({ value }) => {
if(value){
Loading.service();
var data={
recordId: sessionStorage.getItem("recordId"),
examineState:2,
remark:value,
userId:1
};
this.$api.getlist.shenhe(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
if(res.code==200){
this.$message({
type: 'success',
message: res.data
});
// this.$router.push({
// name:"Xxsh"
// })
}else{
this.$message({
type: 'info',
message: res.message
});
}
}).catch((res) => {
let loadingInstance = Loading.service();
that.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$message({
type: 'info',
message: '操作失败!'+res
});
});
}else{
let loadingInstance = Loading.service();
that.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
that.$message({
type: 'info',
message: '请输入原因'
});
}
}).catch(() => {
this.$message({
type: 'info',
message: '取消输入'
});
});
},
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);
}
},
created(){
this.show=this.$route.params.show
if(this.$route.params.info){
sessionStorage.setItem("info",this.$route.params.info)
}
if(this.$route.params.info){
var a=JSON.stringify(this.$route.params)
sessionStorage.setItem("items",a)
}
this.form =JSON.parse(sessionStorage.getItem("info"))
this.address=this.form.townName+this.form.villageName+this.form.groupName
this.form.name=this.decrypt(this.form.name)
this.form.identity_number=this.decrypt(this.form.identity_number)
this.form.telphoneValue=this.decrypt(this.form.telphoneValue)
var obj=JSON.parse(sessionStorage.getItem("items"))
this.form.personPhoto="http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.specialPhotoPic
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.bankpic)
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.signpic)
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.idcardfrontpic)
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.idcardbackpic)
console.log(this.form)
this.form.sex= this.form.sex==1?"男":"女"
}
}
</script>
<style>
.wrap{
overflow: hidden;
position: relative;
}
.forme{
text-align: left;
width: 80%;
float: left;
}
.headImg{
float: left;
width: 17%;
max-width: 200px;
max-height: 100px;
border: 1px solid lightgray;
}
/* .headCon{
} */
.headImg img{
width: 100%
}
.masks{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.imgcon{
margin: 0 auto;
box-shadow: 0 0 15px lightgray;
overflow: hidden;
margin-bottom: 40px
}
.block{
float: left;
height: 100%;
margin-right: 20px
}
.block img{
width: auto;
height: 300px;
}
.imtil{
padding:0 0 20px 0
}
.forme .el-form-item label:after {
content: " ";
display: inline-block;
width: 100%;
}
.forme .el-form-item__label {
text-align: justify
}
/* 这里去除必选字段的*,这个符号会造成一定影响,去掉之后我用了li列表进行定位,在前面加上" * ". */
</style>
......@@ -278,7 +278,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 +319,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){
......@@ -383,7 +398,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
......
......@@ -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,7 +53,7 @@
</template>
</el-table-column>
</el-table>
<el-dialog title="已作废流程" :visible.sync="dialogTableVisible">
<el-dialog title="已作废流程" width="70%" :visible.sync="dialogTableVisible">
<el-table
:data="detableData"
style="width: 100%"
......@@ -66,6 +70,10 @@
<el-table-column
prop="createby"
label="创建人">
</el-table-column>
<el-table-column
prop="flowNo"
label="流程号">
</el-table-column>
<el-table-column
prop="createtime"
......@@ -93,17 +101,17 @@
</template>
</el-table-column>
</el-table>
</el-dialog>
<el-pagination
<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"
......@@ -202,8 +210,13 @@
methods:{
//作废
delet(){
this.$api.getlist.selectflowState().then((res) => {
this.detableData=res.data
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) => {
......@@ -221,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
......
......@@ -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{
......
......@@ -19,7 +19,7 @@
<el-table
:data="tableData"
style="width: 100%"
:row-class-name="tableRowClassName">
>
<el-table-column
prop="idcard"
label="身份证号"
......@@ -223,14 +223,7 @@
})
},
tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) {
return 'warning-row';
} else if (rowIndex === 3) {
return 'success-row';
}
return '';
},
current_change(ss){
var data={
pageNum:ss,
......@@ -249,7 +242,7 @@
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?"信息变更":''
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
}
this.tableData=res.data.list
this.totals=res.data.total
......@@ -291,6 +284,21 @@
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){
......@@ -324,6 +332,7 @@
},
created(){
Loading.service();
var data={
idcard:'',
......@@ -341,39 +350,20 @@
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?"参保注销":""
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();
});
});
// 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
// }
// })
})
}
}
</script>
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