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

components/tree/TreeMemberForm.vue

@@ -219,19 +219,22 @@ const showConflictHelp = () => {
   position: relative;
   z-index: 2;
   width: calc(100% - 32rpx);
-  height: min(640px, calc((100vw - 16px) * 1.48));
+  min-height: min(640px, calc((100vw - 16px) * 1.48));
   margin: 18rpx auto 0;
+  padding: 7.5% 8%;
+  box-sizing: border-box;
 }
 .member-form-panel__skin {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .member-form,
 .member-form-result {
-  position: absolute;
-  inset: 7.5% 8%;
+  position: relative;
+  z-index: 1;
 }
 .member-form__eyebrow {
   display: block;
@@ -256,35 +259,38 @@ const showConflictHelp = () => {
 }
 .member-field {
   position: relative;
-  height: 78rpx;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  min-height: 78rpx;
+  align-items: center;
+  gap: 20rpx;
   margin-top: 12rpx;
+  padding: 12rpx 22rpx;
+  box-sizing: border-box;
 }
 .member-field image {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .member-field > text {
-  position: absolute;
-  top: 27rpx;
-  left: 22rpx;
+  position: relative;
   z-index: 1;
   color: $ink;
   font-size: 24rpx;
   font-weight: 700;
 }
 .member-field input {
-  position: absolute;
-  top: 0;
-  right: 18rpx;
-  bottom: 0;
-  left: 164rpx;
+  position: relative;
   z-index: 1;
-  height: 78rpx;
+  width: 100%;
+  min-width: 0;
+  height: 54rpx;
   color: $ink;
   font-size: 24rpx;
-  line-height: 78rpx;
+  text-align: right;
 }
 .member-placeholder {
   color: #a79884;
@@ -308,6 +314,7 @@ const showConflictHelp = () => {
   inset: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .member-form-action text {
   position: relative;
@@ -324,7 +331,7 @@ const showConflictHelp = () => {
   color: $ink;
 }
 .member-form-result {
-  top: 29%;
+  margin-top: 21.5%;
   text-align: center;
 }
 .member-form-result .member-form__eyebrow {