1

src/api/queueManagementApi.js

@@ -109,6 +109,10 @@ const queueManagementApi = {
     getDistributeList(params, config) {
         return req('get', `/queuing/waitTime/distribute`, params, config)
     },
+    getAlarmMessageLog(params, config) {
+        return req('PUT', `/d-cashier-alarm-message-log/${params.id}`, params, config)
+    },
+    
 }
 
 

src/views/queueManagement/alarmEvent/index.vue

@@ -67,6 +67,13 @@
                 </el-table-column>
                 <el-table-column :label="$t('table.recipient')" align="center" prop="sendEmail" show-overflow-tooltip>
                 </el-table-column>
+                <el-table-column :label="$t('table.judgmentStatus')" width="150" align="center" prop="checkStatus">
+                    <template slot-scope="scope">
+                        <span>{{scope.row.checkStatus===1?$t('table.right'):(scope.row.checkStatus===0?$t('table.wrong'):'')}}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column :label="$t('table.judgmentContent')" align="center" prop="remark" show-overflow-tooltip>
+                </el-table-column>
                 <el-table-column :label="$t('table.operate')" align="center" width="120">
                   <template slot-scope="scope">
                     <el-button type="text" class="tab-btn" @click="getDetail(scope.row)">{{$t('button.look')}}</el-button>
@@ -93,7 +100,18 @@
         <add-dialog ref="addModel"></add-dialog>
         <el-dialog :title="$t('allPages.Image')" class="manage-dialog dialog_lj imgDialog" :visible.sync="imgDialogVisible"
             :close-on-click-modal="false" v-if="imgDialogVisible" @close="imgDialogVisible = false">
-            <div style="height: 600px;">
+            <div class="alermForm">
+                <el-form :model="alermForm" status-icon ref="alermForm">
+                    <el-form-item :label="$t('table.judgmentStatus')" prop="checkStatus">
+                        <el-radio v-model="alermForm.checkStatus" label="1">{{$t('table.right')}}</el-radio>
+                        <el-radio v-model="alermForm.checkStatus" label="0">{{$t('table.wrong')}}</el-radio>
+                    </el-form-item>
+                    <el-form-item :label="$t('table.judgmentContent')" prop="remark">
+                        <el-input type="textarea" v-model="alermForm.remark"></el-input>
+                    </el-form-item>
+                </el-form>
+            </div>
+            <div style="height: 600px;overflow: auto;">
                 <div v-for="(item,index) in imgArr" :key="index">
                     <el-image  :src='picUrl+item'>
                     </el-image>
@@ -101,11 +119,11 @@
                        {{item.slice(14)}}
                     </p>
                 </div>
-                
-                
             </div>
             <div slot="footer" class="dialog-footer">
                 <el-button @click="imgDialogVisible = false" class="dialog-btn">{{ $t('dialog.close') }}</el-button>
+                <el-button type="primary" @click="alermSubmit('alermForm')" class="dialog-btn dialog-confirm-btn">
+                    {{ $t('dialog.confirm') }}</el-button>
             </div>
         </el-dialog>
     </div>
@@ -117,6 +135,10 @@
     export default {
         data() {
             return {
+                alermForm:{
+                    remark:'',
+                    checkStatus:1
+                },
                 picUrl:'',
               imgArr:[],
               imgDialogVisible:false,
@@ -159,16 +181,36 @@
             },
         },
         methods: {
+            alermSubmit(){
+                this.$api.queueManagementApi.getAlarmMessageLog(this.alermForm)
+                  .then((res) => {
+                    let result = res.data;
+                    if(result.code==200){
+                      this.$message({
+                        message: this.$t('message.editSuccess'),
+                        type: 'success'
+                      });
+                      this.getTableData();
+                      this.$refs.alermForm.resetFields();
+                      this.imgDialogVisible = false
+                    }else{
+                      this.$message({
+                        message: result.msg,
+                        type: 'error'
+                      });
+                    }
+                  })
+            },
             getDetail(row){
+                this.alermForm = {
+                    id:row.id,
+                    checkStatus: row.checkStatus !== '' ? String(row.checkStatus) :'',
+                    remark: row.remark
+                }
                 if(row.screenshotPath){
                     this.imgArr = row.screenshotPath.split(";")
-                    this.imgDialogVisible = true
-                }else{
-                    this.$message({
-                      message: this.$t('echartsTitle.noData'),
-                      type: 'warning'
-                    });
                 }
+                this.imgDialogVisible = true
             },
             // 广场
             getMallListForTerm() {
@@ -304,14 +346,22 @@
         /deep/.el-dialog{
           width: 1000px !important;
         }
+        /deep/.el-form-item__label{
+            width: 120px !important;
+        }  
+        /deep/.el-form-item__label+.el-form-item__content{
+            width: calc(100% - 160px) !important;
+        }
+    }
+    .searchFormSocial{
+        /deep/.el-select{
+          width: 180px;
+        }
+        /deep/.el-form-item__label{
+          width: auto !important;
+          min-width: 60px;
+        }
     }
-  /deep/.el-select{
-    width: 180px;
-  }
-  /deep/.el-form-item__label{
-    width: auto !important;
-    min-width: 60px;
-  }
   /deep/.el-date-editor{
     width: 250px !important;
   }