<template>
|
<div class="member_information">
|
<v-header title="报到单位详情"></v-header>
|
<div class="user">
|
<!-- <div class="line">
|
<section>
|
<p class="label">照片：</p>
|
<article>
|
<img
|
:src="user.photoPath || '/static/image/dh.jpg'"
|
@click="onScaleImage"
|
alt=""
|
/>
|
</article>
|
</section>
|
</div> -->
|
<div class="title1"></div>
|
<div></div>
|
<div class="flex">
|
<div class="list-box">
|
<p class="label">单位归属：</p>
|
<article>{{ infoDetails.belongTo }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">单位名称：</p>
|
<article>{{ infoDetails.name }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">单位性质：</p>
|
<article>{{ infoDetails.natureName }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">党组织负责人：</p>
|
<article>{{ infoDetails.contacts }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">党组织负责人电话：</p>
|
<article>{{ infoDetails.phone }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">职能特长及服务意愿：</p>
|
<article>{{ infoDetails.specialtyName }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">其他职能特长及服务意愿：</p>
|
<article>{{ infoDetails.otherRemark }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">单位管理员：</p>
|
<article>{{ infoDetails.adminName }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">管理员手机号：</p>
|
<article>{{ infoDetails.adminPhone }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">服务社区：</p>
|
<article>{{ infoDetails.helpCommunityName }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">社区联系人：</p>
|
<article>{{ infoDetails.helpCommunityContactsName }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">社区联系人电话：</p>
|
<article>{{ infoDetails.helpCommunityContacts }}</article>
|
</div>
|
<div class="list-box" style="width:600px">
|
<p>下沉服务小区（网格）院落：</p>
|
<article>{{ infoDetails.villageName }}</article>
|
</div>
|
<div class="list-box">
|
<p class="label">单位标识：</p>
|
<article>
|
<el-image
|
v-if="infoDetails.logo"
|
style="width: 100px; height: 100px"
|
:src="infoDetails.logo"
|
:preview-src-list="[infoDetails.logo]"
|
>
|
</el-image>
|
</article>
|
</div>
|
</div>
|
</div>
|
<div>
|
<el-button @click="$router.back()">返回</el-button>
|
</div>
|
<!-- <v-header-->
|
<!-- title="党员活动"-->
|
<!-- search-->
|
<!-- :bar="bar"-->
|
<!-- @on-search="onSearch"-->
|
<!-- ></v-header>-->
|
<!-- <v-header
|
title="党员活动参与情况"
|
search
|
:bar="bar"
|
@on-search="onSearch"
|
></v-header>
|
<div class="tab">
|
<div class="mr-b-10">
|
<el-button @click="importClick">导出</el-button>
|
</div>
|
<v-tool-table :trs="trs" :tds="tds">
|
<template v-slot:btn="item">
|
<div class="table_flex">
|
<span class="col_primary" @click="list(item.scope)">报名名单</span>
|
<span class="col_primary" @click="detail(item.scope)">查看</span>
|
</div>
|
</template>
|
<template v-slot:status="item">
|
{{ item.scope.status }}
|
</template>
|
<template v-slot:time="item">
|
<b
|
>{{ setTime(item.scope.activityTimeBegin) }} ~
|
{{ setTime(item.scope.activityTimeEnd) }}</b
|
>
|
</template>
|
<template v-slot:times="item">
|
<b
|
>{{ setTime(item.scope.enrollTimeBegin) }} ~
|
{{ setTime(item.scope.enrollTimeEnd) }}</b
|
>
|
</template>
|
</v-tool-table>
|
</div> -->
|
</div>
|
</template>
|
|
<script>
|
import { dateMonth } from "../../../utils/common";
|
export default {
|
props: {},
|
components: {},
|
data() {
|
return {
|
bar: [
|
{
|
title: "参与日期",
|
name: "times",
|
type: "times",
|
types: "daterange",
|
// format:'yyyy-MM-dd'
|
},
|
],
|
trs: [
|
{ text: "序号", val: "index", width: "80px" },
|
{ text: "活动名称", val: "activityName" },
|
{ text: "活动地点", val: "activityAddr" },
|
{ text: "参与日期", val: "beginAt" },
|
{ text: "签到地点", val: "position" },
|
{ text: "签到时间", val: "startTime" },
|
{ text: "签退时间", val: "endTime" },
|
{ text: "活动时长（小时）", val: "duration" },
|
{ text: "获得积分", val: "rewardIntegral" },
|
],
|
tds: [],
|
id: -1,
|
user: {},
|
search: {},
|
infoDetails: {},
|
beginTime: "",
|
endTime: "",
|
};
|
},
|
watch: {},
|
methods: {
|
importClick() {
|
this.$api.get(
|
"communityactivity/activity/exportPartyMemberDetail",
|
{
|
userId: this.id == "null" ? null : this.id,
|
page: 1,
|
size: 999999,
|
beginTime: this.beginTime,
|
endTime: this.endTime,
|
},
|
(e) => {
|
window.location.href = e;
|
}
|
);
|
},
|
setTime(e) {
|
// 去掉时分秒
|
return e.slice(0, 10);
|
},
|
// 查看大图
|
onScaleImage() {
|
let v = this.user;
|
this.$store.dispatch("setImage", {
|
time: Date.now(),
|
title: v.name,
|
pic: v.photoPath,
|
});
|
},
|
onSearch(val) {
|
let v = demo.copy(val);
|
this.search = {};
|
this.search.name = v.name;
|
if (v.times) {
|
this.beginTime = v.times[0];
|
this.endTime = v.times[1];
|
} else {
|
this.beginTime = "";
|
this.endTime = "";
|
}
|
// if (v.time && v.time.length) {
|
// this.search.releaseTimeBegin = v.time[0];
|
// this.search.releaseTimeEnd = v.time[1];
|
// } else {
|
// this.search.releaseTimeBegin = this.search.releaseTimeEnd = "";
|
// }
|
// if (v.times && v.times.length) {
|
// this.search.activityTimeBegin = v.times[0];
|
// this.search.activityTimeEnd = v.times[1];
|
// } else {
|
// this.search.activityTimeBegin = this.search.activityTimeEnd = "";
|
// }
|
// this.paged.page = 1;
|
this.init();
|
},
|
init() {
|
this.$api.get(
|
"checkUnit/detail",
|
Object.assign(
|
{
|
id: this.id,
|
// page: 1,
|
// size: 999999,
|
// beginTime: this.beginTime,
|
// endTime: this.endTime,
|
// releaseTimeBegin: "",
|
// releaseTimeEnd: "",
|
// activityTimeBegin: "",
|
// activityTimeEnd: "",
|
// name: "",
|
},
|
this.search
|
),
|
(e) => {
|
this.infoDetails = e;
|
}
|
);
|
// if (this.id > 0) {
|
// this.$api.post(
|
// "communityactivity/activity/partyMemberDetail",
|
// Object.assign(
|
// {
|
// userId: this.id,
|
// page: 1,
|
// size: 999999,
|
// startTime: this.beginTime,
|
// endTime: this.endTime,
|
// // releaseTimeBegin: "",
|
// // releaseTimeEnd: "",
|
// // activityTimeBegin: "",
|
// // activityTimeEnd: "",
|
// // name: "",
|
// },
|
// this.search
|
// ),
|
// (e) => {
|
// this.tds = e;
|
// }
|
// );
|
// }
|
},
|
// 报名名单
|
list(v) {
|
if (v.id) {
|
this.$router.push(this.$nav.url("/com_activity_list/" + v.id));
|
} else {
|
demo.toast("失效活动");
|
}
|
},
|
// 查看
|
detail(v) {
|
if (v.id) {
|
this.$router.push(this.$nav.url("/com_activity_detail/" + v.id));
|
} else {
|
demo.toast("失效活动");
|
}
|
},
|
},
|
mounted() {
|
this.id = this.$route.params.id;
|
// this.user = demo.$session.get("member-detail") || {};
|
this.init();
|
// if (+this.user.userId !== +this.id) {
|
// demo.toast("错误访问");
|
// } else {
|
// this.init();
|
// }
|
},
|
};
|
</script>
|
<style lang="less">
|
.member_information h1 {
|
font-weight: 400 !important;
|
}
|
</style>
|
<style lang='less' scoped>
|
.member_information {
|
overflow-y: auto;
|
.user {
|
margin-bottom: 15px;
|
section {
|
display: flex;
|
font-size: 14px;
|
line-height: 35px;
|
img {
|
width: 72px;
|
height: 72px;
|
border-radius: 50%;
|
overflow: hidden;
|
background-color: #eee;
|
margin-left: 20px;
|
}
|
}
|
.flex {
|
width: 500px;
|
display: flex;
|
flex-wrap: wrap;
|
section {
|
min-width: 25%;
|
height: 35px;
|
}
|
}
|
}
|
.tab {
|
margin-top: 10px;
|
}
|
}
|
.list-box {
|
padding: 20px 0;
|
width: 250px;
|
font-size: 14px;
|
display: flex;
|
align-items: center;
|
}
|
.title1 {
|
/*wid*/
|
flex-wrap: wrap;
|
display: flex;
|
}
|
</style>
|
