fix

src/pages/index/index.vue

@@ -2,6 +2,7 @@
   <view class="content">
     <!-- <navBar> 添加画作 </navBar> -->
     <view class="container-box">
+      <div style="height: 160rpx">
         <span style="font-weight: bold"> 已扫画筒号：{{ state.pid }} </span>
         <view style="display: flex; align-items: center">
           <up-input
@@ -27,14 +28,21 @@
             >搜索</up-button
           >
         </view>
-      <up-list @scrolltolower="scrolltolower" style="height: 1120rpx">
+      </div>
+
+      <view style="flex: 1">
+        <up-list @scrolltolower="scrolltolower" style="height: 1050rpx">
           <span>
             <up-image
               v-if="showNoResultImage"
               src="../../static/empty.png"
               width="100px"
               height="100px"
-            style="margin-left: 240rpx; margin-top: 200rpx; margin-bottom: 20px"
+              style="
+                margin-left: 240rpx;
+                margin-top: 200rpx;
+                margin-bottom: 20px;
+              "
             >
             </up-image>
             <span
@@ -53,7 +61,9 @@
             v-for="(painting, index) in state.tableData"
             :key="index"
           >
-          <span style="display: flex; align-items: center; position: relative">
+            <span
+              style="display: flex; align-items: center; position: relative"
+            >
               <up-image
                 :show-loading="true"
                 :src="painting.HdPic"
@@ -62,9 +72,32 @@
                 @click="enlarge(painting.HdPic)"
               ></up-image>
               <span
-              style="display: flex; flex-direction: column; margin-left: 10px"
+                style="
+                  display: flex;
+                  flex-direction: column;
+                  margin-left: 10px;
+                  flex: 1;
+                "
               >
-              <span style="font-weight: bold">{{ painting.ArtworkName }}</span>
+                <div
+                  style="
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    width: 100%;
+                  "
+                >
+                  <span style="font-weight: bold">{{
+                    painting.ArtworkName
+                  }}</span>
+                  <up-radio-group
+                    v-model="painting.checked"
+                    placement="right"
+                    @change="groupChange"
+                  >
+                    <up-radio :name="painting.ArtworkUuid"></up-radio>
+                  </up-radio-group>
+                </div>
                 <span style="color: #bcbcbc; font-size: 16px"
                   >画作编号：{{ painting.Tfnum }}</span
                 >
@@ -78,14 +111,6 @@
                   >平尺（寸）：{{ painting.Ruler }}</span
                 >
               </span>
-            <up-radio-group
-              v-model="painting.checked"
-              style="position: absolute; left: 550rpx; bottom: 150rpx"
-              placement="right"
-              @change="groupChange"
-            >
-              <up-radio :name="painting.ArtworkUuid"></up-radio>
-            </up-radio-group>
             </span>
           </up-list-item>
         </up-list>
@@ -112,6 +137,7 @@
         {{ buttonText }}</up-button
       >
     </view>
+  </view>
 </template>
 
 <script setup>
@@ -290,27 +316,33 @@ page {
   background: url("@/static/bgp.png") no-repeat;
   background-size: 100% 100%;
   background-attachment: fixed;
-  height: 100vh;
+  height: 100%;
   box-sizing: border-box;
 }
-
+:deep(.u-radio) {
+  justify-content: end;
+}
 .content {
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-
-  .container-box {
-    height: auto;
-    width: 95%;
-    display: flex;
-    flex-direction: column;
-    margin-top: 40rpx;
   padding: 40rpx;
   box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  .container-box {
+    margin-bottom: 20rpx;
+    width: 100%;
+    box-sizing: border-box;
+    height: 100%;
+    flex: 1;
+    padding: 40rpx;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
     background-color: #fff;
-  }
-
     .login-input {
       width: 80%;
       display: flex;
@@ -332,18 +364,15 @@ page {
       background-color: #fff;
       box-shadow: 0 0 6px rgba(219, 218, 218, 0.5);
     }
+  }
 }
 .button-container {
   display: flex;
   justify-content: space-between;
   width: 100%;
-  position: fixed;
-  bottom: 1rpx;
-  left: 0;
-  padding: 0 20rpx;
+  padding: 20rpx;
   box-sizing: border-box;
   background-color: #fff;
-  height: 8%;
 }
 uni-button:after {
   border: none;

src/pages/painting/index.vue

@@ -134,6 +134,9 @@ const closeFn = async () => {
     }
   } else {
     showMessage({ type: "error", message: res.msg });
+    if (runTimeEnv()) {
+      closeWebview();
+    }
   }
   loading.value = false;
 };