Merge branch 'master' into 'mhy'

# Conflicts:
#   xichongSys/src/router/index.js

xichongSys/src/router/index.js

@@ -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,19 +29,22 @@ 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)
 
@@ -219,12 +224,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
-    }
+    },
   ]
 })
 

xichongSys/src/views/Login.vue

@@ -114,6 +114,7 @@ export default {
     }
   },
   mounted() {
+    this.$store.state.tab.mainTabs=[]
     this.refreshCaptcha()
   },
   computed:{

xichongSys/src/views/Myvue/authRecordphone.vue

@@ -154,7 +154,7 @@ import Candode from "../Core/candode"
           value:"3",
           label:"未认证",
         },{
-          value:"3",
+          value:"4",
           label:"今年未认证"
         }],
         //时间
@@ -220,8 +220,9 @@ import Candode from "../Core/candode"
       serchs(p){
          var start=""
         var end=""
-        if(this.state==3){
-         
+        var sta=""
+        if(this.state==4){
+         sta=3
           start="2019-01-01"
           end="2019-12-31"
         }else{
@@ -251,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,

xichongSys/src/views/Myvue/examRecord.vue

@@ -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
         }

xichongSys/src/views/Myvue/infoChangep.vue

+<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>

xichongSys/src/views/Myvue/insuranceCancellationAuditp.vue

+<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>

xichongSys/src/views/Myvue/insuredRegp.vue

+<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>

xichongSys/src/views/Myvue/supPaymentAuditp.vue

+<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>

xichongSys/src/views/Myvue/table.vue

@@ -93,10 +93,12 @@
   <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>
@@ -148,10 +150,15 @@
         idcard:"",
         ywtype:"",
         info:'',
+        pageSize:10,
         tableData: []
       }
     },
     methods: {
+      handleSizeChange(val){
+        this.pageSize=val
+        this.serchh(this.Page)
+      },
       childByValue(val){
        this.townList=val
       },
@@ -223,9 +230,12 @@
       },
 
       current_change(ss){
+     this.serchh(ss)
+      },
+      serchh(ss){
       var data={
           pageNum:ss,
-          pageSize:10,
+          pageSize:this.pageSize,
           idcard:this.idcard,
           type:this.ywtype
         }

xichongSys/src/views/Myvue/tablep.vue

+<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>

xichongSys/src/views/Myvue/traRelationsAuditp.vue

+<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>

xichongSys/src/views/Myvue/treatmentApplicationAuditp.vue

+<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>

xichongSys/src/views/Myvue/upgradeReoAuditp.vue

+<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>