add：访客信息page接口对接 历史轨迹page跳转待处理

src/views/person/fangke.vue

@@ -54,7 +54,6 @@
       <el-col :span="1.5">
         <el-button
           type="primary"
-          plain
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
@@ -68,50 +67,69 @@
       :data="infoList"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column label="姓名" align="center" prop="realName" />
-      <el-table-column label="性别" align="center" prop="sex" />
-      <el-table-column label="身份证号" align="center" prop="idCard" />
+      <el-table-column label="姓名" align="center" prop="realName" width="85" />
+      <el-table-column label="性别" align="center" prop="sex" width="55" />
+      <el-table-column label="身份证号" align="center" prop="idNumber" />
       <el-table-column label="联系方式" align="center" prop="phone" />
       <el-table-column label="来访单位" align="center" prop="company" />
       <el-table-column label="定位卡号" align="center" prop="cardId" />
-      <el-table-column label="来访时间" align="center" prop="visitTime" />
-      <el-table-column label="离开时间" align="center" prop="leaveTime" />
-      <el-table-column label="来访状态" align="center" prop="visitorStatus" />
+      <el-table-column
+        label="来访时间"
+        align="center"
+        prop="visitTime"
+        width="150"
+      />
+      <el-table-column
+        label="离开时间"
+        align="center"
+        prop="leaveTime"
+        width="150"
+      />
+      <el-table-column
+        label="来访状态"
+        align="center"
+        width="85"
+        prop="visitorStatus"
+      >
+        <template slot-scope="scope">
+          {{ scope.row.visitorStatus === 1 ? "未离开" : "已离开" }}
+        </template>
+      </el-table-column>
 
       <el-table-column
         label="操作"
         align="center"
         class-name="small-padding fixed-width"
         fixed="right"
-        width="180"
+        width="380"
       >
         <template slot-scope="scope">
           <el-button
-            v-if="scope.row.visitorStatus == 'Y'"
-            size="mini"
-            type="text"
-            icon="el-icon-link"
+            v-if="scope.row.visitorStatus == 1"
+            size="small"
+            type="warning"
+            icon="el-icon-circle-close"
             @click="handleLeave(scope.row)"
             >离开</el-button
           >
           <el-button
-            v-if="scope.row.visitorStatus == 'N'"
-            size="mini"
-            type="text"
-            icon="el-icon-unlock"
+            v-if="scope.row.visitorStatus == 0"
+            size="small"
+            type="success"
+            icon="el-icon-circle-close"
             @click="handleHistory(scope.row)"
             >历史轨迹</el-button
           >
           <el-button
-            size="mini"
-            type="text"
+            size="small"
+            type="primary"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             >修改</el-button
           >
           <el-button
-            size="mini"
-            type="text"
+            size="small"
+            type="danger"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             >删除</el-button
@@ -128,7 +146,7 @@
       @pagination="getList"
     />
 
-    <!-- 添加或修改员工信息对话框 -->
+    <!-- 添加或修改访客信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <!-- 使用el-row和el-col实现一行两列布局 -->
@@ -170,7 +188,7 @@
                 v-model="form.birthTime"
                 type="date"
                 value-format="yyyy-MM-dd"
-                placeholder=""
+                placeholder="请选择出生日期"
               >
               </el-date-picker>
             </el-form-item>
@@ -178,17 +196,17 @@
 
           <el-col :span="12">
             <el-form-item label="身份证号" prop="idNumber">
-              <el-input v-model="form.idNumber" placeholder="" />
+              <el-input v-model="form.idNumber" placeholder="请输入身份证号" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="联系方式" prop="phone">
-              <el-input v-model="form.phone" placeholder="" />
+              <el-input v-model="form.phone" placeholder="请输入联系方式" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="来访单位" prop="company">
-              <el-input v-model="form.company" placeholder="" />
+              <el-input v-model="form.company" placeholder="请输入来访单位" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -211,7 +229,11 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="备注" prop="remark">
-              <el-input v-model="form.remark" type="textarea" placeholder="" />
+              <el-input
+                v-model="form.remark"
+                type="textarea"
+                placeholder="请输入备注"
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -253,7 +275,7 @@ export default {
       showSearch: true,
       // 总条数
       total: 0,
-      // 员工信息表格数据
+      // 访客信息表格数据
       infoList: [],
       // 弹出层标题
       title: "",
@@ -295,15 +317,29 @@ export default {
       },
       // 可以根据需要添加更多配置
     },
+    /** 解绑卡按钮操作 */
     handleLeave(row) {
+      const formData = { ...row };
+
+      // 获取当前系统时间并格式化为yyyy-MM-dd HH:mm:ss格式
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      const hours = String(now.getHours()).padStart(2, "0");
+      const minutes = String(now.getMinutes()).padStart(2, "0");
+      const seconds = String(now.getSeconds()).padStart(2, "0");
+
+      formData.leaveTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+      formData.visitorStatus = 0;
       this.$modal
         .confirm("是否确认离开？")
         .then(function () {
-          return unbindCard(row.personId);
+          return updateInfo(formData);
         })
         .then(() => {
-          this.getList();
           this.$modal.msgSuccess("操作成功");
+          this.getList();
         })
         .catch(() => {});
     },
@@ -324,7 +360,7 @@ export default {
         });
     },
 
-    /** 查询员工信息列表 */
+    /** 查询访客信息列表 */
     getList() {
       this.loading = true;
       listInfo(this.queryParams).then((response) => {
@@ -365,16 +401,16 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加员工信息";
+      this.title = "添加访客信息";
       this.dialogType = "add";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
       getInfo(row.personId).then((response) => {
-        this.form = response.data[0];
+        this.form = response;
         this.open = true;
-        this.title = "修改员工信息";
+        this.title = "修改访客信息";
       });
     },
     /** 提交按钮 */