detail

src/apps/AppHandSnapshot/Detail.vue

@@ -197,6 +197,24 @@
         </div>
       </div>
     </div>
+
+    <div class="fixedBtn">
+      <!-- <div class="status00">
+        <div class="columns" @click="toTransfer">
+          <img src="./components/22.png" alt="" />
+          <span class="hint">转交事件</span>
+        </div>
+
+        <div class="columns" @click="toReject">
+          <img src="./components/22.png" alt="" />
+          <span class="hint">拒绝受理</span>
+        </div>
+
+        <div class="doIt" @click="ToMyDoIt">我来受理</div>
+      </div> -->
+
+      <div class="endDoIt">我已办结</div>
+    </div>
   </div>
 </template>
 
@@ -226,6 +244,18 @@ export default {
         }
       })
     },
+
+    toTransfer() {
+      console.log('转交事件')
+    },
+
+    toReject() {
+      console.log('拒绝受理')
+    },
+
+    ToMyDoIt() {
+      console.log('我来受理')
+    },
   },
 }
 </script>
@@ -333,6 +363,7 @@ uni-page-body {
   }
 
   .header-bottom {
+    padding-bottom: 80px;
     .line {
       height: 16px;
       background: #f3f6f9;
@@ -437,5 +468,55 @@ uni-page-body {
       }
     }
   }
+
+  .fixedBtn {
+    background: #fff;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    box-sizing: border-box;
+    z-index: 999;
+    .status00 {
+      display: flex;
+
+      .columns {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 22%;
+        padding: 16px 0;
+        img {
+          width: 44px;
+          height: 42px;
+        }
+        .hint {
+          margin-top: 4px;
+          font-size: 28px;
+          color: #666666;
+        }
+      }
+      .doIt {
+        width: 56%;
+        background: #3975c6;
+        text-align: center;
+        height: 112px;
+        line-height: 112px;
+
+        font-size: 36px;
+        font-weight: 500;
+        color: #fff;
+      }
+    }
+
+    .endDoIt {
+      background: #3975c6;
+      text-align: center;
+      padding: 34px 0;
+
+      font-size: 32px;
+      font-weight: 500;
+      color: #ffffff;
+    }
+  }
 }
 </style>