|
|
|
@ -2,7 +2,8 @@ |
|
|
|
<div class="warning-box"> |
|
|
|
<cpt-card :min-full-screen="true"> |
|
|
|
<div class="card-title"> |
|
|
|
<img class="title-icon" src="../../../../assets/img/shuju/title-tip.png" /> |
|
|
|
<img class="title-icon" |
|
|
|
src="../../../../assets/img/shuju/title-tip.png" /> |
|
|
|
<div class="title-label"> |
|
|
|
党员信息统计 |
|
|
|
<!-- <el-cascader |
|
|
|
@ -13,8 +14,7 @@ |
|
|
|
:getCheckedNodes="getCheckedNodes" |
|
|
|
clearable @change="handleCascader"> |
|
|
|
</el-cascader> --> |
|
|
|
<el-cascader |
|
|
|
v-model="partyOrgs" |
|
|
|
<el-cascader v-model="partyOrgs" |
|
|
|
:options="partyOrgList" |
|
|
|
:props="{ |
|
|
|
label: 'partyOrgName', |
|
|
|
@ -22,7 +22,8 @@ |
|
|
|
checkStrictly: true |
|
|
|
}" |
|
|
|
:show-all-levels="false" |
|
|
|
clearable @change="handlePartyCascader"> |
|
|
|
clearable |
|
|
|
@change="handlePartyCascader"> |
|
|
|
</el-cascader> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -39,8 +40,11 @@ |
|
|
|
</div> |
|
|
|
<div class="echarts-tips echarts-tips-wd50"> |
|
|
|
<div class="tips-lists"> |
|
|
|
<div v-for="(item, index) in ageItem" :key="index" class="tips-items"> |
|
|
|
<div class="tips-items-title" :class="'tips-items-title' + item.code"> |
|
|
|
<div v-for="(item, index) in ageItem" |
|
|
|
:key="index" |
|
|
|
class="tips-items"> |
|
|
|
<div class="tips-items-title" |
|
|
|
:class="'tips-items-title' + item.code"> |
|
|
|
{{ item.name }} |
|
|
|
</div> |
|
|
|
<div class="tips-items-num"> |
|
|
|
@ -54,18 +58,18 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="ecahrts-button"> |
|
|
|
<el-button type="warning" size="small" @click="handleExport('age')">导出</el-button> |
|
|
|
<el-button type="warning" |
|
|
|
size="small" |
|
|
|
@click="handleExport('age')">导出</el-button> |
|
|
|
</div> |
|
|
|
<div class="warning-box-bottom"> |
|
|
|
<screen-table |
|
|
|
:headerList="headerList" |
|
|
|
<screen-table :headerList="headerList" |
|
|
|
:tableData="ageList" |
|
|
|
:headerStyle="headerStyle" |
|
|
|
:tableContentStyle="headerStyle" |
|
|
|
:visibleLoading="visibleAgeLoading" |
|
|
|
:operate="false" |
|
|
|
@row="handleClickRow" |
|
|
|
></screen-table> |
|
|
|
@row="handleClickRow"></screen-table> |
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination hide-on-single-page |
|
|
|
:current-page="agePageNo" |
|
|
|
@ -74,8 +78,7 @@ |
|
|
|
layout="prev, pager, next" |
|
|
|
@size-change="pageSizeChangeHandleAge" |
|
|
|
@current-change="pageCurrentChangeHandleAge" |
|
|
|
:total="ageTotal" |
|
|
|
> |
|
|
|
:total="ageTotal"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -90,10 +93,14 @@ |
|
|
|
@myChartMethod="pieInitOks" |
|
|
|
ref="eduChart"></screen-echarts-frame> |
|
|
|
</div> |
|
|
|
<div v-if="false" class="echarts-tips"> |
|
|
|
<div v-if="false" |
|
|
|
class="echarts-tips"> |
|
|
|
<div class="tips-list"> |
|
|
|
<div v-for="item in eduItem" :key="item.value" class="tips-item"> |
|
|
|
<div class="tips-item-icon" :style="'background:' + item.color"></div> |
|
|
|
<div v-for="item in eduItem" |
|
|
|
:key="item.value" |
|
|
|
class="tips-item"> |
|
|
|
<div class="tips-item-icon" |
|
|
|
:style="'background:' + item.color"></div> |
|
|
|
<div class="tips-item-text">{{item.name}}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -101,18 +108,18 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="ecahrts-button"> |
|
|
|
<el-button type="warning" size="small" @click="handleExport('edu')">导出</el-button> |
|
|
|
<el-button type="warning" |
|
|
|
size="small" |
|
|
|
@click="handleExport('edu')">导出</el-button> |
|
|
|
</div> |
|
|
|
<div class="warning-box-bottom"> |
|
|
|
<screen-table |
|
|
|
:headerList="headerEduList" |
|
|
|
<screen-table :headerList="headerEduList" |
|
|
|
:tableData="eduList" |
|
|
|
:headerStyle="headerStyle" |
|
|
|
:tableContentStyle="headerStyle" |
|
|
|
:visibleLoading="visibleLoading" |
|
|
|
:operate="false" |
|
|
|
@row="handleClickRow" |
|
|
|
></screen-table> |
|
|
|
@row="handleClickRow"></screen-table> |
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination hide-on-single-page |
|
|
|
:current-page="pageNo" |
|
|
|
@ -121,17 +128,22 @@ |
|
|
|
layout="prev, pager, next" |
|
|
|
@size-change="pageSizeChangeHandleNew" |
|
|
|
@current-change="pageCurrentChangeHandleNew" |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</cpt-card> |
|
|
|
<el-dialog |
|
|
|
|
|
|
|
<crate-form v-if="memberDialog" |
|
|
|
:info="memberDetailInfo" |
|
|
|
:partyList="optionsG" |
|
|
|
:disabled="disabled" |
|
|
|
@saveBase="jumpDetail" |
|
|
|
@cancle="handlerCancle" /> |
|
|
|
<!-- <el-dialog |
|
|
|
title="党员信息" |
|
|
|
:visible.sync="memberDialog" |
|
|
|
width="60%" |
|
|
|
@ -142,7 +154,7 @@ |
|
|
|
:before-close="handlerCancle"> |
|
|
|
<crate-form v-if="memberDialog" :info="memberDetailInfo" :partyList="optionsG" :disabled="disabled" |
|
|
|
@saveBase="jumpDetail" @cancle="handlerCancle" /> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> --> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -749,7 +761,8 @@ export default { |
|
|
|
label: item.agencyName, |
|
|
|
value: item.agencyId + '-' + item.level, |
|
|
|
level: item.level, |
|
|
|
children: this.getTreeData(item.subAgencyList)} |
|
|
|
children: this.getTreeData(item.subAgencyList) |
|
|
|
} |
|
|
|
} else { |
|
|
|
_item = { |
|
|
|
label: item.agencyName, |
|
|
|
@ -939,8 +952,8 @@ export default { |
|
|
|
color: #fff; |
|
|
|
line-height: 24px; |
|
|
|
text-align: center; |
|
|
|
background: #06186D; |
|
|
|
border: 1px solid #1A64CC; |
|
|
|
background: #06186d; |
|
|
|
border: 1px solid #1a64cc; |
|
|
|
border-radius: 2px; |
|
|
|
} |
|
|
|
.el-input__prefix { |
|
|
|
@ -952,7 +965,6 @@ export default { |
|
|
|
line-height: 24px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.title-label { |
|
|
|
@ -960,7 +972,6 @@ export default { |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 800; |
|
|
|
::v-deep .el-input { |
|
|
|
|
|
|
|
width: 180px; |
|
|
|
.el-input__inner { |
|
|
|
font-size: 18px; |
|
|
|
@ -998,7 +1009,7 @@ export default { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.card-left-title::after { |
|
|
|
content: ''; |
|
|
|
content: ""; |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
left: 20px; |
|
|
|
@ -1006,7 +1017,7 @@ export default { |
|
|
|
height: 12px; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-top: -6px; |
|
|
|
background: #2865FA; |
|
|
|
background: #2865fa; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
.echart-wr { |
|
|
|
@ -1049,7 +1060,10 @@ export default { |
|
|
|
.echarts-tips-wd50 { |
|
|
|
width: 320px; |
|
|
|
} |
|
|
|
.tips-list, .tips-item, .tips-lists, .tips-items-num { |
|
|
|
.tips-list, |
|
|
|
.tips-item, |
|
|
|
.tips-lists, |
|
|
|
.tips-items-num { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
@ -1069,12 +1083,12 @@ export default { |
|
|
|
height: 10px; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-right: 8px; |
|
|
|
background: #1B51FF; |
|
|
|
background: #1b51ff; |
|
|
|
border-radius: 2px; |
|
|
|
} |
|
|
|
.tips-item-text { |
|
|
|
font-size: 16px; |
|
|
|
color: #D2E7FF; |
|
|
|
color: #d2e7ff; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1095,19 +1109,24 @@ export default { |
|
|
|
box-sizing: border-box; |
|
|
|
padding-left: 6px; |
|
|
|
font-size: 16px; |
|
|
|
color: #EFF0F1; |
|
|
|
background: url('../../../../assets/img/shuju/measure/huang@2x.png') no-repeat left bottom; |
|
|
|
color: #eff0f1; |
|
|
|
background: url("../../../../assets/img/shuju/measure/huang@2x.png") |
|
|
|
no-repeat left bottom; |
|
|
|
&1 { |
|
|
|
background: url('../../../../assets/img/shuju/measure/lv@2x.png') no-repeat left bottom; |
|
|
|
background: url("../../../../assets/img/shuju/measure/lv@2x.png") |
|
|
|
no-repeat left bottom; |
|
|
|
} |
|
|
|
&2 { |
|
|
|
background: url('../../../../assets/img/shuju/measure/zi@2x.png') no-repeat left bottom; |
|
|
|
background: url("../../../../assets/img/shuju/measure/zi@2x.png") |
|
|
|
no-repeat left bottom; |
|
|
|
} |
|
|
|
&3 { |
|
|
|
background: url('../../../../assets/img/shuju/measure/lan@2x.png') no-repeat left bottom; |
|
|
|
background: url("../../../../assets/img/shuju/measure/lan@2x.png") |
|
|
|
no-repeat left bottom; |
|
|
|
} |
|
|
|
&4 { |
|
|
|
background: url('../../../../assets/img/shuju/measure/lanlv@2x.png') no-repeat left bottom; |
|
|
|
background: url("../../../../assets/img/shuju/measure/lanlv@2x.png") |
|
|
|
no-repeat left bottom; |
|
|
|
} |
|
|
|
} |
|
|
|
.tips-items-num { |
|
|
|
@ -1135,8 +1154,7 @@ export default { |
|
|
|
padding-right: 30px; |
|
|
|
text-align: right; |
|
|
|
::v-deep .el-button--warning { |
|
|
|
|
|
|
|
background: linear-gradient(90deg, #0863EA, #3B9FFC); |
|
|
|
background: linear-gradient(90deg, #0863ea, #3b9ffc); |
|
|
|
border: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
jiangyy
3 years ago