Files
cha0yang/src/views/dangzuzhixq.vue
2020-05-11 21:31:05 +08:00

248 lines
7.1 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<div>
<header-nav :index_num="index_num"></header-nav>
<div class="content">
<!-- <div class="top">
<div class="homeicon">
<img src="../../static/img/homeicon.png" alt="" class="homeicon">
</div>
<div class="el-icon-right"></div>
<div class="titleshot">党组织信息</div>
</div> -->
<!-- <img src="../../static/img/apple.png" alt class="apply" /> -->
<div class="infobox">
<div class="infotablebg">
<div class="infotable">
<div class="tabletitle">党组织信息</div>
<table>
<!-- <tr>
<th class="tabletitle">社会组织信息</th>
</tr>-->
<tr>
<td class="key">社会组织名称</td>
<td class="val">{{result.name}}</td>
<td class="key">社会组织类型</td>
<td class="val">{{result.type}}</td>
</tr>
<tr>
<td class="key">流动党员数量</td>
<td class="val">{{result.flow_party_person}}</td>
<td class="key">已有党员数量</td>
<td class="val">{{result.party_person}}</td>
</tr>
<tr>
<td class="key">从业人员总数</td>
<td class="val">{{result.work_person}}</td>
<td class="key">党组织名称</td>
<td class="val">{{result.party_name}}</td>
</tr>
<tr>
<td class="key">是否建立党组织</td>
<td class="val">{{result.is_reg_party==1?"是":"否"}}</td>
<td class="key">是否建立功能性党组织</td>
<td class="val">{{result.is_reg_fun_party==1?"是":"否"}}</td>
</tr>
<tr>
<td class="key">近三年发展党员数</td>
<td class="val">{{result.near_party_person}}</td>
<td class="key">是否建立群团组织</td>
<td class="val">{{result.is_reg_group==1?"是":"否"}}</td>
</tr>
<tr>
<td class="key">党组织书记姓名</td>
<td class="val">{{result.sec_name}}</td>
<td class="key">党组织书记性别</td>
<td class="val">{{result.sec_sex==1?"男":"女"}}</td>
</tr>
<tr>
<td class="key">党组织书记年龄</td>
<td class="val">{{result.sec_age}}</td>
<td class="key">党组织书记行政职务</td>
<td class="val">{{result.sec_job}}</td>
</tr>
<tr>
<td class="key">
<p class="keywrap" style="text-align:center;width:230px;">近三年参加上级党组织培训情况</p>
</td>
<td class="val">
<p class="valwrap" style="top:0">{{result.sec_study}}</p>
</td>
<td class="key">
<p class="keywrap" style="text-align:center;width:230px;position:relative;">是否派选党建工作指导员</p>
</td>
<td class="val">
<p class="valwrap" style="top:0">{{result.is_choice_instructor ==1?"是":"否"}}</p>
</td>
</tr>
<tr>
<td class="key">是否建立群团组织</td>
<td class="val">{{result.is_reg_group==1?"是":"否"}}</td>
<td class="key">专执党务工作者人数</td>
<td class="val">{{result.major_party_person}}</td>
</tr>
<tr>
<td class="key">
<p class="keywrap" style="text-align:center;width:230px;position:relative;">党组织年度活动经费万元</p>
</td>
<td class="val">
<p class="valwrap" style="top:0">{{result.year_money}}</p>
</td>
<td class="key">
<p class="keywrap" style="text-align:center;width:230px;position:relative;">党组织年度活动面积平米</p>
</td>
<td class="val">
<p class="valwrap" style="top:0">{{result.active_year}}</p>
</td>
</tr>
</table>
<table>
<tr>
<td class="key">登记管理机关</td>
<td class="valself">{{result.reg_manage}}</td>
</tr>
<tr>
<td class="key">业务主管单位</td>
<td class="valself">{{result.supervisor}}</td>
</tr>
<tr>
<td class="key">隶属的上一级党组织名称</td>
<td class="valself">{{result.party_pname}}</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<footer-nav class="footer"></footer-nav>
</div>
</template>
<script>
import HeaderNav from "../components/HeaderNav";
import FooterNav from "../components/FooterNav";
export default {
name: "dangzuzhixq",
components: {
HeaderNav,
FooterNav
},
data() {
return {
index_num: 0,
result: []
};
},
mounted() {
console.log(this.$route.query.id);
this.$http({
method: "get",
url: "v1/user/get-info",
params:{id:this.$route.query.id}
// params: { sid: sessionStorage.getItem("party_id") }
}).then(res => {
console.log(res);
this.result = res.data.data;
});
}
};
</script>
<style lang="scss" scoped>
.infobox {
width: 100vw;
display: flex;
justify-content: center;
// margin-top: 70px;
}
.el-icon-s-home {
color: #9a9899;
font-size: 20px;
}
.content {
background-color: #f5f5f5;
.top {
width: 178px;
position: relative;
top: 50px;
left: 70px;
display: flex;
justify-content: space-around;
.titleshot {
font-size: 20px;
// font-weight: bold;
}
.homeicon{
width: 22px;
height: 22px;
}
}
.apply {
width: 233px;
float: right;
margin-right: 71px;
}
.infotablebg {
width: 1200px;
background-color: white;
margin: 0 auto;
margin-top:42px;
// margin-top: 67px;
display: flex;
justify-content: center;
padding-bottom: 180px;
.infotable {
margin-top: 36px;
.tabletitle {
background-color: #f24e77;
width: 1070px;
height: 60px;
color: white;
text-align: center;
line-height: 60px;
font-size: 24px;
}
.key {
width: 266px;
height: 40px;
line-height: 40px;
background-color: #f7f5f6;
text-align: left;
text-indent: 40px;
}
.keywrap {
width: 150px;
margin: 0 auto;
line-height: 35px;
text-indent: -17px;
text-align: left;
}
.valwrap {
// line-height: 50px;
position: relative;
top: 15px;
}
.valself {
width: 802px;
height: 40px;
line-height: 40px;
text-align: left;
text-indent: 30px;
}
.val {
width: 266px;
height: 40px;
line-height: 40px;
}
}
}
}
</style>
<style>
body table td {
border: 2px solid #dfe0eb !important;
}
</style>