From a2207a781fa4e88532b8d40614f2f30e90704b50 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Thu, 13 Oct 2022 14:49:19 +0800
Subject: [PATCH] init

---
 .../AppRecruitPartyMembers.vue                |   58 +
 .../AppRecruitPartyMembers/components/Add.vue | 1089 +++++++++++++++++
 .../components/Detail.vue                     |  372 ++++++
 .../components/List.vue                       |  298 +++++
 .../components/neighbourSetting.vue           |  228 ++++
 5 files changed, 2045 insertions(+)
 create mode 100644 project/pingchang/apps/AppRecruitPartyMembers/AppRecruitPartyMembers.vue
 create mode 100644 project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue
 create mode 100644 project/pingchang/apps/AppRecruitPartyMembers/components/Detail.vue
 create mode 100644 project/pingchang/apps/AppRecruitPartyMembers/components/List.vue
 create mode 100644 project/pingchang/apps/AppRecruitPartyMembers/components/neighbourSetting.vue

diff --git a/project/pingchang/apps/AppRecruitPartyMembers/AppRecruitPartyMembers.vue b/project/pingchang/apps/AppRecruitPartyMembers/AppRecruitPartyMembers.vue
new file mode 100644
index 00000000..5378382f
--- /dev/null
+++ b/project/pingchang/apps/AppRecruitPartyMembers/AppRecruitPartyMembers.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="AppRecruitPartyMembers">
+    <component ref="component" :is="currentPage" :selected.sync="selected" v-bind="$props"/>
+  </div>
+</template>
+
+<script>
+import List from './components/List'
+import Add from './components/Add'
+import Detail from './components/Detail'
+import {mapState} from "vuex";
+import NeighbourSetting from "./components/neighbourSetting";
+
+export default {
+  name: 'AppRecruitPartyMembers',
+  label: '发展党员',
+  components: {
+    NeighbourSetting,
+    Add,
+    List,
+    Detail
+  },
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions:Function
+  },
+  data() {
+    return {
+      selected: {}
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    currentPage() {
+      if (this.$route.hash == "#add") {
+        return Add
+      } else if (this.$route.hash == "#ns") {
+        return NeighbourSetting
+      } else if (this.$route.query.id) {
+        return Detail
+      } else return List
+    }
+  },
+  created() {
+    this.dict.load("yesOrNo")
+    let {organizationId: id, organizationName: name} = this.user.info
+    this.selected = {id, name}
+  },
+
+}
+</script>
+
+<style lang="scss" scoped>
+.AppRecruitPartyMembers {
+  height: 100%;
+}
+</style>
diff --git a/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue b/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue
new file mode 100644
index 00000000..09de7731
--- /dev/null
+++ b/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue
@@ -0,0 +1,1089 @@
+<template>
+  <ai-detail class="party">
+    <ai-title slot="title" :title="isEdit ? '编辑党员' : '添加党员'" isShowBack isShowBottomBorder @onBackClick="cancel"/>
+    <template slot="content">
+      <el-form ref="form" :model="form" label-width="160px" label-position="right">
+        <ai-card title="个人信息">
+          <template #content>
+            <el-alert
+                v-if="!isEdit"
+                style="margin-bottom: 20px"
+                type="warning"
+                show-icon
+                :closable="false"
+                title="请仔细核对姓名与身份证号码，保存后将无法修改姓名、身份证号"
+            ></el-alert>
+            <div class="ai-form">
+              <div style="width: 50%">
+                <el-form-item
+                    label="姓名"
+                    style="width: 100%"
+                    prop="name"
+                    :rules="[
+                    {
+                      required: true,
+                      message: '请输入姓名',
+                      trigger: 'change',
+                    },
+                  ]"
+                >
+                  <el-input
+                      size="small"
+                      :disabled="isEdit"
+                      :maxLength="15"
+                      placeholder="请输入姓名"
+                      v-model="form.name"
+                      
+                  >
+                    <template slot="append" v-if="!isEdit">
+                      <ai-person-select
+                          :url="'/app/appresident/list?areaId='+user.info.areaId"
+                          :instance="instance"
+                          @selectPerson="checkName"
+                      >
+                      </ai-person-select>
+                    </template>
+                  </el-input>
+                </el-form-item>
+                <el-form-item
+                    label="身份证号"
+                    style="width: 100%"
+                    prop="idNumber"
+                    :rules="[
+                    {
+                      required: true,
+                      message: '请输入身份证号',
+                      trigger: 'change',
+                    },
+                  ]"
+                >
+                  <el-input
+                      size="small"
+                      v-model="form.idNumber"
+                      @change="idChange"
+                      :disabled="isEdit"
+                      placeholder="请输入身份证号"
+                      :maxLength="18"
+                      clearable
+                  >
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="发展状态" prop="sex" style="width: 100%">
+                  <ai-select
+                      v-model="form.sex"
+                      placeholder="请选择发展状态"
+                      :selectList="dict.getDict('sex')"
+                  ></ai-select>
+                </el-form-item>
+              </div>
+              <el-form-item label="个人照片" prop="photo">
+                <ai-avatar :instance="instance" v-model="form.avatarUrl"/>
+              </el-form-item>
+              <el-form-item label="性别" prop="sex">
+                <ai-select
+                    disabled
+                    v-model="form.sex"
+                    placeholder="请选择性别"
+                    :selectList="dict.getDict('sex')"
+                ></ai-select>
+              </el-form-item>
+              <el-form-item label="出生日期">
+                <el-date-picker
+                    disabled
+                    size="small"
+                    v-model="form.birthday"
+                    type="date"
+                    style="width: 100%"
+                    placeholder="选择日期"
+                    format="yyyy-MM-dd"
+                    value-format="yyyy-MM-dd"
+                >
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="年龄" prop="age">
+                <el-input
+                    size="small"
+                    disabled
+                    v-model="form.age"
+                    placeholder="请输入..."
+                    clearabel
+                    :maxLength="15"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="民族" prop="email">
+                <ai-select
+                    v-model="form.nation"
+                    placeholder="请选择民族"
+                    :selectList="dict.getDict('nation')"
+                    @change="(search.current = 1), getList()"
+                ></ai-select>
+              </el-form-item>
+              <el-form-item label="籍贯" style="width: 100%">
+                <ai-area-select
+                    clearable
+                    :instance="instance"
+                    v-model="form.birthplaceAreaId"
+                    always-show
+                    area-level="3"
+                />
+              </el-form-item>
+              <el-form-item label="户籍地" style="width: 100%">
+                <template>
+                  <ai-area-select
+                      clearable
+                      :instance="instance"
+                      always-show
+                      v-model="form.householdAreaId"
+                  />
+                  <el-input
+                      size="small"
+                      placeholder="请输入详细地址..."
+                      clearable
+                      v-model="form.householdAddress"
+                      maxlength="50"
+                      show-word-limit
+                  ></el-input>
+                </template>
+              </el-form-item>
+            </div>
+          </template>
+        </ai-card>
+        <!--        <ai-card title="审核状态" v-if="isEdit">-->
+        <!--          <template #content>-->
+        <!--            <el-form-item label="审核状态" style="width: 100%">-->
+        <!--              <span :class="'audit-' + form.auditStatus" v-text="dict.getLabel('auditStatus', form.auditStatus)"/>-->
+        <!--            </el-form-item>-->
+        <!--          </template>-->
+        <!--        </ai-card>-->
+        <ai-card title="联络信息">
+          <div class="ai-form" slot="content">
+            <el-form-item label="联系方式" prop="phone">
+              <el-input
+                  size="small"
+                  v-model="form.phone"
+                  placeholder="请输入..."
+                  clearabel
+                  :maxLength="11"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="现住址" style="width: 100%">
+              <template>
+                <ai-area-select
+                    clearable
+                    :instance="instance"
+                    v-model="form.currentAreaId"
+                    always-show
+                />
+                <el-input
+                    size="small"
+                    clearable
+                    v-model="form.currentAddress"
+                    placeholder="请输入详细地址"
+                    maxlength="50"
+                    show-word-limit
+                ></el-input>
+              </template>
+            </el-form-item>
+            <!-- <el-form-item
+                label="所属党组织"
+                prop="partyOrgId"
+                :rules="[
+                {
+                  required: true,
+                  message: '请选择所属党组织',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <el-input
+                  size="small"
+                  disabled
+                  placeholder="请选择所属党组织"
+                  v-model="form.partyOrgName"
+              >
+                <template slot="append">
+                  <ai-party :instance="instance" size="small" :value="form.partyOrgId" @origin="handlePartyOrgSelect"/>
+                </template>
+              </el-input>
+            </el-form-item> -->
+          </div>
+        </ai-card>
+        <ai-card title="团籍信息">
+          <div class="ai-form" slot="content">
+            <el-form-item label="入团日期">
+              <el-date-picker
+                  size="small"
+                  v-model="form.joinPartyTime"
+                  type="date"
+                  placeholder="请选择入团日期"
+                  style="width: 100%"
+                  format="yyyy-MM-dd"
+                  :value-format="'yyyy-MM-dd'"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="文化程度">
+              <ai-select
+                v-model="form.partyStatus"
+                placeholder="请选择文化程度"
+                :selectList="dict.getDict('partyStatus')"
+              ></ai-select>
+            </el-form-item>
+            <el-form-item label="学位职称">
+              <ai-select
+                  v-model="form.partyType"
+                  placeholder="学位职称"
+                  :selectList="dict.getDict('partyType')"
+              ></ai-select>
+            </el-form-item>
+            <el-form-item label="奖励情况" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入奖励情况"/>
+            </el-form-item>
+            <el-form-item label="处分情况" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入处分情况"/>
+            </el-form-item>
+            <el-form-item label="简历" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入简历"/>
+            </el-form-item>
+            <el-form-item label="附件" style="width: 100%;">
+              <ai-uploader
+                  :isShowTip="true"
+                  :instance="instance"
+                  v-model="form.file"
+                  fileType="file"
+                  acceptType=".zip, .rar, .doc, .docx, .xls, .ppt, .pptx, .pdf, .txt, .jpg, .png"
+                  :limit="9">
+                <template slot="tips">
+                  最多上传9个附件,单个文件最大10MB<br/>
+                  支持.zip、.rar、.doc、.docx、.xls、.ppt、.pptx、.pdf、.txt、.jpg、.png格式<br/>
+                  建议上传《入学积极分子培养教育考察登记簿》、《中共预备学员考察登记簿》<br/>
+                </template>
+              </ai-uploader>
+            </el-form-item>
+          </div>
+        </ai-card>
+        <ai-card title="申请入学">
+          <template #content>
+            <el-form-item label="申请入学时间" prop="phone" required>
+              <el-date-picker
+                  size="small"
+                  v-model="form.joinPartyTime"
+                  type="date"
+                  placeholder="请选择申请入学时间"
+                  style="width: 100%"
+                  format="yyyy-MM-dd"
+                  :value-format="'yyyy-MM-dd'"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="申请入学形式">
+              <el-input
+                  size="small"
+                  v-model="form.phone"
+                  placeholder="请输入..."
+                  clearabel
+                  :maxLength="11"
+              ></el-input>
+            </el-form-item>
+
+          </template>
+        </ai-card>
+
+        <ai-card title="入学积极分子的确定和教育培养">
+          <template #content>
+            <el-form-item label="确定为入学积极分子时间" prop="phone" required >
+              <el-date-picker
+                  size="small"
+                  v-model="form.joinPartyTime"
+                  type="date"
+                  placeholder="请选择确定为入学积极分子时间"
+                  style="width: 100%"
+                  format="yyyy-MM-dd"
+                  :value-format="'yyyy-MM-dd'"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="确定为积极分子的根据和意见" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入确定为积极分子的根据和意见"/>
+            </el-form-item>
+            <el-form-item label="培养教育情况及鉴定意见" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入培养教育情况及鉴定意见"/>
+            </el-form-item>
+
+          </template>
+        </ai-card>
+        <ai-card title="入学介绍人/培养人">
+          <template #right>
+            <el-button type="text" icon="iconfont iconAdd" @click="addForm(activeName)">添加入学介绍人/培养人</el-button>
+          </template>
+          <template #content>
+            <ai-table
+              :border="true"
+              :tableData="form.starList"
+              :isShowPagination="false"
+              :col-configs="colConfigs1"
+              :stripe="false"
+              @getList="() => {}"
+            >
+              <el-table-column label="职位" slot="level" align="center">
+                <template slot-scope="{ row }">
+                  <el-rate
+                      v-model="row.level"
+                      disabled
+                      show-text
+                      :texts="textlist"
+                  ></el-rate>
+                </template>
+              </el-table-column>
+              <el-table-column
+                  slot="options"
+                  width="120px"
+                  fixed="right"
+                  label="操作"
+                  align="center"
+              >
+                <template slot-scope="{ row, $index }">
+                  <div class="table-options">
+                    <el-button type="text" @click="editStar(row, $index)"
+                    >编辑
+                    </el-button
+                    >
+                    <el-button type="text" @click="remove($index, 'starList')"
+                    >删除
+                    </el-button
+                    >
+                  </div>
+                </template>
+              </el-table-column>
+            </ai-table>
+            <ai-table
+                v-if="activeName === '工作信息'"
+                :border="true"
+                :tableData="form.workInfoList"
+                :isShowPagination="false"
+                :col-configs="colConfigs2"
+                :stripe="false"
+                @getList="() => {}"
+            >
+              <el-table-column label="工作时间" slot="date" align="center">
+                <template slot-scope="{ row }">
+                  <span v-if="row.starTime && row.endTime"
+                  >{{ row.starTime.split(" ")[0] }} 至
+                    {{ row.endTime.split(" ")[0] }}</span
+                  >
+                </template>
+              </el-table-column>
+              <el-table-column
+                  slot="options"
+                  width="120px"
+                  fixed="right"
+                  label="操作"
+                  align="center"
+              >
+                <template slot-scope="{ row, $index }">
+                  <div class="table-options">
+                    <el-button type="text" @click="editJob(row, $index)"
+                    >编辑
+                    </el-button
+                    >
+                    <el-button
+                        type="text"
+                        @click="remove($index, 'workInfoList')"
+                    >删除
+                    </el-button
+                    >
+                  </div>
+                </template>
+              </el-table-column>
+            </ai-table>
+            <ai-table
+                v-if="activeName === '违纪信息'"
+                :border="true"
+                :tableData="form.disciplinaryInfoList"
+                :isShowPagination="false"
+                :col-configs="colConfigs3"
+                :stripe="false"
+                @getList="() => {}"
+            >
+              <el-table-column
+                  slot="options"
+                  width="120px"
+                  fixed="right"
+                  label="操作"
+                  align="center"
+              >
+                <template slot-scope="{ row, $index }">
+                  <div class="table-options">
+                    <el-button
+                        type="text"
+                        @click="editDisciplinary(row, $index)"
+                    >编辑
+                    </el-button
+                    >
+                    <el-button
+                        type="text"
+                        @click="remove($index, 'disciplinaryInfoList')"
+                    >删除
+                    </el-button
+                    >
+                  </div>
+                </template>
+              </el-table-column>
+            </ai-table>
+          </template>
+        </ai-card>
+        <ai-card title="发展对象的确定和考察">
+          <template #content>
+            <el-form-item label="确定为发展对象时间" prop="phone" required >
+              <el-date-picker
+                  size="small"
+                  v-model="form.joinPartyTime"
+                  type="date"
+                  placeholder="请选择确定为发展对象时间"
+                  style="width: 100%"
+                  format="yyyy-MM-dd"
+                  :value-format="'yyyy-MM-dd'"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="政治历史的考察及结论" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="社会关系考察及结论" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="现实考察及结论" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="学的基本知识考核及考试成绩" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="综合考察结论意见" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="学内讨论是否确定为发展对象的意见" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="确定为发展对象后的谈话记录" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="支委会研究意见" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+          </template>
+        </ai-card>
+        <ai-card title="预备学员的接收">
+          <template #content>
+            <el-form-item label="吸收入学时间" prop="phone" required >
+              <el-date-picker
+                  size="small"
+                  v-model="form.joinPartyTime"
+                  type="date"
+                  placeholder="请选择吸收入学时间"
+                  style="width: 100%"
+                  format="yyyy-MM-dd"
+                  :value-format="'yyyy-MM-dd'"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="吸收入学地点">
+              <el-input
+                  size="small"
+                  v-model="form.phone"
+                  placeholder="请输入..."
+                  clearabel
+                  :maxLength="11"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="吸收入学时支部大会上学员提的意见和要求及个人的态度" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="预备期间的教育情况" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="学小组对其转正的讨论意见" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="预备期间的考察情况" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="学支部对其转正的意见" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+          </template>
+        </ai-card>
+        <ai-card title="预备学员的教育考察和转正">
+          <template #content>
+            <el-form-item label="转正时间" prop="phone" required >
+              <el-date-picker
+                  size="small"
+                  v-model="form.joinPartyTime"
+                  type="date"
+                  placeholder="请选择转正时间"
+                  style="width: 100%"
+                  format="yyyy-MM-dd"
+                  :value-format="'yyyy-MM-dd'"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="预备期间的教育情况" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="预备期间的考察情况" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="学小组对其转正的讨论意见" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+            <el-form-item label="学支部对其转正的意见" style="width: 100%;">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
+                 rows="2" placeholder="请输入..."/>
+            </el-form-item>
+          </template>
+        </ai-card>
+
+
+
+
+
+
+        
+      </el-form>
+      <ai-dialog
+          :visible.sync="isShowStarForm"
+          width="690px"
+          :title="starId ? '修改五星党员' : '添加五星党员'"
+          @close="onClose"
+          @onConfirm="onStarForm"
+      >
+        <el-form
+            ref="starForm"
+            :model="starForm"
+            label-width="110px"
+            label-position="right"
+        >
+          <el-form-item
+              label="评定时间"
+              prop="starTime"
+              :rules="[
+              { required: true, message: '请选择评定时间', trigger: 'change' },
+            ]"
+          >
+            <el-date-picker
+                size="small"
+                v-model="starForm.starTime"
+                type="month"
+                placeholder="请选择评定时间"
+                style="width: 230px"
+                format="yyyy-MM"
+                :value-format="'yyyy-MM-dd' + ' 00:00:00'"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item
+              label="评定等级"
+              prop="level"
+              :rules="[
+              { required: true, message: '请选择评定等级', trigger: 'change' },
+            ]"
+          >
+            <el-rate
+                v-model="starForm.level"
+                show-text
+                :texts="textlist"
+                style="line-height: 2.5"
+            ></el-rate>
+          </el-form-item>
+        </el-form>
+      </ai-dialog>
+      <ai-dialog
+          :visible.sync="isShowJobForm"
+          width="690px"
+          :title="jobId ? '修改工作信息' : '添加工作信息'"
+          @close="onClose"
+          @onConfirm="onJobForm"
+      >
+        <el-form
+            ref="jobForm"
+            :model="jobForm"
+            label-width="110px"
+            label-position="right"
+        >
+          <el-form-item
+              label="工作时间"
+              prop="date"
+              :rules="[
+              { required: true, message: '请选择评定时间', trigger: 'change' },
+            ]"
+          >
+            <el-date-picker
+                size="small"
+                v-model="jobForm.date"
+                type="monthrange"
+                range-separator="至"
+                start-placeholder="开始月份"
+                end-placeholder="结束月份"
+                format="yyyy-MM"
+                :value-format="'yyyy-MM-dd' + ' 00:00:00'"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item
+              label="单位"
+              prop="company"
+              :rules="[
+              { required: true, message: '请输入工作单位', trigger: 'blur' },
+            ]"
+          >
+            <el-input
+                size="small"
+                :maxLength="30"
+                v-model="jobForm.company"
+                placeholder="请输入工作单位"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              label="职务"
+              prop="position"
+              :rules="[
+              { required: true, message: '请输入职务', trigger: 'blur' },
+            ]"
+          >
+            <el-input
+                size="small"
+                :maxLength="30"
+                v-model="jobForm.position"
+                placeholder="请输入职务"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </ai-dialog>
+      <ai-dialog
+          :visible.sync="isShowDisciplinaryForm"
+          width="690px"
+          :title="disciplinaryId ? '修改违纪信息' : '添加违纪信息'"
+          @close="onClose"
+          @onConfirm="onDisciplinarForm"
+      >
+        <el-form
+            ref="disciplinaryForm"
+            :model="disciplinaryForm"
+            label-width="110px"
+            label-position="right"
+        >
+          <el-form-item
+              label="时间"
+              prop="starTime"
+              :rules="[
+              { required: true, message: '请选择违纪时间', trigger: 'change' },
+            ]"
+          >
+            <el-date-picker
+                size="small"
+                v-model="disciplinaryForm.starTime"
+                type="month"
+                placeholder="请选择违纪时间"
+                style="width: 230px"
+                format="yyyy-MM"
+                :value-format="'yyyy-MM-dd' + ' 00:00:00'"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item
+              label="违纪原因"
+              prop="disciplinaryInfo"
+              :rules="[
+              { required: true, message: '请输入违纪原因', trigger: 'blur' },
+            ]"
+          >
+            <el-input
+                size="small"
+                v-model="disciplinaryForm.disciplinaryInfo"
+                placeholder="请输入违纪原因"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              label="处理结果"
+              prop="result"
+              :rules="[
+              { required: true, message: '请输入处理结果', trigger: 'blur' },
+            ]"
+          >
+            <el-input
+                size="small"
+                v-model="disciplinaryForm.result"
+                placeholder="请输入处理结果"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </ai-dialog>
+    </template>
+    <template #footer>
+      <el-button @click="cancel">取消</el-button>
+      <el-button type="primary" @click="confirm">提交</el-button>
+    </template>
+  </ai-detail>
+</template>
+
+<script>
+import {mapState} from "vuex";
+export default {
+  name: "Add",
+
+  props: {
+    instance: Function,
+    dict: Object,
+    selected: Object
+  },
+  computed: {
+     ...mapState(["user"]),
+    isEdit() {
+      return !!this.$route.query.id;
+    },
+  },
+  data() {
+    const validatorPhone = function (rule, value, callback) {
+      if (value === "") {
+        callback(new Error("请输入手机号"));
+      } else if (!/^1\d{10}$/.test(value)) {
+        callback(new Error("手机号格式错误"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      info: {},
+      validatorPhone: validatorPhone,
+      form: {
+        name: "",
+        partyOrgId: "",
+        idNumber: "",
+        sex: "",
+        fileId: "",
+        birthday: "",
+        age: "",
+        nation: "",
+        partyOrgName: "",
+        birthplaceAreaId: "",
+        householdAreaId: "",
+        householdAddress: "",
+        phone: "",
+        currentAreaId: "",
+        currentAddress: "",
+        partyStatus: "",
+        partyType: "",
+        joinPartyTime: "",
+        turnPositiveTime: "",
+        joinPartyIntroducer: "",
+        partyPosition: "",
+        partyStartDate: "",
+        partyWork: "",
+        flowStatus: "",
+        flowOrgId: "",
+        flowTime: "",
+        disciplinaryInfoList: [],
+        starList: [],
+        workInfoList: [],
+        outFlow: "",
+        lossTime: "",
+        inTime: "",
+        education: "",
+        isOutstandingParty: "0"
+      },
+      isShowStarForm: false,
+      isShowJobForm: false,
+      jobForm: {
+        date: [],
+        company: "",
+        position: "",
+      },
+      jobId: "",
+      starForm: {
+        starTime: "",
+        level: 1,
+      },
+      disciplinaryId: "",
+      isShowDisciplinaryForm: false,
+      disciplinaryForm: {
+        starTime: "",
+        disciplinaryInfo: "",
+        result: "",
+      },
+      starId: "",
+      activeName: "五星党员",
+      textlist: ["一星党员", "二星党员", "三星党员", "四星党员", "五星党员"],
+      colConfigs1: [
+        {
+          prop: "starTime",
+          label: "职位",
+          align: "center",
+          formart: (v) => (v ? v.split(" ")[0] : "-"),
+        },
+        {
+          prop: "starTime",
+          label: "姓名",
+          align: "center",
+          formart: (v) => (v ? v.split(" ")[0] : "-"),
+        },
+      ],
+      colConfigs2: [
+        {slot: "date"},
+        {prop: "company", label: "单位", align: "center"},
+        {prop: "position", label: "职务", align: "center"},
+      ],
+      colConfigs3: [
+        {
+          prop: "starTime",
+          label: "时间",
+          align: "center",
+          formart: (v) => (v ? v.split(" ")[0] : "-"),
+        },
+        {prop: "disciplinaryInfo", label: "违纪原因", align: "center"},
+        {prop: "result", label: "处理结果", align: "center"},
+      ],
+    };
+  },
+  created() {
+    this.dict.load(
+        "partyStatus",
+        "education",
+        "flowStatus",
+        "auditStatus",
+        "partyType",
+        "partyPosition",
+        "sex",
+        "nation"
+    );
+    if (this.isEdit) {
+      this.getInfo()
+    } else {
+      this.initOrg();
+    }
+
+  },
+  methods: {
+    flowStatusChange() {
+      this.form.flowOrgId = ''
+      this.form.flowTime = ''
+      this.form.outFlow = ''
+      this.form.inTime = ''
+      this.form.lossTime = ''
+    },
+    initOrg() {
+      let {id: partyOrgId, name: partyOrgName} = this.selected
+      this.form.partyOrgId = partyOrgId;
+      this.form.partyOrgName = partyOrgName;
+    },
+    remove(index, key) {
+      this.$confirm("确定删除该数据？").then(() => {
+        this.form[key].splice(index, 1);
+      });
+    },
+    getInfo() {
+      let {id} = this.$route.query;
+      id && this.instance.post(`/app/appparty/detail`, null, {
+        params: {id},
+      }).then((res) => {
+        if (res?.data) {
+          this.form = res.data
+        }
+      });
+    },
+    editStar(query, index) {
+      this.starForm = JSON.parse(JSON.stringify(query));
+      this.starId = index;
+      this.isShowStarForm = true;
+    },
+    editJob(query, index) {
+      this.jobForm = JSON.parse(JSON.stringify(query));
+      this.jobId = index;
+      this.isShowJobForm = true;
+    },
+    editDisciplinary(query, index) {
+      this.disciplinaryForm = JSON.parse(JSON.stringify(query));
+      this.disciplinaryId = index;
+      this.isShowDisciplinaryForm = true;
+    },
+    idChange(val) {
+      let info = this.idCardNoUtil.getIdCardInfo(val)
+      this.form.sex = info.sex || "";
+      this.form.birthday = info.birthday || "";
+      this.form.age = this.$calcAge(val) || "";
+    },
+    checkName(val) {
+      for (let i in this.form) {
+        for (let j in val) {
+          if (i == j) {
+            this.form[i] = val[j];
+          }
+        }
+      }
+      this.idChange(val.idNumber);
+      if (val.photo) {
+        this.imageUrl = val.photo.split(";")[0];
+      }
+      this.form.avatarUrl = val.photo;
+    },
+    onJobForm() {
+      this.$refs.jobForm.validate((valid) => {
+        if (valid) {
+          let info = JSON.parse(JSON.stringify({
+            ...this.jobForm,
+            starTime: this.jobForm.date[0],
+            endTime: this.jobForm.date[1],
+          }))
+          if (this.jobId !== "") {
+            this.form.workInfoList.splice(this.jobId, 1, info)
+          } else {
+            this.form.workInfoList.push(info)
+          }
+          this.isShowJobForm = false;
+        }
+      });
+    },
+    onStarForm() {
+      this.$refs.starForm.validate((valid) => {
+        if (valid) {
+          let info = JSON.parse(JSON.stringify(this.starForm))
+          if (this.starId !== "") {
+            this.form.starList.splice(this.starId, 1, info)
+          } else {
+            this.form.starList.push(info)
+          }
+          this.isShowStarForm = false;
+        }
+      });
+    },
+    onDisciplinarForm() {
+      this.$refs.disciplinaryForm.validate((valid) => {
+        if (valid) {
+          let info = JSON.parse(JSON.stringify(this.disciplinaryForm))
+          if (this.disciplinaryId !== "") {
+            this.form.disciplinaryInfoList.splice(this.disciplinaryId, 1, info)
+          } else {
+            this.form.disciplinaryInfoList.push(info)
+          }
+          this.isShowDisciplinaryForm = false;
+        }
+      });
+    },
+    onClose() {
+      this.starId = "";
+      this.jobId = "";
+      this.disciplinaryId = "";
+      this.starForm.level = 0;
+      this.starForm.id = "";
+      this.starForm.starTime = "";
+      this.jobForm.date = [];
+      this.jobForm.company = "";
+      this.jobForm.id = "";
+      this.jobForm.position = "";
+      this.disciplinaryForm.starTime = "";
+      this.disciplinaryForm.id = "";
+      this.disciplinaryForm.disciplinaryInfo = "";
+      this.disciplinaryForm.result = "";
+    },
+    addForm(type) {
+      if (type === "五星党员") {
+        this.isShowStarForm = true;
+      } else if (type === "工作信息") {
+        this.isShowJobForm = true;
+      } else {
+        this.isShowDisciplinaryForm = true;
+      }
+    },
+    confirm() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.instance.post(`/app/appparty/addOrUpdate`, {
+            ...this.form
+          })
+          .then((res) => {
+            if (res.code == 0) {
+              this.$message.success(this.isEdit ? "编辑成功" : "添加成功");
+              setTimeout(() => {
+                this.cancel(true);
+              }, 600);
+            }
+          });
+        }
+      });
+    },
+    cancel() {
+      this.$router.push({});
+    },
+    handlePartyOrgSelect(e) {
+      let {isLeaf, name, id} = e?.[0] || {};
+      if (isLeaf == 1) {
+        this.form.partyOrgName = name;
+        this.form.partyOrgId = id;
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.party {
+  ::v-deep .el-input-group__append {
+    height: 32px;
+    margin: 0;
+    padding: 0;
+    border: none;
+
+    button {
+      margin: 0;
+      height: 32px;
+      color: #fff;
+    }
+
+    &:hover {
+      background: rgba(34, 102, 255, 0.9);
+      border-color: rgba(34, 102, 255, 0.9);
+      color: #fff;
+    }
+  }
+
+  ::v-deep.cardTabs {
+    .el-tabs__header {
+      padding: 0;
+    }
+  }
+
+  .audit-0 {
+    color: #ff8822 !important;
+  }
+
+  .audit-1 {
+    color: #2ea222 !important;
+  }
+  ::v-deep .ai-form .el-form-item .el-form-item__content {
+    margin-left: 174px!important;
+  }
+  ::v-deep .ai-form .el-form-item,
+  ::v-deep .el-form-item {
+    margin-bottom: 8px!important;
+  }
+}
+</style>
diff --git a/project/pingchang/apps/AppRecruitPartyMembers/components/Detail.vue b/project/pingchang/apps/AppRecruitPartyMembers/components/Detail.vue
new file mode 100644
index 00000000..ce8ccc30
--- /dev/null
+++ b/project/pingchang/apps/AppRecruitPartyMembers/components/Detail.vue
@@ -0,0 +1,372 @@
+<template>
+  <ai-detail class="party-detail">
+    <template slot="title">
+      <ai-title
+        title="党员信息详情"
+        isShowBack
+        isShowBottomBorder
+        @onBackClick="cancel(true)"
+      ></ai-title>
+    </template>
+    <template slot="content">
+      <div>
+        <ai-card title="基本信息">
+          <template #content>
+            <ai-wrapper label-width="72px">
+              <ai-avatar
+                class="party-avatar"
+                v-model="info.avatarUrl"
+                :editable="false"
+              ></ai-avatar>
+              <ai-info-item label="姓名">{{ info.name }}</ai-info-item>
+              <ai-info-item
+                label="性别"
+                :value="dict.getLabel('sex', info.sex)"
+              ></ai-info-item>
+              <ai-info-item label="身份证号">
+                <ai-id mode="show" :value="info.idNumber" rightBtn />
+              </ai-info-item>
+              <ai-info-item
+                label="民族"
+                :value="dict.getLabel('nation', info.nation)"
+              ></ai-info-item>
+              <ai-info-item
+                label="出生日期"
+                :value="info.birthday"
+              ></ai-info-item>
+              <ai-info-item label="年龄">{{ info.age }}</ai-info-item>
+              <ai-info-item label="发展状态">{{ info.age }}</ai-info-item>
+              <ai-info-item
+                label="籍贯"
+                isLine
+                :value="info.birthplaceAreaName"
+              ></ai-info-item>
+              <ai-info-item
+                label="户籍地"
+                isLine
+                :value="info.householdAreaName"
+              ></ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        <ai-card title="联络信息">
+          <template #content>
+            <ai-wrapper label-width="72px">
+              <ai-info-item label="联系方式">{{ info.name }}</ai-info-item>
+              <ai-info-item
+                label="现住址"
+                isLine
+                :value="info.householdAreaName"
+              ></ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        <ai-card title="团籍信息">
+          <template #content>
+            <ai-wrapper label-width="72px">
+              <ai-info-item label="入团日期">{{ info.name }}</ai-info-item>
+              <ai-info-item label="文化程度">{{ info.name }}</ai-info-item>
+              <ai-info-item label="学位职称">{{ info.name }}</ai-info-item>
+              <ai-info-item label="奖励情况" isLine :value="info.householdAreaName"></ai-info-item>
+              <ai-info-item label="处分情况" isLine :value="info.householdAreaName"></ai-info-item>
+              <ai-info-item label="简历" isLine :value="info.householdAreaName"></ai-info-item>
+              <ai-info-item label="附件" isLine>
+                <ai-file-list v-if="info.files && info.files.length"
+                  :fileList="info.files"
+                  :fileOps="{ name: 'name', size: 'fileSizeStr' }"
+                ></ai-file-list>
+              </ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        <ai-card title="申请入学">
+          <template #content>
+            <ai-wrapper label-width="72px">
+              <ai-info-item label="申请入学时间">{{ info.name }}</ai-info-item>
+              <ai-info-item
+                label="申请入学形式"
+                isLine
+                :value="info.householdAreaName"
+              ></ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        
+
+
+      </div>
+    </template>
+  </ai-detail>
+</template>
+
+<script>
+import { mapState } from "vuex";
+
+export default {
+  name: "detail",
+
+  props: {
+    instance: Function,
+    dict: Object,
+    params: Object,
+  },
+
+  data() {
+    return {
+      info: {},
+      isShowStarForm: false,
+      isShowJobForm: false,
+      jobForm: {
+        date: [],
+        company: "",
+        position: "",
+      },
+      jobId: "",
+      starForm: {
+        starTime: "",
+        level: 1,
+      },
+      disciplinaryId: "",
+      isShowDisciplinaryForm: false,
+      disciplinaryForm: {
+        starTime: "",
+        disciplinaryInfo: "",
+        result: "",
+      },
+      starId: "",
+      activeName: "五星党员",
+      textlist: ["一星党员", "二星党员", "三星党员", "四星党员", "五星党员"],
+      colConfigs1: [
+        {
+          prop: "starTime",
+          label: "评定时间",
+          align: "center",
+          formart: (v) => (v ? v.split(" ")[0] : "-"),
+        },
+        { slot: "level" },
+      ],
+      colConfigs2: [
+        { slot: "date" },
+        { prop: "company", label: "单位", align: "center" },
+        { prop: "position", label: "职务", align: "center" },
+      ],
+      colConfigs3: [
+        {
+          prop: "starTime",
+          label: "时间",
+          align: "center",
+          formart: (v) => (v ? v.split(" ")[0] : "-"),
+        },
+        { prop: "disciplinaryInfo", label: "违纪原因", align: "center" },
+        { prop: "result", label: "处理结果", align: "center" },
+      ],
+    };
+  },
+
+  computed: {
+    ...mapState(["user"]),
+  },
+
+  created() {
+    this.getInfo();
+  },
+
+  methods: {
+    getInfo() {
+      let { id } = this.$route.query;
+      id &&
+        this.instance
+          .post(`/app/appparty/detail`, null, {
+            params: { id },
+          })
+          .then((res) => {
+            if (res?.data) {
+              this.info = res.data;
+              if (this.info.birthday) {
+                this.info.birthday = this.info.birthday.substring(0, 10);
+              }
+            }
+          });
+    },
+    remove(id, apiUrl) {
+      this.$confirm("确定删除该数据？").then(() => {
+        this.instance.post(`${apiUrl}?ids=${id}`).then((res) => {
+          if (res.code == 0) {
+            this.getInfo();
+            this.$message.success("删除成功！");
+          }
+        });
+      });
+    },
+    editJob(query) {
+      this.jobForm = {
+        ...query,
+        date: [query.starTime, query.endTime],
+      };
+      this.jobId = query.id;
+
+      this.isShowJobForm = true;
+    },
+    editStar(query) {
+      this.starForm = {
+        ...query,
+      };
+      this.starId = query.id;
+
+      this.isShowStarForm = true;
+    },
+
+    editDisciplinary(query) {
+      this.disciplinaryForm = {
+        ...query,
+      };
+      this.disciplinaryId = query.id;
+
+      this.isShowDisciplinaryForm = true;
+    },
+
+    onDisciplinarForm() {
+      this.$refs.disciplinaryForm.validate((valid) => {
+        if (valid) {
+          this.instance
+            .post(`/app/apppartydisciplinaryinfo/addOrUpdate`, {
+              ...this.disciplinaryForm,
+              partyId: this.params.id,
+            })
+            .then((res) => {
+              if (res.code == 0) {
+                this.isShowDisciplinaryForm = false;
+                this.getInfo();
+                this.$message.success(this.jobId ? "编辑成功" : "新增成功");
+              }
+            });
+        }
+      });
+    },
+
+    onJobForm() {
+      this.$refs.jobForm.validate((valid) => {
+        if (valid) {
+          this.instance
+            .post(`/app/apppartyworkinfo/addOrUpdate`, {
+              ...this.jobForm,
+              starTime: this.jobForm.date[0],
+              endTime: this.jobForm.date[1],
+              partyId: this.params.id,
+            })
+            .then((res) => {
+              if (res.code == 0) {
+                this.isShowJobForm = false;
+                this.getInfo();
+                this.$message.success(this.jobId ? "编辑成功" : "新增成功");
+              }
+            });
+        }
+      });
+    },
+
+    onStarForm() {
+      this.$refs.starForm.validate((valid) => {
+        if (valid) {
+          this.instance
+            .post(`/app/apppartyfivestar/addOrUpdate`, {
+              ...this.starForm,
+              idNumber: this.info.idNumber,
+              partyId: this.params.id,
+            })
+            .then((res) => {
+              if (res.code == 0) {
+                this.isShowStarForm = false;
+                this.getInfo();
+                this.$message.success(this.starId ? "编辑成功" : "新增成功");
+              }
+            });
+        }
+      });
+    },
+
+    onClose() {
+      this.starId = "";
+      this.jobId = "";
+      this.disciplinaryId = "";
+      this.starForm.level = 0;
+      this.starForm.id = "";
+      this.starForm.starTime = "";
+      this.jobForm.date = [];
+      this.jobForm.company = "";
+      this.jobForm.id = "";
+      this.jobForm.position = "";
+      this.disciplinaryForm.starTime = "";
+      this.disciplinaryForm.id = "";
+      this.disciplinaryForm.disciplinaryInfo = "";
+      this.disciplinaryForm.result = "";
+    },
+
+    addForm(type) {
+      if (type === "五星党员") {
+        this.isShowStarForm = true;
+      } else if (type === "工作信息") {
+        this.isShowJobForm = true;
+      } else {
+        this.isShowDisciplinaryForm = true;
+      }
+    },
+
+    cancel() {
+      this.$router.push({});
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.party-detail {
+  ::v-deep .AiID {
+    line-height: 1.4;
+    color: #222;
+
+    .el-button {
+      height: auto;
+      padding: 0 8px 0 0;
+    }
+  }
+
+  .party-avatar {
+    position: absolute;
+    right: 100px;
+  }
+}
+
+.audit-0 {
+  color: #ff8822 !important;
+}
+
+.audit-1 {
+  color: #2ea222 !important;
+}
+
+.add-btn {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10px 0 20px;
+
+  div {
+    display: flex;
+    align-items: center;
+    color: #2266ff;
+    font-size: 14px;
+
+    &:hover {
+      opacity: 0.6;
+      cursor: pointer;
+      user-select: none;
+    }
+
+    i {
+      line-height: 1;
+      margin-right: 4px;
+    }
+  }
+}
+</style>
diff --git a/project/pingchang/apps/AppRecruitPartyMembers/components/List.vue b/project/pingchang/apps/AppRecruitPartyMembers/components/List.vue
new file mode 100644
index 00000000..8ead6764
--- /dev/null
+++ b/project/pingchang/apps/AppRecruitPartyMembers/components/List.vue
@@ -0,0 +1,298 @@
+<template>
+  <ai-list class="partyList">
+    <template slot="title">
+      <ai-title title="发展党员" isShowBottomBorder/>
+    </template>
+    <template #left>
+      <ai-tree-menu title="组织目录" searchPlaceholder="请输入党组织名称" @search="onSearch">
+        <ai-party-tree
+            :filter-node-method="filterNode"
+            ref="tree"
+            :instance="instance"
+            :root="user.info.organizationId"
+            :current-node-key="selected.id"
+            @select="onTreeChange"/>
+      </ai-tree-menu>
+
+    </template>
+    <template slot="content">
+      <ai-search-bar>
+        <template #left>
+          <ai-select v-model="search.sex" placeholder="请选择性别" :selectList="dict.getDict('sex')"
+            @change="search.current = 1, getList()"></ai-select>
+          <ai-search label="年龄">
+            <ai-range v-model="search.age" ref="resetagefoo" @change="search.current = 1, getList()"
+              @closeVal="search.age = []"/>
+          </ai-search>
+          <!-- <ai-select v-model="search.nation" placeholder="请选择民族" :selectList="dict.getDict('nation')"
+                     @change="search.current = 1, getList()"></ai-select>
+          <ai-select v-model="search.partyStatus" placeholder="请选择党籍状态" :selectList="dict.getDict('partyStatus')"
+                     @change="search.current = 1, getList()"></ai-select>
+          <ai-select v-model="search.flowStatus" placeholder="请选择流动状态" :selectList="dict.getDict('flowStatus')"
+                     @change="search.current = 1, getList()"></ai-select>
+          <ai-select v-model="search.education" placeholder="请选择文化程度" :selectList="dict.getDict('education')"
+                     @change="search.current = 1, getList()"></ai-select>
+          <ai-select v-model="search.partyPosition" placeholder="请选择党内职务" :selectList="dict.getDict('partyPosition')"
+                     @change="search.current = 1, getList()"></ai-select>
+          <ai-select v-model="search.disciplinary" placeholder="请选择违纪情况" :selectList="dict.getDict('disciplinary')"
+                     @change="search.current = 1, getList()"></ai-select>
+          <ai-search label="出生日期">
+            <el-date-picker
+                size="small"
+                v-model="search.birthStart"
+                type="date"
+                placeholder="开始日期"
+                format="yyyy-MM-dd"
+                style="width: 180px"
+                @change="search.current = 1, getList()"
+                clearable
+                :value-format="'yyyy-MM-dd'+' 00:00:00'"/>
+            <el-date-picker
+                size="small"
+                v-model="search.birthEnd"
+                type="date"
+                placeholder="结束日期"
+                format="yyyy-MM-dd"
+                style="width: 180px"
+                @change="search.current = 1, getList()"
+                clearable
+                :value-format="'yyyy-MM-dd'+' 23:59:59'"/>
+          </ai-search> -->
+          <ai-search label="入学时间">
+            <el-date-picker
+                size="small"
+                v-model="search.joinPartyStart"
+                type="date"
+                style="width: 180px"
+                placeholder="开始日期"
+                format="yyyy-MM-dd"
+                @change="search.current = 1, getList()"
+                clearable
+                :value-format="'yyyy-MM-dd'+' 00:00:00'">
+            </el-date-picker>
+            <el-date-picker
+                size="small"
+                v-model="search.joinPartyEnd"
+                type="date"
+                style="width: 180px"
+                placeholder="结束日期"
+                format="yyyy-MM-dd"
+                @change="search.current = 1, getList()"
+                clearable
+                :value-format="'yyyy-MM-dd'+' 23:59:59'">
+            </el-date-picker>
+          </ai-search>
+        </template>
+        <template slot="right">
+          <el-input
+              v-model="search.con"
+              size="small"
+              placeholder="请输入姓名或身份证"
+              clearable
+              @change="search.current=1,getList()"
+              suffix-icon="iconfont iconSearch"/>
+        </template>
+      </ai-search-bar>
+      <ai-search-bar>
+        <template #left>
+          <el-button size="small" :disabled="!isShowAddBtn" type="primary" icon="iconfont iconAdd" @click="toAdd()">添加</el-button>
+          <el-button size="small" :disabled="!ids.length"  icon="iconfont iconDelete" @click="toAdd()">删除</el-button>
+        </template>
+        <!-- <template #right>
+          <ai-import :instance="instance" :dict="dict" type="appparty" name="发展党员" @success="getList()"></ai-import>
+          <ai-download :instance="instance" :params="exportQuery" url="/app/appparty/export2" fileName="党员明细"/>
+        </template> -->
+      </ai-search-bar>
+      <ai-table
+          :dict="dict"
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total"
+          v-loading="loading"
+          style="margin-top: 6px;"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @handleSelectionChange="handleSelectionChange"
+          @getList="getList">
+        <el-table-column slot="options" width="220px" fixed="right" label="操作" align="center">
+          <template slot-scope="{ row }">
+            <div class="table-options">
+              <el-button type="text" @click="toDetail(row.id)">详情</el-button>
+              <el-button type="text" @click="remove(row.id)">删除</el-button>
+
+              <!-- <el-button type="text" @click="toAdd(row.id)">编辑</el-button>
+              <el-button type="text" @click="showNeighbourSetting(row.id)"
+                         v-if="permissions('app_apppartyfourresident_detail')">四邻设置
+              </el-button> -->
+            </div>
+          </template>
+        </el-table-column>
+        <div slot="paginationBtns" class="party-table__btns">
+          <span style="margin-right: 8px;" @click="removeAll">批量删除</span>
+        </div>
+      </ai-table>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+
+export default {
+  name: 'List',
+
+  props: {
+    instance: Function,
+    permissions: Function,
+    dict: Object,
+    selected: Object
+  },
+  data() {
+    return {
+      search: {
+        current: 1,
+        size: 10,
+        con: '',
+        age: [],
+        sex: '',
+        nation: '',
+        partyStatus: '',
+        flowStatus: '',
+        education: '',
+        partyPosition: '',
+        birthStart: '',
+        birthEnd: '',
+        turnPositiveStart: '',
+        turnPositiveEnd: '',
+        joinPartyStart: '',
+        joinPartyEnd: ''
+      },
+      orgName: '',
+      loading: false,
+      total: 0,
+      colConfigs: [
+        {type: 'selection', label: ''},
+        {prop: 'name', label: '姓名', align: 'center'},
+        {prop: 'sex', label: '性别', align: 'center', dict: 'sex'},
+        {prop: 'age', label: '年龄', align: 'center'},
+        {prop: 'joinPartyTime', label: '入学申请日期', align: 'center'},
+        {prop: 'flowStatus', label: '发展状态', align: 'center', dict: 'flowStatus'},
+      ],
+      tableData: [],
+      ids: '',
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    orgTree() {
+      return this.$refs.tree?.$refs?.partyTree
+    },
+    exportQuery() {
+      let {id: partyOrgId} = this.selected
+      return {
+        ids: this.ids ? this.ids.split(',') : [],
+        ...this.search, partyOrgId
+      }
+    },
+    isShowAddBtn() {
+      return this.selected.isLeaf == 1
+    }
+  },
+  created() {
+    this.dict.load('disciplinary', 'partyType', 'sex', 'nation', 'education', 'partyStatus', 'partyPosition', 'flowStatus', 'auditStatus')
+    this.getList()
+  },
+  methods: {
+    showNeighbourSetting(id) {
+      this.$router.push({query: {id}, hash: "#ns"})
+    },
+    onTreeChange(e) {
+      this.$emit("update:selected", e)
+      this.getList(e.id)
+    },
+
+    onSearch(v) {
+      this.orgTree.filter(v)
+    },
+
+    getList(partyOrgId) {
+      if (!this.user.info.organizationId) return
+
+      this.loading = true
+      partyOrgId = partyOrgId || this.selected.id
+      this.instance.post(`/app/appparty/list`, null, {
+        params: {partyOrgId, ...this.search, age: this.search.age?.join(',')}
+      }).then(res => {
+        this.loading = false
+        if (res?.data) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        }
+      }).catch(() => {
+        this.loading = false
+      })
+    },
+    removeAll() {
+      if (!this.ids) {
+        return this.$message.error('请选择党员')
+      }
+      this.remove(this.ids)
+    },
+    handleSelectionChange(e) {
+      this.ids = e.map(v => v.id).join(',')
+    },
+    filterNode(value, data) {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    },
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appparty/delete?ids=${id}`).then(res => {
+          if (res.code == 0) {
+            this.$message.success('删除成功！')
+            this.getList()
+          }
+        })
+      })
+    },
+    toDetail(id) {
+      this.$router.push({query: {id}})
+    },
+    toAdd(id) {
+      this.$router.push({query: {id}, hash: "#add"})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.partyList {
+  .party-table__btns {
+    display: flex;
+    align-items: center;
+  }
+
+  ::v-deep .audit-0 {
+    color: #FF8822 !important;
+  }
+
+  ::v-deep .audit-1 {
+    color: #2EA222 !important;
+  }
+
+  ::v-deep .ai-list__content--right {
+    flex: 1;
+    min-width: 0;
+    margin-left: 1px;
+    box-shadow: none;
+
+    .ai-list__content--right-wrapper {
+      width: 100%;
+    }
+  }
+  ::v-deep .is-current>.el-tree-node__content{
+    width: 100%!important;
+    padding-right: 16px!important;
+  }
+}
+</style>
diff --git a/project/pingchang/apps/AppRecruitPartyMembers/components/neighbourSetting.vue b/project/pingchang/apps/AppRecruitPartyMembers/components/neighbourSetting.vue
new file mode 100644
index 00000000..90740316
--- /dev/null
+++ b/project/pingchang/apps/AppRecruitPartyMembers/components/neighbourSetting.vue
@@ -0,0 +1,228 @@
+<template>
+  <section class="neighbourSetting">
+    <ai-list>
+      <ai-title slot="title" title="四邻设置" isShowBottomBorder isShowBack @onBackClick="back"/>
+      <template #content>
+        <ai-search-bar>
+          <template #left>
+            <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true">添加</el-button>
+            <el-button icon="iconfont iconDelete" :disabled="!search.ids" @click="handleDelete(search.ids)">删除
+            </el-button>
+          </template>
+          <template #right>
+            <el-input size="small" placeholder="搜索户主姓名" v-model="search.residentName" clearable
+                      @change="page.current=1,getTableData()" suffix-icon="iconfont iconSearch"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict"
+                  @selection-change="v=>search.ids=v.map(e=>e.pfrId).toString()">
+          <el-table-column slot="options" label="操作" fixed="right" align="center">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="handleDelete(row.pfrId)">删除</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog title="添加户主" :visible.sync="dialog" @closed="clearDialog" @onConfirm="submit"
+               width="1200px">
+      <ai-area-get v-model="form.areaId" :instance="instance" :root="user.info.areaId"
+                   @change="list.current=1,getResident()"/>
+      <el-row type="flex" class="mar-t16">
+        <ai-table ref="Residents" :tableData="residents" :total="list.total" :current.sync="list.current"
+                  :size.sync="list.size" class="fill" border height="360px" @getList="getResident"
+                  :col-configs="[{slot: 'resident'}]" layout="slot,->, prev, pager, next, jumper" :pagerCount="5">
+          <el-table-column slot="resident">
+            <template #header>
+              <b v-text="`户主信息列表`"/>
+              <el-input class="fill searchbar" v-model="list.con" size="small" placeholder="搜索姓名/身份证号" clearable
+                        @change="list.current=1,getResident()"/>
+            </template>
+            <template slot-scope="{row}">
+              <el-row type="flex" justify="space-between" @click.native="handleSelectResident(row)" class="toggle"
+                      :class="{selected:findResident(row.id)>-1}">
+                <span v-text="row.name"/>
+                <span v-text="idCardNoUtil.hideId(row.idNumber)"/>
+              </el-row>
+            </template>
+          </el-table-column>
+        </ai-table>
+        <ai-table :tableData="form.residentList" :col-configs="[{slot:'resident'}]" :isShowPagination="false" border
+                  height="360px">
+          <el-table-column slot="resident">
+            <template #header>
+              <b v-text="`已选择`"/>
+              <el-button type="text" @click="form.residentList=[]">清空</el-button>
+            </template>
+            <template slot-scope="{row,$index}">
+              <el-row type="flex" align="middle" justify="space-between">
+                <div v-text="[row.residentName, idCardNoUtil.hideId(row.idNumber)].join(' ')"/>
+                <el-button type="text" @click="form.residentList.splice($index,1)">删除</el-button>
+              </el-row>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </el-row>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "neighbourSetting",
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+  computed: {
+    ...mapState(['user']),
+    colConfigs() {
+      return [
+        {type: 'selection'},
+        {label: "户主姓名", prop: "name"},
+        {label: "身份证号", prop: "idNumber"},
+        {label: "联系方式", prop: "phone"},
+        {label: "添加时间", prop: "createTime"},
+        {slot: "options"}
+      ]
+    },
+  },
+  data() {
+    return {
+      search: {residentName: "", ids: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      dialog: false,
+      form: {areaId: "", residentList: []},
+      residents: [],
+      list: {current: 1, size: 10, total: 0},
+    }
+  },
+  methods: {
+    back() {
+      this.$router.push({})
+    },
+    getTableData() {
+      this.instance.post("/app/apppartyfourresident/listFourResident", null, {
+        params: {...this.page, ...this.search}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data?.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    handleDelete(ids) {
+      this.$confirm("是否要删除户主?").then(() => {
+        this.instance.post("/app/apppartyfourresident/delete", null, {
+          params: {ids}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功!")
+            this.getTableData()
+          }
+        })
+      }).catch(() => 0)
+    },
+    submit() {
+      this.instance.post("/app/apppartyfourresident/add", this.form).then(res => {
+        if (res?.code == 0) {
+          this.$message.success("提交成功!")
+          this.dialog = false
+          this.getTableData()
+        }
+      })
+    },
+    getResident() {
+      let {areaId} = this.form
+      areaId = areaId || this.user.info.areaId
+      this.instance.post("/app/appresident/list", null, {
+        params: {householdName: 1, areaId, ...this.list, auditStatus: 1}
+      }).then(res => {
+        if (res?.data) {
+          // this.residents = res.data.records?.map(e => ({dictValue: e.id, dictName: e.name}))
+          this.residents = res.data.records
+          this.list.total = res.data.total
+          this.$refs.Residents.doLayout()
+        }
+      })
+    },
+    handleSelectResident(row) {
+      let {id: partyId} = this.$route.query
+      let index = this.findResident(row.id)
+      if (index > -1) {
+        this.form.residentList.splice(index, 1)
+      } else {
+        let {id: residentId, name: residentName, idNumber} = row
+        this.form.residentList.push({residentId, residentName, idNumber, partyId})
+      }
+      this.$forceUpdate()
+    },
+    findResident(id) {
+      return this.form.residentList?.findIndex(e => e.residentId == id)
+    },
+    clearDialog() {
+      this.form = {residentList: []}
+      this.residents = []
+      this.list = {current: 1, size: 10, total: 0}
+    }
+  },
+  created() {
+    this.search.partyId = this.$route.query.id
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.neighbourSetting {
+  height: 100%;
+
+  .mar-t16 {
+    margin-top: 16px;
+  }
+
+  ::v-deep.ai-dialog__content {
+    .ai-dialog__content--wrapper {
+      padding-right: 0;
+      display: flex;
+      flex-direction: column;
+
+      .el-row {
+        width: 100%;
+
+        .ai-table + .ai-table {
+          margin-left: 16px;
+          width: 400px;
+
+          .ai-table__header > .cell {
+            line-height: 40px;
+          }
+        }
+      }
+
+      .toggle {
+        cursor: pointer;
+
+        &.selected {
+          color: #26f;
+        }
+      }
+
+
+      .ai-table__header > .cell {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+    }
+  }
+
+  ::v-deep.searchbar {
+    padding-right: 0;
+  }
+}
+</style>