feat:endpoint 新增根据state查询
This commit is contained in:
@@ -269,6 +269,14 @@
|
|||||||
type: 'query',
|
type: 'query',
|
||||||
label: 'query',
|
label: 'query',
|
||||||
disabled: false
|
disabled: false
|
||||||
|
},{
|
||||||
|
id:33,
|
||||||
|
name:this.$t('asset.state'),
|
||||||
|
// name: this.$t('asset.asset'),
|
||||||
|
type:'state',
|
||||||
|
label:'state',
|
||||||
|
disabled:false,
|
||||||
|
readonly:true,
|
||||||
}],
|
}],
|
||||||
},
|
},
|
||||||
endpointSearchLabel: { //搜索参数
|
endpointSearchLabel: { //搜索参数
|
||||||
|
|||||||
@@ -38,7 +38,7 @@
|
|||||||
<i class="nz-icon nz-icon-close" @click="close_selcet_list(ind,$event)"></i>
|
<i class="nz-icon nz-icon-close" @click="close_selcet_list(ind,$event)"></i>
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="!change_sreach_show && ind==sreach_num && val.id!==7 " class="select_input">
|
<div v-else-if="!change_sreach_show && ind==sreach_num && val.id!==7 " class="select_input">
|
||||||
<input type="text" autocomplete="off" id="sreach_input" v-model="input_sreach" @keyup="enter(val.name, $event)" @click="stop_click">
|
<input type="text" autocomplete="off" id="sreach_input" v-model="input_sreach" :readonly="val.readonly" @keyup="enter(val, $event)" @click="stop_click">
|
||||||
<div class="select_info_list" :style="'top:' + selectDom.top" v-if="val.type == 'select'">
|
<div class="select_info_list" :style="'top:' + selectDom.top" v-if="val.type == 'select'">
|
||||||
<el-scrollbar v-if="selectInfoList[val.label].length > 8" class="el-scrollbar-small" style="height: 240px;">
|
<el-scrollbar v-if="selectInfoList[val.label].length > 8" class="el-scrollbar-small" style="height: 240px;">
|
||||||
<ul>
|
<ul>
|
||||||
@@ -123,6 +123,12 @@
|
|||||||
<li v-for="item in schlist" @click="selectSul(item.name)">{{item.name}}</li>
|
<li v-for="item in schlist" @click="selectSul(item.name)">{{item.name}}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<!--endpoint 状态-->
|
||||||
|
<div class="select_info_list" :style="'top:' + selectDom.top" v-if="val.type == 'state'&&val.id==33">
|
||||||
|
<ul>
|
||||||
|
<li v-for="(item,key) in selectInfoList['endpointState']" :key="key" @click="tr_selectInfo(val.label,item.value,item.label,$event)" :class="search_select_style_num==key?'search-style-ind':''">{{item.label}}</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="timeFrame"
|
v-model="timeFrame"
|
||||||
@@ -148,7 +154,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div :class="input_list?'input_list none':'input_list'" :style="'top:' + selectDom.top" @click="stop_click" id="input_list" v-scroll-bar>
|
<div :class="input_list?'input_list none':'input_list'" :style="'top:' + selectDom.top" @click="stop_click" id="input_list" v-scroll-bar>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(val,ind) in searchLabelList" @click="select_name(val.name,ind,val.id,val.type,val.label,val.disabled,$event)" :key="ind" :class="{'search-style-ind':searchStyleNum==ind,'is-disabled':val.disabled}">
|
<li v-for="(val,ind) in searchLabelList" @click="select_name(val.name,ind,val.id,val.type,val.label,val.disabled,val.readonly,$event)" :key="ind" :class="{'search-style-ind':searchStyleNum==ind,'is-disabled':val.disabled}">
|
||||||
<span>{{val.name}}</span>
|
<span>{{val.name}}</span>
|
||||||
</li>
|
</li>
|
||||||
<!--<li v-for="(val,ind) in searchLabelList" v-if="val.name=='Protocol'" @click="select_type(val.name,ind,val.id,val.type,val.label,val.disabled)" :key="ind" :class="{'search-style-ind':searchStyleNum==ind,'is-disabled':val.disabled}">
|
<!--<li v-for="(val,ind) in searchLabelList" v-if="val.name=='Protocol'" @click="select_type(val.name,ind,val.id,val.type,val.label,val.disabled)" :key="ind" :class="{'search-style-ind':searchStyleNum==ind,'is-disabled':val.disabled}">
|
||||||
@@ -815,15 +821,17 @@
|
|||||||
id= this.searchLabelList[this.searchStyleNum].id,
|
id= this.searchLabelList[this.searchStyleNum].id,
|
||||||
type= this.searchLabelList[this.searchStyleNum].type,
|
type= this.searchLabelList[this.searchStyleNum].type,
|
||||||
label= this.searchLabelList[this.searchStyleNum].label,
|
label= this.searchLabelList[this.searchStyleNum].label,
|
||||||
disabled= this.searchLabelList[this.searchStyleNum].disabled
|
disabled= this.searchLabelList[this.searchStyleNum].disabled,
|
||||||
|
readonly= this.searchLabelList[this.searchStyleNum].readonly;
|
||||||
this.searchStyleNum = -1
|
this.searchStyleNum = -1
|
||||||
this.select_name(val, ind, id, type,label,disabled)
|
this.select_name(val, ind, id, type,label,disabled,readonly)
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// input框监听是按删除还是回车
|
// input框监听是按删除还是回车
|
||||||
enter(val, e) {
|
enter(val, e) {
|
||||||
|
console.log(val);
|
||||||
var keyCode = window.event ? e.keyCode : e.which;
|
var keyCode = window.event ? e.keyCode : e.which;
|
||||||
if(val == 'ID'&&keyCode == 13){
|
if(val == 'ID'&&keyCode == 13){
|
||||||
let id = /^[0-9]*$/
|
let id = /^[0-9]*$/
|
||||||
@@ -1090,7 +1098,7 @@
|
|||||||
this.getSelectPosition(e);
|
this.getSelectPosition(e);
|
||||||
},
|
},
|
||||||
//点击选择 搜索类型
|
//点击选择 搜索类型
|
||||||
select_name(val, ind, id, type,label,disabled,e ) {
|
select_name(val, ind, id, type,label,disabled,readonly,e ) {
|
||||||
// if(id==43||id==45||id==48){ //根据id判断是否开启ip验证
|
// if(id==43||id==45||id==48){ //根据id判断是否开启ip验证
|
||||||
// this.select_conditionsName=true
|
// this.select_conditionsName=true
|
||||||
// }
|
// }
|
||||||
@@ -1113,7 +1121,8 @@
|
|||||||
id:id,
|
id:id,
|
||||||
type:type,
|
type:type,
|
||||||
label:label,
|
label:label,
|
||||||
disabled:disabled
|
disabled:disabled,
|
||||||
|
readonly
|
||||||
})
|
})
|
||||||
this.change_sreach_show = false
|
this.change_sreach_show = false
|
||||||
this.input_list = !this.input_list
|
this.input_list = !this.input_list
|
||||||
@@ -1124,7 +1133,8 @@
|
|||||||
id:id,
|
id:id,
|
||||||
type:type,
|
type:type,
|
||||||
label:label,
|
label:label,
|
||||||
disabled:disabled
|
disabled:disabled,
|
||||||
|
readonly
|
||||||
})
|
})
|
||||||
this.change_sreach_show = false
|
this.change_sreach_show = false
|
||||||
this.sreach_num = this.select_list.length-1
|
this.sreach_num = this.select_list.length-1
|
||||||
@@ -1161,7 +1171,8 @@
|
|||||||
id:id,
|
id:id,
|
||||||
type:type,
|
type:type,
|
||||||
label:label,
|
label:label,
|
||||||
disabled:disabled
|
disabled:disabled,
|
||||||
|
readonly
|
||||||
});
|
});
|
||||||
this.change_sreach_show = false;
|
this.change_sreach_show = false;
|
||||||
this.sreach_num = this.select_list.length-1;
|
this.sreach_num = this.select_list.length-1;
|
||||||
|
|||||||
@@ -51,6 +51,15 @@
|
|||||||
label: i18n.t('asset.suspended')
|
label: i18n.t('asset.suspended')
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
endpointState: [ //资产入库/出库状态
|
||||||
|
{
|
||||||
|
value: 'UP',
|
||||||
|
label: 'UP'
|
||||||
|
}, {
|
||||||
|
value: 'DOWN',
|
||||||
|
label: 'DOWN'
|
||||||
|
}
|
||||||
|
],
|
||||||
pingStatus:[
|
pingStatus:[
|
||||||
{
|
{
|
||||||
value: '0',
|
value: '0',
|
||||||
|
|||||||
@@ -369,6 +369,14 @@
|
|||||||
type:'query',
|
type:'query',
|
||||||
label:'query',
|
label:'query',
|
||||||
disabled:false
|
disabled:false
|
||||||
|
},{
|
||||||
|
id:33,
|
||||||
|
name:this.$t('asset.state'),
|
||||||
|
// name: this.$t('asset.asset'),
|
||||||
|
type:'state',
|
||||||
|
label:'state',
|
||||||
|
disabled:false,
|
||||||
|
readonly:true,
|
||||||
}],
|
}],
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user