Merge branch 'master-v32-lushangqing' into 'master'
故障联调 update1215 See merge request !232
Showing
14 changed files
with
159 additions
and
31 deletions
@@ -276,7 +276,7 @@ | @@ -276,7 +276,7 @@ | ||
276 | align-items: flex-start; | 276 | align-items: flex-start; |
277 | } | 277 | } |
278 | .list-step-name{ | 278 | .list-step-name{ |
279 | - margin-left: 10px; | 279 | + /*margin-left: 10px;*/ |
280 | margin-top: 10px; | 280 | margin-top: 10px; |
281 | color:#999999; | 281 | color:#999999; |
282 | } | 282 | } |
@@ -303,6 +303,16 @@ | @@ -303,6 +303,16 @@ | ||
303 | width: 84px; | 303 | width: 84px; |
304 | border-top:5px solid #cccccc; | 304 | border-top:5px solid #cccccc; |
305 | } | 305 | } |
306 | +.list-line-none{ | ||
307 | + display: inline-block; | ||
308 | + width: 34px; | ||
309 | +} | ||
310 | +.width-100{ | ||
311 | + width:100px; | ||
312 | + display: inline-block; | ||
313 | + text-align: left; | ||
314 | +} | ||
315 | + | ||
306 | .list-line.isActive{ | 316 | .list-line.isActive{ |
307 | border-top-color:#3B91FF; | 317 | border-top-color:#3B91FF; |
308 | } | 318 | } |
@@ -124,7 +124,17 @@ export default { | @@ -124,7 +124,17 @@ export default { | ||
124 | } | 124 | } |
125 | //添加所有数据 | 125 | //添加所有数据 |
126 | let saveAll=()=>{ | 126 | let saveAll=()=>{ |
127 | + let params={ | ||
128 | + busId:proxy.bizId | ||
129 | + } | ||
130 | + proxy.$http.post('/api-web/fault/conf/apm/saveOrUpdate',[params],function (res){ | ||
131 | + if(res && res.object){ | ||
132 | + proxy.$global.showMsg('添加成功','success'); | ||
133 | + proxy.targetId=res.src; | ||
134 | + proxy.APMVisible=false; | ||
135 | + } | ||
127 | 136 | ||
137 | + }) | ||
128 | } | 138 | } |
129 | //切换资源获取指标列表 | 139 | //切换资源获取指标列表 |
130 | let changeRes=(val)=>{ | 140 | let changeRes=(val)=>{ |
@@ -30,7 +30,7 @@ | @@ -30,7 +30,7 @@ | ||
30 | <div class="flex-div-start"> | 30 | <div class="flex-div-start"> |
31 | <el-button type="primary" @click="onReset()">重置</el-button> | 31 | <el-button type="primary" @click="onReset()">重置</el-button> |
32 | <el-button type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button> | 32 | <el-button type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button> |
33 | - <el-button type="primary" @click="saveAll()" style="margin-left: 10px">全部添加</el-button> | 33 | + <el-button type="primary" :disabled="isLoading" @click="saveAll()" style="margin-left: 10px">全部添加</el-button> |
34 | </div> | 34 | </div> |
35 | </div> | 35 | </div> |
36 | </el-col> | 36 | </el-col> |
@@ -38,7 +38,7 @@ | @@ -38,7 +38,7 @@ | ||
38 | <el-row class="margin-bottom-50"> | 38 | <el-row class="margin-bottom-50"> |
39 | <el-col :span="24" class="table-height"> | 39 | <el-col :span="24" class="table-height"> |
40 | <cm-table-page :columns="columns" :dataList="tableDataList" @loaddata="loadTableDataList" | 40 | <cm-table-page :columns="columns" :dataList="tableDataList" @loaddata="loadTableDataList" |
41 | - :showIndex="true" :total="count" | 41 | + :showIndex="true" :total="count" |
42 | :showBorder="true" :loading="false" | 42 | :showBorder="true" :loading="false" |
43 | :showPage="true" :showTools="true" :height="(height - 500)"> | 43 | :showPage="true" :showTools="true" :height="(height - 500)"> |
44 | <template #default="{row,prop,column}"> | 44 | <template #default="{row,prop,column}"> |
@@ -52,6 +52,7 @@ export default { | @@ -52,6 +52,7 @@ export default { | ||
52 | let kpiList = Vue.ref([]); | 52 | let kpiList = Vue.ref([]); |
53 | let busTypeList = Vue.ref([]); | 53 | let busTypeList = Vue.ref([]); |
54 | let networkMonitorList=Vue.ref([]); | 54 | let networkMonitorList=Vue.ref([]); |
55 | + let isLoading=Vue.ref(false);//按钮加载中 | ||
55 | let init = () =>{ | 56 | let init = () =>{ |
56 | proxy.$http.get("/api-web/manage/kpi/list", {}, function(res) { | 57 | proxy.$http.get("/api-web/manage/kpi/list", {}, function(res) { |
57 | if (res && res.data) { | 58 | if (res && res.data) { |
@@ -106,10 +107,27 @@ export default { | @@ -106,10 +107,27 @@ export default { | ||
106 | 107 | ||
107 | 108 | ||
108 | } | 109 | } |
110 | + //全部添加 | ||
109 | let saveAll=()=>{ | 111 | let saveAll=()=>{ |
112 | + proxy.isLoading=true; | ||
113 | + let params={ | ||
114 | + targetId:proxy.targetId, | ||
115 | + npmList:[npmList] | ||
116 | + } | ||
117 | + | ||
118 | + proxy.$http.post('/api-web/fault/conf/npm/batchAddNpm',params,function (res){ | ||
119 | + if(res){ | ||
120 | + proxy.$global.showMsg('添加成功','success'); | ||
121 | + proxy.targetId=res.str | ||
122 | + proxy.applicationMonitorVisible=false; | ||
123 | + } | ||
124 | + | ||
125 | + }) | ||
126 | + | ||
110 | 127 | ||
111 | } | 128 | } |
112 | return { | 129 | return { |
130 | + isLoading, | ||
113 | saveAll, | 131 | saveAll, |
114 | networkMonitorList, | 132 | networkMonitorList, |
115 | setBizId, | 133 | setBizId, |
@@ -167,7 +185,7 @@ export default { | @@ -167,7 +185,7 @@ export default { | ||
167 | bizId: this.bizId, | 185 | bizId: this.bizId, |
168 | configId: this.config, | 186 | configId: this.config, |
169 | page: 1, | 187 | page: 1, |
170 | - limit: 5 | 188 | + pageSize: 5 |
171 | } | 189 | } |
172 | }, | 190 | }, |
173 | //关闭弹框 | 191 | //关闭弹框 |
@@ -38,13 +38,13 @@ | @@ -38,13 +38,13 @@ | ||
38 | :showIndex="true" :total="count" | 38 | :showIndex="true" :total="count" |
39 | :showBorder="true" :loading="false" | 39 | :showBorder="true" :loading="false" |
40 | :showPage="true" :showTools="true" :height="(height - 500)"> | 40 | :showPage="true" :showTools="true" :height="(height - 500)"> |
41 | - <template #default="{row,prop,column}"> | 41 | + <!-- <template #default="{row,prop,column}"> |
42 | <div v-if="prop == 'kpiName'" class="list-data"> | 42 | <div v-if="prop == 'kpiName'" class="list-data"> |
43 | <span class="list-data-text">{{row.kpiName }}</span> | 43 | <span class="list-data-text">{{row.kpiName }}</span> |
44 | -<!-- <img :id="row.index" @click="deleteItem(row)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="img-delete cursorClass">--> | 44 | + <img :id="row.index" @click="deleteItem(row)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="img-delete cursorClass"> |
45 | 45 | ||
46 | </div> | 46 | </div> |
47 | - </template> | 47 | + </template>--> |
48 | <template #tools="{scope}"> | 48 | <template #tools="{scope}"> |
49 | <el-button type="text" size="small" @click.prevent="deleteItem(scope.row,scope.$index)"> | 49 | <el-button type="text" size="small" @click.prevent="deleteItem(scope.row,scope.$index)"> |
50 | 删除 | 50 | 删除 |
@@ -19,7 +19,7 @@ export default { | @@ -19,7 +19,7 @@ export default { | ||
19 | align: 'center', | 19 | align: 'center', |
20 | }, | 20 | }, |
21 | { | 21 | { |
22 | - prop: 'ip', | 22 | + prop: 'ipAddr', |
23 | label: 'ip地址', | 23 | label: 'ip地址', |
24 | sortable: true, | 24 | sortable: true, |
25 | align: 'center', | 25 | align: 'center', |
@@ -204,18 +204,20 @@ export default { | @@ -204,18 +204,20 @@ export default { | ||
204 | //删除表格指标 | 204 | //删除表格指标 |
205 | deleteItem(item){ | 205 | deleteItem(item){ |
206 | let that=this; | 206 | let that=this; |
207 | - let params={ | ||
208 | - id:item.id | 207 | + this.$global.confirm("确认删除指标吗?", function () { |
208 | + let params = { | ||
209 | + id: item.id | ||
209 | } | 210 | } |
210 | - this.$http.get('/api-web/fault/conf/base/deleteById',params,function (res){ | ||
211 | - if(res){ | 211 | + that.$http.get('/api-web/fault/conf/base/deleteById', params, function (res) { |
212 | + if (res) { | ||
212 | that.$global.showMsg('删除成功'); | 213 | that.$global.showMsg('删除成功'); |
213 | that.getEnvironmentData(); | 214 | that.getEnvironmentData(); |
214 | 215 | ||
215 | } | 216 | } |
216 | - that.$emit('callbackDelete',item) | 217 | + that.$emit('callbackDelete', item) |
217 | 218 | ||
218 | }) | 219 | }) |
220 | + }) | ||
219 | 221 | ||
220 | }, | 222 | }, |
221 | //获取基础环境资源列表数据 | 223 | //获取基础环境资源列表数据 |
@@ -16,7 +16,7 @@ | @@ -16,7 +16,7 @@ | ||
16 | <el-col :span="6"> | 16 | <el-col :span="6"> |
17 | <div class="grid-content bg-purple"> | 17 | <div class="grid-content bg-purple"> |
18 | <span class="fault-book-input-text">名称</span> | 18 | <span class="fault-book-input-text">名称</span> |
19 | - <el-input v-model="name" placeholder="请输入名称" class="fault-book-input"/> | 19 | + <el-input v-model="name" placeholder="请输入名称" maxlength="50" class="fault-book-input"/> |
20 | </div> | 20 | </div> |
21 | </el-col> | 21 | </el-col> |
22 | </el-row> | 22 | </el-row> |
@@ -30,7 +30,7 @@ | @@ -30,7 +30,7 @@ | ||
30 | <el-card :class="['fault-book-title-card-text',{'isActive':isActiveIndex==1}]" @click="clickDaultDefinitionFunc(1)" shadow="hover"><span class="card-name">故障定义</span></el-card> | 30 | <el-card :class="['fault-book-title-card-text',{'isActive':isActiveIndex==1}]" @click="clickDaultDefinitionFunc(1)" shadow="hover"><span class="card-name">故障定义</span></el-card> |
31 | </el-col> | 31 | </el-col> |
32 | <el-col :span="3"> | 32 | <el-col :span="3"> |
33 | - <el-card :class="['fault-book-title-card-text',{'isActive':isActiveIndex==2}]" @click="clickNetworkMonitorFunc(2)" shadow="hover"><span class="card-name">网络监测</span></el-card> | 33 | + <el-card :class="['fault-book-title-card-text',{'isActive':isActiveIndex==2}]" @click="clickNetworkMonitorFunc(2)" shadow="hover"><span class="card-name">网络检测</span></el-card> |
34 | </el-col> | 34 | </el-col> |
35 | <el-col :span="3"> | 35 | <el-col :span="3"> |
36 | <el-card :class="['fault-book-title-card-text',{'isActive':isActiveIndex==3}]" @click="applicationMonitorFunc(3)" shadow="hover"><span class="card-name">应用检测</span></el-card> | 36 | <el-card :class="['fault-book-title-card-text',{'isActive':isActiveIndex==3}]" @click="applicationMonitorFunc(3)" shadow="hover"><span class="card-name">应用检测</span></el-card> |
@@ -130,6 +130,7 @@ export default { | @@ -130,6 +130,7 @@ export default { | ||
130 | logMonitionVisible:false,//日志监测弹框 | 130 | logMonitionVisible:false,//日志监测弹框 |
131 | subscriptionReportVisible:false,//订阅人员弹框 | 131 | subscriptionReportVisible:false,//订阅人员弹框 |
132 | bizName:'',//业务名称 | 132 | bizName:'',//业务名称 |
133 | + ruleData:[],//故障规则定义数据 | ||
133 | } | 134 | } |
134 | }, | 135 | }, |
135 | setup(props){ | 136 | setup(props){ |
@@ -199,7 +200,16 @@ export default { | @@ -199,7 +200,16 @@ export default { | ||
199 | {type:'log',targetId:''}, | 200 | {type:'log',targetId:''}, |
200 | {type:'report',targetId:''}, | 201 | {type:'report',targetId:''}, |
201 | ] | 202 | ] |
203 | + //规则名字 | ||
204 | + let ruleName=Vue.ref('产生告警时触发'); | ||
205 | + //故障规则id | ||
206 | + let ruleId=Vue.ref(); | ||
207 | + //模块id | ||
208 | + let modleId=Vue.ref(); | ||
202 | return{ | 209 | return{ |
210 | + modleId, | ||
211 | + ruleId, | ||
212 | + ruleName, | ||
203 | isLoading, | 213 | isLoading, |
204 | modelData, | 214 | modelData, |
205 | faultDefinitionRadio, | 215 | faultDefinitionRadio, |
@@ -256,6 +266,11 @@ export default { | @@ -256,6 +266,11 @@ export default { | ||
256 | if(!this.isSaveModel()){ | 266 | if(!this.isSaveModel()){ |
257 | return; | 267 | return; |
258 | } | 268 | } |
269 | + this.configData.map(item=>{ | ||
270 | + if(item.type=='netlink'){ | ||
271 | + this.modleId=item.id; | ||
272 | + } | ||
273 | + }) | ||
259 | this.hiddenAll(); | 274 | this.hiddenAll(); |
260 | this.networkMonitorHide = true; | 275 | this.networkMonitorHide = true; |
261 | this.isActiveIndex=index; | 276 | this.isActiveIndex=index; |
@@ -271,6 +286,11 @@ export default { | @@ -271,6 +286,11 @@ export default { | ||
271 | if(!this.isSaveModel()){ | 286 | if(!this.isSaveModel()){ |
272 | return; | 287 | return; |
273 | } | 288 | } |
289 | + this.configData.map(item=>{ | ||
290 | + if(item.type=='npm'){ | ||
291 | + this.modleId=item.id; | ||
292 | + } | ||
293 | + }) | ||
274 | this.hiddenAll(); | 294 | this.hiddenAll(); |
275 | this.applicationMonitorHide = true; | 295 | this.applicationMonitorHide = true; |
276 | this.isActiveIndex=index; | 296 | this.isActiveIndex=index; |
@@ -285,6 +305,11 @@ export default { | @@ -285,6 +305,11 @@ export default { | ||
285 | if(!this.isSaveModel()){ | 305 | if(!this.isSaveModel()){ |
286 | return; | 306 | return; |
287 | } | 307 | } |
308 | + this.configData.map(item=>{ | ||
309 | + if(item.type=='base'){ | ||
310 | + this.modleId=item.id; | ||
311 | + } | ||
312 | + }) | ||
288 | this.postPropsData('base',index); | 313 | this.postPropsData('base',index); |
289 | /*if(this.busTypeArr){ | 314 | /*if(this.busTypeArr){ |
290 | this.hiddenAll(); | 315 | this.hiddenAll(); |
@@ -302,6 +327,11 @@ export default { | @@ -302,6 +327,11 @@ export default { | ||
302 | if(!this.isSaveModel()){ | 327 | if(!this.isSaveModel()){ |
303 | return; | 328 | return; |
304 | } | 329 | } |
330 | + this.configData.map(item=>{ | ||
331 | + if(item.type=='apm'){ | ||
332 | + this.modleId=item.id; | ||
333 | + } | ||
334 | + }) | ||
305 | this.hiddenAll(); | 335 | this.hiddenAll(); |
306 | this.apmMonitorHide = true; | 336 | this.apmMonitorHide = true; |
307 | this.isActiveIndex=index; | 337 | this.isActiveIndex=index; |
@@ -315,6 +345,11 @@ export default { | @@ -315,6 +345,11 @@ export default { | ||
315 | if(!this.isSaveModel()){ | 345 | if(!this.isSaveModel()){ |
316 | return; | 346 | return; |
317 | } | 347 | } |
348 | + this.configData.map(item=>{ | ||
349 | + if(item.type=='log'){ | ||
350 | + this.modleId=item.id; | ||
351 | + } | ||
352 | + }) | ||
318 | this.$global.showMsg('敬请期待...','warning'); | 353 | this.$global.showMsg('敬请期待...','warning'); |
319 | return; | 354 | return; |
320 | this.hiddenAll(); | 355 | this.hiddenAll(); |
@@ -330,6 +365,11 @@ export default { | @@ -330,6 +365,11 @@ export default { | ||
330 | if(!this.isSaveModel()){ | 365 | if(!this.isSaveModel()){ |
331 | return; | 366 | return; |
332 | } | 367 | } |
368 | + this.configData.map(item=>{ | ||
369 | + if(item.type=='report'){ | ||
370 | + this.modleId=item.id; | ||
371 | + } | ||
372 | + }) | ||
333 | this.$global.showMsg('敬请期待...','warning'); | 373 | this.$global.showMsg('敬请期待...','warning'); |
334 | return; | 374 | return; |
335 | this.hiddenAll(); | 375 | this.hiddenAll(); |
@@ -632,6 +672,26 @@ export default { | @@ -632,6 +672,26 @@ export default { | ||
632 | } | 672 | } |
633 | 673 | ||
634 | }, | 674 | }, |
675 | + //获取故障规则定义的详情 | ||
676 | + getRuleDetail(){ | ||
677 | + | ||
678 | + let that=this; | ||
679 | + let params={} | ||
680 | + this.$http.get('/api-web/fault/conf/rule/'+this.docId,params,function (res){ | ||
681 | + if(res && res.data){ | ||
682 | + that.ruleData=res.data; | ||
683 | + if(that.ruleData.length>0){ | ||
684 | + that.kpiId=that.ruleData[0].kpiId; | ||
685 | + that.triggerValue=that.ruleData[0].triggerValue; | ||
686 | + that.ruleId=that.ruleData[0].id; | ||
687 | + } | ||
688 | + | ||
689 | + | ||
690 | + | ||
691 | + } | ||
692 | + | ||
693 | + }) | ||
694 | + }, | ||
635 | //保存模块类型 | 695 | //保存模块类型 |
636 | saveConfigDetail(){ | 696 | saveConfigDetail(){ |
637 | if(!this.busTypeArr){ | 697 | if(!this.busTypeArr){ |
@@ -698,6 +758,7 @@ export default { | @@ -698,6 +758,7 @@ export default { | ||
698 | type:this.type, | 758 | type:this.type, |
699 | targetId:this.targetId, | 759 | targetId:this.targetId, |
700 | state:this.state, | 760 | state:this.state, |
761 | + id:this.modleId, | ||
701 | faultConfig:{ | 762 | faultConfig:{ |
702 | id:this.faultConfId, | 763 | id:this.faultConfId, |
703 | name:this.name, | 764 | name:this.name, |
@@ -804,6 +865,8 @@ export default { | @@ -804,6 +865,8 @@ export default { | ||
804 | type:'alarm', | 865 | type:'alarm', |
805 | triggerValue: this.triggerValue, | 866 | triggerValue: this.triggerValue, |
806 | kpiId: this.kpiId, | 867 | kpiId: this.kpiId, |
868 | + name:this.ruleName, | ||
869 | + id:this.ruleId, | ||
807 | 870 | ||
808 | faultConfig: { | 871 | faultConfig: { |
809 | id: this.faultConfId, | 872 | id: this.faultConfId, |
@@ -834,14 +897,14 @@ export default { | @@ -834,14 +897,14 @@ export default { | ||
834 | let that=this; | 897 | let that=this; |
835 | this.getTargetId('base') | 898 | this.getTargetId('base') |
836 | let params={ | 899 | let params={ |
837 | - targetId:this.targetId, | ||
838 | - bizId:this.busTypeArr | 900 | + // targetId:this.targetId, |
901 | + busId:this.busTypeArr | ||
839 | } | 902 | } |
840 | this.$http.post('/api-web/fault/conf/base/saveOrUpdate',params,function (res){ | 903 | this.$http.post('/api-web/fault/conf/base/saveOrUpdate',params,function (res){ |
841 | if(res && res.success){ | 904 | if(res && res.success){ |
842 | - that.targetId=res.object.targetId; | 905 | + that.targetId=res.str; |
843 | that.setTargetId(that.targetId) | 906 | that.setTargetId(that.targetId) |
844 | - // that.$global.showMsg('保存成功') | 907 | + that.$global.showMsg('保存成功') |
845 | // that.alarmList=res.data; | 908 | // that.alarmList=res.data; |
846 | that.saveConfigDetailOther(); | 909 | that.saveConfigDetailOther(); |
847 | }else{ | 910 | }else{ |
@@ -859,7 +922,7 @@ export default { | @@ -859,7 +922,7 @@ export default { | ||
859 | let params={ | 922 | let params={ |
860 | id:item.id, | 923 | id:item.id, |
861 | } | 924 | } |
862 | - this.$http.get('/api-web/fault/conf/netLink/deleteNetLinkAndNodeById',params,function (res){ | 925 | + that.$http.get('/api-web/fault/conf/netLink/deleteNetLinkAndNodeById',params,function (res){ |
863 | if(res){ | 926 | if(res){ |
864 | that.$global.showMsg("删除成功!"); | 927 | that.$global.showMsg("删除成功!"); |
865 | that.getNetLinkList(); | 928 | that.getNetLinkList(); |
@@ -961,6 +1024,7 @@ export default { | @@ -961,6 +1024,7 @@ export default { | ||
961 | this.init() | 1024 | this.init() |
962 | this.getQueryKpiInfo(); | 1025 | this.getQueryKpiInfo(); |
963 | this.getDetailByid(); | 1026 | this.getDetailByid(); |
1027 | + this.getRuleDetail(); | ||
964 | }, | 1028 | }, |
965 | unmounted () {} | 1029 | unmounted () {} |
966 | 1030 |
@@ -2,8 +2,8 @@ | @@ -2,8 +2,8 @@ | ||
2 | <el-row> | 2 | <el-row> |
3 | <el-col :span="6"> | 3 | <el-col :span="6"> |
4 | <div class="search-input margin-30 flex-div-start"> | 4 | <div class="search-input margin-30 flex-div-start"> |
5 | - <el-input v-model="input" placeholder="故障诊断" class="fault-book-input-text" /> | ||
6 | - <span class="search-text" style="border-radius: 4px">搜索</span> | 5 | + <el-input v-model="name" placeholder="故障诊断" class="fault-book-input-text" /> |
6 | + <span class="search-text" style="border-radius: 4px" @click="searchList">搜索</span> | ||
7 | </div> | 7 | </div> |
8 | 8 | ||
9 | </el-col> | 9 | </el-col> |
@@ -5,6 +5,7 @@ export default { | @@ -5,6 +5,7 @@ export default { | ||
5 | props:['diagnosisData'], | 5 | props:['diagnosisData'], |
6 | data () { | 6 | data () { |
7 | return { | 7 | return { |
8 | + name:'', | ||
8 | 9 | ||
9 | } | 10 | } |
10 | }, | 11 | }, |
@@ -25,6 +26,11 @@ export default { | @@ -25,6 +26,11 @@ export default { | ||
25 | componentName:'Diagnosis' | 26 | componentName:'Diagnosis' |
26 | } | 27 | } |
27 | this.$emit('getItemDetail',params) | 28 | this.$emit('getItemDetail',params) |
29 | + }, | ||
30 | + //搜索列表 | ||
31 | + searchList(){ | ||
32 | + this.$emit('searchList',this.name) | ||
33 | + | ||
28 | } | 34 | } |
29 | }, | 35 | }, |
30 | mounted () { | 36 | mounted () { |
@@ -9,7 +9,7 @@ | @@ -9,7 +9,7 @@ | ||
9 | </div> | 9 | </div> |
10 | <div @click="clickList(item,index)" :class="['list-net',{'isActive':index==isClickNet}]" v-for="(item, index) in networkMonitorList" :key="index"> | 10 | <div @click="clickList(item,index)" :class="['list-net',{'isActive':index==isClickNet}]" v-for="(item, index) in networkMonitorList" :key="index"> |
11 | <div class="flex-div-center "> | 11 | <div class="flex-div-center "> |
12 | - <div class="multiple-choice-button">{{item.linkName}}</div> | 12 | + <div class="multiple-choice-button text-overflow" :title="item.linkName">{{item.linkName}}</div> |
13 | <img v-show="index==isClickNet" @click="deleteNetLink(item,index)" class="img-delete" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" alt=""> | 13 | <img v-show="index==isClickNet" @click="deleteNetLink(item,index)" class="img-delete" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" alt=""> |
14 | </div> | 14 | </div> |
15 | </div> | 15 | </div> |
@@ -81,11 +81,15 @@ | @@ -81,11 +81,15 @@ | ||
81 | <span @click="addTableList(false)" v-if="index+1<nodeData.length" :class="['list-line','cursorClass',{'isActive':itemNode.length>1}]"></span> | 81 | <span @click="addTableList(false)" v-if="index+1<nodeData.length" :class="['list-line','cursorClass',{'isActive':itemNode.length>1}]"></span> |
82 | </el-tooltip> | 82 | </el-tooltip> |
83 | </div> | 83 | </div> |
84 | - <div v-show="itemNode[0].nodeName" class="list-step-name"> | ||
85 | - {{itemNode[0].nodeName}} | 84 | + <div v-show="itemNode[0].nodeName" class="list-step-name flex-div-start"> |
85 | + <span class="text-overflow width-100" :title="itemNode[0].nodeName"> | ||
86 | + {{itemNode[0].nodeName}} | ||
87 | + </span> | ||
88 | + <span class="list-line-none"></span> | ||
86 | </div> | 89 | </div> |
87 | - <div v-show="!itemNode[0].nodeName" class="list-step-name"> | ||
88 | - 点击添加 | 90 | + <div v-show="!itemNode[0].nodeName" class="list-step-name flex-div-start"> |
91 | + <span class="width-100">点击添加</span> | ||
92 | + <span class="list-line-none"></span> | ||
89 | </div> | 93 | </div> |
90 | </div> | 94 | </div> |
91 | </el-col> | 95 | </el-col> |
@@ -330,7 +330,7 @@ export default { | @@ -330,7 +330,7 @@ export default { | ||
330 | let params={ | 330 | let params={ |
331 | id:item.id, | 331 | id:item.id, |
332 | } | 332 | } |
333 | - this.$http.get('/api-web/fault/conf/netLink/deleteNetLinkAndNodeById',params,function (res){ | 333 | + that.$http.get('/api-web/fault/conf/netLink/deleteNetLinkAndNodeById',params,function (res){ |
334 | if(res){ | 334 | if(res){ |
335 | that.$global.showMsg("删除成功!"); | 335 | that.$global.showMsg("删除成功!"); |
336 | that.getNetLinkList(); | 336 | that.getNetLinkList(); |
@@ -385,9 +385,13 @@ export default { | @@ -385,9 +385,13 @@ export default { | ||
385 | console.log("有节点",arr,arr.length) | 385 | console.log("有节点",arr,arr.length) |
386 | that.nodeData=arr; | 386 | that.nodeData=arr; |
387 | console.log('nodedata',that.nodeData,that.nodeData.length) | 387 | console.log('nodedata',that.nodeData,that.nodeData.length) |
388 | + let length=that.nodeData.length; | ||
388 | if(that.nodeData.length>0){ | 389 | if(that.nodeData.length>0){ |
389 | that.addSetLIstVisible=false; | 390 | that.addSetLIstVisible=false; |
390 | - that.nodeData.push([{nodeName:'',id:'',isAdd:true}]) | 391 | + // if(that.nodeData[length-1].length>1){ |
392 | + that.nodeData.push([{nodeName:'',id:'',isAdd:true}]) | ||
393 | + | ||
394 | + // } | ||
391 | 395 | ||
392 | }else{ | 396 | }else{ |
393 | that.addSetLIstVisible=true; | 397 | that.addSetLIstVisible=true; |
1 | -<component :is="componentItem" :diagnosisData="diagnosisData" @backIndex="backIndexFun" @getItem="getItem" @getItemDetail="getItemDetail" :detailData="detailData" /> | 1 | +<component :is="componentItem" :diagnosisData="diagnosisData" @searchList="searchList" @backIndex="backIndexFun" @getItem="getItem" @getItemDetail="getItemDetail" :detailData="detailData" /> |
2 | <!--<FaultAddIndex></FaultAddIndex>--> | 2 | <!--<FaultAddIndex></FaultAddIndex>--> |
@@ -34,6 +34,8 @@ export default { | @@ -34,6 +34,8 @@ export default { | ||
34 | let diagnosisData=Vue.ref(); | 34 | let diagnosisData=Vue.ref(); |
35 | //选择的文档列表详情数据 | 35 | //选择的文档列表详情数据 |
36 | let detailData=Vue.ref(); | 36 | let detailData=Vue.ref(); |
37 | + //搜索关键字 | ||
38 | + let name=Vue.ref(); | ||
37 | 39 | ||
38 | 40 | ||
39 | // 挂载完 | 41 | // 挂载完 |
@@ -46,7 +48,8 @@ export default { | @@ -46,7 +48,8 @@ export default { | ||
46 | const getListData=()=>{ | 48 | const getListData=()=>{ |
47 | let params={ | 49 | let params={ |
48 | page:1, | 50 | page:1, |
49 | - pageSize:10 | 51 | + pageSize:10, |
52 | + name:proxy.name | ||
50 | 53 | ||
51 | } | 54 | } |
52 | proxy.$http.get('/api-web/fault/conf/page',params,function (res){ | 55 | proxy.$http.get('/api-web/fault/conf/page',params,function (res){ |
@@ -62,6 +65,11 @@ export default { | @@ -62,6 +65,11 @@ export default { | ||
62 | 65 | ||
63 | }) | 66 | }) |
64 | } | 67 | } |
68 | + //搜索列表 | ||
69 | + let searchList=(val)=>{ | ||
70 | + proxy.name=val; | ||
71 | + proxy.getListData(); | ||
72 | + } | ||
65 | //新增故障 | 73 | //新增故障 |
66 | const getItem=(content)=>{ | 74 | const getItem=(content)=>{ |
67 | console.log("111",content) | 75 | console.log("111",content) |
@@ -82,6 +90,8 @@ export default { | @@ -82,6 +90,8 @@ export default { | ||
82 | 90 | ||
83 | 91 | ||
84 | return { | 92 | return { |
93 | + name, | ||
94 | + searchList, | ||
85 | allComponent, | 95 | allComponent, |
86 | componentItem, | 96 | componentItem, |
87 | count, | 97 | count, |
-
Please register or login to post a comment