日志参数展示

src/modules/exam/views/ActionLogManage.vue

@@ -74,6 +74,21 @@
           </span>
         </el-table-column>
         <el-table-column prop="detail" label="日志内容"> </el-table-column>
+        <el-table-column
+          class-name="action-column"
+          label="操作"
+          width="80px"
+          fixed="right"
+        >
+          <template slot-scope="scope">
+            <el-button
+              class="btn-primary"
+              type="text"
+              @click="toViewArgs(scope.row)"
+              >参数</el-button
+            >
+          </template>
+        </el-table-column>
       </el-table>
       <div class="part-page">
         <el-pagination
@@ -89,6 +104,24 @@
         </el-pagination>
       </div>
     </div>
+
+    <el-dialog
+      :visible.sync="modalIsShow"
+      title="日志参数"
+      top="10vh"
+      width="650px"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      append-to-body
+    >
+      <p style="height: 400px; overflow-y: auto; overflow-x: hidden">
+        {{ curRow.args }}
+      </p>
+
+      <div slot="footer">
+        <el-button @click="modalIsShow = false">取消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -112,10 +145,12 @@ export default {
       size: this.GLOBAL.pageSize,
       total: 0,
       dataList: [],
+      curRow: {},
       OPERATION_TYPE: {},
       loading: false,
       pickerOptions,
       createTime: [],
+      modalIsShow: false,
     };
   },
   async created() {
@@ -151,6 +186,10 @@ export default {
       this.current = page;
       this.getList();
     },
+    toViewArgs(row) {
+      this.curRow = row;
+      this.modalIsShow = true;
+    },
   },
 };
 </script>