党组织查看党员页面

src/views/modules/partymember/icpartyorgtree.vue

@@ -12,13 +12,14 @@
           :data="tableData"
           :default-expand-all="true"
           row-key="id"
+          border
           :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
           :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}">
           <el-table-column prop="partyOrgName" label="党组织名称"></el-table-column>
           <el-table-column label="操作" align="center" width="300">
               <template slot-scope="scope">
                 <el-button v-if="scope.row.agencyId == agencyId || scope.row.agencyPids.includes(agencyId)"
-                          @click="handleLook(scope.row)"
+                          @click="handleLook(scope.row.orgPids)"
                           type="text"
                           size="small"
                           class="div-table-button--detail">{{'查看党员'}}</el-button>
@@ -41,13 +42,26 @@
           </el-table-column>
       </el-table>
       <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getTableData"></add-or-update>
+      <!-- 查看党员 -->
+      <el-dialog :visible.sync="lookMemberShow"
+                :close-on-click-modal="false"
+                :close-on-press-escape="false"
+                :title="memberTitle"
+                width="850px"
+                top="5vh"
+                class="dialog-h"
+                @closed="lookMemberClose">
+        <look-Member ref="ref_table_Member"
+                        @lookMemberCancle="lookMemberCancle"
+                        @lookMemberOk="lookMemberOk"></look-Member>
+      </el-dialog>
   </el-card>
 </template>
 
 <script>
     import AddOrUpdate from './icpartyorg-add-or-update'
     import TableTreeColumn from '@/components/table-tree-column'
-
+    import lookMember from './lookMember'
     export default {
     data () {
       return {
@@ -59,12 +73,15 @@
         tableLoading: false,
         tableData: [],
         agencyId: '',
-      addOrUpdateVisible: false
+        addOrUpdateVisible: false,
+        lookMemberShow: false,
+        memberTitle: '查看党员'
       }
     },
     components: {
       AddOrUpdate,
-    TableTreeColumn
+      TableTreeColumn,
+      lookMember
     },
     async created () {
       this.agencyId = localStorage.getItem('agencyId')
@@ -122,8 +139,20 @@
         }).catch(() => {})
       },
       // 查看党员
-    handleLook(row) {
+      handleLook(orgPids) {
-      console.log('这里是查看党员', row)
+        this.lookMemberShow = true
+        this.$nextTick(() => {
+            this.$refs.ref_table_Member.initForm(orgPids)
+        })
+      },
+      lookMemberClose () {
+        this.lookMemberShow = false
+      },
+      lookMemberCancle () {
+        this.lookMemberShow = false
+      },
+      lookMemberOk () {
+        this.lookMemberShow = false
       }
     }
 }

src/views/modules/partymember/lookMember.vue

@@ -0,0 +1,97 @@
+<template>
+  <div>
+    <div class="dialog-h-content scroll-h">
+      <div>
+        <div class="div_table">
+          <el-table ref="ref_table"
+                    :data="tableData"
+                    border
+                    :height="tableHeight"
+                    v-loading="tableLoading"
+                    :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                    style="width: 100%"
+                    highlight-current-row>
+            <el-table-column prop="name"
+                            label="姓名">
+            </el-table-column>
+            <el-table-column prop="mobile"
+                            label="联系方式">
+            </el-table-column>
+            <el-table-column prop="idCard"
+                            label="身份证号">
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+    </div>
+    <div class="div_btn">
+      <el-button size="small"
+                 @click="handleCancle">取 消</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { requestPost } from "@/js/dai/request";
+export default {
+  data () {
+    return {
+      btnDisable: false,
+      // 列表相关
+      tableData: [],
+      tableLoading: false,
+      orgPids: ''
+    }
+  },
+  props: {
+  },
+  computed: {
+    tableHeight () {
+      return this.$store.state.inIframe ? this.clientHeight - 410 + this.iframeHeight : this.clientHeight - 410
+    },
+    ...mapGetters(['clientHeight', 'iframeHeight'])
+  },
+  components: {},
+  methods: {
+    initForm (orgPids) {
+      if (orgPids.split(',').length > 0) {
+        this.orgPids = orgPids.split(',')[orgPids.split(',').length - 1]
+      }
+      this.tableLoading = true
+      this.loadTable()
+    },
+    // 取消
+    handleCancle () {
+      this.$emit('lookMemberCancle')
+    },
+    // 查询列表
+    async loadTable () {
+      let params = {
+        partyOrgId: this.orgPids,
+        pageNo: 1,
+        pageSize: 10000000
+      }
+      const url = `/resi/partymember/icPartyMember/page`
+      const { data, code, msg } = await requestPost(url, params)
+      this.tableLoading = false
+      if (code === 0) {
+        this.tableData =  data.list ? data.list : []
+      }
+    }
+  },
+}
+</script>
+<style lang="scss" scoped >
+@import "@/assets/scss/modules/visual/communityManage.scss";
+</style>
+<style  lang="scss" scoped>
+.div_btn{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+}
+</style>
+
+
+