From 4c27f36ba68607f4a05ff8a4c1b8b900a174c91b Mon Sep 17 00:00:00 2001
From: qushutong <1976590620@qq.com>
Date: Thu, 12 Sep 2019 16:28:48 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9A=90=E8=97=8F=E5=85=9A=E5=91=98=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E8=81=8C=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/user/partymembers.vue | 212 ++++++++++++++++--------
 1 file changed, 140 insertions(+), 72 deletions(-)

diff --git a/src/views/modules/user/partymembers.vue b/src/views/modules/user/partymembers.vue
index 4165e05e..bd635cf0 100755
--- a/src/views/modules/user/partymembers.vue
+++ b/src/views/modules/user/partymembers.vue
@@ -1,58 +1,69 @@
 <template>
-  <el-card shadow="never" class="aui-card--fill">
+  <el-card shadow="never"
+           class="aui-card--fill">
     <div class="mod-__partymembers}">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+      <el-form :inline="true"
+               :model="dataForm"
+               @keyup.enter.native="getDataList()">
         <el-form-item label="街道">
-          <el-select v-model="dataForm.streetId" placeholder="请选择" @change="getCommunityList">
-            <el-option
-              v-for="item in streetOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id">
+          <el-select v-model="dataForm.streetId"
+                     placeholder="请选择"
+                     @change="getCommunityList">
+            <el-option v-for="item in streetOptions"
+                       :key="item.id"
+                       :label="item.name"
+                       :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="社区">
-          <el-select v-model="dataForm.communityId" placeholder="请选择" @change="getGridList">
-            <el-option
-              v-for="item in communityOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id">
+          <el-select v-model="dataForm.communityId"
+                     placeholder="请选择"
+                     @change="getGridList">
+            <el-option v-for="item in communityOptions"
+                       :key="item.id"
+                       :label="item.name"
+                       :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="网格">
-          <el-select v-model="dataForm.gridId" placeholder="请选择">
-            <el-option
-              v-for="item in gridOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id">
+          <el-select v-model="dataForm.gridId"
+                     placeholder="请选择">
+            <el-option v-for="item in gridOptions"
+                       :key="item.id"
+                       :label="item.name"
+                       :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="注册状态">
-          <el-select v-model="dataForm.registFlag" placeholder="请选择">
-            <el-option
-              v-for="item in registOptions"
-              :key="item.dictValue"
-              :label="item.dictName"
-              :value="item.dictValue">
+          <el-select v-model="dataForm.registFlag"
+                     placeholder="请选择">
+            <el-option v-for="item in registOptions"
+                       :key="item.dictValue"
+                       :label="item.dictName"
+                       :value="item.dictValue">
             </el-option>
           </el-select>
         </el-form-item>
         <br>
         <el-form-item label="姓名">
-          <el-input v-model="dataForm.realName" placeholder="" clearable></el-input>
+          <el-input v-model="dataForm.realName"
+                    placeholder=""
+                    clearable></el-input>
         </el-form-item>
         <el-form-item label="手机号">
-          <el-input v-model="dataForm.mobile" placeholder="" clearable></el-input>
+          <el-input v-model="dataForm.mobile"
+                    placeholder=""
+                    clearable></el-input>
         </el-form-item>
         <el-form-item label="身份证号">
-          <el-input v-model="dataForm.identityNo" placeholder="" clearable></el-input>
+          <el-input v-model="dataForm.identityNo"
+                    placeholder=""
+                    clearable></el-input>
         </el-form-item>
-        <el-form-item label="职务">
+        <!-- <el-form-item label="职务">
           <el-select v-model="dataForm.postId" placeholder="请选择">
             <el-option
               v-for="item in postOptions"
@@ -61,17 +72,16 @@
               :value="item.dictValue">
             </el-option>
           </el-select>
-        </el-form-item>
+        </el-form-item> -->
         <br>
         <el-form-item label="注册时间">
-          <el-date-picker
-            v-model="timeRange"
-            type="daterange"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            value-format="yyyy-MM-dd"
-            :default-time="['00:00:00', '23:59:59']"
-            @change="selectedTime">
+          <el-date-picker v-model="timeRange"
+                          type="daterange"
+                          start-placeholder="开始日期"
+                          end-placeholder="结束日期"
+                          value-format="yyyy-MM-dd"
+                          :default-time="['00:00:00', '23:59:59']"
+                          @change="selectedTime">
           </el-date-picker>
         </el-form-item>
         <el-form-item>
@@ -79,46 +89,104 @@
         </el-form-item>
         <br>
         <el-form-item>
-          <el-button v-if="$hasPermission('partymembers:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+          <el-button v-if="$hasPermission('partymembers:save')"
+                     type="primary"
+                     @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button v-if="$hasPermission('partymembers:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+          <el-button v-if="$hasPermission('partymembers:delete')"
+                     type="danger"
+                     @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button type="info" @click="exportHandle()">{{ $t('export') }}</el-button>
+          <el-button type="info"
+                     @click="exportHandle()">{{ $t('export') }}</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="realName" 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="identityNo" label="身份证号" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="post" label="职务" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="cadreFlag" label="干部下沉" :formatter="formatCadre" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="tagName" label="角色" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="registFlag" label="注册状态" :formatter="formatRegist" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="registTime" label="注册时间" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="streetName" label="街道党工委" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="communityName" label="社区党委" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="gridName" 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-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="realName"
+                         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="identityNo"
+                         label="身份证号"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="post"
+                         label="职务"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="cadreFlag"
+                         label="干部下沉"
+                         :formatter="formatCadre"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="tagName"
+                         label="角色"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="registFlag"
+                         label="注册状态"
+                         :formatter="formatRegist"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="registTime"
+                         label="注册时间"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="streetName"
+                         label="街道党工委"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="communityName"
+                         label="社区党委"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="gridName"
+                         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 v-if="$hasPermission('partymembers:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
-            <el-button v-if="$hasPermission('partymembers:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+            <el-button v-if="$hasPermission('partymembers:update')"
+                       type="text"
+                       size="small"
+                       @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('partymembers:delete')"
+                       type="text"
+                       size="small"
+                       @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
+      <el-pagination :current-page="page"
+                     :page-sizes="[10, 20, 50, 100]"
+                     :page-size="limit"
+                     :total="total"
+                     layout="total, sizes, prev, pager, next, jumper"
+                     @size-change="pageSizeChangeHandle"
+                     @current-change="pageCurrentChangeHandle">
       </el-pagination>
       <!-- 弹窗, 新增 / 修改 -->
-      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+      <add-or-update v-if="addOrUpdateVisible"
+                     ref="addOrUpdate"
+                     @refreshDataList="getDataList"></add-or-update>
     </div>
   </el-card>
 </template>
@@ -177,7 +245,7 @@ export default {
           return this.$message.error(res.msg)
         }
         this.streetOptions = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     getCommunityList () {
       this.dataForm.communityId = ''
@@ -187,7 +255,7 @@ export default {
           return this.$message.error(res.msg)
         }
         this.communityOptions = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     getGridList () {
       this.dataForm.gridId = ''
@@ -196,7 +264,7 @@ export default {
           return this.$message.error(res.msg)
         }
         this.gridOptions = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     getRegistOptions () {
       this.$http.get(`/sys/dict/sublist/1168769645576179713`).then(({ data: res }) => {
@@ -204,7 +272,7 @@ export default {
           return this.$message.error(res.msg)
         }
         this.registOptions = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     getPostOptions () {
       this.$http.get(`/sys/dict/sublist/1168770417290366977`).then(({ data: res }) => {
@@ -212,7 +280,7 @@ export default {
           return this.$message.error(res.msg)
         }
         this.postOptions = res.data
-      }).catch(() => {})
+      }).catch(() => { })
     },
     formatCadre: function (row, column) {
       return row.cadreFlag === '1' ? '是' : row.cadreFlag === '0' ? '否' : '未知'