保存视觉审核与文档流迁移进度

pages/records/r01-people-list.vue

@@ -201,24 +201,28 @@ onUnmounted(() => {
 }
 .people-search {
   position: relative;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 126rpx;
   width: 100%;
   height: 82rpx;
   min-height: 44px;
+  align-items: center;
 }
 .people-search > image {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .people-search input {
-  position: absolute;
+  position: relative;
   z-index: 1;
-  top: 0;
-  right: 126rpx;
-  bottom: 0;
-  left: 31rpx;
+  width: 100%;
+  min-width: 0;
   height: 100%;
+  padding-left: 31rpx;
+  box-sizing: border-box;
   color: $ink;
   font-size: 24rpx;
 }
@@ -226,10 +230,8 @@ onUnmounted(() => {
   color: #8a7965;
 }
 .people-search__action {
-  position: absolute;
+  position: relative;
   z-index: 2;
-  top: 0;
-  right: 0;
   display: flex;
   width: 126rpx;
   height: 100%;
@@ -245,9 +247,13 @@ onUnmounted(() => {
 }
 .person-card {
   position: relative;
+  display: flex;
   width: 100%;
   height: clamp(92px, 190rpx, 108px);
+  align-items: center;
   margin-top: 12px;
+  padding: 16% 10%;
+  box-sizing: border-box;
 }
 .person-card:first-child {
   margin-top: 0;
@@ -257,12 +263,13 @@ onUnmounted(() => {
   inset: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .person-card__copy {
-  position: absolute;
+  position: relative;
   z-index: 1;
-  inset: 16% 10%;
   display: flex;
+  width: 100%;
   flex-direction: column;
   justify-content: center;
 }
@@ -300,6 +307,7 @@ onUnmounted(() => {
   width: 100%;
   height: 220rpx;
   min-height: 118px;
+  pointer-events: none;
 }
 .people-result-empty > view,
 .people-state-card > view {