| | |
| | | <template> |
| | | <!-- 重点人员 --> |
| | | <el-dialog |
| | | :title="keyPersonTitle" |
| | | :visible.sync="keyPersonVisible" |
| | | :before-close="personInfoClose" |
| | | :modal="true" |
| | | :modal-append-to-body="false" |
| | | :close-on-click-modal="false" |
| | | class="keyPerson-details-box" |
| | | > |
| | | <el-dialog :title="keyPersonTitle" :visible.sync="keyPersonVisible" :before-close="personInfoClose" :modal="true" |
| | | :modal-append-to-body="false" :close-on-click-modal="false" class="keyPerson-details-box"> |
| | | <div class="header" v-show="userInfo.dept_id != '1596020515064381442'"> |
| | | <div> |
| | | 人员名称: |
| | |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button> |
| | | </div> |
| | | |
| | | <div |
| | | v-loading="curLoading" |
| | | element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.5)" |
| | | class="body" |
| | | > |
| | | <el-table |
| | | :data="keyPersonDetailArr" |
| | | style="width: 100%" |
| | | <div v-loading="curLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.5)" class="body"> |
| | | <el-table :data="keyPersonDetailArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | | > |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"> |
| | | <template slot="empty"> |
| | | <div>{{ keyPersonEmptyText }}</div> |
| | | </template> |
| | |
| | | <span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="zdryxl" label="重点人员类型"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="realName" label="姓名"></el-table-column> |
| | | <el-table-column |
| | | :show-overflow-tooltip="true" |
| | | prop="address" |
| | | label="地址" |
| | | min-width="240%" |
| | | ></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="address" label="地址" min-width="240%"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="phone" label="联系电话"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="zdryzry" label="责任人"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="zdrtjdld" label="街道责任领导"></el-table-column> |
| | | |
| | | <el-table-column :show-overflow-tooltip="true" prop="zdryxl" label="重点人员类型"></el-table-column> |
| | | <!-- <el-table-column :show-overflow-tooltip="true" prop="policeStationName" label="所属派出所"></el-table-column> --> |
| | | <!-- <el-table-column :show-overflow-tooltip="true" prop="areaName" label="所属责任区"></el-table-column> --> |
| | | <el-table-column label="操作" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | :disabled="positionDisabled(scope.row)" |
| | | @click="rowClick(scope.row)" |
| | | type="text" |
| | | size="small" |
| | | title="定位" |
| | | > |
| | | <i |
| | | class="el-icon-location" |
| | | :style="{ color: positionColor(scope.row) }" |
| | | ></i> |
| | | <el-button :disabled="positionDisabled(scope.row)" @click="rowClick(scope.row)" type="text" |
| | | size="small" title="定位"> |
| | | <i class="el-icon-location" :style="{ color: positionColor(scope.row) }"></i> |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <div |
| | | class="pages all-pagination-sty" |
| | | ref="tablePagination" |
| | | v-show="userInfo.dept_id != '1596020515064381442'" |
| | | > |
| | | <el-pagination |
| | | background |
| | | layout="prev, pager, next, total" |
| | | :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" |
| | | :current-page="peoplePage.currentPage" |
| | | @current-change="handlePersonPageChange" |
| | | ></el-pagination> |
| | | <div class="pages all-pagination-sty" ref="tablePagination" v-show="userInfo.dept_id != '1596020515064381442'"> |
| | | <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
| | | @current-change="handlePersonPageChange"></el-pagination> |
| | | </div> |
| | | </div> |
| | | </el-dialog> |