Browse Source

居民信息按钮顺序调整

shibei_master
jiangyy 3 years ago
parent
commit
01ab5631bf
  1. 140
      src/views/modules/base/resi.vue

140
src/views/modules/base/resi.vue

@ -7,10 +7,12 @@
@search="handleSearch" />
<el-card class="resi-card-table">
<div class="resi-row-btn">
<el-button
size="small"
<el-button size="small"
class="diy-button--add"
@click="handleAdd">新增</el-button>
<el-button class="diy-button--export"
size="small"
@click="handleExportModule('room')">下载人口模板</el-button>
<el-upload ref="upload"
class="upload-demo"
action="uploadUlr"
@ -22,25 +24,20 @@
:on-success="handleExcelSuccess"
:before-upload="beforeExcelUpload"
:http-request="uploadHttpRequest">
<el-button
size="small"
<el-button size="small"
class="diy-button--delete"
:loading="importLoading">{{importBtnTitle}}</el-button>
</el-upload>
<el-button
size="small"
<el-button size="small"
class="diy-button--reset"
:loading="exportBtn"
@click="handleExport">{{exportBtnTitle}}</el-button>
<!-- <el-button type="primary" size="small">下载人口模板</el-button> -->
<el-button
class="diy-button--export"
size="small"
@click="handleExportModule('room')">下载人口模板</el-button>
</div>
<el-table ref="ref_table" :data="tableData"
<el-table ref="ref_table"
:data="tableData"
v-loading="tableLoading"
border
style="width: 100%"
@ -49,8 +46,8 @@
@select-all="selectAll"
@selection-change="selectionChange">
<el-table-column type="selection"
fixed="left"
:selectable="checkSelect"
fixed="left"
:selectable="checkSelect"
width="55" />
<el-table-column label="序号"
type="index"
@ -67,7 +64,9 @@
:show-overflow-tooltip="true"
:width="item.itemType === 'radio' ? computedWidth(item.label) : 180">
<template slot-scope="scope">
<a v-if="item.columnName == 'NAME'" class="name-a" @click="handleLook(scope.row)">
<a v-if="item.columnName == 'NAME'"
class="name-a"
@click="handleLook(scope.row)">
{{ handleFilterSpan(scope.row, item) }}
</a>
<span v-else>{{ handleFilterSpan(scope.row, item) }}</span>
@ -85,13 +84,11 @@
<el-button @click="handleTransfer(scope.row)"
type="text"
size="small"
class="div-table-button--detail"
>调动</el-button>
class="div-table-button--detail">调动</el-button>
<el-button @click="handleChangeRecord(scope.row)"
type="text"
size="small"
class="div-table-button--detail"
>变更记录</el-button>
class="div-table-button--detail">变更记录</el-button>
<template v-if="filterEdit(scope.row.ORG_ID)">
<el-button @click="handleEdit(scope.row)"
type="text"
@ -111,25 +108,26 @@
<div class="div-flex">
<div class="div_del">
<el-checkbox :indeterminate="isIndeterminate"
v-model="selAllFlag"
:disabled="selAllFlagDisabled"
@change="handleSelectAll">全选</el-checkbox>
<el-button v-if="selection.length > 0" style="margin-left:15px"
type="danger"
size="small"
@click="deleteBatch">删除</el-button>
v-model="selAllFlag"
:disabled="selAllFlagDisabled"
@change="handleSelectAll">全选</el-checkbox>
<el-button v-if="selection.length > 0"
style="margin-left:15px"
type="danger"
size="small"
@click="deleteBatch">删除</el-button>
</div>
<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">
@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>
</div>
</el-card>
@ -143,31 +141,31 @@
:before-close="handlerCancle">
<div class="dialog-h-content scroll-h">
<resi-form v-if="dialogVisible"
ref="baseForm"
:fixed="true"
:form-list="formList"
@changegroup="handleChangeGroup" />
ref="baseForm"
:fixed="true"
:form-list="formList"
@changegroup="handleChangeGroup" />
<div v-if="dialogVisible"
class="resi-other">
class="resi-other">
<div class="resi-other-title">其他</div>
<div class="tabs-other-info">
<el-tabs v-model="activeName"
@tab-click="handleClick">
@tab-click="handleClick">
<el-tab-pane v-for="item in tabsList"
:key="item.columnName"
:label="item.label"
:name="'group' + item.groupId">
:key="item.columnName"
:label="item.label"
:name="'group' + item.groupId">
<resi-form :ref="'group' + item.groupId"
:columns="3"
:support-add="item.supportAdd"
:form-id="item.columnName"
:form-list="item.itemList" />
:columns="3"
:support-add="item.supportAdd"
:form-id="item.columnName"
:form-list="item.itemList" />
</el-tab-pane>
</el-tabs>
</div>
</div>
</div>
<div class="resi-btns">
<el-button size="small"
@click="handlerCancle">取消</el-button>
@ -188,32 +186,32 @@
:before-close="handlerEditCancle">
<div class="dialog-h-content scroll-h">
<edit-resi v-if="dialogEditVisible"
ref="baseForm"
:disabled="disabled"
:form-info="editForm"
:fixed="true"
:form-list="formList"
:agency-id="editAgencyId"
@changegroup="handleChangeGroup" />
ref="baseForm"
:disabled="disabled"
:form-info="editForm"
:fixed="true"
:form-list="formList"
:agency-id="editAgencyId"
@changegroup="handleChangeGroup" />
<div v-if="dialogEditVisible"
class="resi-other">
class="resi-other">
<div class="resi-other-title">其他</div>
<div class="tabs-other-info">
<el-tabs v-model="activeName"
@tab-click="handleClick">
@tab-click="handleClick">
<el-tab-pane v-for="item in tabsList"
:key="item.columnName"
:label="item.label"
:name="'group' + item.groupId">
:key="item.columnName"
:label="item.label"
:name="'group' + item.groupId">
<edit-resi :ref="'group' + item.groupId"
:columns="3"
:support-add="item.supportAdd"
:form-id="item.columnName"
:muti-list="item.mutiList"
:form-list="item.itemList"
:disabled="disabled"
:label-width="'140px'"
:agency-id="editAgencyId" />
:columns="3"
:support-add="item.supportAdd"
:form-id="item.columnName"
:muti-list="item.mutiList"
:form-list="item.itemList"
:disabled="disabled"
:label-width="'140px'"
:agency-id="editAgencyId" />
</el-tab-pane>
</el-tabs>
</div>
@ -354,13 +352,13 @@ export default {
console.log('resiSearch', this.$refs.resiSearch.$el.offsetHeight)
this.tableHeight = document.documentElement.clientHeight - this.$refs.resiSearch.$el.offsetHeight - 280 + 'px'
},
mounted() {
mounted () {
console.log('document.documentElement.clientWidth', document.documentElement.clientHeight)
},
methods: {
checkSelect (row, index) {
return row.isChecked
},
//
@ -486,7 +484,7 @@ export default {
},
async handleExportModule () {
let url = "/epmetuser/icresiuser/import/download-template"
let params = {}
await this.$http

Loading…
Cancel
Save