diff --git a/src/views/modules/partymember/icpartymemberpayrecorddetail.vue b/src/views/modules/partymember/icpartymemberpayrecorddetail.vue
index 1c42ad7ea..307a3b6a3 100644
--- a/src/views/modules/partymember/icpartymemberpayrecorddetail.vue
+++ b/src/views/modules/partymember/icpartymemberpayrecorddetail.vue
@@ -1,41 +1,89 @@
 <template>
   <el-card shadow="never" class="aui-card--fill">
-    <div class="mod-partymember__icPartyMemberPayRecordDetail}">
+    <div class="mod-rent__rentDeath} resi-container">
+      <el-card ref="searchCard" class="search-card">
       <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-        <el-form-item>
-          <el-input v-model="dataForm.id" placeholder="id" clearable></el-input>
+        <el-form-item label="姓名"
+                      prop="name">
+          <el-input v-model="dataForm.name"
+                    size="small"
+                    class="list_item_width_1"
+                    clearable
+                    placeholder="请输入姓名">
+          </el-input>
         </el-form-item>
-        <el-form-item>
-          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        <el-form-item label="身份证"
+                      prop="idCard">
+          <el-input v-model="dataForm.idCard"
+                    size="small"
+                    class="list_item_width_1"
+                    clearable
+                    placeholder="请输入身份证">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="手机"
+                      prop="mobile">
+          <el-input v-model="dataForm.mobile"
+                    size="small"
+                    class="list_item_width_1"
+                    clearable
+                    placeholder="请输入手机">
+          </el-input>
+        </el-form-item>
+        <br/>
+        <el-form-item label="缴费年度" prop="year">
+          <el-date-picker
+                  v-model="dataForm.year"
+                  type="year"
+                  placeholder="选择年"
+                  value-format="yyyy"
+                  @change="yearChangeHandler">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="" prop="month">
+          <el-select v-model="dataForm.month" placeholder="选择月份" clearable :disabled="dataForm.year === '' || dataForm.year === null">
+            <el-option v-for="item in monthArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item>
-          <el-button v-if="$hasPermission('partymember:icPartyMemberPayRecordDetail:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+          <el-button @click="getDataList()" size="small">{{ $t('query') }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button v-if="$hasPermission('partymember:icPartyMemberPayRecordDetail:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+          <el-button class="diy-button--reset" size="small" @click="resetForm">重置</el-button>
         </el-form-item>
+        <!--<el-form-item>-->
+          <!--<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>-->
+        <!--</el-form-item>-->
+        <!--<el-form-item>-->
+          <!--<el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>-->
+        <!--</el-form-item>-->
       </el-form>
-      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
-        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="id" label="唯一标识" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="customerId" label="客户Id (customer.id)" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="partyMemberId" label="党员ID" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="recordId" label="党员缴费记录表ID" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="year" label="缴费年度" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="quarter" label="缴费季度" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="money" label="缴费金额" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="delFlag" label="删除标识：0.未删除 1.已删除" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
-        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+      </el-card>
+      <el-card class="resi-card-table">
+        <div class="resi-row-btn">
+          <el-button type="warning" size="small" class="diy-button--reset" @click="exportHandle()">{{ $t('export') }}</el-button>
+        </div>
+      <el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+        <!--<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>-->
+        <el-table-column label="序号" header-align="center" align="center" width="50px">
           <template slot-scope="scope">
-            <el-button v-if="$hasPermission('partymember:icPartyMemberPayRecordDetail:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
-            <el-button v-if="$hasPermission('partymember:icPartyMemberPayRecordDetail:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+            {{scope.$index+1}}
           </template>
         </el-table-column>
+        <el-table-column prop="orgName" label="所属党组织" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="idCard" label="身份证" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="times" label="缴费次数" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="money" label="缴费金额" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="remark" label="备注" header-align="center" align="center"></el-table-column>
+        <!--<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">-->
+          <!--<template slot-scope="scope">-->
+            <!--<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>-->
+            <!--<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>-->
+          <!--</template>-->
+        <!--</el-table-column>-->
       </el-table>
       <el-pagination
         :current-page="page"
@@ -46,6 +94,7 @@
         @size-change="pageSizeChangeHandle"
         @current-change="pageCurrentChangeHandle">
       </el-pagination>
+      </el-card>
       <!-- 弹窗, 新增 / 修改 -->
       <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
     </div>
@@ -61,18 +110,132 @@
   data () {
     return {
       mixinViewModuleOptions: {
-        getDataListURL: '/partymember/icPartyMemberPayRecordDetail/page',
+        getDataListURL: '/resi/partymember/icPartyMemberPayRecordDetail/page',
         getDataListIsPage: true,
-        deleteURL: '/partymember/icPartyMemberPayRecordDetail',
+        deleteURL: '/resi/partymember/icPartyMemberPayRecordDetail',
         deleteIsBatch: true
       },
       dataForm: {
-        id: ''
-      }
+        id: '',
+        name: '',
+        idCard: '',
+        mobile: '',
+        year: '',
+        month: ''
+      },
+        monthArr: [
+            { dictValue: '01', dictName: '一月' },
+            { dictValue: '02', dictName: '二月' },
+            { dictValue: '03', dictName: '三月' },
+            { dictValue: '04', dictName: '四月' },
+            { dictValue: '05', dictName: '五月' },
+            { dictValue: '06', dictName: '六月' },
+            { dictValue: '07', dictName: '七月' },
+            { dictValue: '08', dictName: '八月' },
+            { dictValue: '09', dictName: '九月' },
+            { dictValue: '10', dictName: '十月' },
+            { dictValue: '11', dictName: '十一月' },
+            { dictValue: '12', dictName: '十二月' }
+        ]
     }
   },
   components: {
     AddOrUpdate
+  },
+  methods: {
+      resetForm(formName) {
+          for(const n in this.dataForm) {
+              this.dataForm[n] = ''
+          }
+          this.getDataList()
+      },
+      yearChangeHandler(){
+          if(this.dataForm.year === '' || this.dataForm.year === null){
+              this.dataForm.month = ''
+          }
+      },
+      handleSizeChange (val) {
+          console.log(`每页 ${val} 条`)
+          this.pageSize = val
+          this.getDataList()
+      },
+      handleCurrentChange (val) {
+          console.log(`当前页: ${val}`)
+          this.currentPage = val
+          this.getDataList()
+      },
   }
 }
 </script>
+<style lang="scss" scoped>
+  @import "@/assets/scss/buttonstyle.scss";
+
+  .resi-container .resi-card-table {
+    ::v-deep .el-table th {
+      color: #fff;
+      background-color: rgba(33, 149, 254, 1);
+      // border-right: 1px solid rgba(33, 149, 254, 1);
+    }
+  }
+  .resi-table {
+    ::v-deep .el-button--text {
+      text-decoration: underline;
+    }
+    ::v-deep .btn-color-del {
+      margin-left: 10px;
+      color: rgba(213, 16, 16, 1);
+    }
+    ::v-deep .btn-color-edit {
+      color: rgba(0, 167, 169, 1);
+    }
+  }
+  .form-wr {
+    .input-width {
+      width: 260px;
+
+    }
+    .input-width-textarea {
+      width: 500px;
+    }
+    .imsg-list {
+      display: flex;
+      align-items: center;
+      .imgs-item {
+        position: relative;
+        margin-right: 10px;
+        .el-icon-delete {
+          position: absolute;
+          top: 0;
+          right: 0;
+          font-size: 18px;
+          color: red;
+          z-index: 3;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+  .div-content {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .resi-row-btn {
+    display: flex;
+    margin-bottom: 13px;
+    .el-button {
+      margin-left: 10px;
+      border: 0;
+    }
+    // .el-button--success {
+    //   background: rgba(34, 193, 195, 1);
+    // }
+    // .el-button--warning {
+    //   background: rgba(254, 179, 73, 1);
+    // }
+    // .el-button--danger {
+    //   background: rgba(254, 98, 82, 1);
+    // }
+  }
+</style>