XiaoMo/x-php-Admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
小陌 2023-06-29 23:33:49 +08:00
parent 36ce6c9641
commit 980175d348
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/scFilterBar/index.vue
View File

@ -22,16 +22,21 @@
</div>
<table v-else>
<colgroup>
<col width="50">
<col width="140">
<col width="30">
<col width="40">
<col width="140">
<col>
<col width="110">
<col width="40">
</colgroup>
<tr v-for="(item,index) in filter" :key="index">
<td>
<el-tag :disable-transitions="true">{{index+1}}</el-tag>
</td>
<td>
<el-icon class="del" @click="delFilter(index)" style="border: 1px solid #e6e6e6;">
<el-icon-delete />
</el-icon>
</td>
<td>
<py-select v-model="item.field" :options="fields" :filter="filter" placeholder="过滤字段" filterable @change="fieldChange(item)">
</py-select>
@ -59,14 +64,11 @@
<!-- 标签 -->
<el-select v-if="item.field.type=='tags'" v-model="item.value" multiple filterable allow-create default-first-option no-data-text="输入关键词后按回车确认" :placeholder="item.field.placeholder||'请输入'"></el-select>
</td>
<td>
<el-select v-if="item.field.operators" v-model="item.operator" placeholder="运算符">
<td v-if="item.field.operators">
<el-select v-model="item.operator" placeholder="运算符">
<el-option v-for="ope in item.field.operators || operator" :key="ope.value" :label="ope.label" :value="ope.value"></el-option>
</el-select>
</td>
<td>
<el-icon class="del" @click="delFilter(index)"><el-icon-delete /></el-icon>
</td>
</tr>
</table>
<el-button type="primary" text icon="el-icon-plus" @click="addFilter">增加过滤项</el-button>
@ -96,6 +98,12 @@
<style scoped>
.tabs-label {padding:0 20px;}
.el-dialog__body {
padding: 10px;
}
.nodata {height:46px;line-height: 46px;margin:15px 0;border: 1px dashed #e6e6e6;color: #999;text-align: center;border-radius: 3px;}
.sc-filter-main {background: #fff; padding-top: 20px}
@ -115,10 +123,6 @@
.root:deep(.el-tabs__content) .el-tab-pane{overflow: auto;height:100%;}
.el-dialog__body {
padding: 0px;
}
.dark .root:deep(.el-tabs__content) {background: var(--el-bg-color-overlay);}
.dark .sc-filter-main {background: var(--el-bg-color);border-color:var(--el-border-color-light);}

4
src/style/media.scss
View File

@ -29,9 +29,9 @@
height: auto!important;display: block;
.left-panel {overflow: auto;}
.left-panel::-webkit-scrollbar{display: none;}
.right-panel {display: block;border-top: 1px solid var(--el-border-color-light);margin-top: 15px;}
.right-panel {margin-top: 15px;}
.right-panel .right-panel-search {display: block;}
.right-panel .right-panel-search >* {width: 100%;margin: 0;margin-top: 15px;}
.right-panel .right-panel-search >* {width: auto;}
}
.adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) {border: 0;margin-top: 0;}
.adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) + .el-aside {margin-top: 0;}