Merge pull request #131 from veops/dev_ui

前端acl
This commit is contained in:
pycook 2023-07-28 18:03:36 +08:00 committed by GitHub
commit 252003f76d
13 changed files with 386 additions and 778 deletions

View File

@ -78,6 +78,7 @@
</template> </template>
<script> <script>
import _ from 'lodash'
import Pager from './pager.vue' import Pager from './pager.vue'
import SearchForm from './searchForm.vue' import SearchForm from './searchForm.vue'
import { searchPermissonHistory } from '@/modules/acl/api/history' import { searchPermissonHistory } from '@/modules/acl/api/history'
@ -251,23 +252,25 @@ export default {
}, },
// //
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let q = '' let q = ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
key !== 'app_id' && key !== 'app_id' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
if (q) q += `,${key}:${queryParams[key]}` if (q) q += `,${key}:${_queryParams[key]}`
else q += `${key}:${queryParams[key]}` else q += `${key}:${_queryParams[key]}`
delete queryParams[key] delete _queryParams[key]
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return q ? newQueryParams : queryParams return q ? newQueryParams : _queryParams
}, },
// searchForm // searchForm
@ -283,7 +286,7 @@ export default {
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = { ...queryParams, app_id: this.app_id } this.queryParams = { ...this.queryParams, ...queryParams, app_id: this.app_id }
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },

View File

@ -212,7 +212,12 @@ export default {
// searchForm // searchForm
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = { ...queryParams, app_id: this.app_id, scope: this.checked ? 'resource_group' : 'resource' } this.queryParams = {
...this.queryParams,
...queryParams,
app_id: this.app_id,
scope: this.checked ? 'resource_group' : 'resource',
}
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
searchFormReset() { searchFormReset() {
@ -245,9 +250,11 @@ export default {
}, },
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let flag = false let flag = false
let q = queryParams.q ? queryParams.q : '' let q = _queryParams.q ? _queryParams.q : ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
@ -255,16 +262,16 @@ export default {
key !== 'q' && key !== 'q' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
flag = true flag = true
if (q) q += `,${key}:${queryParams[key]}` if (q) q += `,${key}:${_queryParams[key]}`
else q += `${key}:${queryParams[key]}` else q += `${key}:${_queryParams[key]}`
delete queryParams[key] delete _queryParams[key]
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return flag ? newQueryParams : queryParams return flag ? newQueryParams : _queryParams
}, },
handleTagColor(operateType) { handleTagColor(operateType) {
return this.colorMap.get(operateType) return this.colorMap.get(operateType)

View File

@ -179,7 +179,7 @@ export default {
// searchForm // searchForm
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = { ...queryParams, app_id: this.app_id, scope: 'resource_type' } this.queryParams = { ...this.queryParams, ...queryParams, app_id: this.app_id, scope: 'resource_type' }
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
searchFormReset() { searchFormReset() {
@ -206,9 +206,11 @@ export default {
}, },
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let flag = false let flag = false
let q = queryParams.q ? queryParams.q : '' let q = _queryParams.q ? _queryParams.q : ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
@ -216,16 +218,16 @@ export default {
key !== 'q' && key !== 'q' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
flag = true flag = true
if (q) q += `,${key}:${queryParams[key]}` if (q) q += `,${key}:${_queryParams[key]}`
else q += `${key}:${queryParams[key]}` else q += `${key}:${_queryParams[key]}`
delete queryParams[key] delete _queryParams[key]
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return flag ? newQueryParams : queryParams return flag ? newQueryParams : _queryParams
}, },
handleTagColor(operateType) { handleTagColor(operateType) {
return this.colorMap.get(operateType) return this.colorMap.get(operateType)

View File

@ -220,7 +220,12 @@ export default {
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = { ...queryParams, app_id: this.app_id, scope: this.checked ? 'role_relation' : 'role' } this.queryParams = {
...this.queryParams,
...queryParams,
app_id: this.app_id,
scope: this.checked ? 'role_relation' : 'role',
}
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
searchFormReset() { searchFormReset() {
@ -237,9 +242,11 @@ export default {
// //
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let flag = false let flag = false
let q = queryParams.q ? queryParams.q : '' let q = _queryParams.q ? _queryParams.q : ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
@ -247,16 +254,16 @@ export default {
key !== 'q' && key !== 'q' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
flag = true flag = true
if (q) q += `,${key}:${queryParams[key]}` if (q) q += `,${key}:${_queryParams[key]}`
else q += `${key}:${queryParams[key]}` else q += `${key}:${_queryParams[key]}`
delete queryParams[key] delete _queryParams[key]
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return flag ? newQueryParams : queryParams return flag ? newQueryParams : _queryParams
}, },
// tag // tag
handleTagColor(operateType) { handleTagColor(operateType) {

View File

@ -147,7 +147,6 @@ export default {
expand: false, expand: false,
queryParams: { queryParams: {
page: 1, page: 1,
page_size: 50,
}, },
date: undefined, date: undefined,
checked: false, checked: false,
@ -188,7 +187,6 @@ export default {
handleReset() { handleReset() {
this.queryParams = { this.queryParams = {
page: 1, page: 1,
page_size: 50,
} }
this.date = undefined this.date = undefined
this.$emit('searchFormReset') this.$emit('searchFormReset')

View File

@ -200,7 +200,7 @@ export default {
// searchForm // searchForm
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = queryParams this.queryParams = { ...this.queryParams, ...queryParams }
this.queryParams.app_id = this.app_id this.queryParams.app_id = this.app_id
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
@ -281,25 +281,27 @@ export default {
} }
}, },
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let q = '' let q = ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
key !== 'app_id' && key !== 'app_id' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
if (q) { if (q) {
q += `,${key}:${queryParams[key]}` q += `,${key}:${_queryParams[key]}`
} else { } else {
q += `${key}:${queryParams[key]}` q += `${key}:${_queryParams[key]}`
} }
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return q ? newQueryParams : queryParams return q ? newQueryParams : _queryParams
}, },
handleTagColor(operateType) { handleTagColor(operateType) {
return this.colorMap.get(operateType) return this.colorMap.get(operateType)

View File

@ -79,6 +79,7 @@
</template> </template>
<script> <script>
import _ from 'lodash'
import debounce from 'lodash/debounce' import debounce from 'lodash/debounce'
import Pager from '../../module/pager.vue' import Pager from '../../module/pager.vue'
import SearchForm from '../../module/searchForm.vue' import SearchForm from '../../module/searchForm.vue'
@ -347,7 +348,7 @@ export default {
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = queryParams this.queryParams = { ...this.queryParams, ...queryParams }
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
handleExpandChange(expand) { handleExpandChange(expand) {
@ -387,23 +388,24 @@ export default {
}, },
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let q = '' let q = ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
key !== 'app_id' && key !== 'app_id' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
if (q) q += `,${key}:${queryParams[key]}` if (q) q += `,${key}:${_queryParams[key]}`
else q += `${key}:${queryParams[key]}` else q += `${key}:${_queryParams[key]}`
delete queryParams[key] delete _queryParams[key]
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return q ? newQueryParams : queryParams return q ? newQueryParams : _queryParams
}, },
}, },
} }

View File

@ -267,7 +267,7 @@ export default {
this.isExpand = expand this.isExpand = expand
}, },
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = { ...queryParams, scope: this.checked ? 'resource_group' : 'resource' } this.queryParams = { ...this.queryParams, ...queryParams, scope: this.checked ? 'resource_group' : 'resource' }
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
searchFormReset() { searchFormReset() {
@ -317,9 +317,11 @@ export default {
}, },
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let flag = false let flag = false
let q = queryParams.q ? queryParams.q : '' let q = _queryParams.q ? _queryParams.q : ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
@ -327,16 +329,16 @@ export default {
key !== 'q' && key !== 'q' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
flag = true flag = true
if (q) q += `,${key}:${queryParams[key]}` if (q) q += `,${key}:${_queryParams[key]}`
else q += `${key}:${queryParams[key]}` else q += `${key}:${_queryParams[key]}`
delete queryParams[key] delete _queryParams[key]
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return flag ? newQueryParams : queryParams return flag ? newQueryParams : _queryParams
}, },
handleTagColor(operateType) { handleTagColor(operateType) {
return this.colorMap.get(operateType) return this.colorMap.get(operateType)

View File

@ -217,7 +217,7 @@ export default {
this.isExpand = expand this.isExpand = expand
}, },
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = { ...queryParams, scope: 'resource_type' } this.queryParams = { ...this.queryParams, ...queryParams, scope: 'resource_type' }
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
searchFormReset() { searchFormReset() {
@ -253,9 +253,11 @@ export default {
}, },
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let flag = false let flag = false
let q = queryParams.q ? queryParams.q : '' let q = _queryParams.q ? _queryParams.q : ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
@ -263,16 +265,16 @@ export default {
key !== 'q' && key !== 'q' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
flag = true flag = true
if (q) q += `,${key}:${queryParams[key]}` if (q) q += `,${key}:${_queryParams[key]}`
else q += `${key}:${queryParams[key]}` else q += `${key}:${_queryParams[key]}`
delete queryParams[key] delete _queryParams[key]
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return flag ? newQueryParams : queryParams return flag ? newQueryParams : _queryParams
}, },
handleTagColor(operateType) { handleTagColor(operateType) {
return this.colorMap.get(operateType) return this.colorMap.get(operateType)

View File

@ -231,7 +231,7 @@ export default {
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = { ...queryParams, scope: this.checked ? 'role_relation' : 'role' } this.queryParams = { ...this.queryParams, ...queryParams, scope: this.checked ? 'role_relation' : 'role' }
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
searchFormReset() { searchFormReset() {
@ -247,9 +247,10 @@ export default {
// //
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let flag = false let flag = false
let q = queryParams.q ? queryParams.q : '' let q = _queryParams.q ? _queryParams.q : ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
@ -257,16 +258,16 @@ export default {
key !== 'q' && key !== 'q' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
flag = true flag = true
if (q) q += `,${key}:${queryParams[key]}` if (q) q += `,${key}:${_queryParams[key]}`
else q += `${key}:${queryParams[key]}` else q += `${key}:${_queryParams[key]}`
delete queryParams[key] delete _queryParams[key]
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return flag ? newQueryParams : queryParams return flag ? newQueryParams : _queryParams
}, },
// tag // tag
handleTagColor(operateType) { handleTagColor(operateType) {

View File

@ -241,7 +241,7 @@ export default {
this.isExpand = expand this.isExpand = expand
}, },
handleSearch(queryParams) { handleSearch(queryParams) {
this.queryParams = queryParams this.queryParams = { ...this.queryParams, ...queryParams }
this.getTable(this.queryParams) this.getTable(this.queryParams)
}, },
searchFormReset() { searchFormReset() {
@ -326,25 +326,27 @@ export default {
} }
}, },
handleQueryParams(queryParams) { handleQueryParams(queryParams) {
const _queryParams = _.cloneDeep(queryParams)
let q = '' let q = ''
for (const key in queryParams) { for (const key in _queryParams) {
if ( if (
key !== 'page' && key !== 'page' &&
key !== 'page_size' && key !== 'page_size' &&
key !== 'app_id' && key !== 'app_id' &&
key !== 'start' && key !== 'start' &&
key !== 'end' && key !== 'end' &&
queryParams[key] !== undefined _queryParams[key] !== undefined
) { ) {
if (q) { if (q) {
q += `,${key}:${queryParams[key]}` q += `,${key}:${_queryParams[key]}`
} else { } else {
q += `${key}:${queryParams[key]}` q += `${key}:${_queryParams[key]}`
} }
} }
} }
const newQueryParams = { ...queryParams, q } const newQueryParams = { ..._queryParams, q }
return q ? newQueryParams : queryParams return q ? newQueryParams : _queryParams
}, },
handleTagColor(operateType) { handleTagColor(operateType) {
return this.colorMap.get(operateType) return this.colorMap.get(operateType)

View File

@ -534,7 +534,7 @@ export default {
}) })
}, },
getAllFlatEmployees() { getAllFlatEmployees() {
getEmployeeList({ block_status: 0, page_size: 99999 }).then((res) => { getEmployeeList({ block_status: -1, page_size: 99999 }).then((res) => {
this.allFlatEmployees = res.data_list this.allFlatEmployees = res.data_list
}) })
}, },
@ -721,7 +721,7 @@ export default {
this.loading = false this.loading = false
}, },
updateAll() { updateAll() {
this.expression = [] // this.expression = []
this.updateCount() this.updateCount()
this.updateTableDataByFilter() this.updateTableDataByFilter()
}, },
@ -774,7 +774,7 @@ export default {
}, },
reset() { reset() {
this.filterName = '' this.filterName = ''
this.$refs.filterComp.expression = '' this.$refs.filterComp.expression = []
this.updateTableDataByFilter() this.updateTableDataByFilter()
}, },
handleSearch(expression) { handleSearch(expression) {

File diff suppressed because it is too large Load Diff