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"; ...@@ -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
<template> <template>
<div> <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" @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%;" > :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 type="selection" width="40" v-if="showBatchDelete & showOperation"></el-table-column>
<el-table-column v-for="column in columns" header-align="center" align="center" <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" :fixed="column.fixed" :key="column.prop" :type="column.type" :formatter="column.formatter"
:sortable="column.sortable==null?true:column.sortable"> :sortable="column.sortable==null?true:column.sortable">
</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>
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="toolbar" style="padding:10px;"> <div class="toolbar" style="padding:10px;">
<!-- <kt-button :label="$t('action.batchDelete')" :perms="permsDelete" :size="size" type="danger" @click="handleBatchDelete()" --> <!-- <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"/> --> <!-- :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;"> :current-page="pageRequest.pageNum" :page-size="pageRequest.pageSize" :total="data.totalSize" style="float:right;">
</el-pagination> </el-pagination>
</div> </div>
...@@ -89,7 +89,7 @@ export default { ...@@ -89,7 +89,7 @@ export default {
pageSize: 10 pageSize: 10
}, },
loading: false, // 加载标识 loading: false, // 加载标识
selections: [] // 列表选中列 selections: [], // 列表选中列
} }
}, },
methods: { methods: {
...@@ -161,4 +161,4 @@ export default { ...@@ -161,4 +161,4 @@ export default {
<style scoped> <style scoped>
</style> </style>
\ No newline at end of file
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
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
min-width="20%"> min-width="20%">
</el-table-column> </el-table-column>
<el-table-column label="操作" <el-table-column label="操作"
min-width="8%"> min-width="8%">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
...@@ -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
v-for="item in options1" v-for="item in options1"
: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-table </el-button>
:data="tableData" </div>
style="width: 100%" <el-table
:row-class-name="tableRowClassName"> :data="tableData"
<el-table-column style="width: 100%"
prop="idcard" :row-class-name="tableRowClassName">
label="身份证号" <el-table-column
width="180"> prop="idcard"
</el-table-column> label="身份证号"
<el-table-column width="180">
prop="name" </el-table-column>
label="姓名" <el-table-column
width="180"> prop="name"
</el-table-column> label="姓名"
<el-table-column width="180">
prop="recordtype" </el-table-column>
label="业务类型"> <el-table-column
</el-table-column> prop="recordtype"
<el-table-column label="业务类型">
prop="createtime" </el-table-column>
label="创建时间"> <el-table-column
</el-table-column> prop="createtime"
<el-table-column label="创建时间">
prop="townname" </el-table-column>
label="镇"> <el-table-column
</el-table-column> prop="townname"
<el-table-column label="镇">
prop="villagename" </el-table-column>
label="村"> <el-table-column
</el-table-column> prop="villagename"
<el-table-column label="村">
prop="nowExamine" </el-table-column>
label="当前状态"> <el-table-column
</el-table-column> prop="nowExamine"
label="当前状态">
<el-table-column </el-table-column>
width="180"
label="操作"> <el-table-column
<template slot-scope="scope"> width="180"
<el-button label="操作">
type="primary" <template slot-scope="scope">
size="mini" <el-button
icon="el-icon-s-check" type="primary"
@click="handle(scope.$index, scope.row)">审核</el-button> size="mini"
icon="el-icon-s-check"
@click="handle(scope.$index, scope.row)">审核
</el-button>
<el-popover <el-popover
placement="right" placement="right"
width="180" width="180"
trigger="click"> trigger="click">
<el-timeline> <el-timeline>
<el-timeline-item <el-timeline-item
v-for="(activity, index) in activities" v-for="(activity, index) in activities"
:key="index" :key="index"
:icon="activity.icon" :icon="activity.icon"
:type="activity.type" :type="activity.type"
:color="activity.color" :color="activity.color"
:size="activity.size" :size="activity.size"
:timestamp="activity.timestamp" :timestamp="activity.timestamp"
: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">
</el-timeline-item> 原因:{{activity.examineRemark}}</p>
</el-timeline> </el-timeline-item>
<el-button </el-timeline>
@click="progress(scope.$index, scope.row)" <el-button
size="mini" @click="progress(scope.$index, scope.row)"
slot="reference" size="mini"
type="success" slot="reference"
>流程</el-button> type="success"
>流程
</el-button>
</el-popover> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
class="pone" class="pone"
:page-size='10' :page-size='10'
layout="total, prev, pager, next, jumper" layout="total, prev, pager, next, jumper"
: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,103 +131,109 @@ ...@@ -123,103 +131,109 @@
.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 {
activities: [], activities: [],
options1: [{ options1: [{
value: '1', value: '1',
label: '参保登记' label: '参保登记'
}, { }, {
value: '2', value: '2',
label: '信息变更' label: '信息变更'
}, { }, {
value: '3', value: '3',
label: '待遇申请' label: '待遇申请'
}], }, {
Page:1, value: '4',
totals:0, label: '参保注销'
idcard:"", }, {
ywtype:"", value: '5',
info:'', label: '补缴保费'
ywtype:'', }],
Page: 1,
totals: 0,
idcard: "",
ywtype: "",
info: '',
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=="审核失败"){
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'
}) })
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 return
} }
} }
} }
}).catch((res)=>{ }).catch((res) => {
}) })
}, },
...@@ -231,149 +245,181 @@ ...@@ -231,149 +245,181 @@
} }
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) => {
let loadingInstance = Loading.service(); let loadingInstance = Loading.service();
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();
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
loadingInstance.close(); loadingInstance.close();
}); });
}); });
}, },
//审核 //审核
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=="信息变更"){ } 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
} }
}) })
} } else if (d.recordtype == "待遇申请") {
}, sessionStorage.setItem("recordId", this.tableData[s].recordId)
handleDelete(g,h){ this.$router.push({
console.log(g) name: "待遇申请审核",
console.log(h) params: {
}, info: this.tableData[s].info,
Encrypt(word) { //aes加密 bankpic: this.tableData[s].bankpic,
var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625"); idcardbackpic: this.tableData[s].idcardbackpic,
let srcs = CryptoJS.enc.Utf8.parse(word); idcardfrontpic: this.tableData[s].idcardfrontpic,
let encrypted = CryptoJS.AES.encrypt(srcs, key, { signpic: this.tableData[s].signpic,
mode: CryptoJS.mode.ECB, specialPhotoPic: this.tableData[s].specialPhotoPic,
padding: CryptoJS.pad.Pkcs7 bookPic: this.tableData[s].bookPic,
}); show: true
return encrypted.toString(); }
}, })
decrypt(word){ } else if (d.recordtype == "参保注销") {
var key = CryptoJS.enc.Utf8.parse("KkweInfo23255625"); sessionStorage.setItem("recordId", this.tableData[s].recordId)
var decrypt = CryptoJS.AES.decrypt(word, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7}); this.$router.push({
return CryptoJS.enc.Utf8.stringify(decrypt).toString(); 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) { decryptByDES(ciphertext) {
var keyHex = CryptoJS.enc.Utf8.parse("KkweFace95271124"); var keyHex = CryptoJS.enc.Utf8.parse("KkweFace95271124");
var decrypted = CryptoJS.DES.decrypt({ var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Base64.parse(ciphertext) ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
}, keyHex, { }, keyHex, {
mode: CryptoJS.mode.ECB, mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7 padding: CryptoJS.pad.Pkcs7
}); });
return decrypted.toString(CryptoJS.enc.Utf8); return decrypted.toString(CryptoJS.enc.Utf8);
} }
}, },
created(){ created() {
Loading.service(); Loading.service();
var data={ var data = {
idcard:'', idcard: '',
recordType:'' 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) => { this.tableData = res.data.list
let loadingInstance = Loading.service(); this.totals = res.data.total
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 this.page = res.data.total.pageNum
loadingInstance.close();
}); }).catch((res) => {
for(var i in res.data.list){ let loadingInstance = Loading.service();
res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard) this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
res.data.list[i].name=this.decrypt(res.data.list[i].name) loadingInstance.close();
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();
});
}); });
// var that=this });
// baseUrl.setToken() // var that=this
// $.ajax({ // baseUrl.setToken()
// url:baseUrl.baseUrl+"examine/listExamining", // $.ajax({
// type:'post', // url:baseUrl.baseUrl+"examine/listExamining",
// data:{ // type:'post',
// userId:1 // data:{
// }, // userId:1
// success(res){ // },
// for(var i in res.data.list){ // success(res){
// res.data.list[i].idcard=that.decrypt(res.data.list[i].idcard) // for(var i in res.data.list){
// res.data.list[i].name=that.decrypt(res.data.list[i].name) // res.data.list[i].idcard=that.decrypt(res.data.list[i].idcard)
// res.data.list[i].recordtype=res.data.list[i].recordtype==1?"参保登记":"" // 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.tableData=res.data.list
// that.page=res.data.total.pageNum // that.totals=res.data.total
// that.page=res.data.total.pageNum
// }
// }) // }
// })
} }
} }
</script> </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> <template>
<div class="page-container"> <div class="page-container">
<!--工具栏--> <!--工具栏-->
<div class="toolbar" style="float:left;padding-top:10px;padding-left:15px;"> <div class="toolbar" style="float:left;padding-top:10px;padding-left:15px;">
<el-form :inline="true" :model="filters" :size="size"> <el-form :inline="true" :model="filters" :size="size">
<el-form-item> <el-form-item>
<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"
</el-form-item> @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-item> <kt-button icon="fa fa-plus" :label="$t('action.add')" perms="sys:user:add" type="primary"
</el-form> @click="handleAdd"/>
</div> </el-form-item>
<div class="toolbar" style="float:right;padding-top:10px;padding-right:15px;"> </el-form>
<el-form :inline="true" :size="size"> </div>
<el-form-item> <div class="toolbar" style="float:right;padding-top:10px;padding-right:15px;">
<el-button-group> <el-form :inline="true" :size="size">
<el-tooltip content="刷新" placement="top"> <el-form-item>
<el-button icon="fa fa-refresh" @click="findPage(null)"></el-button> <el-button-group>
</el-tooltip> <el-tooltip content="刷新" placement="top">
<el-tooltip content="列显示" placement="top"> <el-button icon="fa fa-refresh" @click="findPage(null)"></el-button>
<el-button icon="fa fa-filter" @click="displayFilterColumnsDialog"></el-button> </el-tooltip>
</el-tooltip> <el-tooltip content="列显示" placement="top">
<el-tooltip content="导出" placement="top"> <el-button icon="fa fa-filter" @click="displayFilterColumnsDialog"></el-button>
<el-button icon="fa fa-file-excel-o"></el-button> </el-tooltip>
</el-tooltip> <el-tooltip content="导出" placement="top">
</el-button-group> <el-button icon="fa fa-file-excel-o"></el-button>
</el-form-item> </el-tooltip>
</el-form> </el-button-group>
<!--表格显示列界面--> </el-form-item>
<table-column-filter-dialog ref="tableColumnFilterDialog" :columns="columns" </el-form>
@handleFilterColumns="handleFilterColumns"> <!--表格显示列界面-->
</table-column-filter-dialog> <table-column-filter-dialog ref="tableColumnFilterDialog" :columns="columns"
</div> @handleFilterColumns="handleFilterColumns">
<!--表格内容栏--> </table-column-filter-dialog>
<kt-table :height="350" permsEdit="sys:user:edit" permsDelete="sys:user:delete" </div>
:data="pageResult" :columns="filterColumns" <!--表格内容栏-->
@findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete"> <kt-table :height="350" permsEdit="sys:user:edit" permsDelete="sys:user:delete"
</kt-table> :data="pageResult" :columns="filterColumns"
<!--新增编辑界面--> @findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete">
<el-dialog :title="operation?'新增':'编辑'" width="40%" :visible.sync="dialogVisible" :close-on-click-modal="false"> </kt-table>
<el-form :model="dataForm" label-width="80px" :rules="dataFormRules" ref="dataForm" :size="size" <!--新增编辑界面-->
label-position="right"> <el-dialog :title="operation?'新增':'编辑'" width="40%" :visible.sync="dialogVisible" :close-on-click-modal="false">
<el-form-item label="ID" prop="id" v-if="false"> <el-form :model="dataForm" label-width="80px" :rules="dataFormRules" ref="dataForm" :size="size"
<el-input v-model="dataForm.id" :disabled="true" auto-complete="off"></el-input> label-position="right">
</el-form-item> <el-form-item label="ID" prop="id" v-if="false">
<el-form-item label="用户名" prop="name"> <el-input v-model="dataForm.id" :disabled="true" auto-complete="off"></el-input>
<el-input v-model="dataForm.name" auto-complete="off"></el-input> </el-form-item>
</el-form-item> <el-form-item label="用户名" prop="name">
<el-form-item label="真实姓名" prop="truename"> <el-input v-model="dataForm.name" auto-complete="off"></el-input>
<el-input v-model="dataForm.truename" auto-complete="off"></el-input> </el-form-item>
</el-form-item> <el-form-item label="真实姓名" prop="truename">
<el-form-item label="密码" prop="password"> <el-input v-model="dataForm.truename" auto-complete="off"></el-input>
<el-input v-model="dataForm.password" type="password" auto-complete="off"></el-input> </el-form-item>
</el-form-item> <el-form-item label="密码" prop="password">
<el-form-item label="机构" prop="deptName"> <el-input v-model="dataForm.password" type="password" auto-complete="off"></el-input>
<el-cascader </el-form-item>
v-model="dataForm.deptName" <el-form-item label="机构" prop="deptName">
size="medium" <el-cascader
:options="list" v-model="dataForm.deptName"
:props="{ checkStrictly: true }" size="medium"
style="width:100%" :options="list"
clearable></el-cascader> :props="{ checkStrictly: true }"
<!-- <popup-tree-input style="width:100%"
:data="deptData" clearable></el-cascader>
:props="deptTreeProps" <!-- <popup-tree-input
:prop="dataForm.deptName" :data="deptData"
:nodeKey="''+dataForm.deptId" :props="deptTreeProps"
:currentChangeHandle="deptTreeCurrentChangeHandle"> :prop="dataForm.deptName"
</popup-tree-input> --> :nodeKey="''+dataForm.deptId"
</el-form-item> :currentChangeHandle="deptTreeCurrentChangeHandle">
<!-- <el-form-item label="邮箱" prop="email"> </popup-tree-input> -->
<el-input v-model="dataForm.email" auto-complete="off"></el-input> </el-form-item>
</el-form-item> --> <el-form-item label="职务" prop="job">
<el-form-item label="手机" prop="mobile"> <el-input v-model="dataForm.job" auto-complete="off"></el-input>
<el-input v-model="dataForm.mobile" auto-complete="off"></el-input> </el-form-item>
</el-form-item> <el-form-item label="手机" prop="mobile">
<el-form-item label="角色" prop="userRoles" v-if="!operation"> <el-input v-model="dataForm.mobile" auto-complete="off"></el-input>
<el-select v-model="dataForm.userRoles" multiple placeholder="请选择" </el-form-item>
style="width: 100%;"> <el-form-item label="角色" prop="userRoles" v-if="!operation">
<el-option v-for="item in roles" :key="item.id" <el-select v-model="dataForm.userRoles" multiple placeholder="请选择"
:label="item.remark" :value="item.id"> style="width: 100%;">
</el-option> <el-option v-for="item in roles" :key="item.id"
</el-select> :label="item.remark" :value="item.id">
</el-form-item> </el-option>
</el-form> </el-select>
<div slot="footer" class="dialog-footer"> </el-form-item>
<el-button :size="size" @click.native="dialogVisible = false">{{$t('action.cancel')}}</el-button> </el-form>
<el-button :size="size" type="primary" @click.native="submitForm" :loading="editLoading">{{$t('action.submit')}}</el-button> <div slot="footer" class="dialog-footer" style="width: 10%">
</div> <el-button :size="size" @click.native="dialogVisible = false">{{$t('action.cancel')}}</el-button>
</el-dialog> <el-button :size="size" type="primary" @click.native="submitForm" :loading="editLoading">
{{$t('action.submit')}}
</el-button>
</div>
</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:{
PopupTreeInput,
KtTable,
KtButton,
TableColumnFilterDialog
},
data() {
return {
list:[],
address:"",
size: 'small',
filters: {
name: ''
},
columns: [],
filterColumns: [],
pageRequest: { pageNum: 1, pageSize: 10 },
pageResult: {},
operation: false, // true:新增, false:编辑 export default {
dialogVisible: false, // 新增编辑界面是否显示 components: {
editLoading: false, PopupTreeInput,
dataFormRules: { KtTable,
name: [ KtButton,
{ required: true, message: '请输入用户名', trigger: 'blur' } TableColumnFilterDialog
] },
}, data() {
// 新增编辑界面数据 return {
dataForm: { list: [],
id: 0, address: "",
name: '', size: 'small',
truename:'', filters: {
password: '', name: ''
deptId: 1, },
deptName: '', columns: [],
//email: 'test@qq.com', filterColumns: [],
mobile: '13889700023', pageRequest: {pageNum: 1, pageSize: 10},
status: 1, pageResult: {},
userRoles: []
}, operation: false, // true:新增, false:编辑
deptData: [], dialogVisible: false, // 新增编辑界面是否显示
deptTreeProps: { editLoading: false,
label: 'name', dataFormRules: {
children: 'children' name: [
}, {required: true, message: '请输入用户名', trigger: 'blur'}
roles: [] ]
} },
}, // 新增编辑界面数据
methods: { dataForm: {
// 获取分页数据 id: 0,
findPage: function (data) { name: '',
if(data !== null) { truename: '',
this.pageRequest = data.pageRequest password: '',
} deptId: 1,
this.pageRequest.columnFilters = {name: {name:'name', value:this.filters.name}} deptName: '',
this.$api.user.findPage(this.pageRequest).then((res) => { job: '',
console.log(res.data) //email: 'test@qq.com',
this.pageResult = res.data mobile: '13889700023',
this.findUserRoles() status: 1,
}).then(data!=null?data.callback:'') userRoles: []
}, },
// 加载用户角色信息 deptData: [],
findUserRoles: function () { deptTreeProps: {
this.$api.role.findAll().then((res) => { label: 'name',
// 加载角色集合 children: 'children'
this.roles = res.data },
}) roles: []
}, }
// 批量删除 },
handleDelete: function (data) { methods: {
this.$api.user.batchDelete(data.params).then(data!=null?data.callback:'') // 获取分页数据
}, findPage: function (data) {
// 显示新增界面 if (data !== null) {
handleAdd: function () { this.pageRequest = data.pageRequest
this.dialogVisible = true }
this.operation = true this.pageRequest.columnFilters = {name: {name: 'name', value: this.filters.name}}
this.dataForm = { this.$api.user.findPage(this.pageRequest).then((res) => {
id: 0, console.log(res.data)
name: '', this.pageResult = res.data
password: '', this.findUserRoles()
deptId: 1, }).then(data != null ? data.callback : '')
deptName: '', },
email: 'test@qq.com', // 加载用户角色信息
mobile: '13889700023', findUserRoles: function () {
status: 1, this.$api.role.findAll().then((res) => {
userRoles: [] // 加载角色集合
} this.roles = res.data
}, })
// 显示编辑界面 },
handleEdit: function (params) { // 批量删除
this.dialogVisible = true handleDelete: function (data) {
this.operation = false this.$api.user.batchDelete(data.params).then(data != null ? data.callback : '')
this.dataForm = Object.assign({}, params.row) },
let userRoles = [] // 显示新增界面
for(let i=0,len=params.row.userRoles.length; i<len; i++) { handleAdd: function () {
userRoles.push(params.row.userRoles[i].roleId) this.dialogVisible = true
} this.operation = true
this.dataForm.userRoles = userRoles this.dataForm = {
}, id: 0,
// 编辑 name: '',
submitForm: function () { password: '',
this.$refs.dataForm.validate((valid) => { deptId: 1,
if (valid) { deptName: '',
this.$confirm('确认提交吗？', '提示', {}).then(() => { job: '',
this.dataForm.deptName=this.dataForm.deptName[this.dataForm.deptName.length-1] email: 'test@qq.com',
this.editLoading = true mobile: '13889700023',
let params = Object.assign({}, this.dataForm) status: 1,
let userRoles = [] userRoles: []
for(let i=0,len=params.userRoles.length; i<len; i++) { }
let userRole = { },
userId: params.id, // 显示编辑界面
roleId: params.userRoles[i] handleEdit: function (params) {
} this.dialogVisible = true
userRoles.push(userRole) this.operation = false
} this.dataForm = Object.assign({}, params.row)
params.userRoles = userRoles let userRoles = []
this.$api.user.save(params).then((res) => { for (let i = 0, len = params.row.userRoles.length; i < len; i++) {
this.editLoading = false userRoles.push(params.row.userRoles[i].roleId)
if(res.code == 200) { }
this.$message({ message: '操作成功', type: 'success' }) this.dataForm.userRoles = userRoles
this.dialogVisible = false },
this.$refs['dataForm'].resetFields() // 编辑
} else { submitForm: function () {
this.$message({message: '操作失败, ' + res.msg, type: 'error'}) this.$refs.dataForm.validate((valid) => {
} if (valid) {
this.findPage(null) 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 = {
findDeptTree: function () { userId: params.id,
this.$api.dept.findDeptTree().then((res) => { roleId: params.userRoles[i]
for(var i in res.data){ }
res.data[i].value=res.data[i].name userRoles.push(userRole)
res.data[i].label=res.data[i].name }
for(var j in res.data[i].children){ params.userRoles = userRoles
res.data[i].children[j].value=res.data[i].children[j].name this.$api.user.save(params).then((res) => {
res.data[i].children[j].label=res.data[i].children[j].name this.editLoading = false
for(var n in res.data[i].children[j].children){ if (res.code == 200) {
res.data[i].children[j].children[n].value=res.data[i].children[j].children[n].name this.$message({message: '操作成功', type: 'success'})
res.data[i].children[j].children[n].label=res.data[i].children[j].children[n].name this.dialogVisible = false
} this.$refs['dataForm'].resetFields()
} } else {
} this.$message({message: '操作失败, ' + res.msg, type: 'error'})
}
this.list=res.data this.findPage(null)
})
//this.deptData = res.data })
}) }
}, })
// 菜单树选中 },
deptTreeCurrentChangeHandle (data, node) { // 获取部门列表
this.dataForm.deptId = data.id findDeptTree: function () {
//this.dataForm.deptName = data.name this.$api.dept.findDeptTree().then((res) => {
this.dataForm.deptName = data.name for (var i in res.data) {
}, res.data[i].value = res.data[i].name
// 时间格式化 res.data[i].label = res.data[i].name
       dateFormat: function (row, column, cellValue, index){ for (var j in res.data[i].children) {
           return format(row[column.property]) 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) {
       displayFilterColumnsDialog: function () { res.data[i].children[j].children[n].value = res.data[i].children[j].children[n].name
this.$refs.tableColumnFilterDialog.setDialogVisible(true) res.data[i].children[j].children[n].label = res.data[i].children[j].children[n].name
       }, }
// 处理表格列过滤显示 }
       handleFilterColumns: function (data) { }
this.filterColumns = data.filterColumns
this.$refs.tableColumnFilterDialog.setDialogVisible(false) this.list = res.data
       },
// 处理表格列过滤显示 //this.deptData = res.data
       initColumns: function () { })
this.columns = [ },
{prop:"id", label:"ID", minWidth:50}, // 菜单树选中
{prop:"name", label:"用户名", minWidth:120}, deptTreeCurrentChangeHandle(data, node) {
{prop:"truename", label:"真实姓名", minWidth:100}, this.dataForm.deptId = data.id
{prop:"deptName", label:"机构", minWidth:120}, //this.dataForm.deptName = data.name
{prop:"roleNames", label:"角色", minWidth:100}, this.dataForm.deptName = data.name
},
{prop:"mobile", label:"手机", minWidth:100}, // 时间格式化
{prop:"status", label:"状态", minWidth:70}, dateFormat: function (row, column, cellValue, index) {
return format(row[column.property])
// {prop:"createBy", label:"创建人", minWidth:120}, },
// {prop:"createTime", label:"创建时间", minWidth:120, formatter:this.dateFormat} // 处理表格列过滤显示
// {prop:"lastUpdateBy", label:"更新人", minWidth:100}, displayFilterColumnsDialog: function () {
// {prop:"lastUpdateTime", label:"更新时间", minWidth:120, formatter:this.dateFormat} this.$refs.tableColumnFilterDialog.setDialogVisible(true)
] },
this.filterColumns = JSON.parse(JSON.stringify(this.columns)); // 处理表格列过滤显示
       } handleFilterColumns: function (data) {
}, this.filterColumns = data.filterColumns
mounted() { this.$refs.tableColumnFilterDialog.setDialogVisible(false)
this.findDeptTree() },
this.initColumns() // 处理表格列过滤显示
} 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> </script>
<style scoped> <style scoped>
.el-tree-node__children{ .el-tree-node__children {
overflow: scroll overflow: scroll
} }
</style> </style>
\ No newline at end of file
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