优化数字交接，优化标本工单详情

components/changeSpeNum/changeSpeNum.vue

@@ -5,6 +5,7 @@
         {{ title }}
       </view>
       <view class="changeSpeNum__article">
+        <view class="tips" v-html="content" v-if="content"></view>
         <view class="uni-list-cell">
           <view class="uni-list-cell-left">
             标本数量：
@@ -35,6 +36,9 @@
         <view v-if="operate.ok" class="changeSpeNum__ok" @click="ok" hover-class="seimin-btn-hover">
           {{ operate.ok || "" }}
         </view>
+        <view v-if="operate.check" class="changeSpeNum__ok" @click="check" hover-class="seimin-btn-hover">
+          {{ operate.check || "" }}
+        </view>
         <view v-if="operate.cancel" class="changeSpeNum__cancel" @click="cancel" hover-class="seimin-btn-hover">
           {{ operate.cancel || "" }}
         </view>
@@ -84,12 +88,18 @@
         type: String,
         default: "提示",
       },
+      // 提示
+      content: {
+        type: String,
+        default: "",
+      },
       // 操作按钮文字
       operate: {
         type: Object,
         default: () => {
           return {
-            ok: "确认",
+            ok: "确认数量",
+            check: "",
             cancel: "取消",
           };
         },
@@ -119,6 +129,10 @@
           imageValue: this.imageValue,
         });
       },
+      // 详细核对
+      check() {
+        this.$emit("check");
+      },
       // 取消
       cancel() {
         this.$emit("cancel");
@@ -140,6 +154,8 @@
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.2);
     z-index: 999;
+    
+    .tips{}
 
     .uni-list-cell {
       width: 94%;
@@ -272,7 +288,7 @@
           color: rgb(102, 102, 102);
           position: relative;
 
-          &:nth-of-type(2)::before {
+          &::before {
             content: "";
             position: absolute;
             left: 0;
@@ -281,6 +297,9 @@
             height: 87rpx;
             background-color: rgb(229, 233, 237);
           }
+          &:first-of-type::before {
+            display: none;
+          }
         }
 
         .changeSpeNum__ok {

main.js

@@ -4,7 +4,7 @@ import App from './App'
 import wx from 'weixin-jsapi'
 // import VConsole from 'vconsole';
 // new VConsole();
-console.info('v2.4.8');
+console.info('v2.4.9');
 Vue.prototype.wx = wx //声明扫码
 Vue.prototype.audios = [] //待播放的语音集合
 // #endif

pages.json

@@ -235,6 +235,14 @@
         },
         "enablePullDownRefresh": true
       }
+    }, {
+      "path": "pages/specimenDetail/specimenDetail",
+      "style": {
+        "h5": {
+          "titleNView": false
+        },
+        "enablePullDownRefresh": true
+      }
     }
   ],
   "globalStyle": {

pages/noScanSpecimen/noScanSpecimen.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="pharmacyDetails">
-    <view class="pharmacyDetails_title">未扫描标本信息</view>
+    <view class="pharmacyDetails_title">{{isScan?'已':'未'}}扫描标本信息</view>
     <view class="page_item footerOtherMargin">
       <view class="page_item_wrap" v-for="spe in specimens" :key="spe.id">
         <view class="page_item">
@@ -60,6 +60,7 @@
   export default {
     data() {
       return {
+        isScan: false,//true是已扫描标本，false是未扫描标本
         workOrderId: -1,
         deptCode: '',
         specimens: [],
@@ -71,13 +72,16 @@
         uni.navigateBack();
       },
       // 获取未扫描标本信息
-      getNoScanSpecimen() {
+      getNoScanSpecimen(isScan) {
         let postData = {
           gdIds: this.workOrderId,
           currentPage: 0,
           pageSize: 999,
-          deptQrCode:this.deptCode
+          deptQrCode: this.deptCode
         };
+        if(isScan){
+          postData.scanned = 1;
+        }
         uni.showLoading({
           title: "加载中",
           mask: true,
@@ -93,7 +97,8 @@
     onLoad(options) {
       this.workOrderId = JSON.parse(options.workOrderId);
       this.deptCode = options.deptCode;
-      this.getNoScanSpecimen();
+      this.isScan = Boolean(options.isScan);
+      this.getNoScanSpecimen(this.isScan);
       // #ifdef APP-PLUS
       webHandle("no", "app");
       // #endif

pages/receipt_infopage/receipt_infopage.vue

@@ -325,6 +325,10 @@
           infoDATA.taskType.associationType.value != 'other' &&
           infoDATA.taskType.specialCloseButton == 1
         " hover-class="seimin-btn-hover">特殊情况关闭</view>
+      <view class="btn3" @click="viewSpecimen(infoDATA)" v-if="
+          infoDATA.taskType.associationType.value == 'specimen' ||
+          infoDATA.taskType.associationType.value == 'specimenPlan'
+        " hover-class="seimin-btn-hover">查看标本</view>
     </view>
     <!-- 弹窗 -->
     <showModel :title="models.title" :icon="models.icon" :disjunctor="models.disjunctor" :content="models.content"
@@ -398,6 +402,12 @@
       },
     },
     methods: {
+      // 查看标本
+      viewSpecimen(workOrder) {
+        uni.navigateTo({
+          url: `../specimenDetail/specimenDetail?workOrderId=${workOrder.id}&associationTypeValue=${workOrder.taskType.associationType.value}`,
+        });
+      },
       // 移除检查->知道了
       know1() {
         this.models1.disjunctor = false;
@@ -570,7 +580,7 @@
           }
         });
       },
-      // 请求详细页面的数据
+      // 请求详细页面的数据(除标本轮巡和标本配送)
       getInfo(id) {
         uni.showLoading({
           title: "加载中",
@@ -602,12 +612,54 @@
           }
         });
       },
+      // 请求详细页面的数据
+      getInfoBySpecimen(id) {
+        uni.showLoading({
+          title: "加载中",
+          mask: true,
+        });
+        post("/api/getWechatItem", {
+          id
+        }).then((res) => {
+          uni.hideLoading();
+          if (res.state == 200) {
+            this.infoDATA = res.data;
+            // 计算高度
+            setTimeout(() => {
+              const query = uni.createSelectorQuery().in(this);
+              query
+                .selectAll(".page_item_infos")
+                .boundingClientRect((data) => {
+                  let len = data.reduce((prev, current) => {
+                    return prev + current.height;
+                  }, 0);
+                  this.animation.height(len).step();
+                  this.animationData = this.animation.export();
+                })
+                .exec();
+            }, 500)
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
     },
     onLoad(options) {
+      console.log(options, 'options');
       this.currentUserId = uni.getStorageSync('userData').user.id;
       let id = options.id;
       this.dataId = id;
-      this.getInfo(id);
+      if (
+        options.associationTypeValue == 'specimen' ||
+        options.associationTypeValue == 'specimenPlan'
+      ) {
+        this.getInfoBySpecimen(id);
+      } else {
+        this.getInfo(id);
+      }
       // 创建动画
       this.animation = uni.createAnimation({
         duration: 500,

pages/receiptpage/receiptpage.vue

@@ -59,7 +59,7 @@
                 }}<template v-if="item.goodsRemark">-{{item.goodsRemark}}</template>
               </view>
             </view>
-            <view class="page_item_cont" @click="itemInfo(item.id)">
+            <view class="page_item_cont" @click="itemInfo(item)">
               <view class="page_item_cont_T">
                 <view class="page_item_cont_title">
                   <text> <text class="starting">起</text> 点科室 </text>
@@ -615,9 +615,10 @@
         }
       },
       // 进入详情页
-      itemInfo(id) {
+      itemInfo(workOrder) {
+        console.log(workOrder);
         uni.navigateTo({
-          url: `../receipt_infopage/receipt_infopage?id=${id}`,
+          url: `../receipt_infopage/receipt_infopage?id=${workOrder.id}&associationTypeValue=${workOrder.taskType.associationType.value}`,
         });
       },
       //抢单后知道了

pages/scanning_Result/scanning_Result.vue

@@ -98,13 +98,14 @@
         {{ res.msg === "undefined" || !res.msg ? "" : res.msg }}
       </view>
     </view>
-    <view class="foot_btn" v-if="
+    <view class="foot_btn_spe" v-if="
         (type == 'specimen' && isKs != '1') ||
         (type == 'specimenPlan' && isKs != '1')
       ">
       <view class="btn1" @click="Scanning_again()"> 继续扫描 </view>
       <view class="btn3" @click="hand_again()">手动录入</view>
-      <view class="btn3" @click="getNoScanSpecimen()">未扫描标本</view>
+      <view class="btn3" @click="getNoScanSpecimen(false)">未扫描标本</view>
+      <view class="btn3" @click="getNoScanSpecimen(true)">已扫描标本</view>
       <view class="btn2" @click="Scanning_complete(dataId)"> 完成扫描 </view>
     </view>
     <view class="foot_btn" v-if="
@@ -460,14 +461,21 @@
         // ------------------------------
       },
       // 查看未扫描标本
-      getNoScanSpecimen() {
+      // isScan true已扫描标本，false未扫描标本
+      getNoScanSpecimen(isScan) {
         if (!this.gotoFlag) {
           return;
         }
         this.gotoFlag = false;
-        uni.navigateTo({
-          url: `../noScanSpecimen/noScanSpecimen?workOrderId=${encodeURIComponent(JSON.stringify([this.queryObj.id]))}&deptCode=${this.queryObj.deptCode}`,
-        });
+        if(isScan){
+          uni.navigateTo({
+            url: `../noScanSpecimen/noScanSpecimen?workOrderId=${encodeURIComponent(JSON.stringify([this.queryObj.id]))}&deptCode=${this.queryObj.deptCode}&isScan=1`,
+          });
+        }else{
+          uni.navigateTo({
+            url: `../noScanSpecimen/noScanSpecimen?workOrderId=${encodeURIComponent(JSON.stringify([this.queryObj.id]))}&deptCode=${this.queryObj.deptCode}`,
+          });
+        }
       },
       // 拍照
       photograph(data, obj) {
@@ -896,5 +904,30 @@
         text-align: center;
       }
     }
+    .foot_btn_spe {
+      line-height: 88rpx;
+      height: 100rpx;
+      margin-top: 40rpx;
+      text-align: center;
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+    
+      &::after {
+        content: '';
+        flex: 1;
+      }
+    
+      view {
+        height: 88rpx;
+        width: 48%;
+        margin: 0 1%;
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        color: #fff;
+        border-radius: 8rpx;
+        font-size: 32rpx;
+        margin-top: 16rpx;
+      }
+    }
   }
 </style>

pages/scanning_code/scanning_code.vue

@@ -361,6 +361,10 @@
     <handViewDrugsBag v-if="drugbagModels.disjunctor" :title="drugbagModels.title"
       :disjunctor="drugbagModels.disjunctor" @ok="drugbagOk" @cancel="drugbagCancel">
     </handViewDrugsBag>
+    <!-- 修改标本数量弹窗 -->
+    <changeSpeNum v-if="changeSpeModels.disjunctor" :operate="{ok:'确认数量',check:'详细核对',cancel:'取消'}" :title="changeSpeModels.title" :content="changeSpeModels.content"
+      :disjunctor="changeSpeModels.disjunctor" @ok="changeSpeOk" @check="changeSpeCheck" @cancel="changeSpeCancel" :num="speNumChange">
+    </changeSpeNum>
   </view>
 </template>
 <script>
@@ -377,6 +381,12 @@
   export default {
     data() {
       return {
+        speNumChange: 0,
+        changeSpeObj: {},
+        // 修改标本数量弹窗model
+        changeSpeModels: {
+          disjunctor: false,
+        },
         currentCode: '', //当前小扫描的科室二维码
         // 手动查询标本弹窗model
         speModels: {
@@ -408,11 +418,12 @@
       };
     },
     methods: {
-      // 数量核对
-      checkNumber(infoDATA) {
+      // 修改标本数量-核对
+      changeSpeCheck(){
+        console.log(this.infoDATA);
+        this.changeSpeModels.disjunctor = false;
         let deptId = this.queryObj.deptId;
         let endDepts = this.queryObj.endDepts;
-        console.log(endDepts,'scanning_code')
         if (deptId) {
           // 小扫描
           uni.navigateTo({
@@ -425,6 +436,304 @@
           })
         }
       },
+      // 修改标本数量-确认
+      changeSpeOk(data) {
+        console.log(data);
+        const pathUrl = uni.getStorageSync("path");
+        const {
+          speNum,
+          reason,
+          imageValue
+        } = data;
+        this.changeSpeModels.disjunctor = false;
+        uni.showLoading({
+          mask: true,
+          title: "加载中",
+        });
+        let postData = {
+          checkDept: this.changeSpeObj.endDepts, //终点科室
+          transDeptId: this.changeSpeObj.infoDATA.startDept,
+          gdId: this.changeSpeObj.infoDATA.uuid,
+          deptId: this.changeSpeObj.id == "undefined" ?
+            this.changeSpeObj.infoDATA.startDept : this.changeSpeObj.id,
+          specimensNum: speNum,
+          modifyReason: reason,
+        };
+        post("/api/updateCheckDeptSpecimensNum", postData).then((res) => {
+          if (res.status == 200) {
+            console.log(imageValue);
+            if (!imageValue.length) {
+              uni.hideLoading();
+              uni.showModal({
+                title: "提示",
+                content: "修改成功！",
+                showCancel: false,
+                success: (result) => {
+                  if (result.confirm) {
+                    console.log("用户点击确定");
+                    if (this.changeSpeObj.t == "big") {
+                      if (this.changeSpeObj.gdState == 4) {
+                        // 待到达
+                        uni.navigateTo({
+                          url: `../../pages/receiptpage/receiptpage`,
+                        });
+                      } else if (this.changeSpeObj.gdState == 5) {
+                        // 待送达
+                        if (res.type1 === "plan-spe-ddd-2") {} else {
+                          let content = `本工单已签到<strong class="red">${
+                          res.scanSet ? res.scanSet.join("、") : ""
+                        }</strong>，剩余需签到科室<strong class="red">${
+                          res.notScanSet ? res.notScanSet.join("、") : ""
+                        }</strong>，您确定完成工单吗？`;
+                          uni.navigateTo({
+                            url: `../scanning/scanning?type=${res.type}&type1=${
+                            res.type1
+                          }&id=${encodeURIComponent(
+                            JSON.stringify([res.gdid])
+                          )}&content=${content}`,
+                          });
+                        }
+                      }
+                    } else if (this.changeSpeObj.t == "small") {
+                      if (this.changeSpeObj.id == "undefined") {
+                        //快捷建单建单进入
+                        uni.navigateTo({
+                          url: `../../pages/receiptpage/receiptpage`,
+                        });
+                      } else {
+                        if (this.changeSpeObj.gdState == 4) {
+                          // 待到达
+                          uni.navigateTo({
+                            url: `../../pages/receiptpage/receiptpage`,
+                          });
+                        } else if (this.changeSpeObj.gdState == 5) {
+                          // 待送达
+                          if (res.type1 === "plan-spe-ddd-2") {} else {
+                            let content = `本工单已签到<strong class="red">${
+                            res.scanSet ? res.scanSet.join("、") : ""
+                          }</strong>，剩余需签到科室<strong class="red">${
+                            res.notScanSet ? res.notScanSet.join("、") : ""
+                          }</strong>，您确定完成工单吗？`;
+                            uni.navigateTo({
+                              url: `../scanning/scanning?type=${res.type}&type1=${
+                              res.type1
+                            }&id=${encodeURIComponent(
+                              JSON.stringify([res.gdid])
+                            )}&content=${content}`,
+                            });
+                          }
+                        }
+                      }
+                    } else {
+                      uni.navigateTo({
+                        url: `../../pages/specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
+                        JSON.stringify(this.changeSpeObj.infoDATA)
+                      )}`,
+                      });
+                    }
+                  } else if (result.cancel) {
+                    console.log("用户点击取消");
+                  }
+                },
+              });
+              return;
+            }
+            let n = 0;
+            imageValue.forEach((v) => {
+              // 图片上传 start
+              console.log("压缩前");
+              let canvasWidth = v.image.width; //图片原始长宽
+              let canvasHeight = v.image.height;
+              let img = new Image();
+              img.src = v.path;
+              let canvas = document.createElement("canvas");
+              let ctx = canvas.getContext("2d");
+              canvas.width = canvasWidth;
+              canvas.height = canvasHeight;
+              ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight);
+              canvas.toBlob(
+                (fileSrc) => {
+                  let tp = window.URL.createObjectURL(fileSrc);
+                  console.log("压缩后");
+                  n++;
+                  uni.uploadFile({
+                    url: pathUrl +
+                      "/common/common/uploadAttachment/specimenPhotos/" +
+                      res.deptSpecimensNumId +
+                      "/666",
+                    filePath: tp,
+                    name: "file",
+                    formData: {
+                      filename: v.cloudPath,
+                    },
+                    success: (uploadFileRes) => {
+                      console.log(uploadFileRes);
+                      if (--n === 0) {
+                        uni.hideLoading();
+                        uni.showModal({
+                          title: "提示",
+                          content: "修改成功！",
+                          showCancel: false,
+                          success: (result) => {
+                            if (result.confirm) {
+                              console.log("用户点击确定", this.changeSpeObj.t);
+                              if (this.changeSpeObj.t == "big") {
+                                if (this.changeSpeObj.gdState == 4) {
+                                  // 待到达
+                                  uni.navigateTo({
+                                    url: `../../pages/receiptpage/receiptpage`,
+                                  });
+                                } else if (this.changeSpeObj.gdState == 5) {
+                                  // 待送达
+                                  if (res.type1 === "plan-spe-ddd-2") {} else {
+                                    let content = `本工单已签到<strong class="red">${
+                                    res.scanSet ? res.scanSet.join("、") : ""
+                                  }</strong>，剩余需签到科室<strong class="red">${
+                                    res.notScanSet ? res.notScanSet.join("、") : ""
+                                  }</strong>，您确定完成工单吗？`;
+                                    uni.navigateTo({
+                                      url: `../scanning/scanning?type=${res.type}&type1=${
+                                      res.type1
+                                    }&id=${encodeURIComponent(
+                                      JSON.stringify([res.gdid])
+                                    )}&content=${content}`,
+                                    });
+                                  }
+                                }
+                              } else if (this.changeSpeObj.t == "small") {
+                                if (this.changeSpeObj.id == "undefined") {
+                                  //快捷建单建单进入
+                                  uni.navigateTo({
+                                    url: `../../pages/receiptpage/receiptpage`,
+                                  });
+                                } else {
+                                  if (this.changeSpeObj.gdState == 4) {
+                                    // 待到达
+                                    uni.navigateTo({
+                                      url: `../../pages/receiptpage/receiptpage`,
+                                    });
+                                  } else if (this.changeSpeObj.gdState == 5) {
+                                    // 待送达
+                                    if (res.type1 === "plan-spe-ddd-2") {} else {
+                                      let content = `本工单已签到<strong class="red">${
+                                      res.scanSet ? res.scanSet.join("、") : ""
+                                    }</strong>，剩余需签到科室<strong class="red">${
+                                      res.notScanSet ? res.notScanSet.join("、") : ""
+                                    }</strong>，您确定完成工单吗？`;
+                                      uni.navigateTo({
+                                        url: `../scanning/scanning?type=${res.type}&type1=${
+                                        res.type1
+                                      }&id=${encodeURIComponent(
+                                        JSON.stringify([res.gdid])
+                                      )}&content=${content}`,
+                                      });
+                                    }
+                                  }
+                                }
+                              } else {
+                                uni.navigateTo({
+                                  url: `../../pages/specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
+                                  JSON.stringify(this.changeSpeObj.infoDATA)
+                                )}`,
+                                });
+                              }
+                            } else if (result.cancel) {
+                              console.log("用户点击取消");
+                            }
+                          },
+                        });
+                      }
+                    },
+                    fail: (err) => {
+                      n--;
+                      console.error(err);
+                      uni.hideLoading();
+                      uni.showToast({
+                        icon: "none",
+                        title: "上传失败",
+                        duration: 2000,
+                      });
+                    },
+                  });
+                },
+                "image/jpeg",
+                0.3
+              );
+              // 图片上传 end
+            });
+          } else {
+            uni.hideLoading();
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
+      // 修改标本数量-取消
+      changeSpeCancel() {
+        this.changeSpeModels.disjunctor = false;
+      },
+      // 修改标本数量弹窗
+      showChangeSpe() {
+        uni.showLoading({
+          mask: true,
+          title: "加载中",
+        });
+        let postData = {
+          deptId: this.deptId,
+          gdId: this.dataId,
+        };
+        post(`/api/getStartDeptSpecimensNum`, postData).then((res) => {
+          uni.hideLoading();
+          if (res.status == 200) {
+            this.speNumChange = res.deptSpecimensNum;
+            this.changeSpeModels = {
+              title: "修改标本数量",
+              content: `您已到达<span class="red">${this.DEPT}</span>本科室标本数量为<span class="red">${this.speNumChange}</span>，请确认标本数量`,
+              disjunctor: true,
+            };
+          } else {
+            this.speNumChange = "";
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
+      // 数量核对
+      checkNumber(infoDATA) {
+        let deptId = this.queryObj.deptId;
+        let endDepts = this.queryObj.endDepts;
+        console.log(endDepts, 'scanning_code');
+        // 存数据
+        if (deptId) {
+          // 小扫描
+          this.changeSpeObj = {
+            infoDATA: {
+              startDept: this.infoDATA.startDept.id,
+              uuid: this.infoDATA.id
+            },
+            id: deptId,
+            t: 'small',
+            gdState: this.infoDATA.gdState.value,
+            endDepts,
+          }
+        } else {
+          // 快捷建单进入小扫描
+          this.changeSpeObj = {
+            infoDATA: {
+              startDept: this.infoDATA.startDept.id,
+              uuid: this.infoDATA.id
+            },
+            id: deptId,
+            t: 'small',
+            endDepts,
+          }
+        }
+        this.showChangeSpe();
+      },
       // 手动查询药品-确认
       drugbagOk(data) {
         console.log(data);

pages/scanning_djEnd/scanning_djEnd.vue

@@ -137,7 +137,8 @@
       ">
       <view class="btn1" @click="Scanning_again()">扫描标本</view>
       <view class="btn3" @click="showHandViewSpecimen()">手动录入</view>
-      <view class="btn3" @click="getNoScanSpecimen()">未扫描标本</view>
+      <view class="btn3" @click="getNoScanSpecimen(false)">未扫描标本</view>
+      <view class="btn3" @click="getNoScanSpecimen(true)">已扫描标本</view>
       <view class="btn2" @click="Scanning_complete(ids)">完成扫描</view>
       <view class="btn2" @click="checkNumber()" v-if="queryObj.isDigitalHandover==1">数量核对</view>
     </view>
@@ -147,7 +148,8 @@
       ">
       <view class="btn1" @click="Scanning_again()">扫描标本</view>
       <view class="btn3" @click="showHandViewSpecimen()">手动录入</view>
-      <view class="btn3" @click="getNoScanSpecimen()">未扫描标本</view>
+      <view class="btn3" @click="getNoScanSpecimen(false)">未扫描标本</view>
+      <view class="btn3" @click="getNoScanSpecimen(true)">已扫描标本</view>
       <view class="btn2" @click="Scanning_complete(ids)">完成扫描</view>
       <view class="btn2" @click="checkNumber()" v-if="queryObj.isDigitalHandover==1">数量核对</view>
     </view>
@@ -201,6 +203,11 @@
     <handViewDrugsBag v-if="drugbagModels.disjunctor" :title="drugbagModels.title"
       :disjunctor="drugbagModels.disjunctor" @ok="drugbagOk" @cancel="drugbagCancel">
     </handViewDrugsBag>
+    <!-- 修改标本数量弹窗 -->
+    <changeSpeNum v-if="changeSpeModels.disjunctor" :operate="{ok:'确认数量',check:'详细核对',cancel:'取消'}"
+      :title="changeSpeModels.title" :content="changeSpeModels.content" :disjunctor="changeSpeModels.disjunctor"
+      @ok="changeSpeOk" @check="changeSpeCheck" @cancel="changeSpeCancel" :num="speNumChange">
+    </changeSpeNum>
   </view>
 </template>
 <script>
@@ -214,6 +221,12 @@
   export default {
     data() {
       return {
+        speNumChange: 0,
+        changeSpeObj: {},
+        // 修改标本数量弹窗model
+        changeSpeModels: {
+          disjunctor: false,
+        },
         currentCode: '', //当前小扫描的科室二维码
         // 手动查询标本弹窗model
         speModels: {
@@ -250,12 +263,293 @@
       };
     },
     methods: {
-      // 数量核对 queryObj
-      checkNumber() {
+      // 修改标本数量-核对
+      changeSpeCheck() {
+        console.log(this.infoDATA);
+        this.changeSpeModels.disjunctor = false;
         uni.navigateTo({
           url: `/pages/specimenCheckingDetail/specimenCheckingDetail?infoDATA=${encodeURIComponent(JSON.stringify({startDept:this.queryObj.startDeptId,uuid:this.queryObj.gdId}))}&id=${this.queryObj.signDeptId}&t=big&gdState=${this.queryObj.gdState}`
         })
       },
+      // 修改标本数量-确认
+      changeSpeOk(data) {
+        console.log(data);
+        const pathUrl = uni.getStorageSync("path");
+        const {
+          speNum,
+          reason,
+          imageValue
+        } = data;
+        this.changeSpeModels.disjunctor = false;
+        uni.showLoading({
+          mask: true,
+          title: "加载中",
+        });
+        let postData = {
+          checkDept: this.changeSpeObj.endDepts, //终点科室
+          transDeptId: this.changeSpeObj.infoDATA.startDept,
+          gdId: this.changeSpeObj.infoDATA.uuid,
+          deptId: this.changeSpeObj.id == "undefined" ?
+            this.changeSpeObj.infoDATA.startDept : this.changeSpeObj.id,
+          specimensNum: speNum,
+          modifyReason: reason,
+        };
+        post("/api/updateCheckDeptSpecimensNum", postData).then((res) => {
+          if (res.status == 200) {
+            console.log(imageValue);
+            if (!imageValue.length) {
+              uni.hideLoading();
+              uni.showModal({
+                title: "提示",
+                content: "修改成功！",
+                showCancel: false,
+                success: (result) => {
+                  if (result.confirm) {
+                    console.log("用户点击确定");
+                    if (this.changeSpeObj.t == "big") {
+                      if (this.changeSpeObj.gdState == 4) {
+                        // 待到达
+                        uni.navigateTo({
+                          url: `../../pages/receiptpage/receiptpage`,
+                        });
+                      } else if (this.changeSpeObj.gdState == 5) {
+                        // 待送达
+                        if (res.type1 === "plan-spe-ddd-2") {} else {
+                          let content = `本工单已签到<strong class="red">${
+                          res.scanSet ? res.scanSet.join("、") : ""
+                        }</strong>，剩余需签到科室<strong class="red">${
+                          res.notScanSet ? res.notScanSet.join("、") : ""
+                        }</strong>，您确定完成工单吗？`;
+                          uni.navigateTo({
+                            url: `../scanning/scanning?type=${res.type}&type1=${
+                            res.type1
+                          }&id=${encodeURIComponent(
+                            JSON.stringify([res.gdid])
+                          )}&content=${content}`,
+                          });
+                        }
+                      }
+                    } else if (this.changeSpeObj.t == "small") {
+                      if (this.changeSpeObj.id == "undefined") {
+                        //快捷建单建单进入
+                        uni.navigateTo({
+                          url: `../../pages/receiptpage/receiptpage`,
+                        });
+                      } else {
+                        if (this.changeSpeObj.gdState == 4) {
+                          // 待到达
+                          uni.navigateTo({
+                            url: `../../pages/receiptpage/receiptpage`,
+                          });
+                        } else if (this.changeSpeObj.gdState == 5) {
+                          // 待送达
+                          if (res.type1 === "plan-spe-ddd-2") {} else {
+                            let content = `本工单已签到<strong class="red">${
+                            res.scanSet ? res.scanSet.join("、") : ""
+                          }</strong>，剩余需签到科室<strong class="red">${
+                            res.notScanSet ? res.notScanSet.join("、") : ""
+                          }</strong>，您确定完成工单吗？`;
+                            uni.navigateTo({
+                              url: `../scanning/scanning?type=${res.type}&type1=${
+                              res.type1
+                            }&id=${encodeURIComponent(
+                              JSON.stringify([res.gdid])
+                            )}&content=${content}`,
+                            });
+                          }
+                        }
+                      }
+                    } else {
+                      uni.navigateTo({
+                        url: `../../pages/specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
+                        JSON.stringify(this.changeSpeObj.infoDATA)
+                      )}`,
+                      });
+                    }
+                  } else if (result.cancel) {
+                    console.log("用户点击取消");
+                  }
+                },
+              });
+              return;
+            }
+            let n = 0;
+            imageValue.forEach((v) => {
+              // 图片上传 start
+              console.log("压缩前");
+              let canvasWidth = v.image.width; //图片原始长宽
+              let canvasHeight = v.image.height;
+              let img = new Image();
+              img.src = v.path;
+              let canvas = document.createElement("canvas");
+              let ctx = canvas.getContext("2d");
+              canvas.width = canvasWidth;
+              canvas.height = canvasHeight;
+              ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight);
+              canvas.toBlob(
+                (fileSrc) => {
+                  let tp = window.URL.createObjectURL(fileSrc);
+                  console.log("压缩后");
+                  n++;
+                  uni.uploadFile({
+                    url: pathUrl +
+                      "/common/common/uploadAttachment/specimenPhotos/" +
+                      res.deptSpecimensNumId +
+                      "/666",
+                    filePath: tp,
+                    name: "file",
+                    formData: {
+                      filename: v.cloudPath,
+                    },
+                    success: (uploadFileRes) => {
+                      console.log(uploadFileRes);
+                      if (--n === 0) {
+                        uni.hideLoading();
+                        uni.showModal({
+                          title: "提示",
+                          content: "修改成功！",
+                          showCancel: false,
+                          success: (result) => {
+                            if (result.confirm) {
+                              console.log("用户点击确定", this.changeSpeObj.t);
+                              if (this.changeSpeObj.t == "big") {
+                                if (this.changeSpeObj.gdState == 4) {
+                                  // 待到达
+                                  uni.navigateTo({
+                                    url: `../../pages/receiptpage/receiptpage`,
+                                  });
+                                } else if (this.changeSpeObj.gdState == 5) {
+                                  // 待送达
+                                  if (res.type1 === "plan-spe-ddd-2") {} else {
+                                    let content = `本工单已签到<strong class="red">${
+                                    res.scanSet ? res.scanSet.join("、") : ""
+                                  }</strong>，剩余需签到科室<strong class="red">${
+                                    res.notScanSet ? res.notScanSet.join("、") : ""
+                                  }</strong>，您确定完成工单吗？`;
+                                    uni.navigateTo({
+                                      url: `../scanning/scanning?type=${res.type}&type1=${
+                                      res.type1
+                                    }&id=${encodeURIComponent(
+                                      JSON.stringify([res.gdid])
+                                    )}&content=${content}`,
+                                    });
+                                  }
+                                }
+                              } else if (this.changeSpeObj.t == "small") {
+                                if (this.changeSpeObj.id == "undefined") {
+                                  //快捷建单建单进入
+                                  uni.navigateTo({
+                                    url: `../../pages/receiptpage/receiptpage`,
+                                  });
+                                } else {
+                                  if (this.changeSpeObj.gdState == 4) {
+                                    // 待到达
+                                    uni.navigateTo({
+                                      url: `../../pages/receiptpage/receiptpage`,
+                                    });
+                                  } else if (this.changeSpeObj.gdState == 5) {
+                                    // 待送达
+                                    if (res.type1 === "plan-spe-ddd-2") {} else {
+                                      let content = `本工单已签到<strong class="red">${
+                                      res.scanSet ? res.scanSet.join("、") : ""
+                                    }</strong>，剩余需签到科室<strong class="red">${
+                                      res.notScanSet ? res.notScanSet.join("、") : ""
+                                    }</strong>，您确定完成工单吗？`;
+                                      uni.navigateTo({
+                                        url: `../scanning/scanning?type=${res.type}&type1=${
+                                        res.type1
+                                      }&id=${encodeURIComponent(
+                                        JSON.stringify([res.gdid])
+                                      )}&content=${content}`,
+                                      });
+                                    }
+                                  }
+                                }
+                              } else {
+                                uni.navigateTo({
+                                  url: `../../pages/specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
+                                  JSON.stringify(this.changeSpeObj.infoDATA)
+                                )}`,
+                                });
+                              }
+                            } else if (result.cancel) {
+                              console.log("用户点击取消");
+                            }
+                          },
+                        });
+                      }
+                    },
+                    fail: (err) => {
+                      n--;
+                      console.error(err);
+                      uni.hideLoading();
+                      uni.showToast({
+                        icon: "none",
+                        title: "上传失败",
+                        duration: 2000,
+                      });
+                    },
+                  });
+                },
+                "image/jpeg",
+                0.3
+              );
+              // 图片上传 end
+            });
+          } else {
+            uni.hideLoading();
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
+      // 修改标本数量-取消
+      changeSpeCancel() {
+        this.changeSpeModels.disjunctor = false;
+      },
+      // 修改标本数量弹窗
+      showChangeSpe() {
+        uni.showLoading({
+          mask: true,
+          title: "加载中",
+        });
+        let postData = {
+          deptId: this.deptId,
+          gdId: this.queryObj.gdId,
+        };
+        post(`/api/getStartDeptSpecimensNum`, postData).then((res) => {
+          uni.hideLoading();
+          if (res.status == 200) {
+            this.speNumChange = res.deptSpecimensNum;
+            this.changeSpeModels = {
+              title: "修改标本数量",
+              content: `您已到达<span class="red">${this.queryObj.dept}</span>本科室标本数量为<span class="red">${this.speNumChange}</span>，请确认标本数量`,
+              disjunctor: true,
+            };
+          } else {
+            this.speNumChange = "";
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
+      // 数量核对 queryObj
+      checkNumber() {
+        this.changeSpeObj = {
+          infoDATA: {
+            startDept: this.queryObj.startDeptId,
+            uuid: this.queryObj.gdId
+          },
+          id: this.queryObj.signDeptId,
+          t: 'big',
+          gdState: this.queryObj.gdState,
+        }
+        this.showChangeSpe();
+      },
       // 手动查询药品-确认
       drugbagOk(data) {
         console.log(data);
@@ -435,17 +729,26 @@
         // ------------------------------
       },
       // 查看未扫描标本
-      getNoScanSpecimen() {
+      // isScan true已扫描标本，false未扫描标本
+      getNoScanSpecimen(isScan) {
         if (!this.gotoFlag) {
           return;
         }
         this.gotoFlag = false;
         let ids = JSON.parse(this.queryObj.ids);
-        uni.navigateTo({
-          url: `../noScanSpecimen/noScanSpecimen?workOrderId=${encodeURIComponent(
-          JSON.stringify(ids)
-        )}&deptCode=${this.queryObj.code}`,
-        });
+        if (isScan) {
+          uni.navigateTo({
+            url: `../noScanSpecimen/noScanSpecimen?workOrderId=${encodeURIComponent(
+            JSON.stringify(ids)
+          )}&deptCode=${this.queryObj.code}&isScan=1`,
+          });
+        } else {
+          uni.navigateTo({
+            url: `../noScanSpecimen/noScanSpecimen?workOrderId=${encodeURIComponent(
+            JSON.stringify(ids)
+          )}&deptCode=${this.queryObj.code}`,
+          });
+        }
       },
       // 正常完成扫描
       overFinish() {

pages/scanning_djInfo/scanning_djInfo.vue

@@ -96,12 +96,13 @@
       <view class="btn1" @click="Scanning_again()">继续扫描</view>
       <view class="btn2" @click="showAlert()">知道了</view>
     </view> -->
-    <view class="foot_btn" v-if="
+    <view class="foot_btn_spe" v-if="
         res.status == 100018 || type == 'specimen' || type == 'specimenPlan'
       ">
       <view class="btn1" @click="Scanning_again()">继续扫描</view>
       <view class="btn3" @click="hand_again()" v-if="type == 'specimen' || type == 'specimenPlan'">手动录入</view>
-      <view class="btn3" @click="getNoScanSpecimen()" v-if="type == 'specimen' || type == 'specimenPlan'">未扫描标本</view>
+      <view class="btn3" @click="getNoScanSpecimen(false)" v-if="type == 'specimen' || type == 'specimenPlan'">未扫描标本</view>
+      <view class="btn3" @click="getNoScanSpecimen(true)" v-if="type == 'specimen' || type == 'specimenPlan'">已扫描标本</view>
       <view class="btn2" @click="Scanning_complete(ids)">完成扫描</view>
     </view>
     <view class="foot_btn" v-if="
@@ -403,14 +404,21 @@
         // ------------------------------
       },
       // 查看未扫描标本
-      getNoScanSpecimen() {
+      // isScan true已扫描标本，false未扫描标本
+      getNoScanSpecimen(isScan) {
         if (!this.gotoFlag) {
           return;
         }
         this.gotoFlag = false;
-        uni.navigateTo({
-          url: `../noScanSpecimen/noScanSpecimen?workOrderId=${encodeURIComponent(JSON.stringify(this.queryObj.ids))}&deptCode=${this.queryObj.deptCode}`,
-        });
+        if(isScan){
+          uni.navigateTo({
+            url: `../noScanSpecimen/noScanSpecimen?workOrderId=${encodeURIComponent(JSON.stringify(this.queryObj.ids))}&deptCode=${this.queryObj.deptCode}&isScan=1`,
+          });
+        }else{
+          uni.navigateTo({
+            url: `../noScanSpecimen/noScanSpecimen?workOrderId=${encodeURIComponent(JSON.stringify(this.queryObj.ids))}&deptCode=${this.queryObj.deptCode}`,
+          });
+        }
       },
       overFinish() {
         let postType = "";
@@ -621,6 +629,7 @@
     },
     onShow() {
       this.SMFlag = true;
+      this.gotoFlag = true;
     },
     onLoad(options) {
       if (options.status == 200&&options.scanOrHand === 'hand'&&(options.type === "specimen"||options.type === "specimenPlan")) {
@@ -750,5 +759,30 @@
         margin-top: 16rpx;
       }
     }
+    .foot_btn_spe {
+      line-height: 88rpx;
+      height: 100rpx;
+      margin-top: 40rpx;
+      text-align: center;
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+    
+      &::after {
+        content: '';
+        flex: 1;
+      }
+    
+      view {
+        height: 88rpx;
+        width: 48%;
+        margin: 0 1%;
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        color: #fff;
+        border-radius: 8rpx;
+        font-size: 32rpx;
+        margin-top: 16rpx;
+      }
+    }
   }
 </style>

pages/specimenDetail/specimenDetail.vue

@@ -0,0 +1,423 @@
+<template>
+  <view class="specimenCheckingDetail">
+    <view class="page_item_wrap" v-for="item in list" :key="item.id">
+      <view class="page_item">
+        <view class="page_item_top">
+          <view class="page_item_top-inner">
+            <view class="page_item_top_L">
+              <view class="L_text">{{ item.patientName }}</view>
+            </view>
+          </view>
+        </view>
+        <view class="page_item_cont">
+          <view class="page_item_cont_T">
+            <view class="page_item_cont_title">
+              <view> 检验项目 </view>
+              <view class="text_big">{{ item.specimenDesc || "无" }}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view> 标本编码 </view>
+              <view class="text_big">{{ item.scode || "无" }}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view> 标本类型 </view>
+              <view class="text_big">{{
+                item.stype ? item.stype.name : "无"
+              }}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view> 申请科室 </view>
+              <view class="text_big">{{
+                item.sickRoom ? item.sickRoom.dept : "无"
+              }}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view> 住院号 </view>
+              <view class="text_big">{{ item.residenceNo || "无" }}</view>
+            </view>
+          </view>
+        </view>
+        <view class="L"></view>
+        <view class="R"></view>
+      </view>
+      <view class="L-l"></view>
+      <view class="R-l"></view>
+    </view>
+    <view class="foot_btn2">
+      <view class="btn2" @click="goto()">返回</view>
+    </view>
+  </view>
+</template>
+<script>
+  import {
+    get,
+    post,
+    webHandle
+  } from "../../http/http.js";
+  export default {
+    data() {
+      return {
+        workOrderId: 0,
+        associationTypeValue: '',
+        list: [],
+      };
+    },
+    methods: {
+      getList() {
+        uni.showLoading({
+          mask: true,
+          title: "加载中",
+        });
+        let postData = {
+          "idx": 0,
+          "sum": 10,
+          "specimen": {
+            "gdid": this.workOrderId,
+            "hosId": uni.getStorageSync('userData').user.currentHospital.id
+          }
+        };
+        post(`/simple/data/fetchDataList/specimen`, postData).then((res) => {
+          uni.hideLoading();
+          uni.stopPullDownRefresh();
+          if (res.status == 200) {
+            this.list = res.list;
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
+      // 返回
+      goto() {
+        uni.navigateTo({
+          url: `../receipt_infopage/receipt_infopage?id=${this.workOrderId}&associationTypeValue=${this.associationTypeValue}`,
+        });
+      },
+    },
+    onLoad(options) {
+      console.log(options, "标本详情");
+      this.workOrderId = options.workOrderId;
+      this.associationTypeValue = options.associationTypeValue;
+      this.getList();
+      // #ifdef APP-PLUS
+      webHandle("no", "app");
+      // #endif
+      // #ifdef H5
+      webHandle("no", "wx");
+      // #endif
+    },
+    onPullDownRefresh() {
+      this.getList();
+    },
+  };
+</script>
+<style lang="less" scoped>
+  .specimenCheckingDetail {
+    padding-bottom: 100rpx;
+
+    .page_header {
+      margin: 20rpx;
+      padding: 16rpx;
+      border: 2rpx solid #e5e9ed;
+      background: #fff;
+      border-radius: 8rpx;
+
+      .page_header_item {
+        margin-bottom: 16rpx;
+
+        .page_header_title {
+          margin-bottom: 8rpx;
+          font-weight: bold;
+        }
+
+        .page_header_content {
+          display: flex;
+
+          image {
+            height: 100rpx;
+            width: 30%;
+            margin: 0 8rpx;
+          }
+        }
+      }
+    }
+
+    .page_item_wrap {
+      width: 100%;
+      height: auto;
+      box-sizing: border-box;
+      position: relative;
+      margin-bottom: 16rpx;
+
+      .page_item {
+        margin-top: 16rpx;
+        margin-bottom: 124rpx;
+        background: #fff;
+        border-radius: 8rpx;
+        margin: 0 20rpx;
+        border: 2rpx solid #e5e9ed;
+        position: relative;
+        overflow: hidden;
+        padding: 0 16rpx;
+
+        .L {
+          width: 40rpx;
+          height: 40rpx;
+          border-radius: 50%;
+          background: #f9fafb;
+          position: absolute;
+          left: -20rpx;
+          top: 68rpx;
+          border: 2rpx solid #e5e9ed;
+        }
+
+        .R {
+          width: 40rpx;
+          height: 40rpx;
+          border-radius: 50%;
+          background: #f9fafb;
+          position: absolute;
+          float: right;
+          right: -20rpx;
+          top: 68rpx;
+          border: 2rpx solid #e5e9ed;
+        }
+
+        .starting {
+          width: 50rpx;
+          height: 50rpx;
+          color: #fff;
+          background: #49b856;
+          display: inline-block;
+          border-radius: 50%;
+          text-align: center;
+          line-height: 46rpx;
+          font-size: 32rpx;
+          margin-right: 6rpx;
+        }
+
+        .End {
+          width: 50rpx;
+          height: 50rpx;
+          color: #fff;
+          background: #39b199;
+          display: inline-block;
+          border-radius: 50%;
+          text-align: center;
+          line-height: 46rpx;
+          font-size: 32rpx;
+          margin-right: 6rpx;
+        }
+
+        .page_item_top {
+          height: 88rpx;
+          border-bottom: 2rpx dashed #e5e9ed;
+          padding: 0 16rpx;
+
+          .page_item_top-inner {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 100%;
+
+            .page_item_top_L {
+              .emergencys {
+                background: #ff3b53 !important;
+                width: 124rpx !important;
+              }
+
+              .emergency {
+                background: #ff3b53 !important;
+              }
+
+              .emergency1 {
+                background: #49b856 !important;
+              }
+
+              .page_item_cont_start {
+                text-align: center;
+                height: 44rpx;
+                width: 104rpx;
+                line-height: 44rpx;
+                border-radius: 8rpx;
+                background: #49b856;
+                color: #fff;
+                display: inline-block;
+              }
+
+              .L_time {
+                color: #6cc076;
+                font-size: 32rpx;
+              }
+
+              .L_text {
+                font-size: 32rpx;
+                font-weight: 700;
+              }
+            }
+
+            .page_item_top_R {
+              font-size: 32rpx;
+
+              .back {
+                background-color: #49b856;
+              }
+
+              .L_iocn {
+                color: rgb(7, 134, 60);
+                font-size: 36rpx;
+                font-weight: 700;
+              }
+            }
+          }
+        }
+
+        .page_item_cont {
+          min-height: 90rpx;
+          padding: 0 16rpx;
+          text-align: left;
+          position: relative;
+
+          .text_big {
+            font-size: 32rpx;
+            font-weight: 700;
+            margin-top: 10rpx;
+
+            p {
+              font-weight: 700;
+              line-height: 1.5;
+            }
+          }
+
+          .page_item_cont_T {
+            padding-top: 28rpx;
+            padding-bottom: 28rpx;
+            font-size: 28rpx;
+
+            .page_item_cont_title {
+              height: 100%;
+              font-size: 32rpx;
+              display: flex;
+              justify-content: space-between;
+            }
+          }
+
+          .page_item_cont_B {
+            padding-top: 28rpx;
+            margin-bottom: 28rpx;
+
+            .page_item_cont_title {
+              font-size: 32rpx;
+              display: flex;
+              justify-content: space-between;
+            }
+
+            .page_item_cont_title1 {
+              height: 60rpx;
+              line-height: 60rpx;
+              font-size: 32rpx;
+              padding-left: 64rpx;
+            }
+          }
+        }
+
+        .page_item_foot {
+          border-top: 2rpx dashed #e5e9ed;
+          border-bottom: 2rpx dashed #e5e9ed;
+          padding: 28rpx 16rpx;
+          text-align: left;
+
+          .page_item_foot_text {
+            font-size: 32rpx;
+            margin-bottom: 20rpx;
+
+            .text1 {
+              color: rgb(102, 102, 102);
+            }
+
+            .text2 {
+              float: right;
+              font-weight: 700;
+            }
+          }
+        }
+
+        #infos {
+          display: none;
+        }
+
+        .page_item_infos {
+          padding-bottom: 20rpx;
+          border-bottom: 2rpx dashed #e5e9ed;
+
+          .page_item_info2 {
+            text-align: left;
+            line-height: 60rpx;
+            font-size: 32rpx;
+            padding-left: 16rpx;
+
+            .page_item_foot_text {
+              font-size: 32rpx;
+              margin-bottom: 20rpx;
+
+              .text1 {
+                color: rgb(102, 102, 102);
+              }
+
+              .text2 {
+                float: right;
+                font-weight: 700;
+              }
+            }
+          }
+        }
+      }
+
+      .L-l {
+        width: 2rpx;
+        height: 40rpx;
+        background: #f9fafb;
+        position: absolute;
+        left: 20rpx;
+        top: 72rpx;
+      }
+
+      .R-l {
+        width: 2rpx;
+        height: 40rpx;
+        background: #f9fafb;
+        position: absolute;
+        right: 20rpx;
+        top: 72rpx;
+      }
+    }
+
+    .foot_btn2 {
+      position: fixed;
+      bottom: 0;
+      width: 100vw;
+      padding: 0 20rpx;
+      box-sizing: border-box;
+      line-height: 66rpx;
+      height: 100rpx;
+      border-top: 2rpx solid #e5e9ed;
+      background: #f9fafb;
+      text-align: center;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .btn2 {
+        height: 66rpx;
+        flex: 1;
+        margin: 16rpx 16rpx 0;
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        color: #fff;
+        border-radius: 8rpx;
+        font-size: 32rpx;
+      }
+    }
+  }
+</style>