Skip to content

X
xichonght
Commit 55f3016c authored by ytbdmhy's avatar ytbdmhy
Browse files
Options

mhy

parent 85393576
Show whitespace changes
Inline Side-by-side
Showing with 1667 additions and 626 deletions
xichongSys/src/router/index.js
View file @ 55f3016c
...@@ -24,6 +24,9 @@ import drdcbg from "@/views/Myvue/drdcbg"; ...@@ -24,6 +24,9 @@ import drdcbg from "@/views/Myvue/drdcbg";
import receivePersonnel from "@/views/Myvue/receivePersonnel"; import receivePersonnel from "@/views/Myvue/receivePersonnel";
import AllbaseInfo from "@/views/Myvue/allbaseInfo" import AllbaseInfo from "@/views/Myvue/allbaseInfo"
import PayInfo from "@/views/Myvue/payInfo" import PayInfo from "@/views/Myvue/payInfo"
import importByExcel from "@/views/Myvue/importByExcel"
import treatmentApplicationAudit from "@/views/Myvue/treatmentApplicationAudit"
import insuranceCancellationAudit from "@/views/Myvue/insuranceCancellationAudit"
Vue.use(Router) Vue.use(Router)
...@@ -117,6 +120,21 @@ const router = new Router({ ...@@ -117,6 +120,21 @@ const router = new Router({
path:"/payInfo", path:"/payInfo",
name:"缴费记录", name:"缴费记录",
component: PayInfo component: PayInfo
},
{
path:"/importByExcel",
name:"数据导入",
component: importByExcel
},
{
path:"/treatmentApplicationAudit",
name:"待遇申请审核",
component: treatmentApplicationAudit
},
{
path:"/insuranceCancellationAudit",
name:"参保注销审核",
component: insuranceCancellationAudit
} }
] ]
}, },
......
xichongSys/src/views/Core/KtTable.vue
View file @ 55f3016c
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</el-table-column> </el-table-column>
<el-table-column :label="$t('action.operation')" width="185" fixed="right" v-if="showOperation" header-align="center" align="center"> <el-table-column :label="$t('action.operation')" width="185" fixed="right" v-if="showOperation" header-align="center" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<kt-button icon="fa fa-edit" :label="$t('action.edit')" :perms="permsEdit" :size="size" @click="handleEdit(scope.$index, scope.row)" /> <kt-button icon="fa fa-edit" :label="$t('action.edit')" :perms="permsEdit" :size="size" @click="handleEdit(scope.$index, scope.row)" style="float: left"/>
<kt-button icon="fa fa-trash" label="禁用" :perms="permsDelete" :size="size" type="danger" @click="handleDelete(scope.$index, scope.row)" /> <kt-button icon="fa fa-trash" label="禁用" :perms="permsDelete" :size="size" type="danger" @click="handleDelete(scope.$index, scope.row)" />
</template> </template>
</el-table-column> </el-table-column>
...@@ -89,7 +89,7 @@ export default { ...@@ -89,7 +89,7 @@ export default {
pageSize: 10 pageSize: 10
}, },
loading: false, // 加载标识 loading: false, // 加载标识
selections: [] // 列表选中列 selections: [], // 列表选中列
} }
}, },
methods: { methods: {
......
xichongSys/src/views/Myvue/drdcbg.vue
View file @ 55f3016c
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
> >
</el-pagination> </el-pagination>
<el-button type="success" @click="toexcel" style="margin:50px">导出</el-button> <el-button type="success" @click="toexcel" style="margin:50px">全部导出</el-button>
</div> </div>
</template> </template>
<script> <script>
......
xichongSys/src/views/Myvue/drdysq.vue
View file @ 55f3016c
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
@current-change="current_change" @current-change="current_change"
> >
</el-pagination> </el-pagination>
<!-- <el-button type="success" @click="toexcel" style="margin:50px">导出</el-button>--> <!-- <el-button type="success" @click="toexcel" style="margin:50px">导出</el-button>-->
</div> </div>
</template> </template>
<script> <script>
...@@ -60,26 +60,26 @@ ...@@ -60,26 +60,26 @@
methods: { methods: {
toPdf(s, d) { toPdf(s, d) {
console.log(d) console.log(d)
// axios.get(baseUrl + '/exportPdf/insuredRegistration?id=' + d.eventId, { axios.get(baseUrl + '/exportPdf/specialAudit?id=' + d.eventId, {
// headers: { headers: {
// "token": Cookies.get("token") "token": Cookies.get("token")
// }, },
// responseType: 'blob' //告诉服务器我们需要的响应格式 responseType: 'blob' //告诉服务器我们需要的响应格式
// }) })
// .then(res => { .then(res => {
// let a = document.createElement("a"); let a = document.createElement("a");
// let blob = new Blob([res.data], { let blob = new Blob([res.data], {
// type: 'application/vnd.ms-excel' //将会被放入到blob中的数组内容的MIME类型 type: 'application/vnd.ms-excel' //将会被放入到blob中的数组内容的MIME类型
// }); });
// a.href = URL.createObjectURL(blob); //生成一个url a.href = URL.createObjectURL(blob); //生成一个url
// a.download = "西充县城乡居民社会养老保险待遇领取审核表.pdf"; a.download = "西充县城乡居民社会养老保险待遇领取审核表.pdf";
// a.click(); a.click();
// // let objectUrl = URL.createObjectURL(blob); //生成一个url // let objectUrl = URL.createObjectURL(blob); //生成一个url
// // window.location.href = objectUrl; //浏览器打开这个url // window.location.href = objectUrl; //浏览器打开这个url
// }) })
// .catch(err => { .catch(err => {
// console.log(err); console.log(err);
// }); });
}, },
current_change(s) { current_change(s) {
var data = { var data = {
...@@ -93,10 +93,10 @@ ...@@ -93,10 +93,10 @@
loadingInstance.close(); loadingInstance.close();
}); });
if (res.code == 200) { if (res.code == 200) {
this.tableData = res.data.result this.tableData = res.data.content
this.totals = res.data.total this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
} }
}).catch((res) => { }).catch((res) => {
}); });
...@@ -151,6 +151,7 @@ ...@@ -151,6 +151,7 @@
if (res.code == 200) { if (res.code == 200) {
this.tableData = res.data.content this.tableData = res.data.content
this.totals = res.data.totalSize this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
} }
}).catch((res) => { }).catch((res) => {
......
xichongSys/src/views/Myvue/drxxbg.vue
View file @ 55f3016c
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
> >
</el-pagination> </el-pagination>
<el-button type="success" @click="toexcel" style="margin:50px">导出</el-button> <el-button type="success" @click="toexcel" style="margin:50px">全部导出</el-button>
</div> </div>
</template> </template>
<script> <script>
...@@ -120,8 +120,9 @@ ...@@ -120,8 +120,9 @@
loadingInstance.close(); loadingInstance.close();
}); });
if (res.code == 200) { if (res.code == 200) {
this.tableData = res.data.result this.tableData = res.data.content
this.totals = res.data.totalSize this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
} }
}).catch((res) => { }).catch((res) => {
...@@ -178,6 +179,7 @@ ...@@ -178,6 +179,7 @@
if (res.code == 200) { if (res.code == 200) {
this.tableData = res.data.content this.tableData = res.data.content
this.totals = res.data.totalSize this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
} }
}).catch((res) => { }).catch((res) => {
......
xichongSys/src/views/Myvue/dryhkbg.vue
View file @ 55f3016c
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
> >
</el-pagination> </el-pagination>
<el-button type="success" @click="toexcel" style="margin:50px">导出</el-button> <el-button type="success" @click="toexcel" style="margin:50px">全部导出</el-button>
</div> </div>
</template> </template>
<script> <script>
......
xichongSys/src/views/Myvue/importByExcel.vue 0 → 100644
View file @ 55f3016c
<template>
<div>
<el-tabs type="border-card">
<el-tab-pane label="参保覆盖人员" v-loading="loading">
<div style="width: 25%;float: left">
<el-upload
class="upload-demo"
ref="upload1"
:action="baseInfoUrl"
multiple
drag
accept=".xls,.xlsx"
:limit="5"
:headers="myHeader"
:before-upload="handleBeforeUpload"
:file-list="fileList"
:on-exceed="handleExceed"
:on-success="uploadSuccess"
:auto-upload="false">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传5个文件</div>
</el-upload>
<el-button style="margin-top: 10px" size="small" type="success" @click="submitUpload1">数据导入</el-button>
</div>
<div style="width: 75%;float: left">
<el-alert
align="left"
title="请上传格式完全相同的excel,格式如下:"
type="warning"
description="统筹区,街道或乡镇名称,社区名称,所属组,户口所在地,户口性质,个人编号,证件号码,姓名,性别,民族,出生日期,险种类型,参保状态,是否老农保,缴费状态,缴费档次,人员类别,离退休标志,个人身份,参保日期,档案编号"
show-icon>
</el-alert>
</div>
</el-tab-pane>
<el-tab-pane label="缴费情况明细">
<el-upload
class="upload-demo"
ref="upload2"
action="/"
multiple
accept=".xls,.xlsx"
:limit="5"
:headers="myHeader"
:before-upload="handleBeforeUpload"
:file-list="fileList"
:on-exceed="handleExceed"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload2">数据导入</el-button>
<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传5个文件</div>
</el-upload>
</el-tab-pane>
<el-tab-pane label="领取人员">
<el-upload
class="upload-demo"
ref="upload3"
action="/"
multiple
accept=".xls,.xlsx"
:limit="5"
:headers="myHeader"
:before-upload="handleBeforeUpload"
:file-list="fileList"
:on-exceed="handleExceed"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload3">数据导入</el-button>
<div slot="tip" class="el-upload__tip">只能上传xls/xlsx文件,一次最多只能上传5个文件</div>
</el-upload>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import {baseUrl} from "../../utils/global";
import Cookies from "js-cookie";
let uploadedList = [];
export default {
name: "importByExcel",
data() {
return {
baseInfoUrl: baseUrl + "/baseInfo/importFromNewExcel",
myHeader: {
token: Cookies.get("token")
},
fileList: []
};
},
methods: {
submitUpload1() {
this.$refs.upload1.submit();
},
submitUpload2() {
this.$refs.upload2.submit();
},
submitUpload3() {
this.$refs.upload3.submit();
},
handleExceed() {
this.$message.warning("当前限制选择 1 个文件，请删除后继续上传");
},
handleBeforeUpload(file) {
if (!file.name.endsWith(".xls") && !file.name.endsWith(".xlsx")) {
this.$message.warning(file.name + "不是excel文件");
return false;
}
// if (uploadedList.includes(file.name)) {
// this.$message.warning(file.name + "已被选中过,请勿重复选择");
// return false;
// }
// uploadedList.push(file.name);
},
uploadSuccess(response) {
console.log(response)
this.$alert(response.data, '导入结果', {
confirmButtonText: '确定',
callback: action => {
// this.$message({
// type: 'info',
// message: `action: ${ action }`
// });
}
});
// this.$message.success({
// message: response.data,
// duration: 0,
// showClose: true
// })
}
}
}
</script>
<style scoped>
</style>
xichongSys/src/views/Myvue/insuranceCancellationAudit.vue 0 → 100644
View file @ 55f3016c
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="formr" 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="forml" 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="formr" 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="forml" 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":""
},
urls: [
],
show:""
}
},
methods:{
//审核通过
pass(){
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(() => {
Loading.service();
var data={
recordId: sessionStorage.getItem("recordId"),
examineState:1,
remark:"",
userId:1
};
this.$api.getlist.shenhe(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
if(res.code==200){
this.$message({
type: 'success',
message: res.data
});
this.$router.push({
name:"信息审核"
})
}else{
this.$message({
type: 'info',
message: res.message
});
}
}).catch((res) => {
let loadingInstance = Loading.service();
that.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$message({
type: 'info',
message: '操作失败!'+res
});
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消操作'
});
});
},
//审核不通过
nopass(){
var that=this
this.$prompt('请输入原因', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(({ value }) => {
if(value){
Loading.service();
var data={
recordId: sessionStorage.getItem("recordId"),
examineState:2,
remark:value,
userId:1
};
this.$api.getlist.shenhe(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
if(res.code==200){
this.$message({
type: 'success',
message: res.data
});
// this.$router.push({
// name:"Xxsh"
// })
}else{
this.$message({
type: 'info',
message: res.message
});
}
}).catch((res) => {
let loadingInstance = Loading.service();
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.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.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.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){
console.log(123132)
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{
overflow: hidden;
position: relative;
}
.masks{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.forml{
float: left;
width: 45%
}
.formr{
float: left;
width: 40%;
margin-left: 20px
}
.imgcon{
margin: 0 auto;
box-shadow: 0 0 15px lightgray;
overflow: hidden;
margin-bottom: 40px
}
.block{
float: left;
height: 100%;
margin-right: 20px
}
.block img{
width: auto;
height: 300px;
}
.imtil{
padding:0 0 20px 0
}
</style>
xichongSys/src/views/Myvue/receivePersonnel.vue
View file @ 55f3016c
...@@ -24,8 +24,7 @@ ...@@ -24,8 +24,7 @@
<el-table <el-table
:data="tableData" :data="tableData"
style="width: 100%" style="width: 100%"
stripe stripe>
:row-class-name="tableRowClassName">
<el-table-column <el-table-column
prop="idcard" prop="idcard"
label="身份证号" label="身份证号"
......
xichongSys/src/views/Myvue/table.vue
View file @ 55f3016c
<template> <template>
<div> <div>
<div class="op"> <div class="op">
<div class="idc"> <div class="idc">
<el-input v-model="idcard" size="mini" placeholder="请输入身份证号"></el-input> <el-input v-model="idcard" size="mini" placeholder="请输入身份证号"></el-input>
</div> </div>
<div class="ywtyoe"> <div class="ywtyoe">
<el-select v-model="ywtype" placeholder="请选择业务类型" size="mini"> <el-select v-model="ywtype" placeholder="请选择业务类型" size="mini">
<el-option <el-option
...@@ -11,11 +11,13 @@ ...@@ -11,11 +11,13 @@
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<el-button type="primary" size="mini" style="background:#148A9B;margin-left:10px" icon="el-icon-search" @click="serch">搜索</el-button> <el-button type="primary" size="mini" style="background:#148A9B;margin-left:10px" icon="el-icon-search"
</div> @click="serch">搜索
</el-button>
</div>
<el-table <el-table
:data="tableData" :data="tableData"
style="width: 100%" style="width: 100%"
...@@ -59,7 +61,8 @@ ...@@ -59,7 +61,8 @@
type="primary" type="primary"
size="mini" size="mini"
icon="el-icon-s-check" icon="el-icon-s-check"
@click="handle(scope.$index, scope.row)">审核</el-button> @click="handle(scope.$index, scope.row)">审核
</el-button>
<el-popover <el-popover
placement="right" placement="right"
width="180" width="180"
...@@ -76,7 +79,8 @@ ...@@ -76,7 +79,8 @@
:timestamp2="123"> :timestamp2="123">
{{activity.content}} {{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.timestamp">审核人:{{activity.name}}</p>
<p style="font-size:13px;color:#909399" v-show="activity.examineRemark">原因:{{activity.examineRemark}}</p> <p style="font-size:13px;color:#909399" v-show="activity.examineRemark">
原因:{{activity.examineRemark}}</p>
</el-timeline-item> </el-timeline-item>
</el-timeline> </el-timeline>
<el-button <el-button
...@@ -84,7 +88,8 @@ ...@@ -84,7 +88,8 @@
size="mini" size="mini"
slot="reference" slot="reference"
type="success" type="success"
>流程</el-button> >流程
</el-button>
</el-popover> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
...@@ -96,26 +101,29 @@ ...@@ -96,26 +101,29 @@
:total="totals" :total="totals"
:current-page.sync="Page" :current-page.sync="Page"
@current-change="current_change" @current-change="current_change"
> >
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
<style> <style>
.op{ .op {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.idc{
.idc {
width: 200px width: 200px
} }
.ywtyoe{
.ywtyoe {
width: 200px; width: 200px;
margin-left: 20px margin-left: 20px
} }
.el-table .warning-row { .el-table .warning-row {
background: oldlace; background: oldlace;
} }
...@@ -123,15 +131,16 @@ ...@@ -123,15 +131,16 @@
.el-table .success-row { .el-table .success-row {
background: #f0f9eb; background: #f0f9eb;
} }
.pone{
.pone {
margin-top: 40px margin-top: 40px
} }
</style> </style>
<script> <script>
import CryptoJS from 'crypto-js' import CryptoJS from 'crypto-js'
import { Loading } from 'element-ui'; import {Loading} from 'element-ui';
// import baseUrl from "../../globe/globeUrl" // import baseUrl from "../../globe/globeUrl"
export default { export default {
data() { data() {
return { return {
...@@ -145,81 +154,86 @@ ...@@ -145,81 +154,86 @@
}, { }, {
value: '3', value: '3',
label: '待遇申请' label: '待遇申请'
}, {
value: '4',
label: '参保注销'
}, {
value: '5',
label: '补缴保费'
}], }],
Page:1, Page: 1,
totals:0, totals: 0,
idcard:"", idcard: "",
ywtype:"", ywtype: "",
info:'', info: '',
ywtype:'',
tableData: [] tableData: []
} }
}, },
methods: { methods: {
//搜索 //搜索
serch(){ serch() {
var data={ var data = {
idcard:this.idcard?this.Encrypt(this.idcard):"", idcard: this.idcard ? this.Encrypt(this.idcard) : "",
recordType:this.ywtype?parseInt(this.ywtype):"" recordType: this.ywtype ? parseInt(this.ywtype) : ""
} }
this.$api.getlist.getlist(data).then((res) => { this.$api.getlist.getlist(data).then((res) => {
for(var i in res.data.list){ for (var i in res.data.list) {
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard) res.data.list[i].idcard = this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name) res.data.list[i].name = this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime) var d = new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1) var mon = (parseInt(d.getMonth()) + 1)
res.data.list[i].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds(); res.data.list[i].createtime = d.getFullYear() + "-" + mon + "-" + d.getDate() + " " + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":res.data.list[i].recordtype==3?"待遇申请":res.data.list[i].recordtype==4?"参保注销":"" res.data.list[i].recordtype = res.data.list[i].recordtype == 1 ? "参保登记" : res.data.list[i].recordtype == 2 ? "信息变更" : res.data.list[i].recordtype == 3 ? "待遇申请" : res.data.list[i].recordtype == 4 ? "参保注销" : ""
} }
this.tableData=res.data.list this.tableData = res.data.list
this.totals=res.data.total this.totals = res.data.total
this.page=res.data.total.pageNum this.page = res.data.total.pageNum
}).catch((res) => { }).catch((res) => {
}); });
}, },
//流程 //流程
progress(d,s){ progress(d, s) {
console.log(s) console.log(s)
this.activities=[] this.activities = []
var data={ var data = {
recordId:s.id, recordId: s.id,
type:s.recordtype=="参保登记"?1:s.recordtype=="信息变更"?2:s.recordtype=="待遇申请"?3:s.recordtype=="参保注销"?4:'' type: s.recordtype == "参保登记" ? 1 : s.recordtype == "信息变更" ? 2 : s.recordtype == "待遇申请" ? 3 : s.recordtype == "参保注销" ? 4 : ''
} }
this.$api.getlist.progress(data).then((res)=>{ this.$api.getlist.progress(data).then((res) => {
for(var i in res.data){ for (var i in res.data) {
if(res.data[i].examineState=="进行中"){ if (res.data[i].examineState == "进行中") {
this.activities.push({ this.activities.push({
content:res.data[i].role, content: res.data[i].role,
//timestamp:res.data[i].examinePerson+"审核于"+res.data[i].examineTime, //timestamp:res.data[i].examinePerson+"审核于"+res.data[i].examineTime,
color:'#0bbd87', color: '#0bbd87',
size: 'large' size: 'large'
}) })
}else{ } else {
this.activities.push({ this.activities.push({
content:res.data[i].role, content: res.data[i].role,
timestamp:res.data[i].examinePerson?res.data[i].examineTime:"", timestamp: res.data[i].examinePerson ? res.data[i].examineTime : "",
name:res.data[i].examinePerson?res.data[i].examinePerson:"", name: res.data[i].examinePerson ? res.data[i].examinePerson : "",
examineRemark:res.data[i].examineRemark?res.data[i].examineRemark:'', examineRemark: res.data[i].examineRemark ? res.data[i].examineRemark : '',
color:res.data[i].nowNode?"#97E5CE":"lightgray" color: res.data[i].nowNode ? "#97E5CE" : "lightgray"
}) })
if(res.data[i].examineState=="审核失败"){ if (res.data[i].examineState == "审核失败") {
this.activities.push({ this.activities.push({
content:"审核失败", content: "审核失败",
timestamp:res.data[i].examinePerson?res.data[i].examineTime:"", timestamp: res.data[i].examinePerson ? res.data[i].examineTime : "",
name:res.data[i].examinePerson?res.data[i].examinePerson:"", name: res.data[i].examinePerson ? res.data[i].examinePerson : "",
examineRemark:res.data[i].examineRemark?res.data[i].examineRemark:'', examineRemark: res.data[i].examineRemark ? res.data[i].examineRemark : '',
color:'black' color: 'black'
}) })
return return
} }
} }
} }
}).catch((res)=>{ }).catch((res) => {
}) })
}, },
...@@ -231,12 +245,12 @@ ...@@ -231,12 +245,12 @@
} }
return ''; return '';
}, },
current_change(ss){ current_change(ss) {
var data={ var data = {
pageNum:ss, pageNum: ss,
pageSize:10, pageSize: 10,
idcard:this.idcard, idcard: this.idcard,
type:this.ywtype type: this.ywtype
} }
Loading.service(); Loading.service();
this.$api.getlist.getlist(data).then((res) => { this.$api.getlist.getlist(data).then((res) => {
...@@ -244,16 +258,16 @@ ...@@ -244,16 +258,16 @@
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close(); loadingInstance.close();
}); });
for(var i in res.data.list){ for (var i in res.data.list) {
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard) res.data.list[i].idcard = this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name) res.data.list[i].name = this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime) var d = new Date(res.data.list[i].createtime)
res.data.list[i].createtime=d.getFullYear()+"-"+d.getMonth() + 1+"-"+d.getDate()+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds(); res.data.list[i].createtime = d.getFullYear() + "-" + d.getMonth() + 1 + "-" + d.getDate() + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":'' res.data.list[i].recordtype = res.data.list[i].recordtype == 1 ? "参保登记" : res.data.list[i].recordtype == 2 ? "信息变更" : ''
} }
this.tableData=res.data.list this.tableData = res.data.list
this.totals=res.data.total this.totals = res.data.total
this.page=res.data.total.pageNum this.page = res.data.total.pageNum
}).catch((res) => { }).catch((res) => {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
...@@ -263,37 +277,69 @@ ...@@ -263,37 +277,69 @@
}); });
}, },
//审核 //审核
handle(s,d){ handle(s, d) {
if(d.recordtype=="参保登记"){ if (d.recordtype == "参保登记") {
sessionStorage.setItem("recordId",this.tableData[s].recordId) sessionStorage.setItem("recordId", this.tableData[s].recordId)
this.$router.push({ this.$router.push({
name:"参保登记审核", name: "参保登记审核",
params:{info:this.tableData[s].info, params: {
bankpic:this.tableData[s].bankpic, info: this.tableData[s].info,
idcardbackpic:this.tableData[s].idcardbackpic, bankpic: this.tableData[s].bankpic,
idcardfrontpic:this.tableData[s].idcardfrontpic, idcardbackpic: this.tableData[s].idcardbackpic,
signpic:this.tableData[s].signpic, idcardfrontpic: this.tableData[s].idcardfrontpic,
signpic: this.tableData[s].signpic,
show:true show: true
}
})
} else if (d.recordtype == "信息变更") {
sessionStorage.setItem("recordId", this.tableData[s].recordId)
this.$router.push({
name: "信息变更审核",
params: {
info: this.tableData[s].info,
bankpic: this.tableData[s].bankpic,
idcardbackpic: this.tableData[s].idcardbackpic,
idcardfrontpic: this.tableData[s].idcardfrontpic,
signpic: this.tableData[s].signpic,
specialPhotoPic: this.tableData[s].specialPhotoPic,
bookPic: this.tableData[s].bookPic,
show: true
}
})
} else if (d.recordtype == "待遇申请") {
sessionStorage.setItem("recordId", this.tableData[s].recordId)
this.$router.push({
name: "待遇申请审核",
params: {
info: this.tableData[s].info,
bankpic: this.tableData[s].bankpic,
idcardbackpic: this.tableData[s].idcardbackpic,
idcardfrontpic: this.tableData[s].idcardfrontpic,
signpic: this.tableData[s].signpic,
specialPhotoPic: this.tableData[s].specialPhotoPic,
bookPic: this.tableData[s].bookPic,
show: true
} }
}) })
}else if(d.recordtype=="信息变更"){ } else if (d.recordtype == "参保注销") {
sessionStorage.setItem("recordId",this.tableData[s].recordId) sessionStorage.setItem("recordId", this.tableData[s].recordId)
this.$router.push({ this.$router.push({
name:"信息变更审核", name: "参保注销审核",
params:{info:this.tableData[s].info, params: {
bankpic:this.tableData[s].bankpic, info: this.tableData[s].info,
idcardbackpic:this.tableData[s].idcardbackpic, bankpic: this.tableData[s].bankpic,
idcardfrontpic:this.tableData[s].idcardfrontpic, idcardbackpic: this.tableData[s].idcardbackpic,
signpic:this.tableData[s].signpic, idcardfrontpic: this.tableData[s].idcardfrontpic,
specialPhotoPic:this.tableData[s].specialPhotoPic, signpic: this.tableData[s].signpic,
bookPic:this.tableData[s].bookPic, specialPhotoPic: this.tableData[s].specialPhotoPic,
show:true bookPic: this.tableData[s].bookPic,
show: true
} }
}) })
} }
}, },
handleDelete(g,h){ handleDelete(g, h) {
console.log(g) console.log(g)
console.log(h) console.log(h)
}, },
...@@ -306,9 +352,9 @@ ...@@ -306,9 +352,9 @@
}); });
return encrypted.toString(); return encrypted.toString();
}, },
decrypt(word){ decrypt(word) {
var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625"); var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625");
var decrypt = CryptoJS.AES.decrypt(word, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7}); var decrypt = CryptoJS.AES.decrypt(word, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7});
return CryptoJS.enc.Utf8.stringify(decrypt).toString(); return CryptoJS.enc.Utf8.stringify(decrypt).toString();
}, },
decryptByDES(ciphertext) { decryptByDES(ciphertext) {
...@@ -323,11 +369,11 @@ ...@@ -323,11 +369,11 @@
} }
}, },
created(){ created() {
Loading.service(); Loading.service();
var data={ var data = {
idcard:'', idcard: '',
recordType:'' recordType: ''
} }
this.$api.getlist.getlist(data).then((res) => { this.$api.getlist.getlist(data).then((res) => {
...@@ -335,17 +381,17 @@ ...@@ -335,17 +381,17 @@
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close(); loadingInstance.close();
}); });
for(var i in res.data.list){ for (var i in res.data.list) {
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard) res.data.list[i].idcard = this.decrypt(res.data.list[i].idcard)
res.data.list[i].name=this.decrypt(res.data.list[i].name) res.data.list[i].name = this.decrypt(res.data.list[i].name)
var d=new Date(res.data.list[i].createtime) var d = new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1) var mon = (parseInt(d.getMonth()) + 1)
res.data.list[i].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds(); res.data.list[i].createtime = d.getFullYear() + "-" + mon + "-" + d.getDate() + " " + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":res.data.list[i].recordtype==3?"待遇申请":res.data.list[i].recordtype==4?"参保注销":"" res.data.list[i].recordtype = res.data.list[i].recordtype == 1 ? "参保登记" : res.data.list[i].recordtype == 2 ? "信息变更" : res.data.list[i].recordtype == 3 ? "待遇申请" : res.data.list[i].recordtype == 4 ? "参保注销" : ""
} }
this.tableData=res.data.list this.tableData = res.data.list
this.totals=res.data.total this.totals = res.data.total
this.page=res.data.total.pageNum this.page = res.data.total.pageNum
}).catch((res) => { }).catch((res) => {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
......
xichongSys/src/views/Myvue/treatmentApplicationAudit.vue 0 → 100644
View file @ 55f3016c
<template>
<div>
<h2 class="imtil">基础信息</h2>
<div class="wrap">
<div class="masks"></div>
<el-form ref="form" :model="form" class="formr" 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="forml" 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="formr" 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="forml" 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":""
},
urls: [
],
show:""
}
},
methods:{
//审核通过
pass(){
this.$confirm('是否审核通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(() => {
Loading.service();
var data={
recordId: sessionStorage.getItem("recordId"),
examineState:1,
remark:"",
userId:1
};
this.$api.getlist.shenhe(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
if(res.code==200){
this.$message({
type: 'success',
message: res.data
});
this.$router.push({
name:"信息审核"
})
}else{
this.$message({
type: 'info',
message: res.message
});
}
}).catch((res) => {
let loadingInstance = Loading.service();
that.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
this.$message({
type: 'info',
message: '操作失败!'+res
});
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消操作'
});
});
},
//审核不通过
nopass(){
var that=this
this.$prompt('请输入原因', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(({ value }) => {
if(value){
Loading.service();
var data={
recordId: sessionStorage.getItem("recordId"),
examineState:2,
remark:value,
userId:1
};
this.$api.getlist.shenhe(data).then((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
if(res.code==200){
this.$message({
type: 'success',
message: res.data
});
// this.$router.push({
// name:"Xxsh"
// })
}else{
this.$message({
type: 'info',
message: res.message
});
}
}).catch((res) => {
let loadingInstance = Loading.service();
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.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.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.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){
console.log(123132)
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{
overflow: hidden;
position: relative;
}
.masks{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 200
}
.forml{
float: left;
width: 45%
}
.formr{
float: left;
width: 40%;
margin-left: 20px
}
.imgcon{
margin: 0 auto;
box-shadow: 0 0 15px lightgray;
overflow: hidden;
margin-bottom: 40px
}
.block{
float: left;
height: 100%;
margin-right: 20px
}
.block img{
width: auto;
height: 300px;
}
.imtil{
padding:0 0 20px 0
}
</style>
xichongSys/src/views/Sys/User.vue
View file @ 55f3016c
...@@ -7,10 +7,12 @@ ...@@ -7,10 +7,12 @@
<el-input v-model="filters.name" placeholder="用户名"></el-input> <el-input v-model="filters.name" placeholder="用户名"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<kt-button icon="fa fa-search" :label="$t('action.search')" perms="sys:role:view" type="primary" @click="findPage(null)"/> <kt-button icon="fa fa-search" :label="$t('action.search')" perms="sys:role:view" type="primary"
@click="findPage(null)"/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<kt-button icon="fa fa-plus" :label="$t('action.add')" perms="sys:user:add" type="primary" @click="handleAdd" /> <kt-button icon="fa fa-plus" :label="$t('action.add')" perms="sys:user:add" type="primary"
@click="handleAdd"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -72,9 +74,9 @@ ...@@ -72,9 +74,9 @@
:currentChangeHandle="deptTreeCurrentChangeHandle"> :currentChangeHandle="deptTreeCurrentChangeHandle">
</popup-tree-input> --> </popup-tree-input> -->
</el-form-item> </el-form-item>
<!-- <el-form-item label="邮箱" prop="email"> <el-form-item label="职务" prop="job">
<el-input v-model="dataForm.email" auto-complete="off"></el-input> <el-input v-model="dataForm.job" auto-complete="off"></el-input>
</el-form-item> --> </el-form-item>
<el-form-item label="手机" prop="mobile"> <el-form-item label="手机" prop="mobile">
<el-input v-model="dataForm.mobile" auto-complete="off"></el-input> <el-input v-model="dataForm.mobile" auto-complete="off"></el-input>
</el-form-item> </el-form-item>
...@@ -87,22 +89,25 @@ ...@@ -87,22 +89,25 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer" style="width: 10%">
<el-button :size="size" @click.native="dialogVisible = false">{{$t('action.cancel')}}</el-button> <el-button :size="size" @click.native="dialogVisible = false">{{$t('action.cancel')}}</el-button>
<el-button :size="size" type="primary" @click.native="submitForm" :loading="editLoading">{{$t('action.submit')}}</el-button> <el-button :size="size" type="primary" @click.native="submitForm" :loading="editLoading">
{{$t('action.submit')}}
</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import PopupTreeInput from "@/components/PopupTreeInput" import PopupTreeInput from "@/components/PopupTreeInput"
import KtTable from "@/views/Core/KtTable" import KtTable from "@/views/Core/KtTable"
import KtButton from "@/views/Core/KtButton" import KtButton from "@/views/Core/KtButton"
import TableColumnFilterDialog from "@/views/Core/TableColumnFilterDialog" import TableColumnFilterDialog from "@/views/Core/TableColumnFilterDialog"
import { format } from "@/utils/datetime" import {format} from "@/utils/datetime"
export default {
components:{ export default {
components: {
PopupTreeInput, PopupTreeInput,
KtTable, KtTable,
KtButton, KtButton,
...@@ -110,15 +115,15 @@ export default { ...@@ -110,15 +115,15 @@ export default {
}, },
data() { data() {
return { return {
list:[], list: [],
address:"", address: "",
size: 'small', size: 'small',
filters: { filters: {
name: '' name: ''
}, },
columns: [], columns: [],
filterColumns: [], filterColumns: [],
pageRequest: { pageNum: 1, pageSize: 10 }, pageRequest: {pageNum: 1, pageSize: 10},
pageResult: {}, pageResult: {},
operation: false, // true:新增, false:编辑 operation: false, // true:新增, false:编辑
...@@ -126,17 +131,18 @@ export default { ...@@ -126,17 +131,18 @@ export default {
editLoading: false, editLoading: false,
dataFormRules: { dataFormRules: {
name: [ name: [
{ required: true, message: '请输入用户名', trigger: 'blur' } {required: true, message: '请输入用户名', trigger: 'blur'}
] ]
}, },
// 新增编辑界面数据 // 新增编辑界面数据
dataForm: { dataForm: {
id: 0, id: 0,
name: '', name: '',
truename:'', truename: '',
password: '', password: '',
deptId: 1, deptId: 1,
deptName: '', deptName: '',
job: '',
//email: 'test@qq.com', //email: 'test@qq.com',
mobile: '13889700023', mobile: '13889700023',
status: 1, status: 1,
...@@ -153,15 +159,15 @@ export default { ...@@ -153,15 +159,15 @@ export default {
methods: { methods: {
// 获取分页数据 // 获取分页数据
findPage: function (data) { findPage: function (data) {
if(data !== null) { if (data !== null) {
this.pageRequest = data.pageRequest this.pageRequest = data.pageRequest
} }
this.pageRequest.columnFilters = {name: {name:'name', value:this.filters.name}} this.pageRequest.columnFilters = {name: {name: 'name', value: this.filters.name}}
this.$api.user.findPage(this.pageRequest).then((res) => { this.$api.user.findPage(this.pageRequest).then((res) => {
console.log(res.data) console.log(res.data)
this.pageResult = res.data this.pageResult = res.data
this.findUserRoles() this.findUserRoles()
}).then(data!=null?data.callback:'') }).then(data != null ? data.callback : '')
}, },
// 加载用户角色信息 // 加载用户角色信息
findUserRoles: function () { findUserRoles: function () {
...@@ -172,7 +178,7 @@ export default { ...@@ -172,7 +178,7 @@ export default {
}, },
// 批量删除 // 批量删除
handleDelete: function (data) { handleDelete: function (data) {
this.$api.user.batchDelete(data.params).then(data!=null?data.callback:'') this.$api.user.batchDelete(data.params).then(data != null ? data.callback : '')
}, },
// 显示新增界面 // 显示新增界面
handleAdd: function () { handleAdd: function () {
...@@ -184,6 +190,7 @@ export default { ...@@ -184,6 +190,7 @@ export default {
password: '', password: '',
deptId: 1, deptId: 1,
deptName: '', deptName: '',
job: '',
email: 'test@qq.com', email: 'test@qq.com',
mobile: '13889700023', mobile: '13889700023',
status: 1, status: 1,
...@@ -196,7 +203,7 @@ export default { ...@@ -196,7 +203,7 @@ export default {
this.operation = false this.operation = false
this.dataForm = Object.assign({}, params.row) this.dataForm = Object.assign({}, params.row)
let userRoles = [] let userRoles = []
for(let i=0,len=params.row.userRoles.length; i<len; i++) { for (let i = 0, len = params.row.userRoles.length; i < len; i++) {
userRoles.push(params.row.userRoles[i].roleId) userRoles.push(params.row.userRoles[i].roleId)
} }
this.dataForm.userRoles = userRoles this.dataForm.userRoles = userRoles
...@@ -206,11 +213,11 @@ export default { ...@@ -206,11 +213,11 @@ export default {
this.$refs.dataForm.validate((valid) => { this.$refs.dataForm.validate((valid) => {
if (valid) { if (valid) {
this.$confirm('确认提交吗？', '提示', {}).then(() => { this.$confirm('确认提交吗？', '提示', {}).then(() => {
this.dataForm.deptName=this.dataForm.deptName[this.dataForm.deptName.length-1] this.dataForm.deptName = this.dataForm.deptName[this.dataForm.deptName.length - 1]
this.editLoading = true this.editLoading = true
let params = Object.assign({}, this.dataForm) let params = Object.assign({}, this.dataForm)
let userRoles = [] let userRoles = []
for(let i=0,len=params.userRoles.length; i<len; i++) { for (let i = 0, len = params.userRoles.length; i < len; i++) {
let userRole = { let userRole = {
userId: params.id, userId: params.id,
roleId: params.userRoles[i] roleId: params.userRoles[i]
...@@ -220,8 +227,8 @@ export default { ...@@ -220,8 +227,8 @@ export default {
params.userRoles = userRoles params.userRoles = userRoles
this.$api.user.save(params).then((res) => { this.$api.user.save(params).then((res) => {
this.editLoading = false this.editLoading = false
if(res.code == 200) { if (res.code == 200) {
this.$message({ message: '操作成功', type: 'success' }) this.$message({message: '操作成功', type: 'success'})
this.dialogVisible = false this.dialogVisible = false
this.$refs['dataForm'].resetFields() this.$refs['dataForm'].resetFields()
} else { } else {
...@@ -236,54 +243,55 @@ export default { ...@@ -236,54 +243,55 @@ export default {
// 获取部门列表 // 获取部门列表
findDeptTree: function () { findDeptTree: function () {
this.$api.dept.findDeptTree().then((res) => { this.$api.dept.findDeptTree().then((res) => {
for(var i in res.data){ for (var i in res.data) {
res.data[i].value=res.data[i].name res.data[i].value = res.data[i].name
res.data[i].label=res.data[i].name res.data[i].label = res.data[i].name
for(var j in res.data[i].children){ for (var j in res.data[i].children) {
res.data[i].children[j].value=res.data[i].children[j].name res.data[i].children[j].value = res.data[i].children[j].name
res.data[i].children[j].label=res.data[i].children[j].name res.data[i].children[j].label = res.data[i].children[j].name
for(var n in res.data[i].children[j].children){ for (var n in res.data[i].children[j].children) {
res.data[i].children[j].children[n].value=res.data[i].children[j].children[n].name res.data[i].children[j].children[n].value = res.data[i].children[j].children[n].name
res.data[i].children[j].children[n].label=res.data[i].children[j].children[n].name res.data[i].children[j].children[n].label = res.data[i].children[j].children[n].name
} }
} }
} }
this.list=res.data this.list = res.data
//this.deptData = res.data //this.deptData = res.data
}) })
}, },
// 菜单树选中 // 菜单树选中
deptTreeCurrentChangeHandle (data, node) { deptTreeCurrentChangeHandle(data, node) {
this.dataForm.deptId = data.id this.dataForm.deptId = data.id
//this.dataForm.deptName = data.name //this.dataForm.deptName = data.name
this.dataForm.deptName = data.name this.dataForm.deptName = data.name
}, },
// 时间格式化 // 时间格式化
       dateFormat: function (row, column, cellValue, index){ dateFormat: function (row, column, cellValue, index) {
           return format(row[column.property]) return format(row[column.property])
       }, },
// 处理表格列过滤显示 // 处理表格列过滤显示
       displayFilterColumnsDialog: function () { displayFilterColumnsDialog: function () {
this.$refs.tableColumnFilterDialog.setDialogVisible(true) this.$refs.tableColumnFilterDialog.setDialogVisible(true)
       }, },
// 处理表格列过滤显示 // 处理表格列过滤显示
       handleFilterColumns: function (data) { handleFilterColumns: function (data) {
this.filterColumns = data.filterColumns this.filterColumns = data.filterColumns
this.$refs.tableColumnFilterDialog.setDialogVisible(false) this.$refs.tableColumnFilterDialog.setDialogVisible(false)
       }, },
// 处理表格列过滤显示 // 处理表格列过滤显示
       initColumns: function () { initColumns: function () {
this.columns = [ this.columns = [
{prop:"id", label:"ID", minWidth:50}, {prop: "id", label: "ID", minWidth: 50},
{prop:"name", label:"用户名", minWidth:120}, {prop: "name", label: "用户名", minWidth: 100},
{prop:"truename", label:"真实姓名", minWidth:100}, {prop: "truename", label: "真实姓名", minWidth: 100},
{prop:"deptName", label:"机构", minWidth:120}, {prop: "deptName", label: "机构", minWidth: 100},
{prop:"roleNames", label:"角色", minWidth:100}, {prop: "job", label: "职务", minWidth: 100},
{prop: "roleNames", label: "角色", minWidth: 100},
{prop:"mobile", label:"手机", minWidth:100}, {prop: "mobile", label: "手机", minWidth: 100},
{prop:"status", label:"状态", minWidth:70}, {prop: "status", label: "状态", minWidth: 70},
// {prop:"createBy", label:"创建人", minWidth:120}, // {prop:"createBy", label:"创建人", minWidth:120},
// {prop:"createTime", label:"创建时间", minWidth:120, formatter:this.dateFormat} // {prop:"createTime", label:"创建时间", minWidth:120, formatter:this.dateFormat}
...@@ -291,17 +299,17 @@ export default { ...@@ -291,17 +299,17 @@ export default {
// {prop:"lastUpdateTime", label:"更新时间", minWidth:120, formatter:this.dateFormat} // {prop:"lastUpdateTime", label:"更新时间", minWidth:120, formatter:this.dateFormat}
] ]
this.filterColumns = JSON.parse(JSON.stringify(this.columns)); this.filterColumns = JSON.parse(JSON.stringify(this.columns));
       } }
}, },
mounted() { mounted() {
this.findDeptTree() this.findDeptTree()
this.initColumns() this.initColumns()
} }
} }
</script> </script>
<style scoped> <style scoped>
.el-tree-node__children{ .el-tree-node__children {
overflow: scroll overflow: scroll
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment