Skip to content

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

mhy

parent 85393576
Hide 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";
import receivePersonnel from "@/views/Myvue/receivePersonnel";
import AllbaseInfo from "@/views/Myvue/allbaseInfo"
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)
......@@ -117,6 +120,21 @@ const router = new Router({
path:"/payInfo",
name:"缴费记录",
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
<template>
<div>
<!--表格栏-->
<el-table :data="data.content" :highlight-current-row="highlightCurrentRow" @selection-change="selectionChange"
<el-table :data="data.content" :highlight-current-row="highlightCurrentRow" @selection-change="selectionChange"
@current-change="handleCurrentChange" v-loading="loading" :element-loading-text="$t('action.loading')" :border="border" :stripe="stripe"
:show-overflow-tooltip="showOverflowTooltip" :max-height="maxHeight" :height="height" :size="size" :align="align" style="width:100%;" >
<el-table-column type="selection" width="40" v-if="showBatchDelete & showOperation"></el-table-column>
<el-table-column v-for="column in columns" header-align="center" align="center"
:prop="column.prop" :label="column.label" :width="column.width" :min-width="column.minWidth"
:prop="column.prop" :label="column.label" :width="column.width" :min-width="column.minWidth"
:fixed="column.fixed" :key="column.prop" :type="column.type" :formatter="column.formatter"
:sortable="column.sortable==null?true:column.sortable">
</el-table-column>
<el-table-column :label="$t('action.operation')" width="185" fixed="right" v-if="showOperation" header-align="center" align="center">
<template slot-scope="scope">
<kt-button 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)" />
</template>
</el-table-column>
......@@ -21,7 +21,7 @@
<div class="toolbar" style="padding:10px;">
<!-- <kt-button :label="$t('action.batchDelete')" :perms="permsDelete" :size="size" type="danger" @click="handleBatchDelete()" -->
<!-- :disabled="this.selections.length===0" style="float:left;" v-if="showBatchDelete & showOperation"/> -->
<el-pagination layout="total, prev, pager, next, jumper" @current-change="refreshPageRequest"
<el-pagination layout="total, prev, pager, next, jumper" @current-change="refreshPageRequest"
:current-page="pageRequest.pageNum" :page-size="pageRequest.pageSize" :total="data.totalSize" style="float:right;">
</el-pagination>
</div>
......@@ -89,7 +89,7 @@ export default {
pageSize: 10
},
loading: false, // 加载标识
selections: [] // 列表选中列
selections: [], // 列表选中列
}
},
methods: {
......@@ -161,4 +161,4 @@ export default {
<style scoped>
</style>
\ No newline at end of file
</style>
xichongSys/src/views/Myvue/drdcbg.vue
View file @ 55f3016c
......@@ -46,7 +46,7 @@
>
</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>
</template>
<script>
......
xichongSys/src/views/Myvue/drdysq.vue
View file @ 55f3016c
......@@ -40,7 +40,7 @@
@current-change="current_change"
>
</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>
</template>
<script>
......@@ -60,26 +60,26 @@
methods: {
toPdf(s, d) {
console.log(d)
// axios.get(baseUrl + '/exportPdf/insuredRegistration?id=' + d.eventId, {
// headers: {
// "token": Cookies.get("token")
// },
// responseType: 'blob' //告诉服务器我们需要的响应格式
// })
// .then(res => {
// let a = document.createElement("a");
// let blob = new Blob([res.data], {
// type: 'application/vnd.ms-excel' //将会被放入到blob中的数组内容的MIME类型
// });
// a.href = URL.createObjectURL(blob); //生成一个url
// a.download = "西充县城乡居民社会养老保险待遇领取审核表.pdf";
// a.click();
// // let objectUrl = URL.createObjectURL(blob); //生成一个url
// // window.location.href = objectUrl; //浏览器打开这个url
// })
// .catch(err => {
// console.log(err);
// });
axios.get(baseUrl + '/exportPdf/specialAudit?id=' + d.eventId, {
headers: {
"token": Cookies.get("token")
},
responseType: 'blob' //告诉服务器我们需要的响应格式
})
.then(res => {
let a = document.createElement("a");
let blob = new Blob([res.data], {
type: 'application/vnd.ms-excel' //将会被放入到blob中的数组内容的MIME类型
});
a.href = URL.createObjectURL(blob); //生成一个url
a.download = "西充县城乡居民社会养老保险待遇领取审核表.pdf";
a.click();
// let objectUrl = URL.createObjectURL(blob); //生成一个url
// window.location.href = objectUrl; //浏览器打开这个url
})
.catch(err => {
console.log(err);
});
},
current_change(s) {
var data = {
......@@ -93,10 +93,10 @@
loadingInstance.close();
});
if (res.code == 200) {
this.tableData = res.data.result
this.totals = res.data.total
this.tableData = res.data.content
this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
}
}).catch((res) => {
});
......@@ -151,6 +151,7 @@
if (res.code == 200) {
this.tableData = res.data.content
this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
}
}).catch((res) => {
......
xichongSys/src/views/Myvue/drxxbg.vue
View file @ 55f3016c
......@@ -46,7 +46,7 @@
min-width="20%">
</el-table-column>
<el-table-column label="操作"
min-width="8%">
min-width="8%">
<template slot-scope="scope">
<el-button
size="mini"
......@@ -67,7 +67,7 @@
>
</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>
</template>
<script>
......@@ -120,8 +120,9 @@
loadingInstance.close();
});
if (res.code == 200) {
this.tableData = res.data.result
this.tableData = res.data.content
this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
}
}).catch((res) => {
......@@ -178,6 +179,7 @@
if (res.code == 200) {
this.tableData = res.data.content
this.totals = res.data.totalSize
this.pageNum = res.data.pageNum
}
}).catch((res) => {
......
xichongSys/src/views/Myvue/dryhkbg.vue
View file @ 55f3016c
......@@ -46,7 +46,7 @@
>
</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>
</template>
<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 @@
<el-table
:data="tableData"
style="width: 100%"
stripe
:row-class-name="tableRowClassName">
stripe>
<el-table-column
prop="idcard"
label="身份证号"
......
xichongSys/src/views/Myvue/table.vue
View file @ 55f3016c
<template>
<div>
<div class="op">
<div class="idc">
<el-input v-model="idcard" size="mini" placeholder="请输入身份证号"></el-input>
</div>
<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"
style="width: 100%"
:row-class-name="tableRowClassName">
<el-table-column
prop="idcard"
label="身份证号"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</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"
icon="el-icon-s-check"
@click="handle(scope.$index, scope.row)">审核</el-button>
<div>
<div class="op">
<div class="idc">
<el-input v-model="idcard" size="mini" placeholder="请输入身份证号"></el-input>
</div>
<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"
style="width: 100%"
:row-class-name="tableRowClassName">
<el-table-column
prop="idcard"
label="身份证号"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</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"
icon="el-icon-s-check"
@click="handle(scope.$index, scope.row)">审核
</el-button>
<el-popover
placement="right"
width="180"
trigger="click">
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-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"
</template>
</el-table-column>
</el-table>
<el-pagination
class="pone"
:page-size='10'
layout="total, prev, pager, next, jumper"
:total="totals"
:current-page.sync="Page"
@current-change="current_change"
>
>
</el-pagination>
</div>
</template>
<style>
.op{
display: flex;
align-items: center;
}
.idc{
.op {
display: flex;
align-items: center;
}
.idc {
width: 200px
}
.ywtyoe{
.ywtyoe {
width: 200px;
margin-left: 20px
}
.el-table .warning-row {
background: oldlace;
}
......@@ -123,103 +131,109 @@
.el-table .success-row {
background: #f0f9eb;
}
.pone{
.pone {
margin-top: 40px
}
</style>
<script>
import CryptoJS from 'crypto-js'
import { Loading } from 'element-ui';
// import baseUrl from "../../globe/globeUrl"
import CryptoJS from 'crypto-js'
import {Loading} from 'element-ui';
// import baseUrl from "../../globe/globeUrl"
export default {
data() {
data() {
return {
activities: [],
options1: [{
value: '1',
label: '参保登记'
}, {
value: '2',
label: '信息变更'
}, {
value: '3',
label: '待遇申请'
}],
Page:1,
totals:0,
idcard:"",
ywtype:"",
info:'',
ywtype:'',
activities: [],
options1: [{
value: '1',
label: '参保登记'
}, {
value: '2',
label: '信息变更'
}, {
value: '3',
label: '待遇申请'
}, {
value: '4',
label: '参保注销'
}, {
value: '5',
label: '补缴保费'
}],
Page: 1,
totals: 0,
idcard: "",
ywtype: "",
info: '',
tableData: []
}
},
methods: {
//搜索
serch(){
var data={
idcard:this.idcard?this.Encrypt(this.idcard):"",
recordType:this.ywtype?parseInt(this.ywtype):""
serch() {
var data = {
idcard: this.idcard ? this.Encrypt(this.idcard) : "",
recordType: this.ywtype ? parseInt(this.ywtype) : ""
}
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)
var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1)
res.data.list[i].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":res.data.list[i].recordtype==3?"待遇申请":res.data.list[i].recordtype==4?"参保注销":""
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)
var d = new Date(res.data.list[i].createtime)
var mon = (parseInt(d.getMonth()) + 1)
res.data.list[i].createtime = d.getFullYear() + "-" + mon + "-" + d.getDate() + " " + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype = res.data.list[i].recordtype == 1 ? "参保登记" : res.data.list[i].recordtype == 2 ? "信息变更" : res.data.list[i].recordtype == 3 ? "待遇申请" : res.data.list[i].recordtype == 4 ? "参保注销" : ""
}
this.tableData=res.data.list
this.totals=res.data.total
this.page=res.data.total.pageNum
this.tableData = res.data.list
this.totals = res.data.total
this.page = res.data.total.pageNum
}).catch((res) => {
});
},
//流程
progress(d,s){
progress(d, s) {
console.log(s)
this.activities=[]
var data={
recordId:s.id,
type:s.recordtype=="参保登记"?1:s.recordtype=="信息变更"?2:s.recordtype=="待遇申请"?3:s.recordtype=="参保注销"?4:''
this.activities = []
var data = {
recordId: s.id,
type: s.recordtype == "参保登记" ? 1 : s.recordtype == "信息变更" ? 2 : s.recordtype == "待遇申请" ? 3 : s.recordtype == "参保注销" ? 4 : ''
}
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,
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',
color: '#0bbd87',
size: 'large'
})
}else{
} 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'
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)=>{
}
}).catch((res) => {
})
},
......@@ -231,149 +245,181 @@
}
return '';
},
current_change(ss){
var data={
pageNum:ss,
pageSize:10,
idcard:this.idcard,
type:this.ywtype
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)
var d=new Date(res.data.list[i].createtime)
res.data.list[i].createtime=d.getFullYear()+"-"+d.getMonth() + 1+"-"+d.getDate()+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":''
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)
var d = new Date(res.data.list[i].createtime)
res.data.list[i].createtime = d.getFullYear() + "-" + d.getMonth() + 1 + "-" + d.getDate() + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype = res.data.list[i].recordtype == 1 ? "参保登记" : res.data.list[i].recordtype == 2 ? "信息变更" : ''
}
this.tableData=res.data.list
this.totals=res.data.total
this.page=res.data.total.pageNum
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();
});
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
});
},
//审核
handle(s,d){
if(d.recordtype=="参保登记"){
sessionStorage.setItem("recordId",this.tableData[s].recordId)
handle(s, d) {
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,
show:true
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,
show: true
}
})
}else if(d.recordtype=="信息变更"){
sessionStorage.setItem("recordId",this.tableData[s].recordId)
} else if (d.recordtype == "信息变更") {
sessionStorage.setItem("recordId", this.tableData[s].recordId)
this.$router.push({
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
name: "信息变更审核",
params: {
info: this.tableData[s].info,
bankpic: this.tableData[s].bankpic,
idcardbackpic: this.tableData[s].idcardbackpic,
idcardfrontpic: this.tableData[s].idcardfrontpic,
signpic: this.tableData[s].signpic,
specialPhotoPic: this.tableData[s].specialPhotoPic,
bookPic: this.tableData[s].bookPic,
show: true
}
})
}
},
handleDelete(g,h){
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();
} 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
}
})
}
},
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);
}
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();
var data={
idcard:'',
recordType:''
created() {
Loading.service();
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)
var d = new Date(res.data.list[i].createtime)
var mon = (parseInt(d.getMonth()) + 1)
res.data.list[i].createtime = d.getFullYear() + "-" + mon + "-" + d.getDate() + " " + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype = res.data.list[i].recordtype == 1 ? "参保登记" : res.data.list[i].recordtype == 2 ? "信息变更" : res.data.list[i].recordtype == 3 ? "待遇申请" : res.data.list[i].recordtype == 4 ? "参保注销" : ""
}
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)
var d=new Date(res.data.list[i].createtime)
var mon=(parseInt(d.getMonth()) + 1)
res.data.list[i].createtime=d.getFullYear()+"-"+mon+"-"+d.getDate()+" "+d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":res.data.list[i].recordtype==2?"信息变更":res.data.list[i].recordtype==3?"待遇申请":res.data.list[i].recordtype==4?"参保注销":""
}
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();
});
this.tableData = res.data.list
this.totals = res.data.total
this.page = res.data.total.pageNum
}).catch((res) => {
let loadingInstance = Loading.service();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close();
});
// var that=this
// baseUrl.setToken()
// $.ajax({
// url:baseUrl.baseUrl+"examine/listExamining",
// type:'post',
// data:{
// userId:1
// },
// success(res){
// for(var i in res.data.list){
// res.data.list[i].idcard=that.decrypt(res.data.list[i].idcard)
// res.data.list[i].name=that.decrypt(res.data.list[i].name)
// res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":""
// }
// that.tableData=res.data.list
// that.totals=res.data.total
// that.page=res.data.total.pageNum
// }
// })
});
// var that=this
// baseUrl.setToken()
// $.ajax({
// url:baseUrl.baseUrl+"examine/listExamining",
// type:'post',
// data:{
// userId:1
// },
// success(res){
// for(var i in res.data.list){
// res.data.list[i].idcard=that.decrypt(res.data.list[i].idcard)
// res.data.list[i].name=that.decrypt(res.data.list[i].name)
// res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":""
// }
// that.tableData=res.data.list
// that.totals=res.data.total
// that.page=res.data.total.pageNum
// }
// })
}
}
</script>
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
<template>
<div class="page-container">
<!--工具栏-->
<div class="toolbar" style="float:left;padding-top:10px;padding-left:15px;">
<el-form :inline="true" :model="filters" :size="size">
<el-form-item>
<el-input v-model="filters.name" placeholder="用户名"></el-input>
</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)"/>
</el-form-item>
<el-form-item>
<kt-button icon="fa fa-plus" :label="$t('action.add')" perms="sys:user:add" type="primary" @click="handleAdd" />
</el-form-item>
</el-form>
</div>
<div class="toolbar" style="float:right;padding-top:10px;padding-right:15px;">
<el-form :inline="true" :size="size">
<el-form-item>
<el-button-group>
<el-tooltip content="刷新" placement="top">
<el-button icon="fa fa-refresh" @click="findPage(null)"></el-button>
</el-tooltip>
<el-tooltip content="列显示" placement="top">
<el-button icon="fa fa-filter" @click="displayFilterColumnsDialog"></el-button>
</el-tooltip>
<el-tooltip content="导出" placement="top">
<el-button icon="fa fa-file-excel-o"></el-button>
</el-tooltip>
</el-button-group>
</el-form-item>
</el-form>
<!--表格显示列界面-->
<table-column-filter-dialog ref="tableColumnFilterDialog" :columns="columns"
@handleFilterColumns="handleFilterColumns">
</table-column-filter-dialog>
</div>
<!--表格内容栏-->
<kt-table :height="350" permsEdit="sys:user:edit" permsDelete="sys:user:delete"
:data="pageResult" :columns="filterColumns"
@findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete">
</kt-table>
<!--新增编辑界面-->
<el-dialog :title="operation?'新增':'编辑'" width="40%" :visible.sync="dialogVisible" :close-on-click-modal="false">
<el-form :model="dataForm" label-width="80px" :rules="dataFormRules" ref="dataForm" :size="size"
label-position="right">
<el-form-item label="ID" prop="id" v-if="false">
<el-input v-model="dataForm.id" :disabled="true" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="用户名" prop="name">
<el-input v-model="dataForm.name" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="真实姓名" prop="truename">
<el-input v-model="dataForm.truename" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="dataForm.password" type="password" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="机构" prop="deptName">
<el-cascader
v-model="dataForm.deptName"
size="medium"
:options="list"
:props="{ checkStrictly: true }"
style="width:100%"
clearable></el-cascader>
<!-- <popup-tree-input
:data="deptData"
:props="deptTreeProps"
:prop="dataForm.deptName"
:nodeKey="''+dataForm.deptId"
:currentChangeHandle="deptTreeCurrentChangeHandle">
</popup-tree-input> -->
</el-form-item>
<!-- <el-form-item label="邮箱" prop="email">
<el-input v-model="dataForm.email" auto-complete="off"></el-input>
</el-form-item> -->
<el-form-item label="手机" prop="mobile">
<el-input v-model="dataForm.mobile" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="角色" prop="userRoles" v-if="!operation">
<el-select v-model="dataForm.userRoles" multiple placeholder="请选择"
style="width: 100%;">
<el-option v-for="item in roles" :key="item.id"
:label="item.remark" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<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>
</div>
</el-dialog>
<!--工具栏-->
<div class="toolbar" style="float:left;padding-top:10px;padding-left:15px;">
<el-form :inline="true" :model="filters" :size="size">
<el-form-item>
<el-input v-model="filters.name" placeholder="用户名"></el-input>
</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)"/>
</el-form-item>
<el-form-item>
<kt-button icon="fa fa-plus" :label="$t('action.add')" perms="sys:user:add" type="primary"
@click="handleAdd"/>
</el-form-item>
</el-form>
</div>
<div class="toolbar" style="float:right;padding-top:10px;padding-right:15px;">
<el-form :inline="true" :size="size">
<el-form-item>
<el-button-group>
<el-tooltip content="刷新" placement="top">
<el-button icon="fa fa-refresh" @click="findPage(null)"></el-button>
</el-tooltip>
<el-tooltip content="列显示" placement="top">
<el-button icon="fa fa-filter" @click="displayFilterColumnsDialog"></el-button>
</el-tooltip>
<el-tooltip content="导出" placement="top">
<el-button icon="fa fa-file-excel-o"></el-button>
</el-tooltip>
</el-button-group>
</el-form-item>
</el-form>
<!--表格显示列界面-->
<table-column-filter-dialog ref="tableColumnFilterDialog" :columns="columns"
@handleFilterColumns="handleFilterColumns">
</table-column-filter-dialog>
</div>
<!--表格内容栏-->
<kt-table :height="350" permsEdit="sys:user:edit" permsDelete="sys:user:delete"
:data="pageResult" :columns="filterColumns"
@findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete">
</kt-table>
<!--新增编辑界面-->
<el-dialog :title="operation?'新增':'编辑'" width="40%" :visible.sync="dialogVisible" :close-on-click-modal="false">
<el-form :model="dataForm" label-width="80px" :rules="dataFormRules" ref="dataForm" :size="size"
label-position="right">
<el-form-item label="ID" prop="id" v-if="false">
<el-input v-model="dataForm.id" :disabled="true" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="用户名" prop="name">
<el-input v-model="dataForm.name" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="真实姓名" prop="truename">
<el-input v-model="dataForm.truename" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="dataForm.password" type="password" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="机构" prop="deptName">
<el-cascader
v-model="dataForm.deptName"
size="medium"
:options="list"
:props="{ checkStrictly: true }"
style="width:100%"
clearable></el-cascader>
<!-- <popup-tree-input
:data="deptData"
:props="deptTreeProps"
:prop="dataForm.deptName"
:nodeKey="''+dataForm.deptId"
:currentChangeHandle="deptTreeCurrentChangeHandle">
</popup-tree-input> -->
</el-form-item>
<el-form-item label="职务" prop="job">
<el-input v-model="dataForm.job" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="手机" prop="mobile">
<el-input v-model="dataForm.mobile" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="角色" prop="userRoles" v-if="!operation">
<el-select v-model="dataForm.userRoles" multiple placeholder="请选择"
style="width: 100%;">
<el-option v-for="item in roles" :key="item.id"
:label="item.remark" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-form>
<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" type="primary" @click.native="submitForm" :loading="editLoading">
{{$t('action.submit')}}
</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import PopupTreeInput from "@/components/PopupTreeInput"
import KtTable from "@/views/Core/KtTable"
import KtButton from "@/views/Core/KtButton"
import TableColumnFilterDialog from "@/views/Core/TableColumnFilterDialog"
import { format } from "@/utils/datetime"
export default {
components:{
PopupTreeInput,
KtTable,
KtButton,
TableColumnFilterDialog
},
data() {
return {
list:[],
address:"",
size: 'small',
filters: {
name: ''
},
columns: [],
filterColumns: [],
pageRequest: { pageNum: 1, pageSize: 10 },
pageResult: {},
import PopupTreeInput from "@/components/PopupTreeInput"
import KtTable from "@/views/Core/KtTable"
import KtButton from "@/views/Core/KtButton"
import TableColumnFilterDialog from "@/views/Core/TableColumnFilterDialog"
import {format} from "@/utils/datetime"
operation: false, // true:新增, false:编辑
dialogVisible: false, // 新增编辑界面是否显示
editLoading: false,
dataFormRules: {
name: [
{ required: true, message: '请输入用户名', trigger: 'blur' }
]
},
// 新增编辑界面数据
dataForm: {
id: 0,
name: '',
truename:'',
password: '',
deptId: 1,
deptName: '',
//email: 'test@qq.com',
mobile: '13889700023',
status: 1,
userRoles: []
},
deptData: [],
deptTreeProps: {
label: 'name',
children: 'children'
},
roles: []
}
},
methods: {
// 获取分页数据
findPage: function (data) {
if(data !== null) {
this.pageRequest = data.pageRequest
}
this.pageRequest.columnFilters = {name: {name:'name', value:this.filters.name}}
this.$api.user.findPage(this.pageRequest).then((res) => {
console.log(res.data)
this.pageResult = res.data
this.findUserRoles()
}).then(data!=null?data.callback:'')
},
// 加载用户角色信息
findUserRoles: function () {
this.$api.role.findAll().then((res) => {
// 加载角色集合
this.roles = res.data
})
},
// 批量删除
handleDelete: function (data) {
this.$api.user.batchDelete(data.params).then(data!=null?data.callback:'')
},
// 显示新增界面
handleAdd: function () {
this.dialogVisible = true
this.operation = true
this.dataForm = {
id: 0,
name: '',
password: '',
deptId: 1,
deptName: '',
email: 'test@qq.com',
mobile: '13889700023',
status: 1,
userRoles: []
}
},
// 显示编辑界面
handleEdit: function (params) {
this.dialogVisible = true
this.operation = false
this.dataForm = Object.assign({}, params.row)
let userRoles = []
for(let i=0,len=params.row.userRoles.length; i<len; i++) {
userRoles.push(params.row.userRoles[i].roleId)
}
this.dataForm.userRoles = userRoles
},
// 编辑
submitForm: function () {
this.$refs.dataForm.validate((valid) => {
if (valid) {
this.$confirm('确认提交吗？', '提示', {}).then(() => {
this.dataForm.deptName=this.dataForm.deptName[this.dataForm.deptName.length-1]
this.editLoading = true
let params = Object.assign({}, this.dataForm)
let userRoles = []
for(let i=0,len=params.userRoles.length; i<len; i++) {
let userRole = {
userId: params.id,
roleId: params.userRoles[i]
}
userRoles.push(userRole)
}
params.userRoles = userRoles
this.$api.user.save(params).then((res) => {
this.editLoading = false
if(res.code == 200) {
this.$message({ message: '操作成功', type: 'success' })
this.dialogVisible = false
this.$refs['dataForm'].resetFields()
} else {
this.$message({message: '操作失败, ' + res.msg, type: 'error'})
}
this.findPage(null)
})
})
}
})
},
// 获取部门列表
findDeptTree: function () {
this.$api.dept.findDeptTree().then((res) => {
for(var i in res.data){
res.data[i].value=res.data[i].name
res.data[i].label=res.data[i].name
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].label=res.data[i].children[j].name
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].label=res.data[i].children[j].children[n].name
}
}
}
this.list=res.data
//this.deptData = res.data
})
},
// 菜单树选中
deptTreeCurrentChangeHandle (data, node) {
this.dataForm.deptId = data.id
//this.dataForm.deptName = data.name
this.dataForm.deptName = data.name
},
// 时间格式化
       dateFormat: function (row, column, cellValue, index){
           return format(row[column.property])
       },
// 处理表格列过滤显示
       displayFilterColumnsDialog: function () {
this.$refs.tableColumnFilterDialog.setDialogVisible(true)
       },
// 处理表格列过滤显示
       handleFilterColumns: function (data) {
this.filterColumns = data.filterColumns
this.$refs.tableColumnFilterDialog.setDialogVisible(false)
       },
// 处理表格列过滤显示
       initColumns: function () {
this.columns = [
{prop:"id", label:"ID", minWidth:50},
{prop:"name", label:"用户名", minWidth:120},
{prop:"truename", label:"真实姓名", minWidth:100},
{prop:"deptName", label:"机构", minWidth:120},
{prop:"roleNames", label:"角色", minWidth:100},
{prop:"mobile", label:"手机", minWidth:100},
{prop:"status", label:"状态", minWidth:70},
// {prop:"createBy", label:"创建人", minWidth:120},
// {prop:"createTime", label:"创建时间", minWidth:120, formatter:this.dateFormat}
// {prop:"lastUpdateBy", label:"更新人", minWidth:100},
// {prop:"lastUpdateTime", label:"更新时间", minWidth:120, formatter:this.dateFormat}
]
this.filterColumns = JSON.parse(JSON.stringify(this.columns));
       }
},
mounted() {
this.findDeptTree()
this.initColumns()
}
}
export default {
components: {
PopupTreeInput,
KtTable,
KtButton,
TableColumnFilterDialog
},
data() {
return {
list: [],
address: "",
size: 'small',
filters: {
name: ''
},
columns: [],
filterColumns: [],
pageRequest: {pageNum: 1, pageSize: 10},
pageResult: {},
operation: false, // true:新增, false:编辑
dialogVisible: false, // 新增编辑界面是否显示
editLoading: false,
dataFormRules: {
name: [
{required: true, message: '请输入用户名', trigger: 'blur'}
]
},
// 新增编辑界面数据
dataForm: {
id: 0,
name: '',
truename: '',
password: '',
deptId: 1,
deptName: '',
job: '',
//email: 'test@qq.com',
mobile: '13889700023',
status: 1,
userRoles: []
},
deptData: [],
deptTreeProps: {
label: 'name',
children: 'children'
},
roles: []
}
},
methods: {
// 获取分页数据
findPage: function (data) {
if (data !== null) {
this.pageRequest = data.pageRequest
}
this.pageRequest.columnFilters = {name: {name: 'name', value: this.filters.name}}
this.$api.user.findPage(this.pageRequest).then((res) => {
console.log(res.data)
this.pageResult = res.data
this.findUserRoles()
}).then(data != null ? data.callback : '')
},
// 加载用户角色信息
findUserRoles: function () {
this.$api.role.findAll().then((res) => {
// 加载角色集合
this.roles = res.data
})
},
// 批量删除
handleDelete: function (data) {
this.$api.user.batchDelete(data.params).then(data != null ? data.callback : '')
},
// 显示新增界面
handleAdd: function () {
this.dialogVisible = true
this.operation = true
this.dataForm = {
id: 0,
name: '',
password: '',
deptId: 1,
deptName: '',
job: '',
email: 'test@qq.com',
mobile: '13889700023',
status: 1,
userRoles: []
}
},
// 显示编辑界面
handleEdit: function (params) {
this.dialogVisible = true
this.operation = false
this.dataForm = Object.assign({}, params.row)
let userRoles = []
for (let i = 0, len = params.row.userRoles.length; i < len; i++) {
userRoles.push(params.row.userRoles[i].roleId)
}
this.dataForm.userRoles = userRoles
},
// 编辑
submitForm: function () {
this.$refs.dataForm.validate((valid) => {
if (valid) {
this.$confirm('确认提交吗？', '提示', {}).then(() => {
this.dataForm.deptName = this.dataForm.deptName[this.dataForm.deptName.length - 1]
this.editLoading = true
let params = Object.assign({}, this.dataForm)
let userRoles = []
for (let i = 0, len = params.userRoles.length; i < len; i++) {
let userRole = {
userId: params.id,
roleId: params.userRoles[i]
}
userRoles.push(userRole)
}
params.userRoles = userRoles
this.$api.user.save(params).then((res) => {
this.editLoading = false
if (res.code == 200) {
this.$message({message: '操作成功', type: 'success'})
this.dialogVisible = false
this.$refs['dataForm'].resetFields()
} else {
this.$message({message: '操作失败, ' + res.msg, type: 'error'})
}
this.findPage(null)
})
})
}
})
},
// 获取部门列表
findDeptTree: function () {
this.$api.dept.findDeptTree().then((res) => {
for (var i in res.data) {
res.data[i].value = res.data[i].name
res.data[i].label = res.data[i].name
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].label = res.data[i].children[j].name
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].label = res.data[i].children[j].children[n].name
}
}
}
this.list = res.data
//this.deptData = res.data
})
},
// 菜单树选中
deptTreeCurrentChangeHandle(data, node) {
this.dataForm.deptId = data.id
//this.dataForm.deptName = data.name
this.dataForm.deptName = data.name
},
// 时间格式化
dateFormat: function (row, column, cellValue, index) {
return format(row[column.property])
},
// 处理表格列过滤显示
displayFilterColumnsDialog: function () {
this.$refs.tableColumnFilterDialog.setDialogVisible(true)
},
// 处理表格列过滤显示
handleFilterColumns: function (data) {
this.filterColumns = data.filterColumns
this.$refs.tableColumnFilterDialog.setDialogVisible(false)
},
// 处理表格列过滤显示
initColumns: function () {
this.columns = [
{prop: "id", label: "ID", minWidth: 50},
{prop: "name", label: "用户名", minWidth: 100},
{prop: "truename", label: "真实姓名", minWidth: 100},
{prop: "deptName", label: "机构", minWidth: 100},
{prop: "job", label: "职务", minWidth: 100},
{prop: "roleNames", label: "角色", minWidth: 100},
{prop: "mobile", label: "手机", minWidth: 100},
{prop: "status", label: "状态", minWidth: 70},
// {prop:"createBy", label:"创建人", minWidth:120},
// {prop:"createTime", label:"创建时间", minWidth:120, formatter:this.dateFormat}
// {prop:"lastUpdateBy", label:"更新人", minWidth:100},
// {prop:"lastUpdateTime", label:"更新时间", minWidth:120, formatter:this.dateFormat}
]
this.filterColumns = JSON.parse(JSON.stringify(this.columns));
}
},
mounted() {
this.findDeptTree()
this.initColumns()
}
}
</script>
<style scoped>
.el-tree-node__children{
overflow: scroll
}
</style>
\ No newline at end of file
.el-tree-node__children {
overflow: scroll
}
</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