Commit bc8b5c35 authored by liucheng's avatar liucheng

Merge branch 'master' into 'dev'

# Conflicts:
#   xichongSys/src/http/moudules/getlist.js
#   xichongSys/src/utils/global.js
#   xichongSys/src/views/Sys/User.vue
parents de06992f 47149dc8
...@@ -177,3 +177,11 @@ export const updatePassword = (data)=>{ ...@@ -177,3 +177,11 @@ export const updatePassword = (data)=>{
data data
}) })
} }
export const getTown = () => {
return axios({
url: '/dept/findTreeByUser',
method: 'get',
})
}
//
...@@ -28,6 +28,9 @@ import application from "@/views/Myvue/application" ...@@ -28,6 +28,9 @@ import application from "@/views/Myvue/application"
import importByExcel from "@/views/Myvue/importByExcel" import importByExcel from "@/views/Myvue/importByExcel"
import treatmentApplicationAudit from "@/views/Myvue/treatmentApplicationAudit" import treatmentApplicationAudit from "@/views/Myvue/treatmentApplicationAudit"
import insuranceCancellationAudit from "@/views/Myvue/insuranceCancellationAudit" import insuranceCancellationAudit from "@/views/Myvue/insuranceCancellationAudit"
import supPaymentAudit from "@/views/Myvue/supPaymentAudit"
import traRelationsAudit from "@/views/Myvue/traRelationsAudit"
import upgradeReoAudit from "@/views/Myvue/upgradeReoAudit"
Vue.use(Router) Vue.use(Router)
...@@ -141,7 +144,22 @@ const router = new Router({ ...@@ -141,7 +144,22 @@ const router = new Router({
path:"/insuranceCancellationAudit", path:"/insuranceCancellationAudit",
name:"参保注销审核", name:"参保注销审核",
component: insuranceCancellationAudit component: insuranceCancellationAudit
} },
{
path:"/supPaymentAudit",
name:"补缴保费审核",
component: supPaymentAudit
},
{
path:"/upgradeReoAudit",
name:"升档改办审核",
component: upgradeReoAudit
},
{
path:"/traRelationsAudit",
name:"关系转移审核",
component: traRelationsAudit
},
] ]
}, },
{ {
......
...@@ -65,11 +65,11 @@ export default { ...@@ -65,11 +65,11 @@ export default {
}, },
maxHeight: { // 表格最大高度 maxHeight: { // 表格最大高度
type: Number, type: Number,
default: 420 default: 620
}, },
height: { // 表格最大高度 height: { // 表格最大高度
type: Number, type: Number,
default: 250 default: 450
}, },
showOperation: { // 是否显示操作组件 showOperation: { // 是否显示操作组件
type: Boolean, type: Boolean,
......
<template>
<div>
<div class="block">
<el-cascader
:props="{ checkStrictly: true }"
clearable
placeholder="请选择镇村"
v-model="value"
:options="options"
size="mini"
@change="handleChange"></el-cascader>
</div>
</div>
</template>
<script>
export default {
data() {
return {
value: [],
options:[]
};
},
methods: {
handleChange(value) {
this.$emit('childByValue', value)
},
},
created(){
this.$api.getlist.getTown().then((res) => {
this.options=res.data
console.log(res.data)
}).catch((res) => {
})
}
};
</script>
\ No newline at end of file
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
prop="nowExamine" prop="nowExamine"
label="当前状态"> label="当前状态">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180" width="180"
label="操作"> label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -119,10 +119,10 @@ ...@@ -119,10 +119,10 @@
.op{ .op{
display: flex; display: flex;
align-items: center; align-items: center;
} }
.idc{ .idc{
width: 200px width: 200px
} }
.nam{ .nam{
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
// import baseUrl from "../../globe/globeUrl" // import baseUrl from "../../globe/globeUrl"
export default { export default {
data() { data() {
return { return {
list:[], list:[],
name:"", name:"",
...@@ -172,13 +172,13 @@ ...@@ -172,13 +172,13 @@
methods: { methods: {
//搜索 //搜索
serch(){ serch(){
var data={ var data={
idcard:this.idcard?this.Encrypt(this.idcard):"", idcard:this.idcard?this.Encrypt(this.idcard):"",
recordType:this.ywtype?parseInt(this.ywtype):"", recordType:this.ywtype?parseInt(this.ywtype):"",
townName:'', townName:'',
villageName:'' villageName:''
} }
this.$api.getlist.record(data).then((res) => { this.$api.getlist.record(data).then((res) => {
for(var i in res.data.list){ for(var i in res.data.list){
...@@ -186,15 +186,15 @@ ...@@ -186,15 +186,15 @@
res.data.list[i].name=this.decrypt(res.data.list[i].name) res.data.list[i].name=this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime) var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1) 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].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype) res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
} }
this.tableData=res.data.list this.tableData=res.data.list
this.totals=res.data.total this.totals=res.data.total
this.page=res.data.total.pageNum this.page=res.data.total.pageNum
}).catch((res) => { }).catch((res) => {
}); });
}, },
//流程 //流程
...@@ -215,8 +215,8 @@ ...@@ -215,8 +215,8 @@
size: 'large' size: 'large'
}) })
}else{ }else{
if(res.data[i].examineState=="审核失败"){ if(res.data[i].examineState=="审核失败"){
this.activities.push({ this.activities.push({
content:res.data[i].role+":"+"审核失败", content:res.data[i].role+":"+"审核失败",
...@@ -268,7 +268,7 @@ ...@@ -268,7 +268,7 @@
res.data.list[i].name=this.decrypt(res.data.list[i].name) res.data.list[i].name=this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime) var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1) 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].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype) res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
} }
this.tableData=res.data.list this.tableData=res.data.list
...@@ -292,7 +292,7 @@ ...@@ -292,7 +292,7 @@
idcardbackpic:this.tableData[s].idcardbackpic, idcardbackpic:this.tableData[s].idcardbackpic,
idcardfrontpic:this.tableData[s].idcardfrontpic, idcardfrontpic:this.tableData[s].idcardfrontpic,
signpic:this.tableData[s].signpic, signpic:this.tableData[s].signpic,
show:false show:false
} }
}) })
...@@ -311,21 +311,21 @@ ...@@ -311,21 +311,21 @@
} }
}) })
}else if(d.recordtype=="待遇申请"){ }else if(d.recordtype=="待遇申请"){
sessionStorage.setItem("recordId", this.tableData[s].recordId)
sessionStorage.setItem("recordId",this.tableData[s].recordId) this.$router.push({
this.$router.push({ name: "待遇申请审核",
name:"待遇申请审核", params: {
params:{info:this.tableData[s].info, info: this.tableData[s].info,
bankpic:this.tableData[s].bankpic, bankpic: this.tableData[s].bankpic,
idcardbackpic:this.tableData[s].idcardbackpic, idcardbackpic: this.tableData[s].idcardbackpic,
idcardfrontpic:this.tableData[s].idcardfrontpic, idcardfrontpic: this.tableData[s].idcardfrontpic,
signpic:this.tableData[s].signpic, signpic: this.tableData[s].signpic,
specialPhotoPic:this.tableData[s].specialPhotoPic, specialPhotoPic: this.tableData[s].specialPhotoPic,
bookPic:this.tableData[s].bookPic, bookPic: this.tableData[s].bookPic,
show:false show: false
} }
}) })
} }
}, },
handleDelete(g,h){ handleDelete(g,h){
console.log(g) console.log(g)
...@@ -356,7 +356,7 @@ ...@@ -356,7 +356,7 @@
return decrypted.toString(CryptoJS.enc.Utf8); return decrypted.toString(CryptoJS.enc.Utf8);
} }
}, },
created(){ created(){
for(var i=1;i<=7;i++){ for(var i=1;i<=7;i++){
this.options1.push({ this.options1.push({
...@@ -382,7 +382,7 @@ ...@@ -382,7 +382,7 @@
var data={ var data={
idcard:'', idcard:'',
recordType:'' recordType:''
} }
this.$api.getlist.record(data).then((res) => { this.$api.getlist.record(data).then((res) => {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
...@@ -394,13 +394,13 @@ ...@@ -394,13 +394,13 @@
res.data.list[i].name=this.decrypt(res.data.list[i].name) res.data.list[i].name=this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime) var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1) 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].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype) res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
} }
this.tableData=res.data.list this.tableData=res.data.list
this.totals=res.data.total this.totals=res.data.total
this.page=res.data.total.pageNum this.page=res.data.total.pageNum
}).catch((res) => { }).catch((res) => {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
...@@ -424,8 +424,8 @@ ...@@ -424,8 +424,8 @@
// that.tableData=res.data.list // that.tableData=res.data.list
// that.totals=res.data.total // that.totals=res.data.total
// that.page=res.data.total.pageNum // that.page=res.data.total.pageNum
// } // }
// }) // })
} }
......
...@@ -2,12 +2,13 @@ ...@@ -2,12 +2,13 @@
<div> <div>
<el-tabs <el-tabs
type="border-card" type="border-card"
:v-loading="loading"> v-loading.fullscreen.lock="loading">
<el-tab-pane label="参保覆盖人员" v-loading="loading"> <el-tab-pane label="参保覆盖人员">
<el-alert <el-alert
align="left" align="left"
title="请上传格式完全相同的excel,格式如下:" title="请上传格式完全相同的excel,格式如下:"
type="warning" type="warning"
:closable="false"
show-icon> show-icon>
</el-alert> </el-alert>
<table style="text-align: center;border-collapse: collapse" cellspacing="0px" cellpadding="0px"> <table style="text-align: center;border-collapse: collapse" cellspacing="0px" cellpadding="0px">
...@@ -50,6 +51,7 @@ ...@@ -50,6 +51,7 @@
:file-list="fileList" :file-list="fileList"
:on-exceed="handleExceed" :on-exceed="handleExceed"
:on-success="uploadSuccess" :on-success="uploadSuccess"
:on-error="uploadError"
:auto-upload="false"> :auto-upload="false">
<i class="el-icon-upload"></i> <i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div> <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
...@@ -58,40 +60,121 @@ ...@@ -58,40 +60,121 @@
<el-button style="margin-top: 10px" size="small" type="success" @click="submitUpload1">数据导入</el-button> <el-button style="margin-top: 10px" size="small" type="success" @click="submitUpload1">数据导入</el-button>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="缴费情况明细"> <el-tab-pane label="缴费情况明细">
<el-alert
align="left"
title="请上传格式完全相同的excel,格式如下:"
type="warning"
:closable="false"
show-icon>
</el-alert>
<table style="text-align: center;border-collapse: collapse" cellspacing="0px" cellpadding="0px">
<tr>
<td style="border: 1px solid black">&nbsp;个人编号&nbsp;</td>
<td style="border: 1px solid black">&nbsp;公民身份证&nbsp;</td>
<td style="border: 1px solid black">&nbsp;姓名&nbsp;</td>
<td style="border: 1px solid black">&nbsp;当前人员类别&nbsp;</td>
<td style="border: 1px solid black">&nbsp;缴费档次&nbsp;</td>
<td style="border: 1px solid black">&nbsp;应缴类型&nbsp;</td>
<td style="border: 1px solid black">&nbsp;个人应缴&nbsp;</td>
<td style="border: 1px solid black">&nbsp;个级财政补助和&nbsp;</td>
<td style="border: 1px solid black">&nbsp;代缴金额&nbsp;</td>
<td style="border: 1px solid black">&nbsp;对应费款所属期&nbsp;</td>
<td style="border: 1px solid black">&nbsp;险种类型&nbsp;</td>
<td style="border: 1px solid black">&nbsp;收缴方式&nbsp;</td>
<td style="border: 1px solid black">&nbsp;足额到账标志&nbsp;</td>
<td style="border: 1px solid black">&nbsp;足额到账年月&nbsp;</td>
<td style="border: 1px solid black">&nbsp;经办时间&nbsp;</td>
<td style="border: 1px solid black">&nbsp;经办人&nbsp;</td>
<td style="border: 1px solid black">&nbsp;征收方式&nbsp;</td>
<td style="border: 1px solid black">&nbsp;银行编号&nbsp;</td>
<td style="border: 1px solid black">&nbsp;银行账号&nbsp;</td>
<td style="border: 1px solid black">&nbsp;乡镇&nbsp;</td>
<td style="border: 1px solid black">&nbsp;&nbsp;</td>
<td style="border: 1px solid black">&nbsp;&nbsp;</td>
<td style="border: 1px solid black">&nbsp;地址&nbsp;</td>
<td style="border: 1px solid black">&nbsp;户口所在地&nbsp;</td>
</tr>
</table>
<el-upload <el-upload
style="margin-top: 10px"
class="upload-demo" class="upload-demo"
ref="upload2" ref="upload2"
action="/" :action="payInfoUrl"
multiple multiple
drag
accept=".xls,.xlsx" accept=".xls,.xlsx"
:limit="5" :limit="5"
:headers="myHeader" :headers="myHeader"
:before-upload="handleBeforeUpload" :before-upload="handleBeforeUpload"
:file-list="fileList" :file-list="fileList"
:on-exceed="handleExceed" :on-exceed="handleExceed"
:on-success="uploadSuccess"
:on-error="uploadError"
:auto-upload="false"> :auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button> <i class="el-icon-upload"></i>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload2">数据导入</el-button> <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传5个文件</div> <div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传5个文件</div>
</el-upload> </el-upload>
<el-button style="margin-top: 10px" size="small" type="success" @click="submitUpload2">数据导入</el-button>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="领取人员"> <el-tab-pane label="领取人员">
<el-alert
align="left"
title="请上传格式完全相同的excel,格式如下:"
type="warning"
:closable="false"
show-icon>
</el-alert>
<table style="text-align: center;border-collapse: collapse" cellspacing="0px" cellpadding="0px">
<tr>
<td style="border: 1px solid black">&nbsp;乡镇&nbsp;</td>
<td style="border: 1px solid black">&nbsp;村(社区)&nbsp;</td>
<td style="border: 1px solid black">&nbsp;村组&nbsp;</td>
<td style="border: 1px solid black">&nbsp;户籍地地址&nbsp;</td>
<td style="border: 1px solid black">&nbsp;常住地地址&nbsp;</td>
<td style="border: 1px solid black">&nbsp;个人编号&nbsp;</td>
<td style="border: 1px solid black">&nbsp;证件号码&nbsp;</td>
<td style="border: 1px solid black">&nbsp;姓名&nbsp;</td>
<td style="border: 1px solid black">&nbsp;待遇发放状态&nbsp;</td>
<td style="border: 1px solid black">&nbsp;最大发放期&nbsp;</td>
<td style="border: 1px solid black">&nbsp;银行&nbsp;</td>
<td style="border: 1px solid black">&nbsp;户名&nbsp;</td>
<td style="border: 1px solid black">&nbsp;账号&nbsp;</td>
<td style="border: 1px solid black">&nbsp;视同缴费月数&nbsp;</td>
<td style="border: 1px solid black">&nbsp;实际缴费月数&nbsp;</td>
<td style="border: 1px solid black">&nbsp;军龄折算月数&nbsp;</td>
<td style="border: 1px solid black">&nbsp;特殊工种折算月数&nbsp;</td>
<td style="border: 1px solid black">&nbsp;离退休日期&nbsp;</td>
<td style="border: 1px solid black">&nbsp;当前月领取标准&nbsp;</td>
<td style="border: 1px solid black">&nbsp;个人账户总金额&nbsp;</td>
<td style="border: 1px solid black">&nbsp;省级财政部分所占比例&nbsp;</td>
<td style="border: 1px solid black">&nbsp;市级财政部分所占比例&nbsp;</td>
<td style="border: 1px solid black">&nbsp;县级财政部分所占比例&nbsp;</td>
<td style="border: 1px solid black">&nbsp;集体补助部分所占比例&nbsp;</td>
<td style="border: 1px solid black">&nbsp;个人缴费部分所占比例&nbsp;</td>
</tr>
</table>
<el-upload <el-upload
style="margin-top: 10px"
class="upload-demo" class="upload-demo"
ref="upload3" ref="upload3"
action="/" :action="grantInfoUrl"
multiple multiple
drag
accept=".xls,.xlsx" accept=".xls,.xlsx"
:limit="5" :limit="5"
:headers="myHeader" :headers="myHeader"
:before-upload="handleBeforeUpload" :before-upload="handleBeforeUpload"
:file-list="fileList" :file-list="fileList"
:on-exceed="handleExceed" :on-exceed="handleExceed"
:on-success="uploadSuccess"
:on-error="uploadError"
:auto-upload="false"> :auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button> <i class="el-icon-upload"></i>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload3">数据导入</el-button> <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传5个文件</div> <div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传5个文件</div>
</el-upload> </el-upload>
<el-button style="margin-top: 10px" size="small" type="success" @click="submitUpload3">数据导入</el-button>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<el-dialog <el-dialog
...@@ -114,6 +197,8 @@ ...@@ -114,6 +197,8 @@
data() { data() {
return { return {
baseInfoUrl: baseUrl + "/baseInfo/importFromNewExcel", baseInfoUrl: baseUrl + "/baseInfo/importFromNewExcel",
payInfoUrl: baseUrl + "/payInfo/importFromExcel",
grantInfoUrl: baseUrl + "/grantInfo/importFromExcel",
myHeader: { myHeader: {
token: Cookies.get("token") token: Cookies.get("token")
}, },
...@@ -138,9 +223,10 @@ ...@@ -138,9 +223,10 @@
this.$message.warning("当前限制选择 1 个文件,请删除后继续上传"); this.$message.warning("当前限制选择 1 个文件,请删除后继续上传");
}, },
handleBeforeUpload(file) { handleBeforeUpload(file) {
this.loading = true; // this.loading = true;
if (!file.name.endsWith(".xls") && !file.name.endsWith(".xlsx")) { if (!file.name.endsWith(".xls") && !file.name.endsWith(".xlsx")) {
this.$message.warning(file.name + "不是excel文件"); this.$message.warning(file.name + "不是excel文件");
this.loading = false;
return false; return false;
} }
// if (uploadedList.includes(file.name)) { // if (uploadedList.includes(file.name)) {
...@@ -149,22 +235,37 @@ ...@@ -149,22 +235,37 @@
// } // }
// uploadedList.push(file.name); // uploadedList.push(file.name);
}, },
uploadSuccess(response) { async uploadSuccess(response) {
this.fileList = [];
this.dialogTitle = "导入结果"; this.dialogTitle = "导入结果";
this.dialogContent = response.data; this.dialogContent = response.data;
this.dialogVisible = true; // this.dialogVisible = true;
this.loading = false; this.loading = false;
// console.log(response); console.log("upload success");
// this.$alert(response.data, '导入结果', { this.$message({
// confirmButtonText: '确定', type: "success",
// callback: action => { message: response.data,
// // this.$message({ showClose: true,
// // type: 'info', duration: 0
// // message: `action: ${ action }` });
// // }); },
// } async uploadError(response) {
// }); this.fileList = [];
} this.dialogTitle = "导入结果";
this.dialogContent = "导入失败";
// this.dialogVisible = true;
this.loading = false;
console.log(response);
this.$alert(response.data, '导入结果', {
confirmButtonText: '确定',
callback: action => {
// this.$message({
// type: 'info',
// message: `action: ${ action }`
// });
}
});
},
} }
} }
</script> </script>
......
...@@ -3,107 +3,113 @@ ...@@ -3,107 +3,113 @@
<h2 class="imtil">基础信息</h2> <h2 class="imtil">基础信息</h2>
<div class="wrap"> <div class="wrap">
<!-- <div class="masks"></div>--> <!-- <div class="masks"></div>-->
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="被终止人姓名姓名"> <el-form-item label="被终止人姓名姓名">
<el-input v-model="form.name"></el-input> <el-input v-model="form4.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="出生日期"> <el-form-item label="出生日期">
<el-input placeholder="该框暂无对应字段,请联系开发人员"></el-input> <el-input v-model="form4.birth_day"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="人员类型"> <el-form-item label="人员类型">
<el-input v-model="form.per_type"></el-input> <el-input v-model="form4.per_type"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="性别"> <el-form-item label="性别">
<el-input v-model="form.sex"></el-input> <el-input v-model="form4.sex"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份证号码"> <el-form-item label="身份证号码">
<el-input v-model="form.identity_number"></el-input> <el-input v-model="form4.identity_number"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="户籍地址"> <el-form-item label="户籍地址">
<el-input placeholder="该框暂无对应字段,请联系开发人员"></el-input> <el-input v-model="form4.address"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<h2 class="imtil">参保注销信息</h2> <h2 class="imtil">参保注销信息</h2>
<div class="wrap"> <div class="wrap">
<!-- <div class="masks"></div>--> <!-- <div class="masks"></div>-->
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="终止原因"> <el-form-item label="终止原因">
<el-input v-model="form.cancel_res"></el-input> <el-input v-model="form4.cancel_res"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="死亡时间"> <el-form-item label="死亡时间">
<el-input v-model="form.death_day"></el-input> <el-input v-model="form4.death_day"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="停发时间"> <el-form-item label="停发时间">
<el-input v-model="form.stop_time"></el-input> <el-input v-model="form4.stop_time"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="重复地区及险种"> <el-form-item label="重复地区及险种">
<el-input v-model="form.repet_type"></el-input> <el-input v-model="form4.repet_type"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="户籍迁往地区"> <el-form-item label="户籍迁往地区">
<el-input v-model="form.addres_new"></el-input> <el-input v-model="form4.addres_new"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="丧葬形式"> <el-form-item label="丧葬形式">
<el-input v-model="form.bad_type"></el-input> <el-input v-model="form4.bad_type"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="停发的追回金额"> <el-form-item label="停发的追回金额">
<el-input v-model="form.reback_money"></el-input> <el-input v-model="form4.reback_money"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="重复地区及险种的追回金额"> <el-form-item label="重复地区及险种的追回金额">
<el-input placeholder="该框暂无对应字段,请联系开发人员"></el-input> <el-input placeholder="如有金额请输入"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<h2 class="imtil">个人账户终止结算信息</h2> <h2 class="imtil">个人账户终止结算信息</h2>
<div class="wrap"> <div class="wrap">
<!-- <div class="masks"></div>--> <!-- <div class="masks"></div>-->
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="个人账户余额"> <el-form-item label="个人账户余额">
<el-input v-model="form.account_balance"></el-input> <el-input v-model="form4.account_balance"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="丧葬费"> <el-form-item label="丧葬费">
<el-input v-model="form.bad_subsidy"></el-input> <el-input v-model="form4.bad_subsidy"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="应抵扣重复领取其他社会保险待遇"> <el-form-item label="应抵扣重复领取其他社会保险待遇">
<el-input v-model="form.other_overApply"></el-input> <el-input v-model="form4.other_overApply"></el-input>
</el-form-item>
<el-form-item label="发放账户">
<el-input placeholder="该框暂无对应字段,请联系开发人员"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="一次性抚恤金"> <el-form-item label="一次性抚恤金">
<el-input v-model="form.once_pension"></el-input> <el-input v-model="form4.once_pension"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="应抵扣死亡超期领取待遇"> <el-form-item label="应抵扣死亡超期领取待遇">
<el-input v-model="form.death_overspend"></el-input> <el-input v-model="form4.death_overspend"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="合计发放金额"> <el-form-item label="合计发放金额">
<el-input v-model="form.account_totle"></el-input> <el-input v-model="form4.account_totle"></el-input>
</el-form-item>
<el-form-item label="发放账户的账号">
<el-input placeholder="该框暂无对应字段,请联系开发人员"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<h2 class="imtil">指定受益人或法定继承人</h2> <h2 class="imtil">指定受益人或法定继承人</h2>
<div class="wrap"> <div class="wrap">
<!-- <div class="masks"></div>--> <!-- <div class="masks"></div>-->
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="姓名"> <el-form-item label="姓名">
<el-input v-model="form.bailor_name"></el-input> <el-input v-model="form4.bailor_name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系电话"> <el-form-item label="联系电话">
<el-input v-model="form.bailor_tel"></el-input> <el-input v-model="form4.bailor_tel"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="与终止人关系"> <el-form-item label="与终止人关系">
<el-input v-model="form.relation"></el-input> <el-input v-model="form4.relation"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="性别"> <el-form-item label="性别">
<el-input v-model="form.bailor_sex"></el-input> <el-input v-model="form4.bailor_sex"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份证号码"> <el-form-item label="身份证号码">
<el-input v-model="form.bailor_idNo"></el-input> <el-input v-model="form4.bailor_idNo"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -157,7 +163,7 @@ ...@@ -157,7 +163,7 @@
test: "sadgsdg", test: "sadgsdg",
itmebs: "", itmebs: "",
bb: false, bb: false,
form: { form4: {
account_balance: "", account_balance: "",
account_totle: "", account_totle: "",
addres_new: "", addres_new: "",
...@@ -198,6 +204,8 @@ ...@@ -198,6 +204,8 @@
townName: "", townName: "",
villageName: "", villageName: "",
wuserId: "", wuserId: "",
address: "",
birth_day: "",
}, },
urls: [], urls: [],
show: "" show: ""
...@@ -212,11 +220,11 @@ ...@@ -212,11 +220,11 @@
}).then(() => { }).then(() => {
Loading.service(); Loading.service();
var data = { var data = {
recordId: sessionStorage.getItem("recordId"), recordId: this.$route.params.insCan.recordId,
examineState: 1, examineState: 1,
remark: "", remark: "",
userId: 1, userId: 1,
// InsuredCancelEntity: this.form, // InsuredCancelEntity: this.form4,
}; };
this.$api.getlist.shenhe(data).then((res) => { this.$api.getlist.shenhe(data).then((res) => {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
...@@ -230,7 +238,15 @@ ...@@ -230,7 +238,15 @@
}); });
this.$router.push({ this.$router.push({
name: "参保注销审核" name: "参保注销审核"
}) });
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "参保注销审核 ") {
closeAll[j].click();
return;
}
}
} else { } else {
this.$message({ this.$message({
type: 'info', type: 'info',
...@@ -239,7 +255,7 @@ ...@@ -239,7 +255,7 @@
} }
}).catch((res) => { }).catch((res) => {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
that.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close(); loadingInstance.close();
}); });
this.$message({ this.$message({
...@@ -256,7 +272,7 @@ ...@@ -256,7 +272,7 @@
}, },
//审核不通过 //审核不通过
nopass() { nopass() {
var that = this // var that = this
this.$prompt('请输入原因', '提示', { this.$prompt('请输入原因', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
...@@ -264,7 +280,7 @@ ...@@ -264,7 +280,7 @@
if (value) { if (value) {
Loading.service(); Loading.service();
var data = { var data = {
recordId: sessionStorage.getItem("recordId"), recordId: this.$route.params.insCan.recordId,
examineState: 2, examineState: 2,
remark: value, remark: value,
userId: 1 userId: 1
...@@ -288,6 +304,14 @@ ...@@ -288,6 +304,14 @@
message: res.message message: res.message
}); });
} }
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "参保注销审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => { }).catch((res) => {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
...@@ -300,10 +324,10 @@ ...@@ -300,10 +324,10 @@
}); });
} else { } else {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
that.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close(); loadingInstance.close();
}); });
that.$message({ this.$message({
type: 'info', type: 'info',
message: '请输入原因' message: '请输入原因'
}); });
...@@ -329,22 +353,18 @@ ...@@ -329,22 +353,18 @@
padding: CryptoJS.pad.Pkcs7 padding: CryptoJS.pad.Pkcs7
}); });
return decrypted.toString(CryptoJS.enc.Utf8); return decrypted.toString(CryptoJS.enc.Utf8);
} },
}, },
created() { created() {
this.show = this.$route.params.show; if (typeof(this.$route.params.insCan) !== "undefined" && this.$route.params.insCan.info) {
if (this.$route.params.info) { this.show = this.$route.params.insCan.show;
sessionStorage.setItem("info", this.$route.params.info); sessionStorage.setItem("insCanInfo", this.$route.params.insCan.info);
sessionStorage.setItem("items", JSON.stringify(this.$route.params)); sessionStorage.setItem("insCanItems", JSON.stringify(this.$route.params.insCan));
} }
this.form = JSON.parse(sessionStorage.getItem("info")); this.form4 = JSON.parse(sessionStorage.getItem("insCanInfo"));
console.log(this.form); this.form4.name = this.form4.name ? this.decrypt(this.form4.name) : "";
this.form.name = this.decrypt(this.form.name); this.form4.identity_number = this.form4.identity_number ? this.decrypt(this.form4.identity_number) : "";
this.form.bailor_name = this.decrypt(this.form.bailor_name); let obj = JSON.parse(sessionStorage.getItem("insCanItems"));
this.form.identity_number = this.decrypt(this.form.identity_number);
this.form.bailor_idNo = this.decrypt(this.form.bailor_idNo);
var obj = JSON.parse(sessionStorage.getItem("items"));
console.log(obj);
if (obj.bankpic) { if (obj.bankpic) {
this.bb = true; this.bb = true;
this.itmebs = "银行卡"; this.itmebs = "银行卡";
...@@ -364,8 +384,8 @@ ...@@ -364,8 +384,8 @@
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.signpic); 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.idcardfrontpic);
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.idcardbackpic); this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.idcardbackpic);
this.form.sex = this.form.sex === 1 ? "男" : "女"; this.form4.sex = this.form4.sex === 1 ? "男" : "女";
this.form.bailor_sex = this.form.bailor_sex === 1 ? "男" : "女"; this.form4.bailor_sex = this.form4.bailor_sex === 1 ? "男" : "女";
} }
} }
</script> </script>
...@@ -384,7 +404,7 @@ ...@@ -384,7 +404,7 @@
z-index: 200 z-index: 200
} }
.form { .form4 {
float: left; float: left;
width: 45%; width: 45%;
margin-left: 20px; margin-left: 20px;
......
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="姓名">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="身份证号">
<el-input v-model="form.identity_number"></el-input>
</el-form-item>
<el-form-item label="联系电话">
<el-input v-model="form.telphoneValue"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="性别">
<el-input v-model="form.sex"></el-input>
</el-form-item>
<el-form-item label="民族">
<el-input v-model="form.nation"></el-input>
</el-form-item>
<el-form-item label="户籍地地址">
<el-input v-model="form.address"></el-input>
</el-form-item>
</el-form>
</div>
<h2 class="imtil">补缴保费信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="补缴类型">
<el-input v-model="form.pay_type"></el-input>
</el-form-item>
<el-form-item label="补缴标准">
<el-input v-model="form.pay_stand"></el-input>
</el-form-item>
<el-form-item label="补缴合计">
<el-input v-model="form.pay_numTol"></el-input>
</el-form-item>
<el-form-item label="所属银行">
<el-input v-model="form.bank_Name"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="补缴年限">
<el-input v-model="form.pay_years"></el-input>
</el-form-item>
<el-form-item label="补缴金额">
<el-input v-model="form.pay_num"></el-input>
</el-form-item>
<el-form-item label="银行账号">
<el-input v-model="form.bank_Account"></el-input>
</el-form-item>
</el-form>
</div>
<h2 class="imtil">附件</h2>
<div class="imgcon">
<div class="demo-image__placeholder">
<div v-show="bb" class="block">
<p class="demonstration">{{itmebs}}</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 {
itmebs: "",
show: "",
bb: false,
form: {
bank_Account: "",
bank_Name: "",
bank_photo: "",
groupName: "",
idBackPic: "",
idFortPic: "",
identity_number: "",
nation: "",
nation_type: "",
pay_num: "",
pay_numTol: "",
pay_stand: "",
pay_type: "",
pay_years: "",
recordType: "",
sex: "",
sign_photo: "",
telphoneValue: "",
townName: "",
villageName: "",
wuserId: "",
},
urls: [],
}
},
methods: {
//审核通过
pass() {
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(() => {
Loading.service();
var data = {
recordId: this.$route.params.supPay.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
});
}
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "补缴保费审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => {
let loadingInstance = Loading.service();
this.$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: this.$route.params.supPay.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
});
}
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "补缴保费审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$message({
type: 'info',
message: '操作失败!' + res
});
});
} else {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$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() {
if (typeof(this.$route.params.supPay) !== "undefined" && this.$route.params.supPay.info) {
this.show = this.$route.params.supPay.show;
sessionStorage.setItem("supPayInfo", this.$route.params.supPay.info);
sessionStorage.setItem("supPayItems", JSON.stringify(this.$route.params.supPay));
}
this.form = JSON.parse(sessionStorage.getItem("supPayInfo"));
this.form.name = this.form.name ? this.decrypt(this.form.name) : "";
this.form.identity_number = this.form.identity_number ? this.decrypt(this.form.identity_number) : "";
this.form.telphoneValue = this.form.telphoneValue ? this.decrypt(this.form.telphoneValue) : "";
let obj = JSON.parse(sessionStorage.getItem("supPayItems"));
if (obj.bankpic) {
this.bb = true;
this.itmebs = "银行卡";
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.bankpic);
} else if (obj.bookPic) {
this.bb = true;
this.itmebs = "户口本";
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.bookPic);
} else if (obj.specialPhotoPic) {
this.bb = true;
this.itmebs = "特殊身份证明";
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.specialPhotoPic);
} else {
this.itmebs = "";
this.urls.push("");
}
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);
this.form.sex = this.form.sex === 1 ? "男" : "女";
}
}
</script>
<style>
.wrap {
overflow: hidden;
position: relative;
}
.masks {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.form {
float: left;
width: 45%;
margin-left: 20px
}
.imgcon {
margin: 0 auto;
box-shadow: 0 0 15px lightgray;
overflow: hidden;
margin-bottom: 40px
}
.block {
width: 23%
}
.block {
float: left;
height: 100%;
margin-right: 20px
}
.imtil {
padding: 0 0 20px 0
}
</style>
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
<div class="idc"> <div class="idc">
<el-input v-model="idcard" size="mini" placeholder="请输入身份证号"></el-input> <el-input v-model="idcard" size="mini" placeholder="请输入身份证号"></el-input>
</div> </div>
<Candode v-on:childByValue="childByValue"></Candode>
<div class="ywtyoe"> <div class="ywtyoe">
<el-select v-model="ywtype" placeholder="请选择业务类型" size="mini"> <el-select v-model="ywtype" placeholder="请选择业务类型" size="mini">
<el-option <el-option
...@@ -131,37 +132,38 @@ ...@@ -131,37 +132,38 @@
<script> <script>
import CryptoJS from 'crypto-js' import CryptoJS from 'crypto-js'
import { Loading } from 'element-ui'; import { Loading } from 'element-ui';
import Candode from "../Core/candode"
// import baseUrl from "../../globe/globeUrl" // import baseUrl from "../../globe/globeUrl"
export default { export default {
components:{
Candode
},
data() { data() {
return { return {
townList:'',
activities: [], activities: [],
options1: [{ options1: [],
value: '1',
label: '参保登记'
}, {
value: '2',
label: '信息变更'
}, {
value: '3',
label: '待遇申请'
}],
Page:1, Page:1,
totals:0, totals:0,
idcard:"", idcard:"",
ywtype:"", ywtype:"",
info:'', info:'',
ywtype:'',
tableData: [] tableData: []
} }
}, },
methods: { methods: {
childByValue(val){
this.townList=val
},
//搜索 //搜索
serch(){ serch(){
var data={ var data={
idcard:this.idcard?this.Encrypt(this.idcard):"", idcard:this.idcard?this.Encrypt(this.idcard):"",
recordType:this.ywtype?parseInt(this.ywtype):"" recordType:this.ywtype?parseInt(this.ywtype):"",
townName: this.townList?this.townList[0]:'',
villageName:this.townList?this.townList[1]:'',
} }
this.$api.getlist.getlist(data).then((res) => { this.$api.getlist.getlist(data).then((res) => {
...@@ -171,7 +173,7 @@ ...@@ -171,7 +173,7 @@
var d=new Date(res.data.list[i].createtime) var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1) 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].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)
} }
this.tableData=res.data.list this.tableData=res.data.list
this.totals=res.data.total this.totals=res.data.total
...@@ -187,7 +189,7 @@ ...@@ -187,7 +189,7 @@
this.activities=[] this.activities=[]
var data={ var data={
recordId:s.id, recordId:s.id,
type:s.recordtype=="参保登记"?1:s.recordtype=="信息变更"?2:s.recordtype=="待遇申请"?3:s.recordtype=="参保注销"?4:'' type:this.regetType(s.recordtype)
} }
this.$api.getlist.progress(data).then((res)=>{ this.$api.getlist.progress(data).then((res)=>{
for(var i in res.data){ for(var i in res.data){
...@@ -241,7 +243,8 @@ ...@@ -241,7 +243,8 @@
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard) res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name) res.data.list[i].name=this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime) 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(); 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) res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
} }
this.tableData=res.data.list this.tableData=res.data.list
...@@ -284,34 +287,94 @@ ...@@ -284,34 +287,94 @@
show:true show:true
} }
}) })
}else if(d.recordtype=="待遇申请"){ }else if(d.recordtype === "待遇申请"){
// sessionStorage.setItem("recordId",this.tableData[s].recordId)
sessionStorage.setItem("recordId",this.tableData[s].recordId) this.$router.push({
this.$router.push({ name:"待遇申请审核",
name:"待遇申请审核", params:{
params:{info:this.tableData[s].info, treApp: {
bankpic:this.tableData[s].bankpic, recordId: this.tableData[s].recordId,
idcardbackpic:this.tableData[s].idcardbackpic, info:this.tableData[s].info,
idcardfrontpic:this.tableData[s].idcardfrontpic, bankpic:this.tableData[s].bankpic,
signpic:this.tableData[s].signpic, idcardbackpic:this.tableData[s].idcardbackpic,
specialPhotoPic:this.tableData[s].specialPhotoPic, idcardfrontpic:this.tableData[s].idcardfrontpic,
bookPic:this.tableData[s].bookPic, signpic:this.tableData[s].signpic,
show:true 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({ this.$router.push({
name:"参保注销审核", name:"参保注销审核",
params:{ params:{
info:this.tableData[s].info, insCan: {
bankpic:this.tableData[s].bankpic, recordId: this.tableData[s].recordId,
idcardbackpic:this.tableData[s].idcardbackpic, info:this.tableData[s].info,
idcardfrontpic:this.tableData[s].idcardfrontpic, bankpic:this.tableData[s].bankpic,
signpic:this.tableData[s].signpic, idcardbackpic:this.tableData[s].idcardbackpic,
specialPhotoPic:this.tableData[s].specialPhotoPic, idcardfrontpic:this.tableData[s].idcardfrontpic,
bookPic:this.tableData[s].bookPic, signpic:this.tableData[s].signpic,
show:true 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:{
supPay: {
recordId: this.tableData[s].recordId,
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:{
upgReo: {
recordId: this.tableData[s].recordId,
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:{
traRel: {
recordId: this.tableData[s].recordId,
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
}
} }
}) })
} }
...@@ -347,8 +410,13 @@ ...@@ -347,8 +410,13 @@
}, },
created(){ created(){
Loading.service(); Loading.service();
for(var i=1;i<=7;i++){
this.options1.push({
label:this.getType(i),
value:i
})
}
var data={ var data={
idcard:'', idcard:'',
recordType:'' recordType:''
......
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="姓名">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="身份证号">
<el-input v-model="form.identity_number"></el-input>
</el-form-item>
<el-form-item label="联系电话">
<el-input v-model="form.telphoneValue"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="性别">
<el-input v-model="form.sex"></el-input>
</el-form-item>
<el-form-item label="民族">
<el-input v-model="form.nation"></el-input>
</el-form-item>
<el-form-item label="户口类型">
<el-input v-model="form.nation_type"></el-input>
</el-form-item>
</el-form>
</div>
<h2 class="imtil">关系转移信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="原户籍地地址">
<el-input v-model="form.old_Address"></el-input>
</el-form-item>
<el-form-item label="所属银行">
<el-input v-model="form.bank_Name"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="原户籍地地址">
<el-input v-model="form.new_Address"></el-input>
</el-form-item>
<el-form-item label="银行账号">
<el-input v-model="form.bank_Account"></el-input>
</el-form-item>
</el-form>
</div>
<h2 class="imtil">附件</h2>
<div class="imgcon">
<div class="demo-image__placeholder">
<div v-show="bb" class="block">
<p class="demonstration">{{itmebs}}</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 {
itmebs: "",
show: "",
bb: false,
form: {
bank_Account: "",
bank_Name: "",
book_photo: "",
groupName: "",
idBackPic: "",
idFortPic: "",
identity_number: "",
nation: "",
nation_type: "",
new_Address: "",
old_Address: "",
recordType: "",
sex: "",
sign_photo: "",
telphoneValue: "",
townName: "",
villageName: "",
wuserId: "",
},
urls: [],
}
},
methods: {
//审核通过
pass() {
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(() => {
Loading.service();
var data = {
recordId: this.$route.params.traRel.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
});
}
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "关系转移审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => {
let loadingInstance = Loading.service();
this.$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: this.$route.params.traRel.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
});
}
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "关系转移审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$message({
type: 'info',
message: '操作失败!' + res
});
});
} else {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$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() {
if (typeof(this.$route.params.traRel) !== "undefined" && this.$route.params.traRel.info) {
this.show = this.$route.params.traRel.show;
sessionStorage.setItem("traRelInfo", this.$route.params.traRel.info);
sessionStorage.setItem("traRelItems", JSON.stringify(this.$route.params.traRel));
}
this.form = JSON.parse(sessionStorage.getItem("traRelInfo"));
this.form.name = this.form.name ? this.decrypt(this.form.name) : "";
this.form.identity_number = this.form.identity_number ? this.decrypt(this.form.identity_number) : "";
this.form.telphoneValue = this.form.telphoneValue ? this.decrypt(this.form.telphoneValue) : "";
let obj = JSON.parse(sessionStorage.getItem("supPayItems"));
if (obj.bankpic) {
this.bb = true;
this.itmebs = "银行卡";
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.bankpic);
} else if (obj.bookPic) {
this.bb = true;
this.itmebs = "户口本";
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.bookPic);
} else if (obj.specialPhotoPic) {
this.bb = true;
this.itmebs = "特殊身份证明";
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.specialPhotoPic);
} else {
this.itmebs = "";
this.urls.push("");
}
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);
this.form.sex = this.form.sex === 1 ? "男" : "女";
}
}
</script>
<style>
.wrap {
overflow: hidden;
position: relative;
}
.masks {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.form {
float: left;
width: 45%;
margin-left: 20px
}
.imgcon {
margin: 0 auto;
box-shadow: 0 0 15px lightgray;
overflow: hidden;
margin-bottom: 40px
}
.block {
width: 23%
}
.block {
float: left;
height: 100%;
margin-right: 20px
}
.imtil {
padding: 0 0 20px 0
}
</style>
...@@ -11,10 +11,10 @@ ...@@ -11,10 +11,10 @@
<el-input v-model="form.identity_number"></el-input> <el-input v-model="form.identity_number"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="领取账号"> <el-form-item label="领取账号">
<el-input placeholder="该框暂无对应字段,请联系开发人员"></el-input> <el-input v-model="form.bank_Account"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="户籍地地址"> <el-form-item label="户籍地地址">
<el-input placeholder="该框暂无对应字段,请联系开发人员"></el-input> <el-input v-model="form.address"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form" :model="form" class="form" label-width="auto">
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<el-input v-model="form.sex"></el-input> <el-input v-model="form.sex"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="缴费年限"> <el-form-item label="缴费年限">
<el-input placeholder="该框暂无对应字段,请联系开发人员"></el-input> <el-input v-model="form.payNum"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系电话"> <el-form-item label="联系电话">
<el-input v-model="form.telphoneValue"></el-input> <el-input v-model="form.telphoneValue"></el-input>
...@@ -37,18 +37,18 @@ ...@@ -37,18 +37,18 @@
<div class="masks"></div> <div class="masks"></div>
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="个人缴费"> <el-form-item label="个人缴费">
<el-input v-model="form.mon_annuityPre"></el-input> <el-input v-model="form.payTotalMoney"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="财政补贴"> <el-form-item label="财政补贴">
<el-input v-model="form.mon_annuityGov"></el-input> <el-input v-model="form.benefits"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="个人账户积累额"> <el-form-item label="个人账户积累额">
<el-input v-model="form.payTotalMoney"></el-input> <el-input v-model="form.account_balance"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form ref="form" :model="form" class="form" label-width="auto"> <el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="集体补助"> <el-form-item label="集体补助">
<el-input placeholder="该框暂无对应字段,请联系开发人员"></el-input> <el-input v-model="form.collectivePercent"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="利息"> <el-form-item label="利息">
<el-input v-model="form.interest"></el-input> <el-input v-model="form.interest"></el-input>
...@@ -131,7 +131,12 @@ ...@@ -131,7 +131,12 @@
mon_annuityGov: "", mon_annuityGov: "",
mon_annuity: "", mon_annuity: "",
interest: "", interest: "",
payTotalMoney: "" payTotalMoney: "",
collectivePercent: 0,
bank_Account: "",
address: "",
payNum: "",
benefits: "",
}, },
urls: [], urls: [],
} }
...@@ -145,7 +150,7 @@ ...@@ -145,7 +150,7 @@
}).then(() => { }).then(() => {
Loading.service(); Loading.service();
var data = { var data = {
recordId: sessionStorage.getItem("recordId"), recordId: this.$route.params.treApp.recordId,
examineState: 1, examineState: 1,
remark: "", remark: "",
userId: 1 userId: 1
...@@ -169,9 +174,18 @@ ...@@ -169,9 +174,18 @@
message: res.message message: res.message
}); });
} }
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "待遇申请审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => { }).catch((res) => {
console.log("进入catch: " + res);
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
that.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close(); loadingInstance.close();
}); });
this.$message({ this.$message({
...@@ -188,7 +202,7 @@ ...@@ -188,7 +202,7 @@
}, },
//审核不通过 //审核不通过
nopass() { nopass() {
var that = this // let that = this;
this.$prompt('请输入原因', '提示', { this.$prompt('请输入原因', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
...@@ -196,7 +210,7 @@ ...@@ -196,7 +210,7 @@
if (value) { if (value) {
Loading.service(); Loading.service();
var data = { var data = {
recordId: sessionStorage.getItem("recordId"), recordId: this.$route.params.treApp.recordId,
examineState: 2, examineState: 2,
remark: value, remark: value,
userId: 1 userId: 1
...@@ -220,6 +234,14 @@ ...@@ -220,6 +234,14 @@
message: res.message message: res.message
}); });
} }
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "待遇申请审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => { }).catch((res) => {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
...@@ -232,10 +254,10 @@ ...@@ -232,10 +254,10 @@
}); });
} else { } else {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
that.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close(); loadingInstance.close();
}); });
that.$message({ this.$message({
type: 'info', type: 'info',
message: '请输入原因' message: '请输入原因'
}); });
...@@ -264,16 +286,16 @@ ...@@ -264,16 +286,16 @@
} }
}, },
created() { created() {
this.show = this.$route.params.show; if (typeof(this.$route.params.treApp) !== "undefined" && this.$route.params.treApp.info) {
if (this.$route.params.info) { this.show = this.$route.params.treApp.show;
sessionStorage.setItem("info", this.$route.params.info); sessionStorage.setItem("treAppInfo", this.$route.params.treApp.info);
var a = JSON.stringify(this.$route.params); sessionStorage.setItem("treAppItems", JSON.stringify(this.$route.params.treApp));
sessionStorage.setItem("items", a);
} }
this.form = JSON.parse(sessionStorage.getItem("info")); this.form = JSON.parse(sessionStorage.getItem("treAppInfo"));
this.form.name = this.decrypt(this.form.name); this.form.name = this.decrypt(this.form.name);
this.form.identity_number = this.decrypt(this.form.identity_number); this.form.identity_number = this.decrypt(this.form.identity_number);
var obj = JSON.parse(sessionStorage.getItem("items")); this.form.telphoneValue = this.decrypt(this.form.telphoneValue);
var obj = JSON.parse(sessionStorage.getItem("treAppItems"));
if (obj.bankpic) { if (obj.bankpic) {
this.bb = true; this.bb = true;
this.itmebs = "银行卡"; this.itmebs = "银行卡";
......
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="姓名">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="身份证号">
<el-input v-model="form.identity_number"></el-input>
</el-form-item>
<el-form-item label="联系电话">
<el-input v-model="form.telphoneValue"></el-input>
</el-form-item>
<el-form-item label="户籍地地址">
<el-input v-model="form.address"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="性别">
<el-input v-model="form.sex"></el-input>
</el-form-item>
<el-form-item label="民族">
<el-input v-model="form.nation"></el-input>
</el-form-item>
<el-form-item label="户口类型">
<el-input v-model="form.nation_type"></el-input>
</el-form-item>
</el-form>
</div>
<h2 class="imtil">升档改办信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="原缴费档次">
<el-input v-model="form.old_Grade"></el-input>
</el-form-item>
<el-form-item label="缴费金额">
<el-input v-model="form.pay_num"></el-input>
</el-form-item>
<el-form-item label="所属银行">
<el-input v-model="form.bank_Name"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="form" label-width="auto">
<el-form-item label="升档缴费档次">
<el-input v-model="form.new_Grade"></el-input>
</el-form-item>
<el-form-item label="缴费人员类型">
<el-input v-model="form.personAplly_type"></el-input>
</el-form-item>
</el-form>
</div>
<h2 class="imtil">附件</h2>
<div class="imgcon">
<div class="demo-image__placeholder">
<div v-show="bb" class="block">
<p class="demonstration">{{itmebs}}</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 {
itmebs: "",
show: "",
bb: false,
form: {
bank_Account: "",
bank_Name: "",
groupName: "",
idBackPic: "",
idFortPic: "",
identity_number: "",
nation: "",
nation_type: "",
new_Grade: "",
old_Grade: "",
pay_num: "",
personAplly_type: "",
recordType: "",
sex: "",
sign_photo: "",
telphoneValue: "",
townName: "",
villageName: "",
wuserId: ""
},
urls: [],
}
},
methods: {
//审核通过
pass() {
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(() => {
Loading.service();
var data = {
recordId: this.$route.params.upgReo.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
});
}
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "升档改办审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => {
let loadingInstance = Loading.service();
this.$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();
let data = {
recordId: this.$route.params.upgReo.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
});
}
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling.innerText === "升档改办审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$message({
type: 'info',
message: '操作失败!' + res
});
});
} else {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$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() {
if (typeof(this.$route.params.upgReo) !== "undefined" && this.$route.params.upgReo.info) {
this.show = this.$route.params.upgReo.show;
sessionStorage.setItem("upgReoInfo", this.$route.params.upgReo.info);
sessionStorage.setItem("upgReoItems", JSON.stringify(this.$route.params.upgReo));
}
this.form = JSON.parse(sessionStorage.getItem("upgReoInfo"));
this.form.name = this.form.name ? this.decrypt(this.form.name) : "";
this.form.identity_number = this.form.identity_number ? this.decrypt(this.form.identity_number) : "";
this.form.telphoneValue = this.form.telphoneValue ? this.decrypt(this.form.telphoneValue) : "";
let obj = JSON.parse(sessionStorage.getItem("supPayItems"));
if (obj.bankpic) {
this.bb = true;
this.itmebs = "银行卡";
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.bankpic);
} else if (obj.bookPic) {
this.bb = true;
this.itmebs = "户口本";
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.bookPic);
} else if (obj.specialPhotoPic) {
this.bb = true;
this.itmebs = "特殊身份证明";
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + obj.specialPhotoPic);
} else {
this.itmebs = "";
this.urls.push("");
}
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);
this.form.sex = this.form.sex === 1 ? "男" : "女";
}
}
</script>
<style>
.wrap {
overflow: hidden;
position: relative;
}
.masks {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.form {
float: left;
width: 45%;
margin-left: 20px
}
.imgcon {
margin: 0 auto;
box-shadow: 0 0 15px lightgray;
overflow: hidden;
margin-bottom: 40px
}
.block {
width: 23%
}
.block {
float: left;
height: 100%;
margin-right: 20px
}
.imtil {
padding: 0 0 20px 0
}
</style>
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
</table-column-filter-dialog> </table-column-filter-dialog>
</div> </div>
<!--表格内容栏--> <!--表格内容栏-->
<kt-table :height="350" permsEdit="sys:user:edit" permsDelete="sys:user:delete" <kt-table :height="550" permsEdit="sys:user:edit" permsDelete="sys:user:delete"
:data="pageResult" :columns="filterColumns" :data="pageResult" :columns="filterColumns"
@findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete"> @findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete">
</kt-table> </kt-table>
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
<el-input v-model="dataForm.id" :disabled="true" auto-complete="off"></el-input> <el-input v-model="dataForm.id" :disabled="true" auto-complete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="用户名" prop="name"> <el-form-item label="用户名" prop="name">
<el-input v-if="!operation" v-model="dataForm.name" auto-complete="off" readonly="true"></el-input> <el-input v-if="!operation" v-model="dataForm.name" auto-complete="off" readonly></el-input>
<el-input v-if="operation" v-model="dataForm.name" auto-complete="off"></el-input> <el-input v-if="operation" v-model="dataForm.name" auto-complete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="真实姓名" prop="truename"> <el-form-item label="真实姓名" prop="truename">
...@@ -57,7 +57,10 @@ ...@@ -57,7 +57,10 @@
<el-form-item label="密码" prop="password"> <el-form-item label="密码" prop="password">
<el-input v-model="dataForm.password" type="password" auto-complete="off"></el-input> <el-input v-model="dataForm.password" type="password" auto-complete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="机构" prop="deptName"> <el-form-item label="身份证" prop="bangIdcard">
<el-input v-model="dataForm.bangIdcard" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="机构" prop="deptId">
<el-cascader <el-cascader
ref="deptTree" ref="deptTree"
v-model="dataForm.deptId" v-model="dataForm.deptId"
...@@ -80,7 +83,7 @@ ...@@ -80,7 +83,7 @@
<el-form-item label="手机" prop="mobile"> <el-form-item label="手机" prop="mobile">
<el-input v-model="dataForm.mobile" auto-complete="off"></el-input> <el-input v-model="dataForm.mobile" auto-complete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="角色" prop="userRoles" v-if="!operation"> <el-form-item label="角色" prop="userRoles">
<el-select v-model="dataForm.userRoles" multiple placeholder="请选择" <el-select v-model="dataForm.userRoles" multiple placeholder="请选择"
style="width: 100%;"> style="width: 100%;">
<el-option v-for="item in roles" :key="item.id" <el-option v-for="item in roles" :key="item.id"
...@@ -88,6 +91,9 @@ ...@@ -88,6 +91,9 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :size="size" @click.native="dialogVisible = false" @click="cancelRules('dataForm')">{{$t('action.cancel')}}</el-button> <el-button :size="size" @click.native="dialogVisible = false" @click="cancelRules('dataForm')">{{$t('action.cancel')}}</el-button>
...@@ -132,6 +138,9 @@ export default { ...@@ -132,6 +138,9 @@ export default {
], ],
truename: [ truename: [
{ required: true, message: '请输入真实姓名', trigger: 'blur' } { required: true, message: '请输入真实姓名', trigger: 'blur' }
],
deptId: [
{ required: true, message: '请选择机构', trigger: 'change'}
] ]
}, },
// 新增编辑界面数据 // 新增编辑界面数据
...@@ -140,10 +149,12 @@ export default { ...@@ -140,10 +149,12 @@ export default {
name: '', name: '',
truename:'', truename:'',
password: '', password: '',
bangIdcard: '',
deptId: '', deptId: '',
deptName: '', deptName: '',
email: '', email: '',
mobile: '', mobile: '',
job: '',
status: 1, status: 1,
userRoles: [] userRoles: []
}, },
...@@ -152,7 +163,8 @@ export default { ...@@ -152,7 +163,8 @@ export default {
label: 'name', label: 'name',
children: 'children' children: 'children'
}, },
roles: [] roles: [],
dParentId: '',
} }
}, },
methods: { methods: {
...@@ -187,10 +199,12 @@ export default { ...@@ -187,10 +199,12 @@ export default {
id: 0, id: 0,
name: '', name: '',
password: '', password: '',
deptId: 1, bangIdcard: '',
deptId: '',
deptName: '', deptName: '',
email: '', email: '',
mobile: '', mobile: '',
job: '',
status: 1, status: 1,
userRoles: [] userRoles: []
} }
...@@ -200,6 +214,20 @@ export default { ...@@ -200,6 +214,20 @@ export default {
this.dialogVisible = true this.dialogVisible = true
this.operation = false this.operation = false
this.dataForm = Object.assign({}, params.row) this.dataForm = Object.assign({}, params.row)
this.treeData(this.list, this.dataForm.deptId);
let deptId = [];
deptId.push(1);
if (this.dParentId > 1) {
deptId.push(this.dParentId);
}
if (this.dataForm.deptId !== 1) {
deptId.push(this.dataForm.deptId);
}
console.log(deptId);
this.dataForm.deptId = deptId;
// for (let i=0;i<this.list.length;i++) {
// console.log(this.list[i]);
// }
let userRoles = [] let userRoles = []
for(let i=0,len=params.row.userRoles.length; i<len; i++) { for(let i=0,len=params.row.userRoles.length; i<len; i++) {
userRoles.push(params.row.userRoles[i].roleId) userRoles.push(params.row.userRoles[i].roleId)
...@@ -208,6 +236,7 @@ export default { ...@@ -208,6 +236,7 @@ export default {
}, },
// 编辑 // 编辑
submitForm: function () { submitForm: function () {
console.log(this.dataForm);
this.$refs.dataForm.validate((valid) => { this.$refs.dataForm.validate((valid) => {
if (valid) { if (valid) {
this.$confirm('确认提交吗?', '提示', {}).then(() => { this.$confirm('确认提交吗?', '提示', {}).then(() => {
...@@ -285,7 +314,8 @@ export default { ...@@ -285,7 +314,8 @@ export default {
this.columns = [ this.columns = [
{prop:"id", label:"ID", minWidth:50}, {prop:"id", label:"ID", minWidth:50},
{prop:"name", label:"用户名", minWidth:100}, {prop:"name", label:"用户名", minWidth:100},
{prop:"truename", label:"真实姓名", minWidth:80}, {prop:"truename", label:"真实姓名", minWidth:80},
{prop:"idCard", label:"身份证", minWidth:100},
{prop:"deptName", label:"机构", minWidth:100}, {prop:"deptName", label:"机构", minWidth:100},
{prop:"roleNames", label:"角色", minWidth:80}, {prop:"roleNames", label:"角色", minWidth:80},
{prop:"job", label:"职务", minWidth:80}, {prop:"job", label:"职务", minWidth:80},
...@@ -298,8 +328,20 @@ export default { ...@@ -298,8 +328,20 @@ export default {
] ]
this.filterColumns = JSON.parse(JSON.stringify(this.columns)); this.filterColumns = JSON.parse(JSON.stringify(this.columns));
       },        },
// 清空验证的提示信息
cancelRules: function (formName) { cancelRules: function (formName) {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
},
treeData: function (tree, deptId) {
for(let i in tree){
if (tree[i].id === deptId) {
this.dParentId = tree[i].parentId;
return;
}
if (tree[i].children) {
this.treeData(tree[i].children, deptId);
}
}
} }
}, },
mounted() { mounted() {
......
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