gx

src/view/person/rwTable.vue

@@ -75,11 +75,10 @@
                 </template>
               </el-popconfirm>
 
-              <!-- v-if="visibleIndex.value == scope.$index" -->
               <el-popover
-                :visible="scope.row.index==chooseBfh"
+                :visible="scope.row.index == chooseBfh"
                 placement="right"
-                :width="220"
+                :width="240"
                 trigger="click"
                 @visible-change="handleVisibleChange"
               >
@@ -93,14 +92,21 @@
                   </el-button>
                 </template>
 
+                <div style="display: flex; justify-content: space-between">
+                  <el-icon :size="16" color="#ff9900"
+                    ><QuestionFilled
+                  /></el-icon>
                   <p>是否确定该人员不符合要求?</p>
+                </div>
                 <div style="text-align: right; margin: 0">
                   <el-input
                     v-model="nonCompliance"
                     placeholder="请输入不符合原因"
                     clearable
+                    style="margin: 8px 0"
                   />
-                  <el-button size="small" text @click="chooseBfh = 0"
+                  <div style="display: flex; justify-content: space-evenly">
+                    <el-button size="small" @click="chooseBfh = 0"
                       >取消</el-button
                     >
                     <el-button
@@ -111,6 +117,7 @@
                       确认
                     </el-button>
                   </div>
+                </div>
               </el-popover>
 
               <!-- <el-popconfirm
@@ -474,7 +481,7 @@ import { useRouter, useRoute } from "vue-router";
 import { ElMessage } from "element-plus";
 import http from "@/utils/request.js";
 import { Search } from "@element-plus/icons-vue";
-
+import { QuestionFilled } from "@element-plus/icons-vue";
 import { useLoadingStore } from "@/stores/loading.js";
 import tools from "@/utils/tools";
 
@@ -483,9 +490,8 @@ const router = useRouter();
 const routers = useRoute();
 const chooseTitle = ref(1);
 const visible = ref(false); //提示确认框
-const visibleIndex = ref(null); //提示确认框显示
 const nonCompliance = ref(""); //不符合原因
-const chooseBfh=ref(0);
+const chooseBfh = ref(0);//提示确认框显示
 const search1 = reactive({
   name: "",
   date: "",
@@ -972,7 +978,6 @@ const personDetails = () => {
         res.data.forEach((item, index) => {
           item.index = index + 1 + (currentPage - 1) * pageSize;
         });
-        // console.log(2222222222, data.tableData1);
       } else {
         ElMessage.warning({
           message: res.message,
@@ -1034,15 +1039,12 @@ const handleVisibleChange = (newVisible) => {
   visible.value = newVisible;
 };
 const inconsistent = (index, row, status) => {
-  console.log(index, row, status);
-  // visible.value = true;
-  chooseBfh.value=row.index
-  visibleIndex.value = index;
+  // console.log(index, row, status);
+  chooseBfh.value = row.index;
 };
 const handleEdit = (index, row, status) => {
   console.log(index, row, status);
-  // visible.value = true;
-  chooseBfh.value=0;
+  chooseBfh.value = 0;
   pushStatus(row, status);
 };
 const pushStatus = (val, status) => {