From 9bf9905bf766e4bdf855eb0a03805e5d48e87d67 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Fri, 11 Nov 2022 17:20:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=B3=E6=98=8C=E5=85=9A=E5=91=98=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../apps/AppPartyMember/AppPartyMember.vue    |   58 +
 .../apps/AppPartyMember/components/Add.vue    | 1095 +++++++++++++++++
 .../apps/AppPartyMember/components/Detail.vue |  507 ++++++++
 .../apps/AppPartyMember/components/List.vue   |  319 +++++
 .../components/neighbourSetting.vue           |  230 ++++
 5 files changed, 2209 insertions(+)
 create mode 100644 project/pingchang/apps/AppPartyMember/AppPartyMember.vue
 create mode 100644 project/pingchang/apps/AppPartyMember/components/Add.vue
 create mode 100644 project/pingchang/apps/AppPartyMember/components/Detail.vue
 create mode 100644 project/pingchang/apps/AppPartyMember/components/List.vue
 create mode 100644 project/pingchang/apps/AppPartyMember/components/neighbourSetting.vue

diff --git a/project/pingchang/apps/AppPartyMember/AppPartyMember.vue b/project/pingchang/apps/AppPartyMember/AppPartyMember.vue
new file mode 100644
index 00000000..0d67cbe9
--- /dev/null
+++ b/project/pingchang/apps/AppPartyMember/AppPartyMember.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="AppPartyMember">
+    <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: 'AppPartyMember',
+  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>
+.AppPartyMember {
+  height: 100%;
+}
+</style>
diff --git a/project/pingchang/apps/AppPartyMember/components/Add.vue b/project/pingchang/apps/AppPartyMember/components/Add.vue
new file mode 100644
index 00000000..9b85855e
--- /dev/null
+++ b/project/pingchang/apps/AppPartyMember/components/Add.vue
@@ -0,0 +1,1095 @@
+<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="110px" 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>
+              </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="党籍状态"
+                prop="partyStatus"
+                :rules="[
+                {
+                  required: true,
+                  message: '请选择党籍状态',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <ai-select
+                  v-model="form.partyStatus"
+                  placeholder="请选择党籍状态"
+                  :selectList="dict.getDict('partyStatus')"
+              ></ai-select>
+            </el-form-item>
+            <el-form-item
+                label="党员类型"
+                prop="partyType"
+                :rules="[
+                {
+                  required: true,
+                  message: '请选择党员类型',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <ai-select
+                  v-model="form.partyType"
+                  placeholder="请选择党员类型"
+                  :selectList="dict.getDict('partyType')"
+              ></ai-select>
+            </el-form-item>
+            <el-form-item
+                label="入党时间"
+                prop="joinPartyTime"
+                :rules="[
+                {
+                  required: true,
+                  message: '请选择入党时间',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <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="转正日期" prop="turnPositiveTime">
+              <el-date-picker
+                  size="small"
+                  v-model="form.turnPositiveTime"
+                  type="date"
+                  placeholder="请选择转正日期"
+                  style="width: 100%"
+                  format="yyyy-MM-dd"
+                  :value-format="'yyyy-MM-dd' + ' 00:00:00'"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="入党介绍人" prop="joinPartyIntroducer">
+              <el-input
+                  size="small"
+                  v-model="form.joinPartyIntroducer"
+                  placeholder="请输入入党介绍人"
+                  :maxLength="15"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="党内职务" prop="partyPosition">
+              <ai-select
+                  v-model="form.partyPosition"
+                  placeholder="请选择党内职务"
+                  :selectList="dict.getDict('partyPosition')"
+              ></ai-select>
+            </el-form-item>
+            <el-form-item label="任职日期" prop="partyStartDate">
+              <el-date-picker
+                  size="small"
+                  v-model="form.partyStartDate"
+                  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="党内兼职" prop="partyWork">
+              <el-input
+                  size="small"
+                  v-model="form.partyWork"
+                  placeholder="请输入党内兼职"
+                  clearabel
+                  :maxLength="20"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="优秀党员" prop="isOutstandingParty">
+              <ai-select v-model="form.isOutstandingParty" :selectList="dict.getDict('yesOrNo')"/>
+            </el-form-item>
+          </div>
+        </ai-card>
+        <ai-card title="党员简介">
+          <template #content>
+            <el-form-item label="党员个人简介" prop="personalProfile">
+              <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="1000" show-word-limit
+                        rows="5" placeholder="请输入党员个人简介"/>
+            </el-form-item>
+          </template>
+        </ai-card>
+        <ai-card title="流动信息">
+          <div class="ai-form" slot="content">
+            <el-form-item
+                label="流动情况"
+                prop="flowStatus"
+                :rules="[
+                {
+                  required: true,
+                  message: '请选择流动情况',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <ai-select
+                  v-model="form.flowStatus"
+                  placeholder="请选择流动情况"
+                  :selectList="dict.getDict('flowStatus')"
+                  @change="flowStatusChange"
+              />
+            </el-form-item>
+            <el-form-item
+                label="流入组织"
+                prop="flowOrgId"
+                v-if="form.flowStatus == 1"
+                :rules="[
+                {
+                  required: true,
+                  message: '请输入流入组织',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <el-input
+                  size="small"
+                  v-model="form.flowOrgId"
+                  placeholder="请输入..."
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+                label="流入时间"
+                prop="flowTime"
+                v-if="form.flowStatus == 1"
+                :rules="[
+                {
+                  required: true,
+                  message: '请选择流入时间',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <el-date-picker
+                  size="small"
+                  v-model="form.flowTime"
+                  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="流出组织"
+                prop="outFlow"
+                v-if="form.flowStatus === '0'"
+                :rules="[
+                {
+                  required: true,
+                  message: '请输入流出组织',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <el-input
+                  size="small"
+                  v-model="form.outFlow"
+                  placeholder="请输入..."
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+                label="流出时间"
+                prop="inTime"
+                v-if="form.flowStatus === '0'"
+                :rules="[
+                {
+                  required: true,
+                  message: '请选择流出时间',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <el-date-picker
+                  size="small"
+                  v-model="form.inTime"
+                  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="失联时间"
+                prop="lossTime"
+                v-if="form.flowStatus == 2"
+                :rules="[
+                {
+                  required: true,
+                  message: '请选择失联时间',
+                  trigger: 'change',
+                },
+              ]"
+            >
+              <el-date-picker
+                  size="small"
+                  v-model="form.lossTime"
+                  type="date"
+                  placeholder="选择日期"
+                  style="width: 100%"
+                  format="yyyy-MM-dd"
+                  :value-format="'yyyy-MM-dd'"
+              ></el-date-picker>
+            </el-form-item>
+          </div>
+        </ai-card>
+        <ai-card title="文化程度">
+          <template #content>
+            <div class="ai-form">
+              <el-form-item label="文化程度" prop="education">
+                <ai-select
+                    v-model="form.education"
+                    placeholder="请选择文化程度"
+                    :selectList="dict.getDict('education')"
+                ></ai-select>
+              </el-form-item>
+            </div>
+            <el-tabs v-model="activeName" class="cardTabs">
+              <el-tab-pane label="五星党员" name="五星党员" lazy/>
+              <el-tab-pane label="工作信息" name="工作信息" lazy/>
+              <el-tab-pane label="违纪信息" name="违纪信息" lazy/>
+            </el-tabs>
+            <ai-search-bar>
+              <template #right>
+                <el-button type="text" icon="iconfont iconAdd" @click="addForm(activeName)">添加{{
+                    activeName
+                  }}
+                </el-button>
+              </template>
+            </ai-search-bar>
+            <ai-table
+                v-if="activeName === '五星党员'"
+                :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>
+      </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";
+import {ID} from "dvcp-ui/lib/js/utils";
+
+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] : "-"),
+        },
+        {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"},
+      ],
+    };
+  },
+  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 = new ID(val)
+      this.form.sex = info.sex || "";
+      this.form.birthday = info.birthday || "";
+      this.form.age = info.age
+    },
+    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;
+  }
+}
+</style>
diff --git a/project/pingchang/apps/AppPartyMember/components/Detail.vue b/project/pingchang/apps/AppPartyMember/components/Detail.vue
new file mode 100644
index 00000000..7ade57a4
--- /dev/null
+++ b/project/pingchang/apps/AppPartyMember/components/Detail.vue
@@ -0,0 +1,507 @@
+<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="info.birthday"></ai-info-item>
+              <ai-info-item label="年龄">{{ info.age }}</ai-info-item>
+              <ai-info-item label="民族" :value="dict.getLabel('nation', info.nation)"></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="审核状态">
+                <span :class="'audit-' + info.auditStatus">{{ dict.getLabel('auditStatus', info.auditStatus) }}</span>
+              </ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        <ai-card title="联络信息">
+          <template #content>
+            <ai-wrapper
+                label-width="72px">
+              <ai-info-item label="联系方式">{{ info.phone || '-' }}</ai-info-item>
+              <ai-info-item isLine label="现住址">{{
+                  ((info.currentAreaName || '') + (info.currentAddress || '')) || '-'
+                }}
+              </ai-info-item>
+              <ai-info-item label="所属党组织">{{ info.partyOrgName || '-' }}</ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        <ai-card title="党籍信息">
+          <template #content>
+            <ai-wrapper
+                label-width="72px">
+              <ai-info-item label="党籍状态" :value="dict.getLabel('partyStatus',info.partyStatus)"/>
+              <ai-info-item label="转正日期"
+                            :value="info.turnPositiveTime ? info.turnPositiveTime.split(' ')[0] : '-'"></ai-info-item>
+              <ai-info-item label="任职日期"
+                            :value="info.partyStartDate ? info.partyStartDate.split(' ')[0] : '-'"></ai-info-item>
+              <ai-info-item label="党员类型" :value="dict.getLabel('partyType', info.partyType)"></ai-info-item>
+              <ai-info-item label="入党时间">{{
+                  info.joinPartyTime ? info.joinPartyTime.split(' ')[0] : '-'
+                }}
+              </ai-info-item>
+              <ai-info-item label="党内兼职" :value="info.partyWork"></ai-info-item>
+              <ai-info-item label="党内职务" :value="dict.getLabel('partyPosition', info.partyPosition)"></ai-info-item>
+              <ai-info-item label="入党介绍人" :value="info.joinPartyIntroducer"></ai-info-item>
+              <ai-info-item label="优秀党员" :value="dict.getLabel('yesOrNo', info.isOutstandingParty)"></ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        <ai-card title="党员简介">
+          <template #content>
+            <div v-text="info.personalProfile"/>
+          </template>
+        </ai-card>
+        <ai-card title="流动信息">
+          <template #content>
+            <ai-wrapper
+                label-width="72px">
+              <ai-info-item label="流动情况" :value="dict.getLabel('flowStatus', info.flowStatus)"></ai-info-item>
+              <ai-info-item label="流入组织" v-if="info.flowStatus == 1" :value="info.flowOrgId"></ai-info-item>
+              <ai-info-item label="流入时间" v-if="info.flowStatus == 1"
+                            :value="info.flowTime ? info.flowTime.split(' ')[0] : '-'"></ai-info-item>
+              <ai-info-item label="流出组织" v-if="info.flowStatus == 0" :value="info.outFlow"></ai-info-item>
+              <ai-info-item label="流出时间" v-if="info.flowStatus == 0"
+                            :value="info.inTime ? info.inTime.split(' ')[0] : '-'"></ai-info-item>
+              <ai-info-item label="失联时间" v-if="info.flowStatus == 2"
+                            :value="info.lossTime ? info.lossTime.split(' ')[0] : '-'"></ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+        <ai-card title="文化程度">
+          <template #content>
+            <ai-wrapper
+                label-width="72px">
+              <ai-info-item label="学历" :value="dict.getLabel('education', info.education)"></ai-info-item>
+            </ai-wrapper>
+            <el-tabs v-model="activeName">
+              <el-tab-pane label="五星党员" name="五星党员" lazy></el-tab-pane>
+              <el-tab-pane label="工作信息" name="工作信息" lazy></el-tab-pane>
+              <el-tab-pane label="违纪信息" name="违纪信息" lazy></el-tab-pane>
+            </el-tabs>
+            <div class="add-btn">
+              <span></span>
+              <!-- <div @click="addForm(activeName)">
+                <i class="iconfont iconAdd"></i>
+                <span>添加{{ activeName }}</span>
+              </div> -->
+            </div>
+            <ai-table
+                v-if="activeName === '五星党员'"
+                :border="true"
+                :tableData="info.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 }">
+                  <div class="table-options">
+                    <el-button type="text" @click="editStar(row)">编辑</el-button>
+                    <el-button type="text" @click="remove(row.id, '/app/apppartyfivestar/delete')">删除</el-button>
+                  </div>
+                </template>
+              </el-table-column>
+            </ai-table>
+            <ai-table
+                v-if="activeName === '工作信息'"
+                :border="true"
+                :tableData="info.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 }">
+                  <div class="table-options">
+                    <el-button type="text" @click="editJob(row)">编辑</el-button>
+                    <el-button type="text" @click="remove(row.id, '/app/apppartyworkinfo/delete')">删除</el-button>
+                  </div>
+                </template>
+              </el-table-column>
+            </ai-table>
+            <ai-table
+                v-if="activeName === '违纪信息'"
+                :border="true"
+                :tableData="info.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 }">
+                  <div class="table-options">
+                    <el-button type="text" @click="editDisciplinary(row)">编辑</el-button>
+                    <el-button type="text" @click="remove(row.id, '/app/apppartydisciplinaryinfo/delete')">删除
+                    </el-button>
+                  </div>
+                </template>
+              </el-table-column>
+            </ai-table>
+          </template>
+        </ai-card>
+        <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>
+      </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/AppPartyMember/components/List.vue b/project/pingchang/apps/AppPartyMember/components/List.vue
new file mode 100644
index 00000000..09581733
--- /dev/null
+++ b/project/pingchang/apps/AppPartyMember/components/List.vue
@@ -0,0 +1,319 @@
+<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-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>
+          <ai-search label="年龄">
+            <ai-range v-model="search.age" ref="resetagefoo" @change="search.current = 1, getList()"
+                      @closeVal="search.age = []"/>
+          </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>
+        </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="toAdd(row.id)">编辑</el-button>
+              <el-button type="text" @click="remove(row.id)">删除</el-button>
+              <el-button type="text" @click="dialogVisible = true">审核</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>
+    <el-dialog width="644px" title="选择党组织" :visible.sync="dialogVisible" class="select-party">
+      <el-form ref="form" :model="form" :rules="formRules" size="small"  label-width="150px">
+        <el-form-item label="党组织">
+          <el-input size="small" disabled placeholder="请选择党组织" v-model="form.organizationName">
+            <template slot="append">
+              <ai-party :instance="instance" size="small" :value="form.partyOrgId" @origin="handlePartyOrgSelect"/>
+            </template>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="审核意见">
+          <el-input type="textarea" :rows="5" v-model="form.votingInstructions" placeholder="请输入" show-word-limit maxlength="500"></el-input>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+  </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: 'auditStatus', label: '审核状态', align: 'center',
+        //   render: (h, {row}) => h('span', {class: `audit-${row.auditStatus}`}, this.dict.getLabel('auditStatus', row.auditStatus))
+        // },
+        {prop: 'partyStatus', label: '党籍状态', align: 'center', dict: 'partyStatus'},
+        {prop: 'joinPartyTime', label: '入党日期', align: 'center'},
+        {prop: 'partyPosition', label: '党内职务', align: 'center', dict: 'partyPosition'},
+        {prop: 'flowStatus', label: '流动状态', align: 'center', dict: 'flowStatus'},
+      ],
+      tableData: [],
+      ids: '',
+      dialogVisible: false,  //弹窗
+    }
+  },
+  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/AppPartyMember/components/neighbourSetting.vue b/project/pingchang/apps/AppPartyMember/components/neighbourSetting.vue
new file mode 100644
index 00000000..c3e1bce7
--- /dev/null
+++ b/project/pingchang/apps/AppPartyMember/components/neighbourSetting.vue
@@ -0,0 +1,230 @@
+<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="ID.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, ID.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";
+import {ID} from "dvcp-ui/lib/js/utils";
+
+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 {
+      ID,
+      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>