<template>
|
<div class="old_cer">
|
<div class="cover" v-if="readonly"></div>
|
<div class="demo_form">
|
<p class="label"><span>提交用户:</span>{{ detail.submitUserName }}</p>
|
<p class="label"><span>认证时间:</span>{{ detail.authDate }}</p>
|
<p class="label"><span>认证期数:</span>{{ detail.authPeriod }}</p>
|
<p class="label"><span>联系电话:</span>{{ detail.phone }}</p>
|
<p class="label"><span>认证姓名:</span>{{ detail.name }}</p>
|
<p class="label"><span>年龄:</span>{{ detail.age }}</p>
|
<p class="label"><span>性别:</span>{{ detail.sex == 1 ? "男" : "女" }}</p>
|
<p class="label"><span>出生年月:</span>{{ detail.birthday }}</p>
|
<p class="label"><span>健在:</span>{{ detail.isAlive ? "是" : "否" }}</p>
|
<p class="label"><span>认证身份证:</span>{{ detail.idCard }}</p>
|
<p class="label"><span>现居住地址:</span>{{ detail.address }}</p>
|
<p class="label">
|
<span>认证方式:</span
|
>{{
|
detail.authMethod == 1
|
? "视频认证"
|
: detail.authMethod == 2
|
? "人脸认证"
|
: "线下认证"
|
}}
|
</p>
|
<p v-if="detail.authMethod == '1'">
|
<template v-if="(detail.authVideo || '').indexOf('.mp4') !== -1">
|
<video
|
:controls="true"
|
style="width: 300px; height: 150px"
|
:autoplay="false"
|
:src="detail.authVideo"
|
>
|
您的浏览器不支持 video 标签。
|
</video>
|
</template>
|
</p>
|
<div v-if="item.type !== 'examine' && item.type !== 'examine-pension'">
|
<p class="label"><span>标记:</span>{{ detail.mark }}</p>
|
<p class="label">
|
<span>审核状态:</span>
|
<a v-if="detail.approvalStatus == '1'">待审核</a>
|
<a v-if="detail.approvalStatus == '2'">驳回</a>
|
<a v-if="detail.approvalStatus == '3'">通过</a>
|
<span v-if="detail.approvalStatus == '2'" class="reject">{{
|
detail.rejectReason
|
}}</span>
|
</p>
|
<p class="label">
|
<a v-if="detail.approvalStatus == '2'"
|
><span>驳回人:</span
|
>{{ detail.approverName || detail.approvalName }}</a
|
>
|
<a v-if="detail.approvalStatus == '3'"
|
><span>审核人:</span
|
>{{ detail.approverName || detail.approvalName }}</a
|
>
|
</p>
|
<p class="label">
|
<span v-if="detail.approvalStatus == '2'">驳回时间:</span>
|
<span v-if="detail.approvalStatus == '3'">审核时间:</span>
|
{{ detail.approvalDate }}
|
</p>
|
</div>
|
<!-- 审核显示 -->
|
<div v-if="item.type == 'examine' || item.type == 'examine-pension'">
|
<p class="w_col_24">
|
<span class="custom-width">审核结果:</span>
|
<el-radio-group v-model="detail.approvalStatus">
|
<el-radio label="3">通过</el-radio>
|
<el-radio label="2">驳回</el-radio>
|
</el-radio-group>
|
</p>
|
<div v-if="detail.approvalStatus == '2'">
|
<p class="label required examine-input">
|
<span class="custom-width">驳回原因:</span>
|
</p>
|
<el-input
|
type="textarea"
|
class="kui-height"
|
placeholder="请输入驳回原因，不超过100字"
|
cols="5"
|
rows="3"
|
v-model="detail.rejectReason"
|
maxlength="100"
|
show-word-limit
|
></el-input>
|
</div>
|
<div v-if="detail.approvalStatus == '3'">
|
<p class="label required examine-input">
|
<span class="custom-width">标记:</span>
|
</p>
|
<el-input
|
type="textarea"
|
class="kui-height"
|
placeholder="请输入标记内容，不超过10字"
|
cols="5"
|
rows="3"
|
v-model="detail.remark"
|
maxlength="10"
|
show-word-limit
|
></el-input>
|
</div>
|
<div style="clear: both"></div>
|
<div class="pre" v-if="iSpre" @click="preDetails">上一条</div>
|
<div class="next" @click="nextDetails">下一条</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
item: {
|
type: Object,
|
default: () => {
|
return {};
|
},
|
},
|
door: {
|
type: Object,
|
default: () => {
|
return {};
|
},
|
},
|
},
|
components: {},
|
data() {
|
return {
|
detail: {},
|
text: "",
|
a1: "1",
|
name: "",
|
card: "",
|
phone: "",
|
readonly: false,
|
edit: false,
|
id: "",
|
url: "",
|
detailId: [], //下一条的ID集合
|
num: 0,
|
params: {},
|
iSpre: false,
|
};
|
},
|
watch: {
|
item: {
|
handler() {
|
this.setItem();
|
},
|
deep: true,
|
},
|
door: {
|
handler(n) {
|
console.log(n);
|
if (n.r) {
|
this.sub(n.t);
|
}
|
},
|
deep: true,
|
},
|
},
|
methods: {
|
//下一条
|
nextDetails() {
|
this.iSpre = true;
|
if (this.num < this.detailId.length) {
|
this.num = this.num + 1;
|
this.setItem(true);
|
} else {
|
this.onClose();
|
}
|
},
|
|
//点击到最后一条弹窗关闭
|
onClose() {
|
let type = "old-see";
|
this.$nextTick(() => {
|
this.$store.dispatch("setFixed", {
|
event: "del",
|
type: type,
|
time: Date.now(),
|
});
|
});
|
},
|
|
//上一条
|
preDetails() {
|
if (this.num > 0) {
|
this.num -= 1;
|
console.log(this.num);
|
this.setItem(true);
|
} else {
|
demo.toast("已经是第一条");
|
}
|
},
|
|
sub(type) {
|
/** 处理完所有下一条点确定，就隐藏 */
|
if (this.detailId && this.detailId.length < 0) {
|
this.onClose(type);
|
return void 0;
|
}
|
|
//高龄认证审核查看确认
|
if (this.item.type == "examine") {
|
if (this.detail.approvalStatus == 1) {
|
demo.toast("请选择审核结果");
|
return 0;
|
}
|
if (!this.detail.remark && this.detail.approvalStatus == "3") {
|
demo.toast("标记不能为空，请输入内容");
|
return 0;
|
}
|
if (!this.detail.rejectReason && this.detail.approvalStatus == "2") {
|
demo.toast("驳回内容不能为空，请输入内容");
|
return 0;
|
}
|
let v = {
|
id: this.detail.id,
|
mark: this.detail.approvalStatus == "3" ? this.detail.remark : "",
|
approvalStatus: this.detail.approvalStatus,
|
rejectReason:
|
this.detail.approvalStatus == "2" ? this.detail.rejectReason : "",
|
};
|
|
this.$api.post("eldersauth/authRecords/examine", v, (e) => {
|
demo.toast("处理成功");
|
this.$store.dispatch("setPageReset", "/affairs_old_certification");
|
this.nextDetails();
|
this.detail.remark = "";
|
});
|
}
|
|
//养老认证审核查看确认
|
if (this.item.type == "examine-pension") {
|
if (this.detail.approvalStatus == 1) {
|
demo.toast("请选择审核结果");
|
return 0;
|
}
|
|
if (!this.detail.remark && this.detail.approvalStatus == "3") {
|
demo.toast("标记不能为空，请输入内容");
|
return 0;
|
}
|
if (!this.detail.rejectReason && this.detail.approvalStatus == "2") {
|
demo.toast("驳回内容不能为空，请输入内容");
|
return 0;
|
}
|
|
let v = {
|
id: this.detail.id,
|
mark: this.detail.approvalStatus == "3" ? this.detail.remark : "",
|
approvalStatus: this.detail.approvalStatus,
|
rejectReason:
|
this.detail.approvalStatus == "2" ? this.detail.rejectReason : "",
|
};
|
console.log(v);
|
|
this.$api.post("eldersauth/pensionAuthRecords/examine", v, (e) => {
|
demo.toast("处理成功");
|
this.$store.dispatch("setPageReset", "/affairs_old_aged");
|
this.nextDetails();
|
this.detail.remark = "";
|
});
|
}
|
|
/** 高龄认证查看确认 ，养老认证查看确认*/
|
if (
|
this.item.type == "show" ||
|
this.item.type == "show-pension" ||
|
this.item.type == "show-statistics"
|
) {
|
console.log("dddddd");
|
this.$store.dispatch("setFixed", {
|
event: "del",
|
type: type,
|
time: Date.now(),
|
});
|
}
|
},
|
|
close(type) {
|
this.$store.dispatch("setFixed", {
|
event: "del",
|
type: type,
|
time: Date.now(),
|
});
|
},
|
|
reset() {
|
this.name = "";
|
this.card = "";
|
this.a1 = "";
|
},
|
setValue(name, card, type) {
|
this.name = name || this.detail.name;
|
this.card = card || this.detail.idCard;
|
this.a1 = type || +this.detail.isExist === 1 ? "1" : "2";
|
this.id = this.detail.id || "";
|
},
|
|
setItem(d) {
|
/** 认证统计页面查看详情 */
|
if (this.item.type == "show-statistics") {
|
this.detail = this.item.data;
|
return;
|
}
|
|
/** 高龄认证查看和审核 详情 */
|
if (this.item.type == "show" || this.item.type == "examine") {
|
this.url = "eldersauth/authRecords/detail";
|
// 下一条查看详情
|
if (d) {
|
this.params = {
|
authRecordId: this.num
|
? this.detailId[this.num - 1]
|
: this.item.data,
|
};
|
} else {
|
this.params = {
|
authRecordId: this.item.data,
|
};
|
}
|
}
|
|
/** 养老认证查看和审核 详情 */
|
if (
|
this.item.type == "show-pension" ||
|
this.item.type == "examine-pension"
|
) {
|
this.url = "eldersauth/pensionAuthRecords/detail";
|
// 下一条查看详情
|
if (d) {
|
this.params = {
|
authRecordId: this.num
|
? this.detailId[this.num - 1]
|
: this.item.data,
|
};
|
} else {
|
this.params = {
|
authRecordId: this.item.data,
|
};
|
}
|
}
|
|
this.$api.get(this.url, this.params, (e) => {
|
this.detail = e;
|
let ids = e.nextIds;
|
this.removeByValue(ids, this.item.data);
|
this.detailId = ids; //查询下一条的所有Id
|
});
|
},
|
|
removeByValue(arr, val) {
|
for (var i = 0; i < arr.length; i++) {
|
if (arr[i] == val) {
|
arr.splice(i, 1);
|
break;
|
}
|
}
|
},
|
},
|
mounted() {
|
this.setItem();
|
},
|
};
|
</script>
|
<style lang='less' scoped>
|
.old_cer {
|
.next {
|
font-size: 14px;
|
color: #409eff;
|
font-weight: 500;
|
text-align: right;
|
cursor: pointer;
|
position: absolute;
|
right: 20px;
|
bottom: 20px;
|
}
|
.examine-input {
|
float: left;
|
}
|
.pre {
|
font-size: 14px;
|
color: #409eff;
|
font-weight: 500;
|
text-align: right;
|
cursor: pointer;
|
position: absolute;
|
right: 80px;
|
bottom: 20px;
|
}
|
.video {
|
width: 300px;
|
height: 150px;
|
}
|
.reject {
|
display: block;
|
padding-left: 102px;
|
text-align: left;
|
color: #888;
|
}
|
.kui-height {
|
width: 300px;
|
}
|
section {
|
margin-bottom: 15px;
|
}
|
.t {
|
padding-top: 10px;
|
}
|
.cover {
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
background-color: #333;
|
opacity: 0;
|
z-index: 500;
|
}
|
}
|
.demo_form {
|
p {
|
line-height: 25px;
|
padding-bottom: 10px;
|
color: #888;
|
span {
|
display: inline-block;
|
width: 100px;
|
text-align: right;
|
color: #333;
|
}
|
}
|
}
|
</style>
|
