Browse Source

党员管理页面搜索栏样式,首页社区简介

feature
mk 2 years ago
parent
commit
7e4350338e
  1. 68
      src/views/modules/communityParty/members/memberList.vue
  2. 14
      src/views/modules/home/index.vue

68
src/views/modules/communityParty/members/memberList.vue

@ -1,11 +1,12 @@
<template>
<div>
<el-card ref="searchConditions">
<el-form class="header_form_box" ref="searchForm" :model="searchForm" :inline="true" :label-width="'110px'">
<div class="g-main">
<div class="m-search">
<el-form class="header_form_box" ref="searchForm" :model="searchForm" :inline="true" :label-width="'105px'">
<el-form-item label="所属党组织" >
<el-cascader :options="partyOrgTree"
clearable
style="width: 300px"
size="small"
class="u-item-width-normal"
placeholder="请选择"
v-model="searchForm.partyOrgId"
@change="handlePartyOrgCascadarChange"
@ -13,19 +14,24 @@
</el-cascader>
</el-form-item>
<el-form-item label="党员姓名" >
<el-input v-model="searchForm.name" placeholder="请输入" clearable></el-input>
<el-input v-model="searchForm.name" placeholder="请输入" size="small"
class="u-item-width-normal" clearable></el-input>
</el-form-item>
<el-form-item label="联系电话" >
<el-input v-model="searchForm.mobile" placeholder="请输入" clearable></el-input>
<el-input v-model="searchForm.mobile" placeholder="请输入" size="small"
class="u-item-width-normal" clearable></el-input>
</el-form-item>
<el-form-item label="身份证号">
<el-input v-model="searchForm.idCard" placeholder="请输入" clearable></el-input>
<el-input v-model="searchForm.idCard" placeholder="请输入" size="small"
class="u-item-width-normal" clearable></el-input>
</el-form-item>
<el-form-item label="居住地址">
<el-input v-model="searchForm.jzAddress" placeholder="请输入" clearable></el-input>
<el-input v-model="searchForm.jzAddress" placeholder="请输入" size="small"
class="u-item-width-normal" clearable></el-input>
</el-form-item>
<el-form-item label="职务">
<el-select v-model="searchForm.partyJob" placeholder="请选择">
<el-select v-model="searchForm.partyJob" placeholder="请选择" size="small"
class="u-item-width-normal">
<el-option v-for="e in partyJobOptions"
:key="e.value"
:value="e.value"
@ -35,6 +41,8 @@
<el-form-item label="入党日期">
<el-date-picker
type="daterange"
size="small"
class="u-item-width-daterange2"
clearable
@change="handleJoinTimeChange"
range-separator="至"
@ -45,7 +53,8 @@
<!--党员中心户-->
<el-form-item prop="centerFlag" label="党员中心户" >
<el-select v-model="searchForm.centerFlag" placeholder="请选择" clearable>
<el-select v-model="searchForm.centerFlag" placeholder="请选择" clearable size="small"
class="u-item-width-normal">
<el-option v-for="e in centerFlagOptions"
:key="e.value"
:value="e.value"
@ -55,7 +64,8 @@
<!--流动党员-->
<el-form-item prop="flowFlag" label="流动党员" >
<el-select v-model="searchForm.flowFlag" placeholder="请选择" clearable>
<el-select v-model="searchForm.flowFlag" placeholder="请选择" clearable size="small"
class="u-item-width-normal">
<el-option v-for="e in flowFlagOptions"
:key="e.value"
:value="e.value"
@ -65,12 +75,14 @@
<!--流动党员证号-->
<el-form-item prop="flowActNum" label="流动党员证号" >
<el-input v-model="searchForm.flowActNum" clearable></el-input>
<el-input v-model="searchForm.flowActNum" clearable size="small"
class="u-item-width-normal"></el-input>
</el-form-item>
<!--免学习-->
<el-form-item prop="studyNotNeed" label="免学习">
<el-select v-model="searchForm.studyNotNeed" placeholder="请选择" style="width: 300px" clearable>
<el-select v-model="searchForm.studyNotNeed" placeholder="请选择" clearable size="small"
class="u-item-width-normal">
<el-option v-for="e in studyNotNeedOptions"
:key="e.value"
:value="e.value"
@ -78,13 +90,23 @@
</el-select>
</el-form-item>
</el-form>
<div>
<el-button type="primary" @click="handleReset">重置</el-button>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-row type="flex" >
<el-col :span="24" align="right">
<el-button style="margin-left:30px"
size="small"
type="primary "
@click="handleSearch">查询</el-button>
<el-button style="margin-left:10px"
is-plain
class="diy-button--white el-button--default"
size="small"
@click="handleReset">重置</el-button>
</el-col>
</el-row>
</div>
</el-card>
<el-card ref="memberList">
<div>
<div class="g-table">
<el-button type="primary"
@click="handleCreateBtnClick">新增
</el-button>
@ -124,7 +146,9 @@
v-loading="loading"
@select-all="handleMultiSelect"
@selection-change="handleMultiSelect"
style="width: 100%">
style="width: 100%"
table
>
<el-table-column
type="selection"
width="55">
@ -233,7 +257,6 @@
:total="total">
</el-pagination>
</div>
</el-card>
<Create ref="create" @finishUpdate="search"></Create>
<Detail ref="detail" @finishUpdate="search"></Detail>
<Update ref="update" @finishUpdate="search"></Update>
@ -685,6 +708,9 @@ export default {
</script>
<style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/modules/shequzhili/event-info.scss";
.resi-container .resi-card-table {
::v-deep .el-table {
th {

14
src/views/modules/home/index.vue

@ -53,13 +53,13 @@
{{ pandectData.deptName }}<span v-if="pandectData.gridCount">划分为{{
pandectData.underCount }}{{
pandectData.underName
}}</span>现有居民{{ pandectData.homeCount }}{{
pandectData.resiCount
}}其中常住人口{{
pandectData.permanentResiCount
}}流动人口{{
pandectData.floatingResiCount
}}各类群体分布如下
}}</span> 现有房屋{{ pandectData.homeCount }}自住房屋{{
pandectData.selfStay
}}出租房屋{{
pandectData.rentOut
}}闲置房屋{{
pandectData.vacantHouse
}}现有居民{{pandectData.resiCount}}{{pandectData.totalResidents}}其中常住人口{{pandectData.permanentResiCount}}流动人口{{pandectData.floatingResiCount}}各类群体分布如下
</p>
<div class="subtitle">

Loading…
Cancel
Save