md

src/features/invigilation/StudentLogManage/StudentLogDetailDialog.vue

@@ -18,19 +18,17 @@
       </el-table-column>
       <el-table-column prop="type" label="事件类型"></el-table-column>
       <el-table-column prop="remark" label="详情"></el-table-column>
+      <el-table-column prop="ip" label="IP">
+        <p
+          slot-scope="scope"
+          v-if="scope.row.ip"
+          :class="{ 'color-danger': scope.row.ipChange }"
+        >
+          ip：{{ scope.row.ip }}，属地：{{ scope.row.province
+          }}{{ scope.row.city }}
+        </p>
+      </el-table-column>
     </el-table>
-    <div class="part-page">
-      <el-pagination
-        background
-        layout="prev, pager, next,total,sizes,jumper"
-        :current-page="current"
-        :total="total"
-        :page-size.sync="size"
-        @size-change="toPage(1)"
-        @current-change="toPage"
-      >
-      </el-pagination>
-    </div>
     <div slot="footer"></div>
   </el-dialog>
 </template>
@@ -43,37 +41,27 @@ export default {
   props: {
     detailId: {
       type: [String, Number],
-      required: true,
+      default: "",
     },
   },
   data() {
     return {
       modalIsShow: false,
-      current: 1,
-      total: 0,
-      size: 10,
       dataList: [],
     };
   },
   methods: {
     visibleChange() {
-      this.toPage(1);
+      this.getList();
     },
     async getList() {
       const datas = {
         examStudentId: this.detailId,
-        pageNumber: this.current,
-        pageSize: this.size,
       };
 
       const res = await studentLogDetail(datas);
 
-      this.dataList = res.data.data.records;
-      this.total = res.data.data.total;
-    },
-    toPage(page) {
-      this.current = page;
-      this.getList();
+      this.dataList = res.data.data;
     },
     cancel() {
       this.modalIsShow = false;