monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 1ca6a1df1c0d79d0301bd7b96fb8018a9fc2c635 1 parent eae328c0

【无】操作记录日志页面搭建-按钮组点击高亮 #2

Inline Side-by-side
Showing 2 changed files with 46 additions and 21 deletions
... ... @@ -28,28 +28,28 @@
<div class="search">
<div class="operation-log-search">
<el-button-group class="ml-4">
<el-button :size="$global.elementConfig.size.button" :type="search.status == 1 ? 'primary' : ''"
@click="getDataList(1)">昨天
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'yesterday' ? 'primary' : ''"
@click="getDataList('yesterday')">昨天
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 2 ? 'primary' : ''"
@click="getDataList(2)">今天
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'today' ? 'primary' : ''"
@click="getDataList('today')">今天
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 2 ? 'primary' : ''"
@click="getDataList(2)">上周
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'lastWeek' ? 'primary' : ''"
@click="getDataList('lastWeek')">上周
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 2 ? 'primary' : ''"
@click="getDataList(2)">本周
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'thisWeek' ? 'primary' : ''"
@click="getDataList('thisWeek')">本周
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 2 ? 'primary' : ''"
@click="getDataList(2)">本月
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'thisMonth' ? 'primary' : ''"
@click="getDataList('thisMonth')">本月
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 2 ? 'primary' : ''"
@click="getDataList(2)">全部
<el-button style="border-radius: 0;" :size="$global.elementConfig.size.button" :type="search.status == 'all' ? 'primary' : ''"
@click="getDataList('all')">全部
</el-button>
</el-button-group>
<el-date-picker
:size="$global.elementConfig.size.input"
style="width:150px;"
style="width:150px;border-radius: 0 4px 4px 0;"
end-placeholder="结束日期"
format="YYYY-MM-DD"
range-separator="-"
... ... @@ -58,6 +58,8 @@
v-model="search.dateTime"
value-format="YYYY-MM-DD"
:prefix-icon="'none'"
@focus="dateFocus"
@change="dateChange"
/>
</div>
</div>
... ...
... ... @@ -107,6 +107,7 @@ export default {
yAxis: {
type: 'value',
scale: true,
min:0,
boundaryGap: ['10%', '10%'],
axisLine: {
lineStyle: {
... ... @@ -284,7 +285,8 @@ export default {
optionDataInit();
}
let search = Vue.ref({
status: 1,
status: 'today',
dateTime:'',
keyword: '',
page: 1,
limit: 10,
... ... @@ -336,23 +338,42 @@ export default {
}
]
})
//点击时间选择时，其他按钮不高亮
let dateFocus=()=>{
search.value.status = 'dateRange';
}
//时间更改事件
let dateChange=(val)=>{
console.log(val,search.value.dateTime)
getDataList('dateRange')
}
//获取aj配置信息
let statusVal = Vue.ref(0);
let statusVal = Vue.ref('today');
let getDataList = (status) => {
if (status == undefined) {
status = 1
status = 'today'
}
if(status != 'dateRange'){
search.value.dateTime=[];
}
statusVal.value = status;
search.value.status = status;
proxy.$http.get(`/api-web/bAlarmManage/page`, {
let startTime='';
let endTime=''
if(search.value.dateTime && search.value.dateTime.length>0){
startTime=search.value.dateTime[0];
endTime=search.value.dateTime[1];
}
let params={
page: search.value.page,
limit: search.value.limit,
keyword: search.value.keyword,
status: search.value.status
}, function (res) {
status: search.value.status,
startTime:startTime,
endTime:endTime
}
proxy.$http.get(`/api-web/bAlarmManage/page`, params, function (res) {
if (res && res.data) {
tableData.value.dataList = res.data;
tableData.value.count = res.count;
... ... @@ -409,6 +430,8 @@ export default {
namesR,
rateDataR,
setSeries,
dateFocus,
dateChange,
dialog,
hideDialog,
search,
... ...