Browse Source

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

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

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

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

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

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

Loading…
Cancel
Save