|
|
@ -37,12 +37,16 @@ |
|
|
border |
|
|
border |
|
|
style="width: 100%" |
|
|
style="width: 100%" |
|
|
class="resi-table" |
|
|
class="resi-table" |
|
|
|
|
|
:height="tableHeight" |
|
|
@select-all="selectAll" |
|
|
@select-all="selectAll" |
|
|
@selection-change="selectionChange"> |
|
|
@selection-change="selectionChange"> |
|
|
<el-table-column type="selection" |
|
|
<el-table-column type="selection" |
|
|
|
|
|
fixed="left" |
|
|
|
|
|
:selectable="checkSelect" |
|
|
width="55" /> |
|
|
width="55" /> |
|
|
<el-table-column label="序号" |
|
|
<el-table-column label="序号" |
|
|
type="index" |
|
|
type="index" |
|
|
|
|
|
fixed="left" |
|
|
align="center" |
|
|
align="center" |
|
|
width="50"> |
|
|
width="50"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
@ -54,7 +58,10 @@ |
|
|
: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"> |
|
|
<span>{{ handleFilterSpan(scope.row, item) }}</span> |
|
|
<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> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column fixed="right" |
|
|
<el-table-column fixed="right" |
|
|
@ -62,10 +69,10 @@ |
|
|
align="center" |
|
|
align="center" |
|
|
width="150"> |
|
|
width="150"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button @click="handleLook(scope.row)" |
|
|
<!-- <el-button @click="handleLook(scope.row)" |
|
|
type="text" |
|
|
type="text" |
|
|
size="small" |
|
|
size="small" |
|
|
class="btn-color-look">查看</el-button> |
|
|
class="btn-color-look">查看</el-button> --> |
|
|
<el-button @click="handleTransfer(scope.row)" |
|
|
<el-button @click="handleTransfer(scope.row)" |
|
|
type="text" |
|
|
type="text" |
|
|
size="small" |
|
|
size="small" |
|
|
@ -81,10 +88,10 @@ |
|
|
class="btn-color-edit">编辑</el-button> |
|
|
class="btn-color-edit">编辑</el-button> |
|
|
<el-popconfirm title="删除之后无法回复，确认删除？" |
|
|
<el-popconfirm title="删除之后无法回复，确认删除？" |
|
|
@onConfirm="handleDel(scope.row)"> |
|
|
@onConfirm="handleDel(scope.row)"> |
|
|
<el-button slot="reference" |
|
|
<!-- <el-button slot="reference" |
|
|
type="text" |
|
|
type="text" |
|
|
size="small" |
|
|
size="small" |
|
|
class="btn-color-del">删除</el-button> |
|
|
class="btn-color-del">删除</el-button> --> |
|
|
</el-popconfirm> |
|
|
</el-popconfirm> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
@ -119,32 +126,36 @@ |
|
|
:visible.sync="dialogVisible" |
|
|
:visible.sync="dialogVisible" |
|
|
width="80%" |
|
|
width="80%" |
|
|
append-to-body |
|
|
append-to-body |
|
|
|
|
|
class="dialog-h" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
:before-close="handlerCancle"> |
|
|
:before-close="handlerCancle"> |
|
|
<resi-form v-if="dialogVisible" |
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
|
|
<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 class="resi-btns"> |
|
|
<div class="resi-btns"> |
|
|
<el-button size="small" |
|
|
<el-button size="small" |
|
|
@click="handlerCancle">取消</el-button> |
|
|
@click="handlerCancle">取消</el-button> |
|
|
@ -159,9 +170,11 @@ |
|
|
:visible.sync="dialogEditVisible" |
|
|
:visible.sync="dialogEditVisible" |
|
|
width="80%" |
|
|
width="80%" |
|
|
append-to-body |
|
|
append-to-body |
|
|
|
|
|
class="dialog-h" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
:before-close="handlerEditCancle"> |
|
|
:before-close="handlerEditCancle"> |
|
|
<edit-resi v-if="dialogEditVisible" |
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
|
|
<edit-resi v-if="dialogEditVisible" |
|
|
ref="baseForm" |
|
|
ref="baseForm" |
|
|
:disabled="disabled" |
|
|
:disabled="disabled" |
|
|
:form-info="editForm" |
|
|
:form-info="editForm" |
|
|
@ -169,27 +182,28 @@ |
|
|
: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> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="resi-btns"> |
|
|
<div class="resi-btns"> |
|
|
@ -235,6 +249,7 @@ import resiSearch from '../../components/resiSearch.vue' |
|
|
import resiForm from '../../components/resiForm.vue' |
|
|
import resiForm from '../../components/resiForm.vue' |
|
|
import editResi from '../../components/editResi.vue' |
|
|
import editResi from '../../components/editResi.vue' |
|
|
import axios from 'axios' |
|
|
import axios from 'axios' |
|
|
|
|
|
import { mapGetters } from 'vuex' |
|
|
import resiTransfer from '../../components/resiTransfer.vue' |
|
|
import resiTransfer from '../../components/resiTransfer.vue' |
|
|
import resiChangeRecord from '../../components/resiChangeRecord.vue' |
|
|
import resiChangeRecord from '../../components/resiChangeRecord.vue' |
|
|
|
|
|
|
|
|
@ -265,6 +280,7 @@ export default { |
|
|
currentPage: 1, |
|
|
currentPage: 1, |
|
|
pageSize: 20, |
|
|
pageSize: 20, |
|
|
total: null, |
|
|
total: null, |
|
|
|
|
|
tableHeight: 0, |
|
|
conditions: [], |
|
|
conditions: [], |
|
|
activeName: '', |
|
|
activeName: '', |
|
|
tableData: [], |
|
|
tableData: [], |
|
|
@ -315,13 +331,23 @@ export default { |
|
|
await this.getTableHeader() |
|
|
await this.getTableHeader() |
|
|
// console.log('this.$refs.resiSearch', this) |
|
|
// console.log('this.$refs.resiSearch', this) |
|
|
this.$refs.resiSearch.handleSearch() |
|
|
this.$refs.resiSearch.handleSearch() |
|
|
|
|
|
|
|
|
// this.handleSearch() |
|
|
// this.handleSearch() |
|
|
// this.getTableData() |
|
|
// this.getTableData() |
|
|
this.pageLoading = true |
|
|
this.pageLoading = true |
|
|
console.log('storeoooo----0000', this.$store) |
|
|
console.log('storeoooo----0000', this.$store) |
|
|
|
|
|
console.log('resiSearch', this.$refs.resiSearch.$el.offsetHeight) |
|
|
|
|
|
this.tableHeight = document.documentElement.clientHeight - this.$refs.resiSearch.$el.offsetHeight - 280 + 'px' |
|
|
|
|
|
}, |
|
|
|
|
|
mounted() { |
|
|
|
|
|
|
|
|
|
|
|
console.log('document.documentElement.clientWidth', document.documentElement.clientHeight) |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
checkSelect (row, index) { |
|
|
|
|
|
|
|
|
|
|
|
return row.isChecked |
|
|
|
|
|
}, |
|
|
//调动 |
|
|
//调动 |
|
|
async handleTransfer (row) { |
|
|
async handleTransfer (row) { |
|
|
this.tranferShow = true |
|
|
this.tranferShow = true |
|
|
@ -378,7 +404,10 @@ export default { |
|
|
this.$refs.ref_table.clearSelection(); |
|
|
this.$refs.ref_table.clearSelection(); |
|
|
if (selectAllFlag) { |
|
|
if (selectAllFlag) { |
|
|
this.tableData.forEach(row => { |
|
|
this.tableData.forEach(row => { |
|
|
this.$refs.ref_table.toggleRowSelection(row); |
|
|
// this.$refs.ref_table.toggleRowSelection(row); |
|
|
|
|
|
if (row.isChecked) { |
|
|
|
|
|
this.$refs.ref_table.toggleRowSelection(row); |
|
|
|
|
|
} |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
@ -820,7 +849,12 @@ export default { |
|
|
if (res.code !== 0) { |
|
|
if (res.code !== 0) { |
|
|
return this.$message.error(res.msg) |
|
|
return this.$message.error(res.msg) |
|
|
} else { |
|
|
} else { |
|
|
this.tableData = res.data.list |
|
|
this.tableData = res.data.list.map(item => { |
|
|
|
|
|
return { |
|
|
|
|
|
...item, |
|
|
|
|
|
isChecked: this.filterEdit(item.ORG_ID) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
this.total = res.data.total |
|
|
this.total = res.data.total |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
@ -1084,6 +1118,9 @@ export default { |
|
|
color: rgba(0, 167, 169, 1); |
|
|
color: rgba(0, 167, 169, 1); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.name-a { |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
|
13176889840
4 years ago