From 226f8d6e37edf2371cd92223f98fb2df626c1a80 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Fri, 2 Sep 2022 17:38:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=9A=E5=91=98=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../communityParty/members/crateForm.vue      | 266 +++++++-----
 src/views/modules/partymember/lookMember.vue  | 389 +++++++++---------
 2 files changed, 367 insertions(+), 288 deletions(-)

diff --git a/src/views/modules/communityParty/members/crateForm.vue b/src/views/modules/communityParty/members/crateForm.vue
index 8f8ac56df..2ea133d1b 100644
--- a/src/views/modules/communityParty/members/crateForm.vue
+++ b/src/views/modules/communityParty/members/crateForm.vue
@@ -1,30 +1,46 @@
 <template>
   <div class="dialog-h-content scroll-h pd0">
-    <el-form label-width="120px" :model="form" :inline="true" 
-      :disabled="disabled" :rules="rules" ref="ruleForm" 
-      class="form-wr">
+    <div class="div-tip">本模块主要为添加非本社区居住党员，本社区居住党员建议到居民信息页面添加</div>
+    <el-form label-width="120px"
+             :model="form"
+             :inline="true"
+             :disabled="disabled"
+             :rules="rules"
+             ref="ruleForm"
+             class="form-wr">
       <div class="flex-div">
-        <el-form-item label="所属党组织" prop="sszb" class="wd50">
-          <el-cascader
-                v-model="form.sszb"
-                :options="partyList"
-                :props="partyProps"
-                clearable
-                 class="input-width"
-                @change="handlePartyChange"></el-cascader>
+        <el-form-item label="所属党组织"
+                      prop="sszb"
+                      class="wd50">
+          <el-cascader v-model="form.sszb"
+                       :options="partyList"
+                       :props="partyProps"
+                       clearable
+                       class="input-width"
+                       @change="handlePartyChange"></el-cascader>
         </el-form-item>
-        <el-form-item label="党员中心户" prop="isDyzxh" class="wd50">
+        <el-form-item label="党员中心户"
+                      prop="isDyzxh"
+                      class="wd50">
           <el-radio-group v-model="form.isDyzxh">
-              <el-radio label="1">是</el-radio>
-              <el-radio label="0">否</el-radio>
-            </el-radio-group>
+            <el-radio label="1">是</el-radio>
+            <el-radio label="0">否</el-radio>
+          </el-radio-group>
         </el-form-item>
       </div>
       <div class="flex-div">
-        <el-form-item label="姓名" prop="name" class="wd50">
-          <el-input v-model="form.name" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
+        <el-form-item label="姓名"
+                      prop="name"
+                      class="wd50">
+          <el-input v-model="form.name"
+                    placeholder="请输入"
+                    :disabled="disabled"
+                    class="input-width"
+                    clearable></el-input>
         </el-form-item>
-        <el-form-item label="免学习" prop="isMxx" class="wd50">
+        <el-form-item label="免学习"
+                      prop="isMxx"
+                      class="wd50">
           <el-radio-group v-model="form.isMxx">
             <el-radio label="1">是</el-radio>
             <el-radio label="0">否</el-radio>
@@ -32,87 +48,138 @@
         </el-form-item>
       </div>
       <div class="flex-div">
-        <el-form-item label="手机号" prop="mobile" class="wd50">
-          <el-input v-model="form.mobile" placeholder="请输入" :disabled="disabled" class="input-width" clearable />
+        <el-form-item label="手机号"
+                      prop="mobile"
+                      class="wd50">
+          <el-input v-model="form.mobile"
+                    placeholder="请输入"
+                    :disabled="disabled"
+                    class="input-width"
+                    clearable />
         </el-form-item>
-        <el-form-item label="职务" prop="partyZw" class="wd50">
-          <el-select v-model="form.partyZw" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable>
-            <el-option
-              v-for="item in zwList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
+        <el-form-item label="职务"
+                      prop="partyZw"
+                      class="wd50">
+          <el-select v-model="form.partyZw"
+                     filterable
+                     :disabled="disabled"
+                     placeholder="请选择"
+                     class="input-width"
+                     clearable>
+            <el-option v-for="item in zwList"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
             </el-option>
           </el-select>
         </el-form-item>
       </div>
       <div class="flex-div">
-        <el-form-item label="身份证" prop="idCard" class="wd50">
-          <el-input v-model="form.idCard" placeholder="请输入" :disabled="disabled" 
-          class="input-width" clearable @blur="handleValidBlur" />
+        <el-form-item label="身份证"
+                      prop="idCard"
+                      class="wd50">
+          <el-input v-model="form.idCard"
+                    placeholder="请输入"
+                    :disabled="disabled"
+                    class="input-width"
+                    clearable
+                    @blur="handleValidBlur" />
         </el-form-item>
-        <el-form-item label="文化程度" prop="culture" class="wd50">
-          <el-select v-model="form.culture" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable>
-            <el-option
-              v-for="item in eduList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
+        <el-form-item label="文化程度"
+                      prop="culture"
+                      class="wd50">
+          <el-select v-model="form.culture"
+                     filterable
+                     :disabled="disabled"
+                     placeholder="请选择"
+                     class="input-width"
+                     clearable>
+            <el-option v-for="item in eduList"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
             </el-option>
           </el-select>
         </el-form-item>
       </div>
       <div class="flex-div">
-        <el-form-item label="地址" prop="address" class="wd50">
-          <el-input v-model="form.address" placeholder="请输入" :disabled="disabled || isAuto" class="input-width" clearable></el-input>
+        <el-form-item label="地址"
+                      prop="address"
+                      class="wd50">
+          <el-input v-model="form.address"
+                    placeholder="请输入"
+                    :disabled="disabled || isAuto"
+                    class="input-width"
+                    clearable></el-input>
         </el-form-item>
-        <el-form-item label="入党时间" prop="rdsj" class="wd50">
-          <el-date-picker
-            v-model="form.rdsj"
-             :disabled="disabled"
-            type="date"
-            class="input-width"
-            clearable
-            placeholder="选择日期"
-            format="yyyy 年 MM 月 dd 日"
-            value-format="yyyy-MM-dd">
+        <el-form-item label="入党时间"
+                      prop="rdsj"
+                      class="wd50">
+          <el-date-picker v-model="form.rdsj"
+                          :disabled="disabled"
+                          type="date"
+                          class="input-width"
+                          clearable
+                          placeholder="选择日期"
+                          format="yyyy 年 MM 月 dd 日"
+                          value-format="yyyy-MM-dd">
           </el-date-picker>
         </el-form-item>
       </div>
       <div class="flex-div">
-        <el-form-item label="流动党员" prop="isLd" class="wd50">
-          <el-radio-group v-model="form.isLd" class="input-width">
+        <el-form-item label="流动党员"
+                      prop="isLd"
+                      class="wd50">
+          <el-radio-group v-model="form.isLd"
+                          class="input-width">
             <el-radio label="1">是</el-radio>
             <el-radio label="0">否</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="流动党员号" prop="ldzh" class="wd50">
-          <el-input v-model="form.ldzh" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
+        <el-form-item label="流动党员号"
+                      prop="ldzh"
+                      class="wd50">
+          <el-input v-model="form.ldzh"
+                    placeholder="请输入"
+                    :disabled="disabled"
+                    class="input-width"
+                    clearable></el-input>
         </el-form-item>
       </div>
-      <el-form-item label="备注" prop="remark">
-        <el-input v-model="form.remark" :autosize="{ minRows: 4, maxRows: 10}" :disabled="disabled" type="textarea" clearable class="input-width-textarea" placeholder="请输入内容"></el-input>
+      <el-form-item label="备注"
+                    prop="remark">
+        <el-input v-model="form.remark"
+                  :autosize="{ minRows: 4, maxRows: 10}"
+                  :disabled="disabled"
+                  type="textarea"
+                  clearable
+                  class="input-width-textarea"
+                  placeholder="请输入内容"></el-input>
       </el-form-item>
-      <div >
+      <div>
         <div style="margin-top: 20px; text-align: center;">
-            <el-button size="small" @click="handleCancle">取消</el-button>
-            <el-button
-              v-if="!disabled"
-              type="primary"
-              size="small"
-              @click="hadnleSubmitbase"
-              >提交</el-button>
-          </div>
+          <el-button size="small"
+                     @click="handleCancle">取消</el-button>
+          <el-button v-if="!disabled"
+                     type="primary"
+                     size="small"
+                     @click="hadnleSubmitbase">提交</el-button>
+        </div>
       </div>
-      
+
     </el-form>
     <div class="pdl40">
       <el-tabs v-model="activesName">
-        <el-tab-pane label="量化积分" name="first">
-          <pointsInfo :partyId="partymenberid" :disabled="disabled" @save="handleSavePoints" />
+        <el-tab-pane label="量化积分"
+                     name="first">
+          <pointsInfo :partyId="partymenberid"
+                      :disabled="disabled"
+                      @save="handleSavePoints" />
         </el-tab-pane>
-        <el-tab-pane label="缴费记录" name="second">
-          <record :partyId="partymenberid" :disabled="disabled" />
+        <el-tab-pane label="缴费记录"
+                     name="second">
+          <record :partyId="partymenberid"
+                  :disabled="disabled" />
         </el-tab-pane>
       </el-tabs>
       <!-- <el-button-group>
@@ -153,14 +220,14 @@ export default {
     },
     info: {
       type: Object,
-      default: () => {}
+      default: () => { }
     },
     disabled: {
       type: Boolean,
       default: false
     }
   },
-  data() {
+  data () {
     let checkMObile = (rule, value, callback) => {
       if (value === '') {
         callback(new Error('请输入手机号'))
@@ -237,7 +304,7 @@ export default {
   },
   watch: {
     info: {
-      handler(val) {
+      handler (val) {
         if (Object.keys(val).length > 0) {
           this.form = { ...val }
           if (val.icResiUserId || val.icResiUser) this.isAuto = true
@@ -251,36 +318,36 @@ export default {
       immediate: true
     }
   },
-  created() {
+  created () {
     this.getEduList()
     console.log('partyList', this.partyList)
   },
-  mounted() {
+  mounted () {
     const w = document.getElementsByClassName('dialog-h-content')[0]
     this.formItemWd = w.clientWidth + 'px'
   },
-  destroyed() {
+  destroyed () {
     // this.$refs['ruleForm'].resetFields()
   },
   methods: {
-    handleCancle() {
+    handleCancle () {
       this.$refs['ruleForm'].resetFields()
       this.$emit('cancle')
     },
-    handlePartyChange(val) {
+    handlePartyChange (val) {
       console.log('val------pp', val)
       // if (val.length > 0) {
       //   const i = val.length - 1
       //   this.form.sszb = val[i]
       // } else this.form.sszb = ''
     },
-    handleValidBlur(n) {
+    handleValidBlur (n) {
       if (!isCard(this.form.idCard)) return
       const { age } = computedCard(this.form.idCard)
       this.form.isMxx = age >= 70 ? '1' : '0'
       this.validateResi()
     },
-    async getEduList() {
+    async getEduList () {
       await this.$http
         .post('/sys/dict/data/education')
         .then(({ data: res }) => {
@@ -288,14 +355,14 @@ export default {
             return this.$message.error(res.msg)
           } else {
             this.eduList = res.data
-          } 
+          }
         })
         .catch(err => {
           console.log('err', err)
           return this.$message.error('网络错误')
         })
     },
-    async validateResi() {
+    async validateResi () {
       const params = {
         idCard: this.form.idCard,
         agencyId: this.$store.state.user.agencyId
@@ -314,15 +381,15 @@ export default {
               this.form.address = ''
               this.isAuto = false
             }
-            
-          } 
+
+          }
         })
         .catch(err => {
           console.log('err', err)
           return this.$message.error('网络错误')
         })
     },
-    hadnleSubmitbase() {
+    hadnleSubmitbase () {
       this.$refs['ruleForm'].validate((valid) => {
         if (valid) {
           if (Object.keys(this.info).length > 0) this.editBase()
@@ -333,7 +400,7 @@ export default {
         }
       });
     },
-    handleSavePoints(data) {
+    handleSavePoints (data) {
 
       const _data = { ...data }
       const params = {
@@ -345,7 +412,7 @@ export default {
       }
       this.savePoints(params)
     },
-    async saveBase() {
+    async saveBase () {
       const params = {
         ...this.form
       }
@@ -358,15 +425,15 @@ export default {
             this.$message.success('保存成功')
             this.partymenberid = res.data
             this.$emit('saveBase', true)
-            
-          } 
+
+          }
         })
         .catch(err => {
           console.log('err', err)
           return this.$message.error('网络错误')
         })
     },
-    async editBase() {
+    async editBase () {
       const params = {
         ...this.form
       }
@@ -379,15 +446,15 @@ export default {
             this.$message.success('保存成功')
             this.partymenberid = res.data
             this.$emit('saveBase', true)
-            
-          } 
+
+          }
         })
         .catch(err => {
           console.log('err', err)
           return this.$message.error('网络错误')
         })
     },
-    async savePoints(form) {
+    async savePoints (form) {
       const params = {
         ...form,
         partyMemberId: this.partymenberid
@@ -402,15 +469,15 @@ export default {
             return this.$message.error(res.msg)
           } else {
             this.$message.success('保存成功')
-            
-          } 
+
+          }
         })
         .catch(err => {
           console.log('err', err)
           return this.$message.error('网络错误')
         })
     },
-    async saveRecord(form) {
+    async saveRecord (form) {
       const params = {
         ...form,
         partyMemberId: this.partymenberid
@@ -422,8 +489,8 @@ export default {
             return this.$message.error(res.msg)
           } else {
             this.$message.success('保存成功')
-            
-          } 
+
+          }
         })
         .catch(err => {
           console.log('err', err)
@@ -454,4 +521,9 @@ export default {
 .pd0 {
   padding: 0 !important;
 }
+.div-tip {
+  margin-left: 40px;
+  color: #f56c6c;
+  padding: 10px 0 20px;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/modules/partymember/lookMember.vue b/src/views/modules/partymember/lookMember.vue
index 7a4b52d55..1716b3b79 100644
--- a/src/views/modules/partymember/lookMember.vue
+++ b/src/views/modules/partymember/lookMember.vue
@@ -1,12 +1,20 @@
 <template>
   <div>
     <div class="dialog-h-content scroll-h">
-      <div v-if="pageLoading" class="resi-container">
-        <el-card ref="searchCard" class="search-card">
+      <div v-if="pageLoading"
+           class="resi-container">
+        <el-card ref="searchCard"
+                 class="search-card">
           <div class="">
-            <el-form ref="searchForm" :inline="true" :model="searchForm" size="small" label-width="100px" class="demo-form-inline">
+            <el-form ref="searchForm"
+                     :inline="true"
+                     :model="searchForm"
+                     size="small"
+                     label-width="100px"
+                     class="demo-form-inline">
               <div>
-                <el-form-item label="所属党组织" prop="partyOrgId">
+                <el-form-item label="所属党组织"
+                              prop="partyOrgId">
                   <!-- <el-select v-model="searchForm.partyOrgId" filterable placeholder="请选择" clearable>
                     <el-option
                       v-for="item in optionsG"
@@ -15,32 +23,50 @@
                       :value="item.value">
                     </el-option> -->
                   <!-- </el-select> -->
-                  <el-cascader
-                    v-model="partyOrgRange"
-                    :options="optionsG"
-                    :props="partyProps"
-                    clearable
-                    @change="handlePartyChange"></el-cascader>
+                  <el-cascader v-model="partyOrgRange"
+                               :options="optionsG"
+                               :props="partyProps"
+                               clearable
+                               @change="handlePartyChange"></el-cascader>
                 </el-form-item>
-                <el-form-item label="姓名" prop="name">
-                  <el-input v-model="searchForm.name" placeholder="请输入" class="input-width" clearable></el-input>
+                <el-form-item label="姓名"
+                              prop="name">
+                  <el-input v-model="searchForm.name"
+                            placeholder="请输入"
+                            class="input-width"
+                            clearable></el-input>
                 </el-form-item>
-                <el-form-item label="手机号" prop="mobile">
-                  <el-input v-model="searchForm.mobile" placeholder="请输入" class="input-width" clearable></el-input>
+                <el-form-item label="手机号"
+                              prop="mobile">
+                  <el-input v-model="searchForm.mobile"
+                            placeholder="请输入"
+                            class="input-width"
+                            clearable></el-input>
                 </el-form-item>
-                <el-form-item label="身份证" prop="idCard">
-                  <el-input v-model="searchForm.idCard" placeholder="请输入" class="input-width" clearable></el-input>
+                <el-form-item label="身份证"
+                              prop="idCard">
+                  <el-input v-model="searchForm.idCard"
+                            placeholder="请输入"
+                            class="input-width"
+                            clearable></el-input>
                 </el-form-item>
-                <el-form-item label="地址" prop="address">
-                  <el-input v-model="searchForm.address" placeholder="请输入" class="input-width" clearable></el-input>
+                <el-form-item label="地址"
+                              prop="address">
+                  <el-input v-model="searchForm.address"
+                            placeholder="请输入"
+                            class="input-width"
+                            clearable></el-input>
                 </el-form-item>
-                <el-form-item label="职务" prop="partyZw">
-                  <el-select v-model="searchForm.partyZw" filterable placeholder="请选择" clearable>
-                    <el-option
-                      v-for="item in zwList"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
+                <el-form-item label="职务"
+                              prop="partyZw">
+                  <el-select v-model="searchForm.partyZw"
+                             filterable
+                             placeholder="请选择"
+                             clearable>
+                    <el-option v-for="item in zwList"
+                               :key="item.value"
+                               :label="item.label"
+                               :value="item.value">
                     </el-option>
                   </el-select>
                 </el-form-item>
@@ -55,22 +81,32 @@
                 <!-- <el-form-item label="流动党员证号" prop="ldzh">
                   <el-input v-model="searchForm.ldzh" placeholder="请输入" class="input-width" clearable></el-input>
                 </el-form-item> -->
-                
+
                 <!-- <el-form-item label="是否缴费" prop="isPay">
                   <el-select v-model="searchForm.isPay" filterable placeholder="请选择" clearable>
                     <el-option label="是" value="1" />
                     <el-option label="否" value="0" />
                   </el-select>
                 </el-form-item> -->
-                <el-form-item label="党员中心户" prop="isDyzxh">
-                  <el-select v-model="searchForm.isDyzxh" filterable placeholder="请选择" clearable>
-                    <el-option label="是" value="1" />
-                    <el-option label="否" value="0" />
+                <el-form-item label="党员中心户"
+                              prop="isDyzxh">
+                  <el-select v-model="searchForm.isDyzxh"
+                             filterable
+                             placeholder="请选择"
+                             clearable>
+                    <el-option label="是"
+                               value="1" />
+                    <el-option label="否"
+                               value="0" />
                   </el-select>
                 </el-form-item>
                 <el-form-item>
-                  <el-button class="diy-button--search" size="small" @click="handleSearch">查询</el-button>
-                  <el-button class="diy-button--reset" size="small" @click="resetForm('searchForm')">重置</el-button>
+                  <el-button class="diy-button--search"
+                             size="small"
+                             @click="handleSearch">查询</el-button>
+                  <el-button class="diy-button--reset"
+                             size="small"
+                             @click="resetForm('searchForm')">重置</el-button>
                 </el-form-item>
               </div>
               <!-- <el-form-item label="免学习" prop="isMxx">
@@ -110,152 +146,123 @@
           </div>
         </el-card>
         <el-card class="resi-card-table">
-          <el-table
-            :data="tableData"
-            row-key="id"
-            v-loading="tableLoading"
-            border
-            :height="tableHeight"
-            :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
-            style="width: 100%"
-            class="resi-table"
-          >
-            <el-table-column label="序号" type="index" align="center" width="50">
+          <el-table :data="tableData"
+                    row-key="id"
+                    v-loading="tableLoading"
+                    border
+                    :height="tableHeight"
+                    :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
+                    style="width: 100%"
+                    class="resi-table">
+            <el-table-column label="序号"
+                             type="index"
+                             align="center"
+                             width="50">
             </el-table-column>
-            <el-table-column
-              prop="name"
-              label="姓名"
-              align="center"
-              width="100"
-            />
-            <el-table-column
-              prop="idCard"
-              label="身份证号"
-              align="center"
-              min-width="180"
-            />
-            <el-table-column
-              prop="mobile"
-              label="手机号"
-              align="center"
-              min-width="160"
-            />
-            <el-table-column
-              prop="rdsj"
-              label="入党时间"
-              align="center"
-              min-width="160"
-            />
-            <el-table-column
-              prop="sszb"
-              label="所属党组织"
-              align="center"
-              min-width="160"
-            />
-            <el-table-column
-              prop="ldzh"
-              label="流动党员证号"
-              align="center"
-              min-width="160"
-            />
-            <el-table-column
-              prop="partyZw"
-              label="职务"
-              align="center"
-              width="100"
-            />
-            <el-table-column
-              prop="address"
-              label="地址"
-              align="center"
-              show-overflow-tooltip
-              min-width="180"
-            />
-            <el-table-column
-              prop="isPay"
-              label="是否缴费"
-              align="center"
-              width="100"
-            />
-            <el-table-column
-              prop="payDate"
-              label="最近一次缴费时间"
-              align="center"
-              min-width="160"
-            />
-            <el-table-column
-              prop="culture"
-              label="文化程度"
-              align="center"
-              width="100"
-            />
-            <el-table-column
-              prop="point"
-              label="量化积分"
-              align="center"
-              width="100"
-            />
-            <el-table-column
-              prop="activityPoint"
-              label="活跃积分"
-              align="center"
-              width="100"
-            />
-            <el-table-column
-              prop="volunteerCategory"
-              label="志愿者类别"
-              align="center"
-              width="100"
-            />
-            <el-table-column
-              prop="remark"
-              label="备注"
-              align="center"
-              min-width="180"
-            />
-              <!-- <template slot-scope="scope">
+            <el-table-column prop="name"
+                             label="姓名"
+                             align="center"
+                             width="100" />
+            <el-table-column prop="idCard"
+                             label="身份证号"
+                             align="center"
+                             min-width="180" />
+            <el-table-column prop="mobile"
+                             label="手机号"
+                             align="center"
+                             min-width="160" />
+            <el-table-column prop="rdsj"
+                             label="入党时间"
+                             align="center"
+                             min-width="160" />
+            <el-table-column prop="sszb"
+                             label="所属党组织"
+                             align="center"
+                             min-width="160" />
+            <el-table-column prop="ldzh"
+                             label="流动党员证号"
+                             align="center"
+                             min-width="160" />
+            <el-table-column prop="partyZw"
+                             label="职务"
+                             align="center"
+                             width="100" />
+            <el-table-column prop="address"
+                             label="地址"
+                             align="center"
+                             show-overflow-tooltip
+                             min-width="180" />
+            <el-table-column prop="isPay"
+                             label="是否缴费"
+                             align="center"
+                             width="100" />
+            <el-table-column prop="payDate"
+                             label="最近一次缴费时间"
+                             align="center"
+                             min-width="160" />
+            <el-table-column prop="culture"
+                             label="文化程度"
+                             align="center"
+                             width="100" />
+            <el-table-column prop="point"
+                             label="量化积分"
+                             align="center"
+                             width="100" />
+            <el-table-column prop="activityPoint"
+                             label="活跃积分"
+                             align="center"
+                             width="100" />
+            <el-table-column prop="volunteerCategory"
+                             label="志愿者类别"
+                             align="center"
+                             width="100" />
+            <el-table-column prop="remark"
+                             label="备注"
+                             align="center"
+                             min-width="180" />
+            <!-- <template slot-scope="scope">
                 <div class="div-content">{{ handleFilterSpan(scope.row, item) }}</div>
               </template> -->
             <!-- </el-table-column> -->
-            <el-table-column fixed="right" label="操作" align="center" width="200">
+            <el-table-column fixed="right"
+                             label="操作"
+                             align="center"
+                             width="200">
               <template slot-scope="scope">
-                <el-button
-                  @click="handleLook(scope.row)"
-                  type="text"
-                  size="small"
-                  class="btn-color-look"
-                  >查看</el-button
-                >
+                <el-button @click="handleLook(scope.row)"
+                           type="text"
+                           size="small"
+                           class="btn-color-look">查看</el-button>
               </template>
             </el-table-column>
           </el-table>
           <div>
-            <el-pagination
-              @size-change="handleSizeChange"
-              @current-change="handleCurrentChange"
-              :current-page.sync="currentPage"
-              :page-sizes="[20, 50, 100, 200]"
-              :page-size="pageSize"
-              layout="sizes, prev, pager, next, total"
-              :total="total"
-            >
+            <el-pagination @size-change="handleSizeChange"
+                           @current-change="handleCurrentChange"
+                           :current-page.sync="currentPage"
+                           :page-sizes="[20, 50, 100, 200]"
+                           :page-size="pageSize"
+                           layout="sizes, prev, pager, next, total"
+                           :total="total">
             </el-pagination>
           </div>
         </el-card>
 
-        <el-dialog
-          title="党员信息"
-          :visible.sync="dialogVisible"
-          width="60%"
-          top="5vh"
-          class="dialog-h"
-          append-to-body
-          :close-on-click-modal="false"
-          :before-close="handlerCancle"
-        >
-          <crate-form v-if="dialogVisible" :info="detailInfo" :partyList="optionsG" 
-          :disabled="disabled"
-          @saveBase="handleSearch" @cancle="handlerCancle" />
+        <el-dialog title="党员信息"
+                   :visible.sync="dialogVisible"
+                   width="60%"
+                   top="5vh"
+                   class="dialog-h"
+                   append-to-body
+                   :close-on-click-modal="false"
+                   :before-close="handlerCancle">
+
+          <crate-form v-if="dialogVisible"
+                      :info="detailInfo"
+                      :partyList="optionsG"
+                      :disabled="disabled"
+                      @saveBase="handleSearch"
+                      @cancle="handlerCancle" />
         </el-dialog>
 
       </div>
@@ -302,7 +309,7 @@ export default {
         {
           label: '是',
           value: 1
-        },{
+        }, {
           label: '否',
           value: 2
         }
@@ -380,7 +387,7 @@ export default {
       partyProps: {
         label: 'partyOrgName',
         value: 'id',
-        checkStrictly: true 
+        checkStrictly: true
       }
     }
   },
@@ -388,7 +395,7 @@ export default {
   },
   computed: {
     ...mapGetters(['clientHeight', 'iframeHeight']),
-    tableHeight() {
+    tableHeight () {
       const h = this.clientHeight - this.searchH - 490 + this.iframeHeigh
       const _h = this.clientHeight - 490 - this.searchH
       return this.$store.state.inIframe ? h : _h
@@ -416,21 +423,21 @@ export default {
       this.$emit('lookMemberCancle')
     },
 
-    handleSizeChange(val) {
+    handleSizeChange (val) {
       console.log(`每页 ${val} 条`)
       this.pageSize = val
       this.getTableData()
     },
-    handleCurrentChange(val) {
+    handleCurrentChange (val) {
       console.log(`当前页: ${val}`)
       this.currentPage = val
       this.getTableData()
     },
-    handlePartyChange(val) {
+    handlePartyChange (val) {
       console.log('val------pp', val)
       this.searchForm.partyOrgId = val[val.length - 1]
     },
-    handleFilterSpan(row, item) {
+    handleFilterSpan (row, item) {
       let _val = ''
       if (item.options && item.options.length > 0) {
         item.options.forEach((n) => {
@@ -459,7 +466,7 @@ export default {
       }
 
     },
-    handleProgress(event, file, fileList) {
+    handleProgress (event, file, fileList) {
       console.log('percentage', event, file.percentage)
       this.uploading = true
       this.unloadPencent = Number(file.percentage.toFixed(0))
@@ -489,12 +496,12 @@ export default {
       }
     },
 
-    handleSearch(val) {
+    handleSearch (val) {
       console.log('searchhh--', val)
       this.currentPage = 1
       this.getTableData()
     },
-    resetForm(formName) {
+    resetForm (formName) {
       this.timeRangePay = []
       this.timeRange = []
       this.searchForm.payStatrDate = ''
@@ -507,18 +514,18 @@ export default {
     },
 
 
-    handlerCancle() {
+    handlerCancle () {
       this.detailInfo = {}
       this.disabled = false
       this.dialogVisible = false
     },
-    async handleLook(row) {
+    async handleLook (row) {
       this.disabled = true
       await this.getDetail(row.id)
     },
 
-    
-    async getDetail(id) {
+
+    async getDetail (id) {
       let params = {
         id,
       }
@@ -537,16 +544,16 @@ export default {
           return this.$message.error('网络错误')
         })
     },
-    async getGridList(type, agencyId) {
+    async getGridList (type, agencyId) {
       // addorupdate  query
       await this.$http
-        .get('/resi/partymember/icPartyOrg/getSearchTreelist', { params: {agencyId: agencyId} })
+        .get('/resi/partymember/icPartyOrg/getSearchTreelist', { params: { agencyId: agencyId } })
         .then(({ data: res }) => {
           if (res.code !== 0) {
             return this.$message.error(res.msg)
           } else {
             console.log('获取查询详情成功', res.data)
-            
+
             this.optionsG = this.deepArrTOnull(res.data)
           }
         })
@@ -554,17 +561,17 @@ export default {
           return this.$message.error('网络错误')
         })
     },
-    deepArrTOnull(arr) {
+    deepArrTOnull (arr) {
       let a = []
       a = arr.map(item => {
         return {
           ...item,
-          children: (item.children.length > 0 && this.deepArrTOnull(item.children) )|| null
+          children: (item.children.length > 0 && this.deepArrTOnull(item.children)) || null
         }
       })
       return a
     },
-    async getCateList(type) {
+    async getCateList (type) {
       const params = {
         customerId: this.customerId,
         type
@@ -577,7 +584,7 @@ export default {
             return this.$message.error(res.msg)
           } else {
             console.log('获取查询详情成功', res.data)
-            
+
             if (type === 'query') this.optionsC = res.data
             else this.optionsEditC = res.data
           }
@@ -586,7 +593,7 @@ export default {
           return this.$message.error('网络错误')
         })
     },
-    async getTableData() {
+    async getTableData () {
       this.tableLoading = true
       let params = {
         ...this.searchForm,
@@ -616,10 +623,10 @@ export default {
 @import "@/assets/scss/modules/visual/communityManage.scss";
 </style>
 <style  lang="scss" scoped>
-.div_btn{
-      display: flex;
-      align-items: center;
-      justify-content: center;
+.div_btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 </style>