Browse Source

高级筛选等组件同步更新

master
安虹睿 1 year ago
parent
commit
c06718c724
  1. 26
      Code/Fe/src/components/ErrorLog/index.vue
  2. 20
      Code/Fe/src/components/addEditFromApiPop/index.vue
  3. 3
      Code/Fe/src/components/currenButton/innerButton.vue
  4. 2
      Code/Fe/src/components/currenDescriptions/index.vue
  5. 1
      Code/Fe/src/components/filterForDetailPage/index.vue
  6. 28
      Code/Fe/src/components/searchOverall/index.vue
  7. 2
      Code/Fe/src/components/searchOverall/style/index.scss
  8. 6
      Code/Fe/src/components/tableTree/index.vue
  9. 2
      Code/Fe/src/components/umyTable/index.vue

26
Code/Fe/src/components/ErrorLog/index.vue

@ -1,15 +1,31 @@
<template> <template>
<div v-if="errorLogs.length>0"> <div v-if="errorLogs.length>0">
<el-badge :is-dot="true" style="line-height: 25px;margin-top: -5px;" @click.native="dialogTableVisible=true"> <el-badge
<el-button style="padding: 8px 10px;" size="small" type="danger"> :is-dot="true"
<svg-icon icon-class="bug" /> style="line-height: 10px;"
@click.native="dialogTableVisible=true"
>
<el-button style="padding: 4px" size="small" type="danger">
<svg-icon icon-class="svg_bug" style="font-size: 16px;"/>
</el-button> </el-button>
</el-badge> </el-badge>
<el-dialog :visible.sync="dialogTableVisible" width="80%" append-to-body> <el-dialog
:visible.sync="dialogTableVisible"
width="80%"
append-to-body
:close-on-click-modal="true"
:show-close="true"
>
<div slot="title"> <div slot="title">
<span style="padding-right: 10px;">Error Log</span> <span style="padding-right: 10px;">Error Log</span>
<el-button size="mini" type="primary" icon="el-icon-delete" @click="clearAll">Clear All</el-button> <el-button
size="mini"
type="primary"
icon="el-icon-delete"
@click="clearAll"
style="float: right;margin-right: 30px;"
>清除全部</el-button>
</div> </div>
<el-table :data="errorLogs" border> <el-table :data="errorLogs" border>
<el-table-column label="Message"> <el-table-column label="Message">

20
Code/Fe/src/components/addEditFromApiPop/index.vue

@ -69,7 +69,7 @@
:disabled="Boolean(item.disabled)" :disabled="Boolean(item.disabled)"
> >
<el-option <el-option
v-for="item in getItemEnums(item)" v-for="item in item.enums_list"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
@ -247,24 +247,6 @@ export default {
} }
}) })
}, },
//
getItemEnums(item){
let _option = []
//
if(item.apiBaseType == 'boolean'){
_option = [{
value: true,
label: '是'
},{
value: false,
label: '否'
},]
}
if(item.isEnums){
_option = item.enums_list
}
return _option
},
// //
close() { close() {
this.show = false this.show = false

3
Code/Fe/src/components/currenButton/innerButton.vue

@ -16,9 +16,8 @@
}" }"
:class="item.class" :class="item.class"
@click="tableButtonClick(item.name,item)" @click="tableButtonClick(item.name,item)"
v-permission="item.permission" v-permission="item.permission || []"
>{{ item.label }}</el-button> >{{ item.label }}</el-button>
<!-- v-permission="item.permission" -->
</div> </div>
</template> </template>
<script> <script>

2
Code/Fe/src/components/currenDescriptions/index.vue

@ -146,9 +146,11 @@ export default {
// //
initApiEnumList(item,data){ initApiEnumList(item,data){
let _item_enumList = {} let _item_enumList = {}
if(item.enums_list){
item.enums_list.forEach((item,key)=>{ item.enums_list.forEach((item,key)=>{
_item_enumList[item.value] = item.label _item_enumList[item.value] = item.label
}) })
}
return _item_enumList[data] || '未定义' return _item_enumList[data] || '未定义'
}, },
} }

1
Code/Fe/src/components/filterForDetailPage/index.vue

@ -30,6 +30,7 @@
:multipleSelection="multipleSelection" :multipleSelection="multipleSelection"
:MaxResultCount="PageListParams.MaxResultCount" :MaxResultCount="PageListParams.MaxResultCount"
:setUTableHeight="setUTableHeight" :setUTableHeight="setUTableHeight"
:selectMaxHeight="'116px'"
@topbutton="topbutton" @topbutton="topbutton"
@inlineDialog="inlineDialog" @inlineDialog="inlineDialog"
@sortChange="sortChange" @sortChange="sortChange"

28
Code/Fe/src/components/searchOverall/index.vue

@ -32,6 +32,7 @@
<!-- 高级筛选界面 --> <!-- 高级筛选界面 -->
<div v-if="isShow && isShowMoreList" class="moreListOuter"> <div v-if="isShow && isShowMoreList" class="moreListOuter">
<curren-Form <curren-Form
:style="`--navFilterMaxHeight: ${selectMaxHeight};`"
class="navFilter" class="navFilter"
size="medium" size="medium"
labelWidth="0" labelWidth="0"
@ -94,7 +95,7 @@
:rules="rules && rules.value ? rules.value : []" :rules="rules && rules.value ? rules.value : []"
> >
<el-select <el-select
v-if="Object.keys(inputOrSelect(item.column)).length > 0" v-if="inputOrSelect(item.column)"
v-model="item.value" v-model="item.value"
placeholder="请选择内容" placeholder="请选择内容"
:disabled="item.column == '' || item.hide ? true : false" :disabled="item.column == '' || item.hide ? true : false"
@ -103,9 +104,7 @@
clearable clearable
> >
<el-option <el-option
v-for="item in $staticOptions[ v-for="item in inputOrSelect(item.column)"
inputOrSelect(item.column).filters
]()"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value=" :value="
@ -118,7 +117,7 @@
</el-select> </el-select>
<!-- 日期时间 --> <!-- 日期时间 -->
<el-date-picker <el-date-picker
v-else-if="getColumnType(item.column) == 'dateTime'" v-else-if="getColumnType(item.column) == 'datetime'"
type="datetime" type="datetime"
v-model="item.value" v-model="item.value"
:placeholder="'选择日期时间'" :placeholder="'选择日期时间'"
@ -259,6 +258,11 @@ export default {
} }
}, },
props: { props: {
//
selectMaxHeight:{
type: String,
default: '174px'
},
// //
searchOverallCoverHeight:{ searchOverallCoverHeight:{
type: String, type: String,
@ -455,8 +459,8 @@ export default {
getColumnType(val) { getColumnType(val) {
var columnsType = this.tableColumns.filter(item => item.prop == val) var columnsType = this.tableColumns.filter(item => item.prop == val)
if (columnsType.length > 0) { if (columnsType.length > 0) {
if (columnsType[0].type) { if (columnsType[0].apiBaseType) {
return columnsType[0].type return columnsType[0].apiBaseType
} }
} else { } else {
return '' return ''
@ -497,19 +501,15 @@ export default {
}, },
// moreListinputselect // moreListinputselect
inputOrSelect(val) { inputOrSelect(val) {
let data let data = null
if (val) { if (val) {
this.tableColumns.forEach((key) => { this.tableColumns.forEach((key) => {
if (val == key.prop) { if (val == key.prop) {
if (key.filters) { if (key.enums_list && key.enums_list.length > 0) {
data = key data = key.enums_list
} else {
data = {}
} }
} }
}) })
} else {
data = {}
} }
return data return data
}, },

2
Code/Fe/src/components/searchOverall/style/index.scss

@ -31,7 +31,7 @@
// flex-direction: column; // flex-direction: column;
// width: 100%; // width: 100%;
// height: 100%; // height: 100%;
max-height: 170px; max-height: var(--navFilterMaxHeight);
overflow: auto; overflow: auto;
.el-form { .el-form {

6
Code/Fe/src/components/tableTree/index.vue

@ -11,7 +11,7 @@
:icon="item.icon" :icon="item.icon"
:size="item.size" :size="item.size"
@click="headerButtonsHandle(item)" @click="headerButtonsHandle(item)"
v-permission="item.permission" v-permission="item.permission || []"
>{{item.label}}</el-button> >{{item.label}}</el-button>
</div> </div>
<div class="query-box"> <div class="query-box">
@ -31,7 +31,7 @@
:icon="item.icon" :icon="item.icon"
:size="item.size" :size="item.size"
@click="headerButtonsHandle(item)" @click="headerButtonsHandle(item)"
v-permission="item.permission" v-permission="item.permission || []"
>{{item.label}}</el-button> >{{item.label}}</el-button>
</div> </div>
</div> </div>
@ -75,7 +75,7 @@
:style="item.style" :style="item.style"
v-show="typeof item.hide == 'function' ? !item.hide(scope.row) : !item.hide" v-show="typeof item.hide == 'function' ? !item.hide(scope.row) : !item.hide"
:icon="item.icon" :icon="item.icon"
v-permission="item.permission" v-permission="item.permission || []"
>{{item.label}}</el-button> >{{item.label}}</el-button>
</template> </template>
</el-table-column> </el-table-column>

2
Code/Fe/src/components/umyTable/index.vue

@ -167,7 +167,7 @@
:key="indexButton" :key="indexButton"
type="text" type="text"
size="mini" size="mini"
v-permission="itemButton.permission" v-permission="itemButton.permission || []"
:style="{color:itemButton.color || '#409EFF'}" :style="{color:itemButton.color || '#409EFF'}"
@click="buttonOperationClick_right(scope.row, itemButton, indexButton)" @click="buttonOperationClick_right(scope.row, itemButton, indexButton)"
>{{itemButton.label}}</el-button> >{{itemButton.label}}</el-button>

Loading…
Cancel
Save