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

Loading…
Cancel
Save