test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style(操作日志): 查询条件排列优化 

--bug=1007568 --user=赵勇 【github#7043】组织-操作日志页面布局显示不友好，选定操作时间后，未能完整展示，且各筛选项的提示语显示不全，建议优化 https://www.tapd.cn/55049933/s/1062714
This commit is contained in:
fit2-zhao 2021-11-01 18:12:44 +08:00 committed by fit2-zhao
parent 2ac8b0d44f
commit 04b1e49b0c
1 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/business/components/settings/operatinglog/OperatingLog.vue
View File

@ -6,10 +6,9 @@
{{ $t('operating_log.title') }} {{ $t('operating_log.title') }}
</div> </div>
<div> <div>
<el-form :model="condition" label-position="right" label-width="75px" size="small" ref="basicForm" <el-form :model="condition" label-position="right" label-width="auto" size="small" ref="basicForm">
style="margin-right: 20px">
<el-row> <el-row>
<el-col :span="5"> <el-col :span="8">
<el-form-item :label="$t('operating_log.time')" prop="times"> <el-form-item :label="$t('operating_log.time')" prop="times">
<el-date-picker <el-date-picker
size="small" size="small"
@ -18,11 +17,11 @@
value-format="timestamp" value-format="timestamp"
:range-separator="$t('commons.date.range_separator')" :range-separator="$t('commons.date.range_separator')"
:start-placeholder="$t('schedule.cron.start')" :start-placeholder="$t('schedule.cron.start')"
:end-placeholder="$t('variables.end')" style="width: 100%"> :end-placeholder="$t('variables.end')" style="width: 95%">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="8">
<el-form-item :label="$t('operating_log.user')" prop="user"> <el-form-item :label="$t('operating_log.user')" prop="user">
<el-autocomplete <el-autocomplete
class="input-with-autocomplete" class="input-with-autocomplete"
@ -33,7 +32,7 @@
size="small" size="small"
highlight-first-item highlight-first-item
value-key="email" value-key="email"
@select="handleSelect"> @select="handleSelect" style="width: 100%">
<template v-slot:default="scope"> <template v-slot:default="scope">
<span class="ws-member-name">{{ scope.item.name }}</span> <span class="ws-member-name">{{ scope.item.name }}</span>
<span class="ws-member-email">{{ scope.item.email }}</span> <span class="ws-member-email">{{ scope.item.email }}</span>
@ -42,23 +41,25 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="8">
<el-form-item :label="$t('commons.project')" prop="project"> <el-form-item :label="$t('commons.project')" prop="project">
<el-select size="small" v-model="condition.projectId" @change="initTableData" clearable> <el-select size="small" v-model="condition.projectId" @change="initTableData" clearable style="width: 100%">
<el-option v-for="o in items" :key="o.id" :label="$t(o.label)" :value="o.id"/> <el-option v-for="o in items" :key="o.id" :label="$t(o.label)" :value="o.id"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> </el-row>
<el-row>
<el-col :span="8">
<el-form-item :label="$t('operating_log.type')" prop="type"> <el-form-item :label="$t('operating_log.type')" prop="type">
<el-select size="small" v-model="condition.operType" clearable @change="initTableData"> <el-select size="small" v-model="condition.operType" clearable @change="initTableData" style="width: 95%">
<el-option v-for="o in LOG_TYPE" :key="o.id" :label="$t(o.label)" :value="o.id"/> <el-option v-for="o in LOG_TYPE" :key="o.id" :label="$t(o.label)" :value="o.id"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="8">
<el-form-item :label="$t('operating_log.object')" prop="module"> <el-form-item :label="$t('operating_log.object')" prop="module">
<el-cascader v-model="condition.operModules" <el-cascader v-model="condition.operModules"
show-all-levels filterable show-all-levels filterable
@ -66,13 +67,13 @@
:placeholder="$t('operating_log.object')" :placeholder="$t('operating_log.object')"
:props="props" :props="props"
class="ms-case" class="ms-case"
@change="initTableData" ref="cascade"/> @change="initTableData" ref="cascade" style="width: 100%"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="3"> <el-col :span="8">
<div style="width: 140px"> <div style="float: right">
<el-button type="primary" size="small" style="float: right" @click="search"> <el-button type="primary" size="small" @click="search">
{{ $t('commons.adv_search.search') }} {{ $t('commons.adv_search.search') }}
</el-button> </el-button>
<el-button size="small" @click="reset"> <el-button size="small" @click="reset">