病例详情

4 months ago · 7fca4e2fa8
21 changed files with 660 additions and 61 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,2 +1,3 @@
 node_modules
 src/images/.svn
 miniprogram_npm
--- a/index.html
+++ b/index.html
@ -1,11 +0,0 @@
 <!doctype html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <view></view>
  </body>
 </html>
--- a/src/images/audio-line-pause.png
+++ b/src/images/audio-line-pause.png
--- a/src/images/audio-line-plat.png
+++ b/src/images/audio-line-plat.png
--- a/src/images/case-detail-dialog1.png
+++ b/src/images/case-detail-dialog1.png
--- a/src/images/case-detail-dialog2.png
+++ b/src/images/case-detail-dialog2.png
--- a/src/images/case-detail-dialog3.png
+++ b/src/images/case-detail-dialog3.png
--- a/src/images/case-detail-dialog4.png
+++ b/src/images/case-detail-dialog4.png
--- a/src/images/case-detail-footer-icon1.png
+++ b/src/images/case-detail-footer-icon1.png
--- a/src/images/case-detail-footer-icon2.png
+++ b/src/images/case-detail-footer-icon2.png
--- a/src/images/case-detail-footer-icon3.png
+++ b/src/images/case-detail-footer-icon3.png
--- a/src/images/case-detail-footer-icon4.png
+++ b/src/images/case-detail-footer-icon4.png
--- a/src/images/case-detail-footer-icon5.png
+++ b/src/images/case-detail-footer-icon5.png
--- a/src/images/case-detail-footer-icon6.png
+++ b/src/images/case-detail-footer-icon6.png
--- a/src/images/case-detail-footer-icon7.png
+++ b/src/images/case-detail-footer-icon7.png
--- a/src/images/invite.png
+++ b/src/images/invite.png
--- a/src/module1/pages/casesDetail/index.json
+++ b/src/module1/pages/casesDetail/index.json
@ -1,5 +1,8 @@
 {
  "navigationBarTitleText": "病历",
  "navigationStyle": "default",
-  "usingComponents": {}
+  "usingComponents": {
    "doctorAvatar": "/components/doctorAvatar/index",
    "van-dialog": "@vant/weapp/dialog/index"
  }
 }
--- a/src/module1/pages/casesDetail/index.scss
+++ b/src/module1/pages/casesDetail/index.scss
@ -1,11 +1,14 @@
 page {
  background-color: #f6f6f6;
 }
 .page {
-  padding: 24rpx;
+  padding: 24rpx 24rpx 240rpx;
  .detail-card {
    padding-bottom: 16rpx;
    position: relative;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    border: 2rpx solid #ffffff;
-    background: linear-gradient(180deg, #f1feff 0%, #ffffff 35%, #ffffff 100%);
+    background-color: #fffdfd;
    .li-header {
      padding: 32rpx 32rpx 0 16rpx;
      display: flex;
@ -48,6 +51,7 @@
        font-size: 28rpx;
        color: rgba(153, 153, 153, 1);
        .icon {
          margin-left: 14rpx;
          width: 32rpx;
          height: 32rpx;
        }
@ -101,16 +105,488 @@
        }
      }
    }
-    .photos {
+    .user {
      padding: 16rpx 32rpx;
      display: flex;
      gap: 24rpx;
      align-items: center;
      .avatar {
        width: 112rpx;
        height: 112rpx;
      }
      .wrap {
        .w-header {
          display: flex;
          align-items: baseline;
          gap: 16rpx;
          .name {
            font-size: 36rpx;
            color: #141515;
          }
          .desc {
            font-size: 28rpx;
            color: rgba(20, 21, 21, 1);
          }
        }
        .w-footer {
          margin-top: 24rpx;
          .hostipal {
            margin-right: 12rpx;
            display: inline;
            font-size: 28rpx;
            color: rgba(20, 21, 21, 1);
          }
          .tag {
            margin-right: 12rpx;
            display: inline-block;
            padding: 0 8rpx;
            border-radius: 4rpx;
            background-color: rgba(0, 180, 197, 1);
            font-size: 24rpx;
            color: #fff;
          }
          .site {
            display: inline-block;
            padding: 0 8rpx;
            font-size: 28rpx;
            line-height: 32rpx;
            color: rgba(148, 87, 30, 1);
            border-radius: 4rpx;
            background-color: rgba(250, 229, 206, 1);
          }
        }
      }
    }
    .cases {
      margin: 16rpx 32rpx 0;
      padding: 32rpx;
      background-color: rgba(246, 246, 246, 1);
      border-radius: 16rpx;
      .tags {
        display: flex;
        .t-label {
          width: 3em;
          font-size: 28rpx;
          color: rgba(153, 153, 153, 1);
        }
        .wrap {
          display: flex;
          flex-wrap: wrap;
          gap: 12rpx;
          .tag {
            padding: 0 8rpx;
            font-size: 22rpx;
            color: rgba(0, 180, 197, 1);
            line-height: 32rpx;
            background: #ffffff;
            border-radius: 4rpx 4rpx 4rpx 4rpx;
            border: 1rpx solid #bfeff4;
          }
        }
      }
      .photos {
        margin-top: 32rpx;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12rpx;
        .photo {
          width: 100%;
-        height: 148rpx;
+          height: 128rpx;
          border-radius: 8rpx;
        }
      }
      .remark {
        margin-top: 32rpx;
        .r-title {
          font-size: 32rpx;
          color: rgba(20, 21, 21, 1);
          font-weight: bold;
          line-height: 1;
        }
        .r-content {
          margin-top: 24rpx;
          padding: 32rpx;
          font-size: 28rpx;
          color: rgba(133, 133, 133, 1);
          line-height: 50rpx;
          border-radius: 16rpx;
          background-color: #fff;
        }
      }
      .audio-list {
        margin-top: 32rpx;
      }
      .files {
        margin-top: 32rpx;
        .f-title {
          font-size: 32rpx;
          color: #000;
          font-weight: bold;
          line-height: 1;
        }
        .file-list {
          margin-top: 24rpx;
          .fl-row {
            margin-top: 24rpx;
            display: flex;
            align-content: inherit;
            justify-content: space-between;
            .wrap {
              flex: 1;
              padding: 20rpx 24rpx;
              border-radius: 16rpx;
              background: #ffffff;
              display: flex;
              align-items: center;
              .icon {
                width: 56rpx;
                height: 56rpx;
              }
              .name {
                margin-left: 30rpx;
                font-size: 32rpx;
                color: rgba(128, 128, 128, 1);
              }
            }
            .option {
              display: flex;
              align-items: center;
              .icon {
                margin-left: 16rpx;
                width: 36rpx;
                height: 36rpx;
              }
            }
          }
        }
      }
    }
  }
  .doctor-card {
    margin-top: 24rpx;
    margin-bottom: 20rpx;
    background: linear-gradient(180deg, #e5f5f7 0%, #ffffff 50%);
    box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.1);
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    border: 2rpx solid #ffffff;
    .dc-header {
      padding: 34rpx 32rpx 0 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .status {
        padding: 4rpx 28rpx;
        font-size: 24rpx;
        color: rgba(0, 180, 197, 1);
        border-radius: 0 32rpx 32rpx 0;
        background-color: rgba(215, 237, 238, 1);
      }
      .date {
        font-size: 28rpx;
        color: rgba(20, 21, 21, 1);
      }
    }
    .doctor {
      padding: 32rpx;
      display: flex;
      gap: 24rpx;
      &:last-of-type {
        margin-bottom: 0;
      }
      .avatar {
        flex-shrink: 0;
        position: relative;
        width: 112rpx;
        height: 112rpx;
      }
      .wrap {
        padding-top: 8rpx;
        flex: 1;
        .w-header {
          display: flex;
          align-items: baseline;
          gap: 16rpx;
          line-height: 1;
          .name {
            font-size: 36rpx;
            color: rgba(20, 21, 21, 1);
            font-weight: bold;
          }
          .label {
            font-size: 28rpx;
            color: rgba(20, 21, 21, 1);
          }
          .line {
            width: 1px;
            height: 24rpx;
            background-color: rgba(205, 205, 205, 1);
          }
        }
        .w-container {
          margin-top: 24rpx;
          .hostipal {
            margin-right: 12rpx;
            font-size: 28rpx;
            color: rgba(20, 21, 21, 1);
          }
          .tag {
            margin-right: 12rpx;
            display: inline-block;
            padding: 0 8rpx;
            border-radius: 4rpx;
            font-size: 24rpx;
            color: rgba(255, 255, 255, 1);
            line-height: 32rpx;
            background-color: rgba(0, 180, 197, 1);
          }
          .site {
            display: inline-block;
            padding: 0 8rpx;
            font-size: 24rpx;
            color: rgba(148, 87, 30, 1);
            line-height: 32rpx;
            border-radius: 4rpx;
            background-color: rgba(250, 229, 206, 1);
          }
        }
        .w-footer {
          margin-top: 16rpx;
          display: flex;
          gap: 12rpx;
          flex-wrap: wrap;
          .wf-label {
            flex-shrink: 0;
            width: 48rpx;
            height: 32rpx;
          }
          .wf-tag {
            flex-shrink: 0;
            padding: 0 8rpx;
            font-size: 22rpx;
            color: rgba(0, 180, 197, 1);
            line-height: 32rpx;
            border: 1rpx solid rgba(191, 239, 244, 1);
          }
        }
      }
    }
  }
  .footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 32rpx 32rpx calc(env(safe-area-inset-bottom) + 32rpx);
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60rpx;
    .wrap {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      gap: 52rpx;
      .w-item {
        text-align: center;
        .icon {
          width: 48rpx;
          height: 48rpx;
        }
        .name {
          font-size: 24rpx;
          color: rgba(153, 153, 153, 1);
        }
      }
    }
    .btn-wrap {
      flex: 1;
      .btn1 {
        height: 88rpx;
        font-size: 32rpx;
        text-align: center;
        line-height: 88rpx;
        color: rgba(255, 255, 255, 1);
        background: linear-gradient(90deg, #00b4c5 0%, #54e2b4 100%);
        border-radius: 68rpx 68rpx 68rpx 68rpx;
      }
      .btn2 {
        display: flex;
        align-items: center;
        border-radius: 82rpx;
        .l-btn,
        .r-btn {
          flex: 1;
          padding: 24rpx 14rpx;
          font-size: 32rpx;
          text-align: center;
          line-height: 40rpx;
        }
        .l-btn {
          border-radius: 82rpx 0 0 82rpx;
          color: rgba(0, 180, 197, 1);
          border: 1px solid #00b4c5;
          border-right: none;
          line-height: 36rpx;
        }
        .r-btn {
          border-radius: 0 82rpx 82rpx 0;
          color: rgba(255, 255, 255, 1);
          background: linear-gradient(90deg, #00b4c5 0%, #54e2b4 100%);
        }
      }
    }
  }
 }
 .dialog1 {
  padding: 48rpx 32rpx 32rpx;
  .title {
    font-size: 36rpx;
    color: rgba(20, 21, 21, 1);
    font-weight: bold;
  }
  .select-wrap {
    margin-top: 32rpx;
    display: flex;
    gap: 16rpx;
    .select {
      padding: 4rpx 24rpx;
      font-size: 28rpx;
      color: rgba(133, 133, 133, 1);
      line-height: 44rpx;
      background-color: rgba(246, 246, 246, 1);
      border-radius: 84rpx;
    }
  }
  .remark {
    margin-top: 24rpx;
    padding: 32rpx;
    width: 100%;
    box-sizing: border-box;
    border-radius: 16rpx;
    min-height: 200rpx;
    background-color: rgba(246, 246, 246, 1);
  }
 }
 .dialog2 {
  .badge {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: block;
    width: 192rpx;
    height: 204rpx;
  }
  .container {
    padding: 160rpx 48rpx 48rpx;
    background-color: #fff;
    border-radius: 16rpx 16rpx 0 0;
    margin-top: -126rpx;
    background: linear-gradient(180deg, #e5f5f7 0%, #ffffff 39%, #ffffff 100%);
    .title {
      font-size: 32rpx;
      text-align: center;
      color: rgba(20, 21, 21, 1);
      font-weight: bold;
    }
    .content {
      margin-top: 24rpx;
      font-size: 28rpx;
      line-height: 40rpx;
      color: rgba(153, 153, 153, 1);
    }
  }
 }
 .dialog3 {
  .badge {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: block;
    width: 192rpx;
    height: 204rpx;
  }
  .container {
    padding: 160rpx 48rpx 48rpx;
    background-color: #fff;
    border-radius: 16rpx 16rpx 0 0;
    margin-top: -126rpx;
    background: linear-gradient(180deg, #e5f5f7 0%, #ffffff 39%, #ffffff 100%);
    .title {
      font-size: 32rpx;
      text-align: center;
      color: rgba(20, 21, 21, 1);
      font-weight: bold;
    }
    .content {
      margin-top: 24rpx;
      font-size: 28rpx;
      line-height: 40rpx;
      color: rgba(153, 153, 153, 1);
    }
  }
 }
 .dialog4 {
  .badge {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: block;
    width: 192rpx;
    height: 204rpx;
  }
  .container {
    padding: 160rpx 48rpx 48rpx;
    background-color: #fff;
    border-radius: 16rpx 16rpx 0 0;
    margin-top: -126rpx;
    background: linear-gradient(180deg, #fff0ee 0%, #ffffff 39%, #ffffff 100%);
    .title {
      font-size: 32rpx;
      text-align: center;
      color: rgba(20, 21, 21, 1);
      font-weight: bold;
    }
    .content {
      margin-top: 24rpx;
      font-size: 28rpx;
      line-height: 40rpx;
      color: rgba(153, 153, 153, 1);
    }
  }
 }
 .dialog5 {
  .badge {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: block;
    width: 192rpx;
    height: 204rpx;
  }
  .container {
    padding: 160rpx 48rpx 48rpx;
    background-color: #fff;
    border-radius: 16rpx 16rpx 0 0;
    margin-top: -126rpx;
    background: linear-gradient(180deg, #fff0ee 0%, #ffffff 39%, #ffffff 100%);
    .title {
      font-size: 32rpx;
      text-align: center;
      color: rgba(20, 21, 21, 1);
      font-weight: bold;
    }
    .content {
      margin-top: 24rpx;
      font-size: 28rpx;
      line-height: 40rpx;
      color: rgba(153, 153, 153, 1);
    }
  }
 }
--- a/src/module1/pages/casesDetail/index.ts
+++ b/src/module1/pages/casesDetail/index.ts
@ -1,6 +1,12 @@
-const _app = getApp<IAppOption>();
+const _app = getApp<IAppOption>()
 Page({
-  data: {},
+  data: {
    show1: false,
    show2: false,
    show3: false,
    show4: false,
    show5: false,
  },
  onLoad() {},
-});
+})
--- a/src/module1/pages/casesDetail/index.wxml
+++ b/src/module1/pages/casesDetail/index.wxml
@ -14,49 +14,172 @@
      <view class="label">提交时间</view>
      <view class="content">2024-02-09 12:04:23</view>
    </view>
-    <view class="li-row">
+    <view class="user">
-      <view class="label">提交人</view>
+      <doctorAvatar class="avatar" src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567" level="{{1}}"></doctorAvatar>
-      <view class="content">
+      <view class="wrap">
-        王军
+        <view class="w-header">
-        <text class="line">|</text>
+          <view class="name">徐萌</view>
-        四川大学华西医院 副主任医师
+          <view class="desc">主治医师</view>
        </view>
        <view class="w-footer">
          <view class="hostipal">北京天坛医院</view>
          <view class="tag">三甲</view>
          <view class="site">广州市/番禺区</view>
        </view>
-    <view class="li-row">
+      </view>
-      <view class="label">标签</view>
+    </view>
    <view class="cases">
      <view class="tags">
        <view class="t-label">标签</view>
        <view class="wrap">
          <view class="tag">心律失常</view>
-        <view class="tag">心律失常</view>
+          <view class="tag">心衰</view>
        <view class="tag">心律失常</view>
        </view>
      </view>
      <view class="photos">
-      <image
+        <image class="photo" src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567" mode="aspectFill" bind:tap="handleImagePreview" data-url="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"></image>
        class="photo"
        src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"
        bind:tap="handleImagePreview"
        data-url="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"
      ></image>
      <image
        class="photo"
        src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"
      ></image>
      </view>
-    <view class="li-row">
+      <view class="remark">
-      <view class="label">更新时间</view>
+        <view class="r-title">病历备注</view>
-      <view class="content">
+        <view class="r-content">此患者已经做了基因检测，根据基因检测的流程判断已排除，但是其他的检测档案指向性较强，请帮忙判断</view>
        2024-02-09 12:04:23
        <view class="new">new</view>
        <view class="reject">已驳回</view>
      </view>
      <view class="audio-list">
        <view class="audio-row">音频条，占位</view>
      </view>
-    <view class="li-row">
+      <view class="files">
-      <view class="label">反馈人</view>
+        <view class="f-title">病历相关文件</view>
-      <view class="content">
+        <view class="file-list">
-        王军
+          <view class="fl-row">
-        <text class="line">|</text>
+            <view class="wrap">
-        四川大学华西医院 副主任医师
+              <image class="icon" src="/images/icon-file.png"></image>
              <view class="name">基因检测报告.pdf</view>
            </view>
            <view class="option">
              <image class="icon" src="/images/icon-eye.png"></image>
              <image class="icon" src="/images/icon-download.png"></image>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="doctor-card">
    <view class="dc-header">
      <view class="status">已提交给</view>
      <view class="date">提交时间：2024-10-01 12：34：34</view>
    </view>
    <view class="doctor">
      <doctorAvatar class="avatar" src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567" level="{{1}}"></doctorAvatar>
      <view class="wrap">
        <view class="w-header">
          <view class="name">徐萌</view>
          <view class="label">主任医师</view>
          <view class="line"></view>
          <view class="label">心内科</view>
        </view>
        <view class="w-container">
          <text class="hostipal">北京天坛医院</text>
          <view class="tag">三甲</view>
          <view class="site">广州市/番禺区</view>
        </view>
        <view class="w-footer">
          <image class="wf-label" src="/images/text-specialty.png" mode="aspectFit"></image>
          <view class="wf-tag">心律失常</view>
          <view class="wf-tag">心律失常</view>
          <view class="wf-tag">心律失常</view>
          <view class="wf-tag">心律失常</view>
        </view>
      </view>
    </view>
  </view>
  <view class="footer">
    <view class="wrap">
      <view class="w-item">
        <image class="icon" src="/images/case-detail-footer-icon1.png"></image>
        <view class="name">驳回</view>
      </view>
      <view class="w-item" wx:if="{{false}}">
        <image class="icon" src="/images/case-detail-footer-icon3.png"></image>
        <view class="name">驳回原因</view>
      </view>
      <view class="w-item" wx:if="{{false}}">
        <image class="icon" src="/images/case-detail-footer-icon2.png"></image>
        <view class="name">创建聊天室</view>
      </view>
      <view class="w-item" wx:if="{{false}}">
        <image class="icon" src="/images/case-detail-footer-icon4.png"></image>
        <view class="name">更多操作</view>
      </view>
      <view class="w-item" wx:if="{{false}}">
        <image class="icon" src="/images/case-detail-footer-icon5.png"></image>
        <view class="name">归档</view>
      </view>
      <view class="w-item" wx:if="{{false}}">
        <image class="icon" src="/images/case-detail-footer-icon6.png"></image>
        <view class="name">创建聊天室</view>
      </view>
      <view class="w-item" wx:if="{{false}}">
        <image class="icon" src="/images/case-detail-footer-icon7.png"></image>
        <view class="name">标为优质</view>
      </view>
    </view>
    <view class="btn-wrap">
      <view class="btn1" wx:if="{{false}}">更多操作</view>
      <view class="btn2" wx:if="{{false}}">
        <view class="l-btn">@质控医生</view>
        <view class="r-btn">提交反馈</view>
      </view>
      <view class="btn2" wx:if="{{true}}">
        <view class="l-btn">创建聊天室</view>
        <view class="r-btn">提交反馈</view>
      </view>
    </view>
  </view>
 </view>
 <van-dialog use-slot title="" show="{{ show1 }}" show-cancel-button bind:close="onClose" confirm-button-color="rgba(0, 180, 197, 1)">
  <view class="dialog1">
    <view class="title">驳回病历后您无需批注此病历</view>
    <view class="select-wrap">
      <view class="select">专长不符</view>
      <view class="select">资料待补充</view>
      <view class="select">重复病历</view>
    </view>
    <textarea class="remark" placeholder="请输入驳回原因" placeholder-style="color:rgba(205, 205, 205, 1);" auto-height></textarea>
  </view>
 </van-dialog>
 <van-dialog use-slot title="" show="{{ show2 }}" show-cancel-button bind:close="onClose" confirm-button-color="rgba(0, 180, 197, 1)" custom-style="background:transparent">
  <view class="dialog2">
    <image class="badge" src="/images/case-detail-dialog1.png"></image>
    <view class="container">
      <view class="title">确认标为优质病历吗?</view>
      <view class="content">标为优质病历后，病历将显示在优质病历列表中，所有医生都可查看。</view>
    </view>
  </view>
 </van-dialog>
 <van-dialog use-slot title="" show="{{ show3 }}" show-cancel-button bind:close="onClose" confirm-button-color="rgba(0, 180, 197, 1)" custom-style="background:transparent">
  <view class="dialog3">
    <image class="badge" src="/images/case-detail-dialog2.png"></image>
    <view class="container">
      <view class="title">确认归档吗?</view>
      <view class="content">归档后病历仅可查看不可进行反馈，同时病历聊天室也将关闭。</view>
    </view>
  </view>
 </van-dialog>
 <van-dialog use-slot title="" show="{{ show4 }}" show-cancel-button bind:close="onClose" confirm-button-color="rgba(0, 180, 197, 1)" custom-style="background:transparent">
  <view class="dialog4">
    <image class="badge" src="/images/case-detail-dialog3.png"></image>
    <view class="container">
      <view class="title">确认取消优质病历吗？</view>
      <view class="content">取消优质病历后，病历将不再显示在优质病历列表中，仅参与反馈的医生才可见。</view>
    </view>
  </view>
 </van-dialog>
 <van-dialog use-slot title="" show="{{ show5 }}" show-cancel-button bind:close="onClose" confirm-button-color="rgba(0, 180, 197, 1)" custom-style="background:transparent">
  <view class="dialog5">
    <image class="badge" src="/images/case-detail-dialog4.png"></image>
    <view class="container">
      <view class="title">确认取消归档吗？</view>
      <view class="content">确认取消归档后，参与讨论的医生可再次对病历进行反馈，同时聊天室也同时开启。</view>
    </view>
  </view>
 </van-dialog>
--- a/src/pages/cases/index.wxml
+++ b/src/pages/cases/index.wxml
@ -233,3 +233,4 @@
    <view class="submit">保存</view>
  </view>
 </van-popup>