Commit a6eb911b authored by liucheng's avatar liucheng

Merge branch 'master' into 'dev'

# Conflicts:
#   xichongSys/src/utils/global.js
parents a805c3d3 cf072214
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptSettings">
<option name="languageLevel" value="ES6" />
</component>
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/xichonght.iml" filepath="$PROJECT_DIR$/.idea/xichonght.iml" />
</modules>
</component>
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
......@@ -11,10 +11,12 @@ import store from '@/store'
import { getIFramePath, getIFrameUrl } from '@/utils/iframe'
import Table from '@/views/Myvue/table'
import Cbdj from '@/views/Myvue/insuredReg'
import insuredRegp from '@/views/Myvue/insuredRegp'
import Flow from '@/views/Myvue/flow'
import shrecord from '@/views/Myvue/examRecord'
import drcbdj from "@/views/Myvue/drcbdj"
import xxbg from "@/views/Myvue/infoChange"
import infoChangep from "@/views/Myvue/infoChangep";
import Record from "@/views/Myvue/authRecord"
import Newsupdata from "@/views/Myvue/newsupdata"
import drxxbg from "@/views/Myvue/drxxbg";
......@@ -27,16 +29,25 @@ import PayInfo from "@/views/Myvue/payInfo"
import application from "@/views/Myvue/application"
import importByExcel from "@/views/Myvue/importByExcel"
import insuranceCancellationAudit from "@/views/Myvue/insuranceCancellationAudit"
import insuranceCancellationAuditp from "@/views/Myvue/insuranceCancellationAuditp"
import supPaymentAudit from "@/views/Myvue/supPaymentAudit"
import supPaymentAuditp from "@/views/Myvue/supPaymentAuditp"
import traRelationsAudit from "@/views/Myvue/traRelationsAudit"
import traRelationsAuditp from "@/views/Myvue/traRelationsAuditp"
import upgradeReoAudit from "@/views/Myvue/upgradeReoAudit"
import upgradeReoAuditp from "@/views/Myvue/upgradeReoAuditp"
import interact from "@/views/Myvue/interact"
import preView from "@/views/Myvue/preView"
import treatmentApplicationAudit from "@/views/Myvue/treatmentApplicationAudit";
import treatmentApplicationAuditp from "@/views/Myvue/treatmentApplicationAuditp";
import drcbzx from "@/views/Myvue/drcbzx";
import drbjbf from "@/views/Myvue/drbjbf";
import drtsyw from "@/views/Myvue/drtsyw";
import authRecordphone from "@/views/Myvue/authRecordphone";
import importBaseInfoByExcel from "@/views/Myvue/importBaseInfoByExcel";
import importPayInfoByExcel from "@/views/Myvue/importPayInfoByExcel";
import importGrantInfoByExcel from "@/views/Myvue/importGrantInfoByExcel";
import tablep from "@/views/Myvue/tablep";
Vue.use(Router)
......@@ -190,6 +201,21 @@ const router = new Router({
name:"特殊业务导出",
component: drtsyw
},
{
path:"/importBaseInfo",
name:"参保覆盖导入",
component: importBaseInfoByExcel
},
{
path:"/importPayInfo",
name:"缴费明细导入",
component: importPayInfoByExcel
},
{
path:"/importGrantInfo",
name:"领取人员导入",
component: importGrantInfoByExcel
},
]
},
{
......@@ -201,12 +227,45 @@ const router = new Router({
path:"/authRecordphone",
name:"认证记录",
component: authRecordphone
},{
path:"/tablep",
name:"tablep",
component: tablep
},{
path:"/insuredRegp",
name:"insuredRegp",
component: insuredRegp
},{
path:"/infoChangep",
name:"infoChangep",
component: infoChangep
},{
path:"/upgradeReoAuditp",
name:"upgradeReoAuditp",
component: upgradeReoAuditp
},
{
path:"/traRelationsAuditp",
name:"traRelationsAuditp",
component: traRelationsAuditp
},{
path:"/treatmentApplicationAuditp",
name:"treatmentApplicationAuditp",
component: treatmentApplicationAuditp
},{
path:"/insuranceCancellationAuditp",
name:"insuranceCancellationAuditp",
component: insuranceCancellationAuditp
},{
path:"/supPaymentAuditp",
name:"supPaymentAuditp",
component: supPaymentAuditp
},
{
path: '/404',
name: 'notFound',
component: NotFound
}
},
]
})
......
......@@ -11,6 +11,7 @@
:sortable="column.sortable==null?true:column.sortable">
</el-table-column>
<el-table-column
align="center"
v-if="showSeal"
label="签章">
<template slot-scope="scope">
......@@ -26,9 +27,12 @@
</el-table-column>
<el-table-column :label="$t('action.operation')" width="185" fixed="right" v-if="showOperation" header-align="center" align="center">
<template slot-scope="scope">
<kt-button v-if="scope.row.name!=='admin'" icon="fa fa-edit" :label="$t('action.edit')" :perms="permsEdit" :size="size" @click="handleEdit(scope.$index, scope.row)" style="float: left"/>
<div v-if="scope.row.name!=='admin'" >
<kt-button v-if="showBatchDelete" icon="fa fa-edit" :label="$t('action.edit')" :perms="permsEdit" :size="size" @click="handleEdit(scope.$index, scope.row)" style="float: left"/>
<kt-button v-else icon="fa fa-edit" :label="$t('action.edit')" :perms="permsEdit" :size="size" @click="handleEdit(scope.$index, scope.row)"/>
</div>
<div v-if="scope.row.name!=='admin' && showBatchDelete">
<el-switch
v-if="scope.row.name!=='admin'"
class="statusSwitch"
style="display: block;float: left;margin-left: 20px;width: 50px"
v-model="scope.row.status==0?true:false"
......@@ -37,6 +41,8 @@
active-text="启"
inactive-text="禁" @change="handleDelete(scope.$index, scope.row)">
</el-switch>
</div>
<!-- <div v-if="scope.row.status == 1">-->
<!-- <kt-button icon="fa fa-trash" label="禁用" :perms="permsDelete" :size="size" type="danger" @click="handleDelete(scope.$index, scope.row)" />-->
<!-- </div>-->
......@@ -109,7 +115,7 @@ export default {
type: Boolean,
default: true
},
showSeal: { // 是否显示操作组件
showSeal: { // 是否显示签章列
type: Boolean,
default: false
},
......
<template>
<el-carousel :interval="100000000000000000" style="margin-top:30px;" align=center type="card" class="carousel" height="70vh" >
<el-carousel :interval="3000" style="margin-top:30px;" align=center type="card" class="carousel" height="70vh" >
<el-carousel-item class="carousel-item-intro" style="width:85%; height:100%;position:absolute;left:-18%;">
<div class="ddiv1">
<div class="div1" height=100% :style="{width: '90%', height: '100%'}" id="echartContainer1">
</div>
<div class="nextpage" style="margin-top:-50px">
<div class="div1" :style="{width: '90%', height: '90%'}" id="echartContainer1"></div>
<div class="nextpage">
<p style="display:none">{{count}}</p>
<el-button size="mini" class="gopagediv1" @click="goPageClick1"> 上一页</el-button>
<el-button size="mini" class="gopagediv1" @click="nextPageClick1"> 下一页</el-button>
</div>
</div>
</el-carousel-item>
<!-- <el-carousel-item class="carousel-item-func" style="width:85%;height:100%;position:absolute;left:-18%">
<el-carousel-item class="carousel-item-func" style="width:85%;height:100%;position:absolute;left:-18%">
<div class="ddiv2">
<div class="div2" id="echartContainer2" ></div>
</div>
<div class="div2" :style="{width: '90%', height: '90%'}" id="echartContainer2" ></div>
<div class="nextpage">
<p style="display:none"></p>
<el-button size="mini" class="gopagediv1" @click="goPageClick2"> 上一页</el-button>
<el-button size="mini" class="gopagediv1" @click="nextPageClick2"> 下一页</el-button>
</div>
</div>
</el-carousel-item>
<el-carousel-item class="carousel-item-env" style="width:85%;height:100%;position:absolute;left:-18%;">
</el-carousel-item> -->
</el-carousel>
</template>
<script>
import Axios from "axios"
import {baseUrl2} from "../../utils/global"
var echarts = require('echarts');
export default {
components:{
......@@ -51,6 +57,7 @@
containLabel: true
},
xAxis: {
name:"数量",
type: 'value'
},
yAxis: {
......@@ -145,13 +152,15 @@
},
]
},
count: 1,
chartdata:{
chartnum:'',
chartsize:'',
},
total:'',
fycount:'',
fysize:10,
fynum:0,
echartrz:{
title : {
......@@ -167,19 +176,25 @@
legend: {
x:'center',
top:'10%',
data: ['已认证', '未认证','认证比例']
data: ['已认证', '未认证','认证比例'],
selected: {
已认证:true,
未认证:true,
认证比例:false,
},
},
grid: {
top: '30%',
containLabel: true
},
xAxis: {
type: 'value'
type: 'value',
name:"数量"
},
yAxis: {
type: 'category',
name:'乡镇名称',
data: ['周一','周二','周三','周四','周五','周六','周日']
data: []
},
series: [
{
......@@ -192,7 +207,7 @@
position: 'insideRight'
}
},
data: [320, 302, 301, 334, 390, 330, 320]
data: []
},
{
name: '未认证',
......@@ -204,7 +219,7 @@
position: 'insideRight'
}
},
data: [120, 132, 101, 134, 90, 230, 210]
data: []
},
{
name: '认证比例',
......@@ -216,7 +231,7 @@
position: 'insideRight'
}
},
data: [0.56, 0.35, 0.91, 0.34, 0.9, 0.3, 0.31]
data: []
},
]
},
......@@ -224,14 +239,79 @@
},
mounted(){
sessionStorage.setItem("lj",JSON.stringify(this.echartzz));
sessionStorage.setItem("zz",JSON.stringify(this.echartzz));
sessionStorage.setItem("rz",JSON.stringify(this.echartrz));
this.chartinfo();
this.chart11();
this.chartCertification();
},
methods:{
chart11(){
chartCertification(){
Axios.get(baseUrl2+'/chart/timingselect',{
})
.then(res => {
this.icount = res.data.obj.pagetotal;
res.data.obj.result.length=this.fysize;
for (var i = this.fynum ; i <res.data.obj.result.length ; i++) {
this.echartrz.yAxis.data.push(res.data.obj.result[i].townName+" ");
this.echartrz.series[0].data.push(res.data.obj.result[i].verified);
this.echartrz.series[1].data.push(res.data.obj.result[i].unverified);
this.echartrz.series[2].data.push(res.data.obj.result[i].rzl);
}
//console.log("分页linit"+this.fynum+","+this.fysize);
//console.log("首次=="+this.fynum+","+this.fysize+"/////"+res.data.obj.result.length+"总数"+this.icount)
let myChart1 = echarts.init(document.getElementById('echartContainer2'));
myChart1.setOption(this.echartrz);
/* myChart1.on('legendselectchanged',function (parms) {
var option = this.getOption();
alert(123)
})*/
console.log()
})
.catch(res => {
console.log('报错了');
});
},
goPageClick2(){
if(this.fynum==0){
this.$message.error('已经第一页了');
}else{
this.echartrz=JSON.parse(sessionStorage.getItem("rz"));
if(this.fysize==this.icount){
this.fysize=this.fynum;
this.fynum=this.fynum-10;
this.chartCertification();
// console.log("上一页linit"+this.fynum+","+this.fysize);
}else {
this.fysize = this.fysize-10;
this.fynum=this.fynum-10;
this.chartCertification();
// console.log("上一页linit"+this.fynum+","+this.fysize);
}
}
},
nextPageClick2(){
if(this.fysize<this.icount){
this.fysize = this.fysize+10;
this.fynum=this.fynum+10;
this.echartrz=JSON.parse(sessionStorage.getItem("rz"));
if(this.fysize>this.icount){
this.fysize=this.icount
// console.log("下一页linit"+this.fynum+","+this.fysize);
this.chartCertification();
}else{
// console.log("下一页linit"+this.fynum+","+this.fysize);
this.chartCertification();
}
}else{
this.$message.error('已经是最后一页了');
}
},
chartinfo(){
......@@ -250,53 +330,47 @@
this.total = res.data.pagetotal;
let myChart1 = echarts.init(document.getElementById('echartContainer1'));
myChart1.setOption(this.echartzz);
/* let myChart2 = echarts.init(document.getElementById('echartContainer2'));
myChart2.setOption(this.echartrz);*/
}).catch((res) => {
console.log('报错了');
});
},
nextPageClick1(){
this.count++;
this.chartdata.chartnum = this.count;
this.chartdata.chartsize=10;
console.log(this.count);
if(this.total>(this.chartdata.chartnum-1)*this.chartdata.chartsize){
this.echartzz=JSON.parse(sessionStorage.getItem("lj"));
this.echartzz=JSON.parse(sessionStorage.getItem("zz"));
this.chartinfo(this.chartdata);
}else {
this.count--;
this.$message.error('已经是最后一页了');
}
},
goPageClick1(){
this.count--;
this.chartdata.chartnum = this.count;
this.chartdata.chartsize=10;
console.log(this.count);
if(this.count<1){
this.count++;
this.$message.error('已经是第一页了');
}else{
this.echartzz=JSON.parse(sessionStorage.getItem("lj"));
this.echartzz=JSON.parse(sessionStorage.getItem("zz"));
this.chartinfo(this.chartdata);
}
}
},
}
</script>
<style>
.carousel-item-intro {
background-color:#a3b3b965;
background-color:#D9E0E1;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-border-radius: 15px;
......@@ -304,7 +378,7 @@
box-shadow: 0 0 25px #a3b3b965;
}
.carousel-item-func {
background-color: #52c578;
background-color: #D9E0E1;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-border-radius: 15px;
......@@ -312,7 +386,8 @@
box-shadow: 0 0 25px #a3b3b965;
}
.carousel-item-env {
background-color: #41a7b9;
/*background-color: #41a7b9;*/
background-color: #D9E0E1;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-border-radius: 15px;
......@@ -321,23 +396,17 @@
}
.ddiv1{
margin: auto;
width: 90%;
height: 90%;
}
.div1{
height:65%;
margin-top: 5%;
}
.ddiv2{
margin: auto;
height: 90%;
}
.div2{
height:65%;
margin-top: 5%;
}
......
......@@ -114,6 +114,7 @@ export default {
}
},
mounted() {
this.$store.state.tab.mainTabs=[]
this.refreshCaptcha()
},
computed:{
......
......@@ -366,10 +366,10 @@ export default {
height: 100%;
margin-right: 20px
}
.block img{
width: auto;
height: 300px;
}
/*.block img{*/
/* width: auto;*/
/* height: 300px;*/
/*}*/
.imtil{
padding:0 0 20px 0
}
......
......@@ -153,6 +153,9 @@ import Candode from "../Core/candode"
},{
value:"3",
label:"未认证",
},{
value:"4",
label:"今年未认证"
}],
//时间
time:"",
......@@ -215,20 +218,30 @@ import Candode from "../Core/candode"
this.serchs(1)
},
serchs(p){
var start=""
var end=""
if(this.time){
var d=this.time[0]
var s=this.time[1]
console.log(d)
var mon=(parseInt(d.getMonth()) + 1)
var emon=(parseInt(s.getMonth()) + 1)
start = d.getFullYear()+"-"+mon+"-"+d.getDate()
var sta=""
if(this.state==4){
sta=3
start="2019-01-01"
end="2019-12-31"
}else{
start=""
end=""
}
// var start=""
// var end=""
// if(this.time){
// var d=this.time[0]
// var s=this.time[1]
// console.log(d)
// var mon=(parseInt(d.getMonth()) + 1)
// var emon=(parseInt(s.getMonth()) + 1)
// start = d.getFullYear()+"-"+mon+"-"+d.getDate()
end=s.getFullYear()+"-"+emon+"-"+s.getDate()
// end=s.getFullYear()+"-"+emon+"-"+s.getDate()
}
// }
console.log(this.townList)
var data={
province_name:"四川省",
......@@ -239,7 +252,7 @@ import Candode from "../Core/candode"
town_name:this.townList[0],
village_name:this.townList[1],
iDCard:this.idcard,
match_state:this.state,
match_state:sta?sta:this.state,
begin_time:start,
end_time:end,
siType:this.cblx,
......
......@@ -107,7 +107,9 @@
<el-pagination
class="pone"
:page-size='10'
layout="total, prev, pager, next, jumper"
:page-sizes="[10, 50, 100]"
@size-change="handleSizeChange"
layout="total, sizes, prev, pager, next, jumper"
:total="totals"
:current-page.sync="Page"
@current-change="current_change"
......@@ -164,6 +166,7 @@
return {
list:[],
pagesize:10,
name:"",
activities: [],
options1: [],
......@@ -177,6 +180,10 @@
}
},
methods: {
handleSizeChange(val){
this.pagesize=val
this.serche(this.Page)
},
childByValue(val){
this.townList=val
},
......@@ -259,9 +266,13 @@
// return '';
},
current_change(ss){
this.Page=ss
this.serche(ss)
},
serche(ss){
var data={
pageNum:ss,
pageSize:10,
pageSize:this.pagesize,
idcard:this.idcard,
type:this.ywtype
}
......
<template>
<div>
<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">统筹区</td>
<td style="border: 1px solid black">街道或乡镇名称</td>
<td style="border: 1px solid black">社区名称</td>
<td style="border: 1px solid black">所属组</td>
<td style="border: 1px solid black">户口所在地</td>
<td style="border: 1px solid black">户口性质</td>
<td style="border: 1px solid black">个人编号</td>
<td style="border: 1px solid black">证件号码</td>
<td style="border: 1px solid black">姓名</td>
<td style="border: 1px solid black">性别</td>
<td style="border: 1px solid black">民族</td>
<td style="border: 1px solid black">出生日期</td>
<td style="border: 1px solid black">险种类型</td>
<td style="border: 1px solid black">参保状态</td>
<td style="border: 1px solid black">是否老农保</td>
<td style="border: 1px solid black">缴费状态</td>
<td style="border: 1px solid black">缴费档次</td>
<td style="border: 1px solid black">人员类别</td>
<td style="border: 1px solid black">离退休标志</td>
<td style="border: 1px solid black">个人身份</td>
<td style="border: 1px solid black">参保日期</td>
<td style="border: 1px solid black">档案编号</td>
</tr>
</table>
<el-upload
style="margin-top: 10px"
class="upload-demo"
ref="upload1"
:action="baseInfoUrl"
multiple
drag
accept=".xls,.xlsx"
:limit="1"
:headers="myHeader"
:before-upload="handleBeforeUpload"
:file-list="fileList"
:on-exceed="handleExceed"
:on-success="uploadSuccess"
:on-error="uploadError"
:auto-upload="false">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传1个文件</div>
</el-upload>
<el-button
style="margin-top: 10px"
size="small"
type="success"
@click="submitUpload1"
v-loading.fullscreen.lock="loading">数据导入</el-button>
<el-dialog
ref="dialog"
:title="dialogTitle"
width="30%"
:visible.sync="dialogVisible">
<span v-text="dialogContent" style="font-size: 16px"></span>
</el-dialog>
</div>
</template>
<script>
import {baseUrl} from "../../utils/global";
import Cookies from "js-cookie";
let uploadedList = [];
export default {
name: "importBaseInfoByExcel",
data() {
return {
baseInfoUrl: baseUrl + "/baseInfo/importFromNewExcel",
myHeader: {
token: Cookies.get("token")
},
fileList: [],
dialogTitle: "",
dialogVisible: false,
dialogContent: "",
loading: false
};
},
methods: {
submitUpload1() {
this.$refs.upload1.submit();
},
handleExceed() {
this.$message.warning("当前限制选择 1 个文件,请删除后继续上传");
},
handleBeforeUpload(file) {
this.loading = true;
if (!file.name.endsWith(".xls") && !file.name.endsWith(".xlsx")) {
this.$message.warning(file.name + "不是excel文件");
this.loading = false;
return false;
}
// if (uploadedList.includes(file.name)) {
// this.$message.warning(file.name + "已被选中过,请勿重复选择");
// return false;
// }
// uploadedList.push(file.name);
},
async uploadSuccess(response) {
this.fileList = [];
this.dialogTitle = "导入结果";
this.dialogContent = response.data;
// this.dialogVisible = true;
this.loading = false;
// console.log("upload success");
this.$message({
type: "success",
message: response.data,
showClose: true,
duration: 0
});
},
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>
<style scoped>
</style>
<template>
<div>
<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">乡镇</td>
<td style="border: 1px solid black">村(社区)</td>
<td style="border: 1px solid black">村组</td>
<td style="border: 1px solid black">户籍地地址</td>
<td style="border: 1px solid black">常住地地址</td>
<td style="border: 1px solid black">个人编号</td>
<td style="border: 1px solid black">证件号码</td>
<td style="border: 1px solid black">姓名</td>
<td style="border: 1px solid black">待遇发放状态</td>
<td style="border: 1px solid black">最大发放期</td>
<td style="border: 1px solid black">银行</td>
<td style="border: 1px solid black">户名</td>
<td style="border: 1px solid black">账号</td>
<td style="border: 1px solid black">视同缴费月数</td>
<td style="border: 1px solid black">实际缴费月数</td>
<td style="border: 1px solid black">军龄折算月数</td>
<td style="border: 1px solid black">特殊工种折算月数</td>
<td style="border: 1px solid black">离退休日期</td>
<td style="border: 1px solid black">当前月领取标准</td>
<td style="border: 1px solid black">个人账户总金额</td>
<td style="border: 1px solid black">省级财政部分所占比例</td>
<td style="border: 1px solid black">市级财政部分所占比例</td>
<td style="border: 1px solid black">县级财政部分所占比例</td>
<td style="border: 1px solid black">集体补助部分所占比例</td>
<td style="border: 1px solid black">个人缴费部分所占比例</td>
</tr>
</table>
<!-- <el-table-->
<!-- border-->
<!-- style="width: 100%">-->
<!-- <el-table-column-->
<!-- label="乡镇">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="村(社区)">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="村组">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="户籍地地址">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="常住地地址">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="个人编号">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="证件号码">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="姓名">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="待遇发放状态">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="最大发放期">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="银行">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="户名">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="账号">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="视同缴费月数">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="实际缴费月数">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="军龄折算月数">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="特殊工种折算月数">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="离退休日期">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="当前月领取标准">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="个人账户总金额">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="省级财政部分所占比例">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="市级财政部分所占比例">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="县级财政部分所占比例">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="集体补助部分所占比例">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- label="个人缴费部分所占比例">-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<el-upload
style="margin-top: 10px"
class="upload-demo"
ref="upload3"
:action="grantInfoUrl"
multiple
drag
accept=".xls,.xlsx"
:limit="1"
:headers="myHeader"
:before-upload="handleBeforeUpload"
:file-list="fileList"
:on-exceed="handleExceed"
:on-success="uploadSuccess"
:on-error="uploadError"
:auto-upload="false">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传1个文件</div>
</el-upload>
<el-button
style="margin-top: 10px"
size="small"
type="success"
@click="submitUpload3"
v-loading.fullscreen.lock="loading">数据导入
</el-button>
<el-dialog
ref="dialog"
:title="dialogTitle"
width="30%"
:visible.sync="dialogVisible">
<span v-text="dialogContent" style="font-size: 16px"></span>
</el-dialog>
</div>
</template>
<script>
import {baseUrl} from "../../utils/global";
import Cookies from "js-cookie";
let uploadedList = [];
export default {
name: "importGrantInfoByExcel",
data() {
return {
grantInfoUrl: baseUrl + "/grantInfo/importFromExcel",
myHeader: {
token: Cookies.get("token")
},
fileList: [],
dialogTitle: "",
dialogVisible: false,
dialogContent: "",
loading: false
};
},
methods: {
submitUpload3() {
this.$refs.upload3.submit();
},
handleExceed() {
this.$message.warning("当前限制选择 1 个文件,请删除后继续上传");
},
handleBeforeUpload(file) {
this.loading = true;
if (!file.name.endsWith(".xls") && !file.name.endsWith(".xlsx")) {
this.$message.warning(file.name + "不是excel文件");
this.loading = false;
return false;
}
// if (uploadedList.includes(file.name)) {
// this.$message.warning(file.name + "已被选中过,请勿重复选择");
// return false;
// }
// uploadedList.push(file.name);
},
async uploadSuccess(response) {
this.fileList = [];
this.dialogTitle = "导入结果";
this.dialogContent = response.data;
// this.dialogVisible = true;
this.loading = false;
// console.log("upload success");
this.$message({
type: "success",
message: response.data,
showClose: true,
duration: 0
});
},
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>
<style scoped>
</style>
<template>
<div>
<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">个人编号</td>
<td style="border: 1px solid black">公民身份证</td>
<td style="border: 1px solid black">姓名</td>
<td style="border: 1px solid black">当前人员类别</td>
<td style="border: 1px solid black">缴费档次</td>
<td style="border: 1px solid black">应缴类型</td>
<td style="border: 1px solid black">个人应缴</td>
<td style="border: 1px solid black">个级财政补助和</td>
<td style="border: 1px solid black">代缴金额</td>
<td style="border: 1px solid black">对应费款所属期</td>
<td style="border: 1px solid black">险种类型</td>
<td style="border: 1px solid black">收缴方式</td>
<td style="border: 1px solid black">足额到账标志</td>
<td style="border: 1px solid black">足额到账年月</td>
<td style="border: 1px solid black">经办时间</td>
<td style="border: 1px solid black">经办人</td>
<td style="border: 1px solid black">征收方式</td>
<td style="border: 1px solid black">银行编号</td>
<td style="border: 1px solid black">银行账号</td>
<td style="border: 1px solid black">乡镇</td>
<td style="border: 1px solid black"></td>
<td style="border: 1px solid black"></td>
<td style="border: 1px solid black">地址</td>
<td style="border: 1px solid black">户口所在地</td>
</tr>
</table>
<el-upload
style="margin-top: 10px"
class="upload-demo"
ref="upload2"
:action="payInfoUrl"
multiple
drag
accept=".xls,.xlsx"
:limit="1"
:headers="myHeader"
:before-upload="handleBeforeUpload"
:file-list="fileList"
:on-exceed="handleExceed"
:on-success="uploadSuccess"
:on-error="uploadError"
:auto-upload="false">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传1个文件</div>
</el-upload>
<el-button
style="margin-top: 10px"
size="small"
type="success"
@click="submitUpload2"
v-loading.fullscreen.lock="loading">数据导入</el-button>
<el-dialog
ref="dialog"
:title="dialogTitle"
width="30%"
:visible.sync="dialogVisible">
<span v-text="dialogContent" style="font-size: 16px"></span>
</el-dialog>
</div>
</template>
<script>
import {baseUrl} from "../../utils/global";
import Cookies from "js-cookie";
let uploadedList = [];
export default {
name: "importPayInfoByExcel",
data() {
return {
payInfoUrl: baseUrl + "/payInfo/importFromExcel",
myHeader: {
token: Cookies.get("token")
},
fileList: [],
dialogTitle: "",
dialogVisible: false,
dialogContent: "",
loading: false
};
},
methods: {
submitUpload2() {
this.$refs.upload2.submit();
},
handleExceed() {
this.$message.warning("当前限制选择 1 个文件,请删除后继续上传");
},
handleBeforeUpload(file) {
this.loading = true;
if (!file.name.endsWith(".xls") && !file.name.endsWith(".xlsx")) {
this.$message.warning(file.name + "不是excel文件");
this.loading = false;
return false;
}
// if (uploadedList.includes(file.name)) {
// this.$message.warning(file.name + "已被选中过,请勿重复选择");
// return false;
// }
// uploadedList.push(file.name);
},
async uploadSuccess(response) {
this.fileList = [];
this.dialogTitle = "导入结果";
this.dialogContent = response.data;
// this.dialogVisible = true;
this.loading = false;
// console.log("upload success");
this.$message({
type: "success",
message: response.data,
showClose: true,
duration: 0
});
},
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>
<style scoped>
</style>
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="fo" label-width="120px">
<el-form-item label="姓名">
<el-input v-model="form.name"></el-input>
</el-form-item>
<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.pay_type"></el-input>
</el-form-item>
<el-form-item label="特殊参保群体">
<el-input v-model="form.special_type"></el-input>
</el-form-item>
<el-form-item label="险种类型">
<el-input v-model="form.org_insuranceType"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="fo" label-width="90px">
<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.nation_type"></el-input>
</el-form-item>
<el-form-item label="户籍所在地">
<el-input v-model="form.townName"></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.pay_bank"></el-input>
</el-form-item>
<el-form-item label="缴费账号">
<el-input v-model="form.pay_account"></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="fo" label-width="150px">
<el-form-item :label="old">
<el-input v-model="form.old"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="fo" label-width="150px">
<el-form-item :label="now">
<el-input v-model="form.now"></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:'',
old:"原姓名",
now:"变更后姓名",
bb:false,
form:{
"name":"",
"bank_photo":"",
"groupName":"",
"identity_number":"",
"nation":'',
"nation_type":"",
"other_social":"",
"pay_account":"",
"pay_bank":"",
"pay_type":'',
"recordType":'',
"sex":'',
"sign_photo":"",
"social_time":"",
"special_type":"",
"telphoneValue":"",
"townName":"",
"villageName":"",
"address":"",
"wuserId":'',
"old":"",
"now":"",
org_insuranceType: ""
},
urls: [
],
show:""
}
},
methods:{
//审核通过
pass(){
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass:"box"
}).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: '取消',
customClass:"box"
}).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();
this.$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
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.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
this.form.pay_bank=this.form.org_bankName
this.form.pay_type=this.form.org_pay
this.form.special_type=this.form.org_position
this.form.telphoneValue=this.decrypt(this.form.org_telPhone)
this.form.address=this.form.org_address
this.form.pay_account=this.form.org_bankNum
//根据type_son判断变更内容
if(this.form.type_son==1){
this.form.old=this.form.pay_type,
this.form.now=this.form.change_pay
this.now="变更后档次"
this.old="变更前档次"
}else if(this.form.type_son==2){
this.bb=true
this.form.old=this.form.org_bankNum,
this.form.now=this.form.change_bankNum
this.now="变更后银行卡号"
this.old="变更前银行卡号"
}else if(this.form.type_son==3){
this.form.old=this.form.telphoneValue,
this.form.now=this.form.change_tel
this.now="变更后手机号"
this.old="变更前手机号"
}else if(this.form.type_son==4){
this.form.old=this.form.special_type,
this.form.now=this.form.change_position,
this.now="变更后参保身份"
this.old="变更前参保身份"
}else if(this.form.type_son==5){
this.form.old=this.form.org_address,
this.form.now=this.form.change_adress,
this.now="变更后地址"
this.old="变更前地址"
}else if(this.form.type_son==6){
this.form.old=this.form.name,
this.form.now=this.form.change_name,
this.now="变更后姓名"
this.old="变更前姓名"
}else if(this.form.type_son==7){
this.form.old=this.form.identity_number,
this.form.now=this.decrypt(this.form.change_idNum),
this.now="变更后身份证"
this.old="变更前身份证"
}
var obj=JSON.parse(sessionStorage.getItem("items"))
console.log(obj)
if(obj.bankpic){
this.itmebs="银行卡"
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.bankpic)
}else if(obj.bookPic){
this.itmebs="户口本"
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.bookPic)
}else if(obj.specialPhotoPic){
this.itmebs="特殊身份证明"
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/"+obj.specialPhotoPic)
}else{
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{
position: relative;
}
.masks{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.box{
width: 90% !important
}
.fo{
width: 90%
}
.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>
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div v-if="!this.show" class="masks"></div>
<el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="被终止人姓名姓名">
<el-input v-model="form4.name"></el-input>
</el-form-item>
<el-form-item label="出生日期">
<el-input v-model="form4.birth_day"></el-input>
</el-form-item>
<el-form-item label="人员类型">
<el-input v-model="form4.per_type"></el-input>
</el-form-item>
</el-form>
<el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="性别">
<el-input v-model="form4.sex"></el-input>
</el-form-item>
<el-form-item label="身份证号码">
<el-input v-model="form4.identity_number"></el-input>
</el-form-item>
<el-form-item label="户籍地址">
<el-input v-model="form4.address"></el-input>
</el-form-item>
</el-form>
</div>
<h2 class="imtil">参保注销信息</h2>
<div class="wrap">
<div v-if="!this.show" class="masks"></div>
<el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="终止原因">
<el-input v-model="form4.cancel_res"></el-input>
</el-form-item>
<el-form-item label="死亡时间">
<el-input v-model="form4.death_day"></el-input>
</el-form-item>
<el-form-item label="停发时间">
<el-input v-model="form4.stop_time"></el-input>
</el-form-item>
<el-form-item label="重复地区及险种">
<el-input v-model="form4.repet_type"></el-input>
</el-form-item>
</el-form>
<el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="户籍迁往地区">
<el-input v-model="form4.addres_new"></el-input>
</el-form-item>
<el-form-item label="丧葬形式">
<el-input v-model="form4.bad_type"></el-input>
</el-form-item>
<el-form-item label="停发的追回金额">
<el-input v-model="form4.reback_money"></el-input>
</el-form-item>
<el-form-item label="重复地区及险种的追回金额">
<el-input v-if="this.show" placeholder="如有金额请输入"></el-input>
<el-input v-if="!this.show"></el-input>
</el-form-item>
</el-form>
</div>
<h2 class="imtil">个人账户终止结算信息</h2>
<div class="wrap">
<div v-if="!this.show" class="masks"></div>
<el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="个人账户余额">
<el-input v-model="form4.account_balance"></el-input>
</el-form-item>
<el-form-item label="丧葬费">
<el-input v-model="form4.bad_subsidy"></el-input>
</el-form-item>
<el-form-item label="应抵扣重复领取其他社会保险待遇">
<el-input v-model="form4.other_overApply"></el-input>
</el-form-item>
<el-form-item label="发放账户类型">
<el-input v-model="form4.provide_account"></el-input>
</el-form-item>
</el-form>
<el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="一次性抚恤金">
<el-input v-model="form4.once_pension"></el-input>
</el-form-item>
<el-form-item label="应抵扣死亡超期领取待遇">
<el-input v-model="form4.death_overspend"></el-input>
</el-form-item>
<el-form-item label="合计发放金额">
<el-input v-model="form4.account_totle"></el-input>
</el-form-item>
<el-form-item label="发放账户的账号">
<el-input v-model="form4.bankAccount"></el-input>
</el-form-item>
</el-form>
</div>
<h2 class="imtil">指定受益人或法定继承人</h2>
<div class="wrap">
<div v-if="!this.show" class="masks"></div>
<el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="姓名">
<el-input v-model="form4.bailor_name"></el-input>
</el-form-item>
<el-form-item label="联系电话">
<el-input v-model="form4.bailor_tel"></el-input>
</el-form-item>
<el-form-item label="与终止人关系">
<el-input v-model="form4.relation"></el-input>
</el-form-item>
</el-form>
<el-form ref="form4" :model="form4" class="form4" label-width="auto">
<el-form-item label="性别">
<el-input v-model="form4.bailor_sex"></el-input>
</el-form-item>
<el-form-item label="身份证号码">
<el-input v-model="form4.bailor_idNo"></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';
import {formatDate} from "@/utils/datetime";
export default {
data() {
return {
test: "sadgsdg",
itmebs: "",
bb: false,
form4: {
account_balance: "",
account_totle: "",
addres_new: "",
bad_subsidy: "",
bad_type: "",
bailor_idNo: "",
bailor_idPhoto: "",
bailor_name: "",
bailor_sex: "",
bailor_tel: "",
bank_photo: "",
book_photo: "",
cancel_res: "",
death_day: "",
death_overspend: "",
groupName: "",
hospital_photo: "",
idBackPic: "",
idFortPic: "",
identity_number: "",
name: "",
nation: "",
nation_type: "",
once_pension: "",
other_SocialPhoto: "",
other_overApply: "",
per_type: "",
provide_account: "",
reback_money: "",
recordType: "",
relation: "",
relation_photo: "",
repet_type: "",
sex: "",
sign_photo: "",
stop_time: "",
telphoneValue: "",
townName: "",
villageName: "",
wuserId: "",
address: "",
birth_day: "",
bankAccount: "",
},
urls: [],
show: ""
}
},
methods: {
//审核通过
pass() {
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass:"box"
}).then(() => {
Loading.service();
var data = {
recordId: this.$route.params.insCan.recordId,
examineState: 1,
remark: "",
userId: 1,
// InsuredCancelEntity: this.form4,
};
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: "参保注销审核"
});
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for (let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && closeAll[j].previousSibling.innerText === "参保注销审核 ") {
closeAll[j].click();
return;
}
}
} else {
this.$message({
type: 'info',
message: res.message
});
}
}).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: '取消',
customClass:"box"
}).then(({value}) => {
if (value) {
Loading.service();
var data = {
recordId: this.$route.params.insCan.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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for (let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && 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.insCan) !== "undefined" && this.$route.params.insCan.info) {
this.show = this.$route.params.insCan.show;
sessionStorage.setItem("insCanInfo", this.$route.params.insCan.info);
sessionStorage.setItem("insCanItems", JSON.stringify(this.$route.params.insCan));
}
let obj = JSON.parse(sessionStorage.getItem("insCanItems"));
this.form4 = JSON.parse(sessionStorage.getItem("insCanInfo"));
this.form4.name = this.form4.name ? this.decrypt(this.form4.name) : obj.name;
this.form4.identity_number = this.form4.identity_number ? this.decrypt(this.form4.identity_number) : "";
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.form4.sex = this.form4.sex === 1 ? "男" : "女";
this.form4.bailor_sex = this.form4.bailor_sex === 1 ? "男" : "女";
if (this.form4.birth_day) {
this.form4.birth_day = formatDate(this.form4.birth_day.time);
}
},
}
</script>
<style>
.wrap {
overflow: hidden;
position: relative;
}
.masks {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.form4 {
width: 90%
}
.box{
width: 90% !important
}
.imgcon {
margin: 0 auto;
box-shadow: 0 0 15px lightgray;
overflow: hidden;
margin-bottom: 40px;
}
.block {
width: 23%;
float: left;
height: 100%;
margin-right: 20px;
}
.imtil {
padding: 0 0 20px 0;
}
</style>
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="fo" label-width="120px">
<el-form-item label="姓名">
<el-input v-model="form.name"></el-input>
</el-form-item>
<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.pay_type"></el-input>
</el-form-item>
<el-form-item label="特殊参保群体">
<el-input v-model="form.special_type"></el-input>
</el-form-item>
<el-form-item label="其他养老保险">
<el-input v-model="form.other_social"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="fo" label-width="90px">
<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.nation_type"></el-input>
</el-form-item>
<el-form-item label="户籍所在地">
<el-input v-model="form.townName"></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.pay_bank"></el-input>
</el-form-item>
<el-form-item label="缴费账号">
<el-input v-model="form.pay_account"></el-input>
</el-form-item>
</el-form>
</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{
form:{
"name":"",
"bank_photo":"",
"groupName":"",
"identity_number":"",
"nation":'',
"nation_type":"",
"other_social":"",
"pay_account":"",
"pay_bank":"",
"pay_type":'',
"recordType":'',
"sex":'',
"sign_photo":"",
"social_time":"",
"special_type":"",
"telphoneValue":"",
"townName":"",
"villageName":"",
"wuserId":''
},
urls: [
],
show:""
}
},
methods:{
//审核通过
pass(){
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass:"boxs"
}).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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && closeAll[j].previousSibling.innerText === "参保登记审核 ") {
closeAll[j].click();
return;
}
}
}).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: '取消',
customClass:"boxs"
}).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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && closeAll[j].previousSibling.innerText === "参保登记审核 ") {
closeAll[j].click();
return;
}
}
}).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.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.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{
position: relative;
}
.boxs{
width: 90% !important;
}
.masks{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.fo{
width: 90%
}
.imgcon{
margin: 0 auto;
box-shadow: 0 0 15px lightgray;
overflow: hidden;
margin-bottom: 40px
}
.block{
width: 20%
}
.block{
float: left;
height: 100%;
margin-right: 20px
}
.imtil{
padding:0 0 20px 0
}
</style>
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="fo" 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="fo" 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="fo" 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="fo" 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_numTol"></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: '取消',
customClass:"box"
}).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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for (let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && 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: '取消',
customClass:"box"
}).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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for (let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && 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));
}
let obj = JSON.parse(sessionStorage.getItem("supPayItems"));
this.form = JSON.parse(sessionStorage.getItem("supPayInfo"));
this.form.name = this.form.name ? this.decrypt(this.form.name) : obj.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) : "";
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 ? "男" : "女";
if (this.form.address) {
const address = JSON.parse(this.form.address);
this.form.address = address.province + address.city + address.county + address.town + address.village + address.group;
}
},
}
</script>
<style>
.wrap {
overflow: hidden;
position: relative;
}
.masks {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.fo {
width: 90%
}
.box{
width: 90% !important
}
.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>
......@@ -20,7 +20,13 @@
<el-table
:data="tableData"
style="width: 100%"
@selection-change="handleSelectionChange"
tooltip-effect="dark"
>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="idcard"
label="身份证号"
......@@ -90,17 +96,22 @@
</template>
</el-table-column>
</el-table>
<div class="bottom">
<kt-button class="check" icon="el-icon-delete" label="删除已选" perms="sys:user:add" type="primary" />
<el-pagination
class="pone"
:page-size='10'
layout="total, prev, pager, next, jumper"
:page-sizes="[10, 50, 100]"
layout="total, sizes, prev, pager, next, jumper"
:total="totals"
:current-page.sync="Page"
@current-change="current_change"
@size-change="handleSizeChange"
>
</el-pagination>
</div>
</div>
</template>
<style>
......@@ -124,8 +135,16 @@
.el-table .success-row {
background: #f0f9eb;
}
.bottom{
margin-top: 40px;
overflow: hidden;
}
.pone{
margin-top: 40px
margin-left: 250px;
float: left;
}
.check{
float: left;
}
</style>
......@@ -133,9 +152,11 @@
import CryptoJS from 'crypto-js'
import { Loading } from 'element-ui';
import Candode from "../Core/candode"
import KtButton from "@/views/Core/KtButton"
// import baseUrl from "../../globe/globeUrl"
export default {
components:{
KtButton,
Candode
},
data() {
......@@ -148,10 +169,19 @@
idcard:"",
ywtype:"",
info:'',
tableData: []
pageSize:10,
tableData: [],
multipleSelection: []
}
},
methods: {
handleSelectionChange(val){
this.multipleSelection=val
},
handleSizeChange(val){
this.pageSize=val
this.serchh(this.Page)
},
childByValue(val){
this.townList=val
},
......@@ -223,9 +253,12 @@
},
current_change(ss){
this.serchh(ss)
},
serchh(ss){
var data={
pageNum:ss,
pageSize:10,
pageSize:this.pageSize,
idcard:this.idcard,
type:this.ywtype
}
......
<template>
<div>
<div class="op">
<div class="idc">
<el-input v-model="idcard" size="mini" placeholder="请输入身份证号"></el-input>
</div>
<Candode v-on:childByValue="childByValue"></Candode>
<div class="ywtyoe">
<el-select v-model="ywtype" placeholder="请选择业务类型" size="mini">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<el-button type="primary" size="mini" style="background:#148A9B;margin-left:10px" icon="el-icon-search" @click="serch">搜索</el-button>
</div>
<el-table
:data="tableData"
>
<!-- <el-table-column
prop="idcard"
label="身份证号"
width="180">
</el-table-column> -->
<el-table-column
prop="name"
label="姓名"
>
</el-table-column>
<el-table-column
prop="recordtype"
label="业务类型">
</el-table-column>
<!-- <el-table-column
prop="createtime"
label="创建时间">
</el-table-column>
<el-table-column
prop="townname"
label="镇">
</el-table-column>
<el-table-column
prop="villagename"
label="村">
</el-table-column> -->
<el-table-column
prop="nowExamine"
label="当前状态">
</el-table-column>
<el-table-column
width="180"
label="操作">
<template slot-scope="scope">
<el-button
type="primary"
size="mini"
@click="handle(scope.$index, scope.row)">审核</el-button>
<el-popover
placement="right"
width="180"
trigger="click">
<el-timeline>
<el-timeline-item
v-for="(activity, index) in activities"
:key="index"
:icon="activity.icon"
:type="activity.type"
:color="activity.color"
:size="activity.size"
:timestamp="activity.timestamp"
:timestamp2="123">
{{activity.content}}
<p style="font-size:13px;color:#909399" v-show="activity.timestamp">审核人:{{activity.name}}</p>
<p style="font-size:13px;color:#909399" v-show="activity.examineRemark">原因:{{activity.examineRemark}}</p>
</el-timeline-item>
</el-timeline>
<el-button
@click="progress(scope.$index, scope.row)"
size="mini"
slot="reference"
type="success"
>流程</el-button>
</el-popover>
</template>
</el-table-column>
</el-table>
<el-pagination
class="pone"
:page-size='10'
layout="total, prev, pager, next"
:total="totals"
:current-page.sync="Page"
@current-change="current_change"
>
</el-pagination>
</div>
</template>
<style scoped>
.op{
display: flex;
align-items: center;
}
.idc{
width: 200px
}
.ywtyoe{
width: 200px;
margin-left: 20px
}
.el-table .warning-row {
background: oldlace;
}
.el-table .success-row {
background: #f0f9eb;
}
.pone{
margin-top: 40px
}
</style>
<script>
import CryptoJS from 'crypto-js'
import { Loading } from 'element-ui';
import Candode from "../Core/candode"
// import baseUrl from "../../globe/globeUrl"
export default {
components:{
Candode
},
data() {
return {
townList:'',
activities: [],
options1: [],
Page:1,
totals:0,
idcard:"",
ywtype:"",
info:'',
tableData: []
}
},
methods: {
childByValue(val){
this.townList=val
},
//搜索
serch(){
var data={
idcard:this.idcard?this.Encrypt(this.idcard):"",
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) => {
for(var i in res.data.list){
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name)
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
}
this.tableData=res.data.list
this.totals=res.data.total
this.page=res.data.total.pageNum
}).catch((res) => {
});
},
//流程
progress(d,s){
console.log(s)
this.activities=[]
var data={
recordId:s.id,
type:this.regetType(s.recordtype)
}
this.$api.getlist.progress(data).then((res)=>{
for(var i in res.data){
if(res.data[i].examineState=="进行中"){
this.activities.push({
content:res.data[i].role,
//timestamp:res.data[i].examinePerson+"审核于"+res.data[i].examineTime,
color:'#0bbd87',
size: 'large'
})
}else{
this.activities.push({
content:res.data[i].role,
timestamp:res.data[i].examinePerson?res.data[i].examineTime:"",
name:res.data[i].examinePerson?res.data[i].examinePerson:"",
examineRemark:res.data[i].examineRemark?res.data[i].examineRemark:'',
color:res.data[i].nowNode?"#97E5CE":"lightgray"
})
if(res.data[i].examineState=="审核失败"){
this.activities.push({
content:"审核失败",
timestamp:res.data[i].examinePerson?res.data[i].examineTime:"",
name:res.data[i].examinePerson?res.data[i].examinePerson:"",
examineRemark:res.data[i].examineRemark?res.data[i].examineRemark:'',
color:'black'
})
return
}
}
}
}).catch((res)=>{
})
},
current_change(ss){
var data={
pageNum:ss,
pageSize:10,
idcard:this.idcard,
type:this.ywtype
}
Loading.service();
this.$api.getlist.getlist(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
for(var i in res.data.list){
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name)
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
}
this.tableData=res.data.list
this.totals=res.data.total
this.page=res.data.total.pageNum
}).catch((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
});
},
//审核
handle(s,d){
if(d.recordtype=="参保登记"){
sessionStorage.setItem("recordId",this.tableData[s].recordId)
this.$router.push({
name:"insuredRegp",
params:{info:this.tableData[s].info,
bankpic:this.tableData[s].bankpic,
idcardbackpic:this.tableData[s].idcardbackpic,
idcardfrontpic:this.tableData[s].idcardfrontpic,
signpic:this.tableData[s].signpic,
show:true
}
})
}else if(d.recordtype=="信息变更"){
sessionStorage.setItem("recordId",this.tableData[s].recordId)
this.$router.push({
name:"infoChangep",
params:{info:this.tableData[s].info,
bankpic:this.tableData[s].bankpic,
idcardbackpic:this.tableData[s].idcardbackpic,
idcardfrontpic:this.tableData[s].idcardfrontpic,
signpic:this.tableData[s].signpic,
specialPhotoPic:this.tableData[s].specialPhotoPic,
bookPic:this.tableData[s].bookPic,
show:true
}
})
}else if(d.recordtype === "待遇申请"){
// sessionStorage.setItem("recordId",this.tableData[s].recordId)
this.$router.push({
name:"treatmentApplicationAuditp",
params:{
treApp: {
name: this.tableData[s].name,
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:"insuranceCancellationAuditp",
params:{
insCan: {
name: this.tableData[s].name,
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:"supPaymentAuditp",
params:{
supPay: {
name: this.tableData[s].name,
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:"upgradeReoAuditp",
params:{
upgReo: {
name: this.tableData[s].name,
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:"traRelationsAuditp",
params:{
traRel: {
name: this.tableData[s].name,
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
}
}
})
}
},
handleDelete(g,h){
console.log(g)
console.log(h)
},
Encrypt(word) { //aes加密
var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625");
let srcs = CryptoJS.enc.Utf8.parse(word);
let encrypted = CryptoJS.AES.encrypt(srcs, key, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.toString();
},
decrypt(word){
var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625");
var decrypt = CryptoJS.AES.decrypt(word, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
return CryptoJS.enc.Utf8.stringify(decrypt).toString();
},
decryptByDES(ciphertext) {
var keyHex = CryptoJS.enc.Utf8.parse("KkweFace95271124");
var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
}, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return decrypted.toString(CryptoJS.enc.Utf8);
}
},
created(){
Loading.service();
for(var i=1;i<=7;i++){
this.options1.push({
label:this.getType(i),
value:i
})
}
var data={
idcard:'',
recordType:''
}
this.$api.getlist.getlist(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
for(var i in res.data.list){
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name)
res.data.list[i].recordtype=this.getType(res.data.list[i].recordtype)
}
this.tableData=res.data.list
this.totals=res.data.total
this.page=res.data.total.pageNum
}).catch((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
})
}
}
</script>
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="fo" 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="fo" 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="fo" label-width="auto">
<el-form-item label="原户籍地地址">
<el-input v-model="form.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="fo" 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: '取消',
customClass:"box"
}).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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && 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: '取消',
customClass:"box"
}).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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && 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));
}
let obj = JSON.parse(sessionStorage.getItem("traRelItems"));
this.form = JSON.parse(sessionStorage.getItem("traRelInfo"));
this.form.name = this.form.name ? this.decrypt(this.form.name) : obj.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) : "";
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
}
.fo {
width: 90%
}
.box{
width: 90% !important
}
.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>
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="fo" 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.bank_Account"></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="fo" 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.payNum"></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.apply_way"></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="fo" label-width="auto">
<el-form-item label="个人缴费">
<el-input v-model="form.payTotalMoney"></el-input>
</el-form-item>
<el-form-item label="财政补贴">
<el-input v-model="form.benefits"></el-input>
</el-form-item>
<el-form-item label="个人账户积累额">
<el-input v-model="form.account_balance"></el-input>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" class="fo" label-width="auto">
<el-form-item label="集体补助">
<el-input v-model="form.collectivePercent"></el-input>
</el-form-item>
<el-form-item label="利息">
<el-input v-model="form.interest"></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 class="block">
<p class="demonstration">个人照片</p>
<el-image :src="urls[4]">
<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: {
"name": "",
"bank_photo": "",
"groupName": "",
"identity_number": "",
"nation": '',
"nation_type": "",
"other_social": "",
"pay_account": "",
"pay_bank": "",
"pay_type": '',
"recordType": '',
"sex": '',
"sign_photo": "",
"social_time": "",
"special_type": "",
"telphoneValue": "",
"townName": "",
"villageName": "",
"address": "",
"wuserId": '',
apply_way: "",
mon_annuityPre: "",
mon_annuityGov: "",
mon_annuity: "",
interest: "",
payTotalMoney: "",
collectivePercent: 0,
bank_Account: "",
address: "",
payNum: "",
benefits: "",
},
urls: [],
}
},
methods: {
//审核通过
pass() {
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass:"boxs"
}).then(() => {
Loading.service();
var data = {
recordId: this.$route.params.treApp.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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && closeAll[j].previousSibling.innerText === "待遇申请审核 ") {
closeAll[j].click();
return;
}
}
}).catch((res) => {
console.log("进入catch: " + res);
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$message({
type: 'info',
message: '操作失败!' + res
});
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消操作'
});
});
},
//审核不通过
nopass() {
// let that = this;
this.$prompt('请输入原因', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass:"boxs"
}).then(({value}) => {
if (value) {
Loading.service();
var data = {
recordId: this.$route.params.treApp.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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && 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.treApp) !== "undefined" && this.$route.params.treApp.info) {
this.show = this.$route.params.treApp.show;
sessionStorage.setItem("treAppInfo", this.$route.params.treApp.info);
sessionStorage.setItem("treAppItems", JSON.stringify(this.$route.params.treApp));
}
var obj = JSON.parse(sessionStorage.getItem("treAppItems"));
this.form = JSON.parse(sessionStorage.getItem("treAppInfo"));
this.form.name = this.form.name ? this.decrypt(this.form.name) : obj.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) : "";
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);
if (this.form.personPhoto != null && this.form.personPhoto !== '') {
this.urls.push("http://socialsecurity.oss-cn-beijing.aliyuncs.com/" + this.form.personPhoto);
} else {
this.urls.push("");
}
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
}
.boxs{
width: 90% !important
}
.fo {
width: 90%
}
.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>
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="fo" 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="fo" 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="fo" 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="fo" 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: '取消',
customClass:"box"
}).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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && 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: '取消',
customClass:"box"
}).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
});
}
this.$router.back();
// 关闭当前标签
let closeAll = document.querySelectorAll(".el-icon-close");
for(let j = 0, len = closeAll.length; j < len; j++) {
if (closeAll[j].previousSibling != null && 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));
}
let obj = JSON.parse(sessionStorage.getItem("upgReoItems"));
this.form = JSON.parse(sessionStorage.getItem("upgReoInfo"));
this.form.name = this.form.name ? this.decrypt(this.form.name) : obj.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) : "";
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 scoped>
.wrap {
overflow: hidden;
position: relative;
}
.masks {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.box{
width: 90% !important
}
.fo {
width: 90%
}
.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>
......@@ -16,7 +16,7 @@
</div>
<!--表格内容栏-->
<kt-table :height="350" permsEdit="sys:dict:edit" permsDelete="sys:dict:delete"
:data="pageResult" :columns="columns"
:data="pageResult" :columns="columns" :showBatchDelete="false"
@findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete">
</kt-table>
<!--新增编辑界面-->
......
......@@ -29,9 +29,9 @@
<el-form-item label="角色名" prop="name">
<el-input v-model="dataForm.name" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="dataForm.remark" auto-complete="off" type="textarea"></el-input>
</el-form-item>
<!-- <el-form-item label="备注" prop="remark">-->
<!-- <el-input v-model="dataForm.remark" auto-complete="off" type="textarea"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="签章" prop="seal" align="left" style="height: 80px">
<el-popover
v-if="typeof(dataForm.sealStr) !== 'undefined' && dataForm.sealStr !== null && dataForm.sealStr !== ''"
......@@ -176,7 +176,7 @@ export default {
this.dataForm = {
id: 0,
name: '',
remark: '',
remark: this.name,
seal: '',
sealStr: '',
}
......@@ -195,6 +195,7 @@ export default {
if (valid) {
this.$confirm('确认提交吗?', '提示', {}).then(() => {
this.editLoading = true
this.dataForm.remark = this.dataForm.name;
console.log(this.dataForm);
let params = Object.assign({}, this.dataForm)
this.$api.role.save(params).then((res) => {
......
......@@ -153,7 +153,7 @@ export default {
],
password: [
{ required: true, message: '请输入密码', trigger: 'blur'},
{ pattern: /^[\w_-]{6,18}$/, message: '密码必须为6至18位', trigger: 'blur'}
// { pattern: /^[\w_-]{6,18}$/, message: '密码必须为6至18位', trigger: 'blur'}
],
},
// 新增编辑界面数据
......
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