monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit 60184251868481b67a4ca07deda5929945df620b 2 parents 2dd5cc7b 4955f121

Merge branch 'master-500-dev-xwx' into 'master-500-dev' 

【757】选多个告警消除是页面无反应,增加加载图标



See merge request !565
Inline Side-by-side
Showing 3 changed files with 12 additions and 8 deletions
@@ -33,10 +33,8 @@ @@ -33,10 +33,8 @@
33 </template> 33 </template>
34 <template #tools="{scope}"> 34 <template #tools="{scope}">
35 <div class="list-handle"> 35 <div class="list-handle">
36 - <span class="icon-bg">  
37 <!-- <i class="el-icon-delete" title="处理" @click="handleDelete(scope.row)"></i>--> 36 <!-- <i class="el-icon-delete" title="处理" @click="handleDelete(scope.row)"></i>-->
38 - <i class="el-icon-view" title="查看" @click="handleView(scope.row)"></i>  
39 - </span> 37 + <el-button @click="handleView(scope.row)" size="mini">查看</el-button>
40 </div> 38 </div>
41 </template> 39 </template>
42 </cm-table-page> 40 </cm-table-page>
@@ -259,6 +259,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -259,6 +259,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
259 '<input type="radio" name="noticeFlag" value="true" title="是" >&nbsp;是' + 259 '<input type="radio" name="noticeFlag" value="true" title="是" >&nbsp;是' +
260 '<input type="radio" name="noticeFlag" value="false" title="否" checked="" style="margin-left: 20px;">&nbsp;否</div> ' //这里content是一个普通的String 260 '<input type="radio" name="noticeFlag" value="false" title="否" checked="" style="margin-left: 20px;">&nbsp;否</div> ' //这里content是一个普通的String
261 , yes: function () { 261 , yes: function () {
  262 + var loading = layer.load(2);
262 admin.req({ 263 admin.req({
263 url: common.domainName + '/api-web/home/alarm/clear' 264 url: common.domainName + '/api-web/home/alarm/clear'
264 , type: "post" 265 , type: "post"
@@ -269,6 +270,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -269,6 +270,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
269 noticeFlag: $('input[name="noticeFlag"]:checked').val() 270 noticeFlag: $('input[name="noticeFlag"]:checked').val()
270 } 271 }
271 , done: function (res) { 272 , done: function (res) {
  273 + layer.close(loading);
272 //如果消除成功，关闭弹出框然后重新加载页面 274 //如果消除成功，关闭弹出框然后重新加载页面
273 if (res.success) { 275 if (res.success) {
274 layer.close(index); 276 layer.close(index);
@@ -209,6 +209,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -209,6 +209,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
209 } 209 }
210 $('td[data-field="alarmNo"]').css('color','black'); 210 $('td[data-field="alarmNo"]').css('color','black');
211 layer.prompt({title: '恢复说明(必填)', formType: 2}, function (text, index) { 211 layer.prompt({title: '恢复说明(必填)', formType: 2}, function (text, index) {
  212 + var loading = layer.load(2);
212 admin.req({ 213 admin.req({
213 url: common.domainName + '/api-web/home/alarm/resume' 214 url: common.domainName + '/api-web/home/alarm/resume'
214 , type: "post" 215 , type: "post"
@@ -220,6 +221,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -220,6 +221,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
220 access_token: accessToken 221 access_token: accessToken
221 } 222 }
222 , done: function (res) { 223 , done: function (res) {
  224 + layer.close(loading);
223 //如果消除成功，关闭弹出框然后重新加载页面 225 //如果消除成功，关闭弹出框然后重新加载页面
224 if (res.success) { 226 if (res.success) {
225 layer.close(index); 227 layer.close(index);
@@ -318,10 +320,10 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -318,10 +320,10 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
318 , {field: 'alarmTime', title: '首次告警时间', align: 'center', minWidth: 180, sort: true} 320 , {field: 'alarmTime', title: '首次告警时间', align: 'center', minWidth: 180, sort: true}
319 , {field: 'durationStr', title: '持续时间', align: 'center', width: 190} 321 , {field: 'durationStr', title: '持续时间', align: 'center', width: 190}
320 , { 322 , {
321 - title: '操作', align: 'center', minWidth: minWidthHandle, 323 + title: '操作', align: 'center', minWidth: 150,
322 templet: `<div> 324 templet: `<div>
323 325
324 - <span history-data-warn-clear="{{d.id}}" class="layui-table-link">补录</span> 326 + <span history-data-warn-clear="{{d.primaryKey}}" class="layui-table-link">补录</span>
325 <span history-data-warn-view="{{d.id}}" class="layui-table-link">查看</span> 327 <span history-data-warn-view="{{d.id}}" class="layui-table-link">查看</span>
326 <span history-data-warn-path="{{d.id}}" class="layui-table-link">轨迹</span> 328 <span history-data-warn-path="{{d.id}}" class="layui-table-link">轨迹</span>
327 </div>` 329 </div>`
@@ -407,11 +409,12 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -407,11 +409,12 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
407 409
408 if(resArr){ 410 if(resArr){
409 resArr.map(item=>{ 411 resArr.map(item=>{
410 - if(item.id==$(this).attr('history-data-warn-clear')){ 412 + if(item.primaryKey==$(this).attr('history-data-warn-clear')){
411 paramsData.push(item); 413 paramsData.push(item);
412 } 414 }
413 }) 415 })
414 } 416 }
  417 + debugger
415 let params=paramsData[0]; 418 let params=paramsData[0];
416 for(let key in params){ 419 for(let key in params){
417 if(params[key]){ 420 if(params[key]){
@@ -428,12 +431,13 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -428,12 +431,13 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
428 url: common.domainName + '/api-web/bAlarmManage/manageInto', 431 url: common.domainName + '/api-web/bAlarmManage/manageInto',
429 type: "get", 432 type: "get",
430 data: { 433 data: {
431 - alarmId: params.id 434 + alarmId: params.primaryKey,
  435 + alarm: "alarmHis"
432 }, 436 },
433 done: function (data) { 437 done: function (data) {
434 if(data.data && data.data.length>0){ 438 if(data.data && data.data.length>0){
435 //已存入了草稿 439 //已存入了草稿
436 - layer.msg('告警消除已存入草稿中了！', {icon: 2, time: 2000}); 440 + layer.msg('告警已补录', {icon: 2, time: 2000});
437 }else{ 441 }else{
438 layer.open({ 442 layer.open({
439 title: ['告警消除', 'font-size:18px;'], 443 title: ['告警消除', 'font-size:18px;'],