添加图片预览

config.js

@@ -1,8 +1,8 @@
 // 应用全局配置
 module.exports = {
 	// baseUrl: 'http://188.188.5.188:48080',
-	// baseUrl: 'https://hb.jzce.com',
-	baseUrl: 'http://188.188.3.232:48080',
+	baseUrl: 'https://hb.jzce.com',
+	// baseUrl: 'http://188.188.3.232:48080',
 	// baseUrl: 'http://localhost:48080',
 	baseApi: '/admin-api',
 	imgUrl: 'https://hb.jzce.com',

sub/task/log.vue

@@ -6,7 +6,7 @@
         style="justify-content: space-between; align-items: center"
       >
         <view style="font-weight: bold">
-          <text style="color: #f8285a; margin-right: 4px">*</text>
+          <text style="color: #f8285a; margin-right: 8rpx">*</text>
           处理意见
         </view>
       </view>
@@ -16,11 +16,14 @@
         style="justify-content: space-between; align-items: center"
       >
         <view style="font-weight: bold">
-          <text style="color: #f8285a; margin-right: 4px">*</text>
+          <text style="color: #f8285a; margin-right: 8rpx">*</text>
           上传证明
         </view>
       </view>
-      <view class="imageList">
+      <view
+        class="imageList"
+        @tap="$util.perviewImage(detail.fileList.map(i => i.url))"
+      >
         <image
           :src="photo.url"
           v-for="photo in detail.fileList"
@@ -37,10 +40,10 @@
         style="justify-content: space-between; align-items: center"
       >
         <view style="font-weight: bold">
-          <text style="color: #f8285a; margin-right: 4px">*</text>
+          <text style="color: #f8285a; margin-right: 8rpx">*</text>
           截止日期
         </view>
-        <view class="wd-flex" style="gap: 4px; align-items: center">
+        <view class="wd-flex" style="gap: 8rpx; align-items: center">
           <text style="color: #f8285a">
             {{ $util.formatDate(detail.correctionTime, 'YYYY年M月D日') }}
           </text>
@@ -87,25 +90,26 @@ export default {
 
 <style lang="scss" scoped>
 .view-container {
-  padding: 12px;
+  padding: 24rpx;
   display: flex;
-  gap: 12px;
+  gap: 24rpx;
   flex-direction: column;
   .box {
-    padding: 12px;
-    border-radius: 8px;
+    padding: 24rpx;
+    border-radius: 16rpx;
     background-color: #fff;
     display: flex;
     flex-flow: column nowrap;
-    gap: 12px;
+    gap: 24rpx;
 
     .imageList {
       display: flex;
-      gap: 12px;
+      gap: 24rpx;
       .image {
         width: 192rpx;
         height: 192rpx;
-        border-radius: 8px;
+        border-radius: 16rpx;
+        flex-shrink: 0;
       }
     }
   }