monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit 9ae10d4cc7cfff0869278a276558028086a0d201 2 parents 0c25b241 2e464e78

Merge branch 'master-v32-lushangqing' into 'master' 

故障联调 update1215



See merge request !232
Inline Side-by-side
Showing 14 changed files with 156 additions and 28 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>
@@ -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"> 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">
85 {{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,10 +385,14 @@ export default { @@ -385,10 +385,14 @@ 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;
  391 + // if(that.nodeData[length-1].length>1){
390 that.nodeData.push([{nodeName:'',id:'',isAdd:true}]) 392 that.nodeData.push([{nodeName:'',id:'',isAdd:true}])
391 393
  394 + // }
  395 +
392 }else{ 396 }else{
393 that.addSetLIstVisible=true; 397 that.addSetLIstVisible=true;
394 } 398 }
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,