协和一些功能的修改

components/backModel/backModel.vue

@@ -0,0 +1,299 @@
+<template>
+  <view class="changeHospital" v-show="disjunctor">
+    <view class="changeHospital__wrap">
+      <view class="changeHospital__header" v-if="title">
+        {{ title }}
+      </view>
+      <view class="changeHospital__article">
+        <view class="uni-list-cell">
+          <view class="uni-list-cell-left">
+            退回原因：
+          </view>
+          <view class="uni-list-cell-db">
+            <picker @change="bindPickerChange" :value="index" :range="list" class="pickerBack" range-key="name">
+              <view class="uni-input">{{list[index]?list[index].name:''}}</view>
+            </picker>
+          </view>
+        </view>
+        <view class="uni-list-cell">
+          <view class="uni-list-cell-left">
+            备注：
+          </view>
+          <view class="uni-list-cell-db">
+            <textarea class="textarea" v-model="remarks" placeholder="请填写备注" />
+          </view>
+        </view>
+      </view>
+      <view class="changeHospital__footer">
+        <view v-if="operate.ok" class="changeHospital__ok" @click="ok" hover-class="seimin-btn-hover">
+          {{ operate.ok || "" }}
+        </view>
+        <view v-if="operate.cancel" class="changeHospital__cancel" @click="cancel" hover-class="seimin-btn-hover">
+          {{ operate.cancel || "" }}
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import {
+    post
+  } from "../../http/http.js";
+  export default {
+    data() {
+      return {
+        index: -1,
+        list: [],
+        remarks: '',
+        loading: false,
+        timer: null,
+      };
+    },
+    watch: {
+      disjunctor(newValue) {
+        if (newValue && this.operate.know == "知道了") {
+          this.time = 5;
+          this.timer = setInterval(() => {
+            this.time--;
+            if (this.time <= 0) {
+              clearInterval(this.timer);
+              this.know();
+            }
+          }, 1000);
+        }
+      },
+    },
+    props: {
+      // 显示隐藏
+      disjunctor: {
+        type: Boolean,
+        default: false,
+      },
+      // 标题
+      title: {
+        type: String,
+        default: "提示",
+      },
+      // 操作按钮文字
+      operate: {
+        type: Object,
+        default: () => {
+          return {
+            ok: "确认",
+            cancel: "取消",
+          };
+        },
+      },
+    },
+    methods: {
+      // 获取退回原因
+      getReasonForReturn() {
+        post('/common/common/getDictionary', {
+          "type": "list",
+          "key": "reason_for_return"
+        }).then(res => {
+          this.list = res;
+        })
+      },
+      // 修改退回原因
+      bindPickerChange: function(e) {
+        this.index = e.detail.value;
+      },
+      // 确定
+      ok() {
+        if (!this.list[this.index]) {
+          uni.showToast({
+            icon: 'none',
+            title: '请选择退回原因！'
+          })
+          return;
+        }
+        this.$emit("ok", {
+          reasonForReturn: this.list[this.index].id,
+          remarks: this.remarks.trim()
+        });
+      },
+      // 取消
+      cancel() {
+        this.$emit("cancel");
+      },
+    },
+    created() {
+      this.getReasonForReturn();
+    }
+  };
+</script>
+
+<style lang="less" scoped>
+  .changeHospital {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.2);
+    z-index: 999;
+
+    .uni-list-cell {
+      width: 90%;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-evenly;
+      align-items: center;
+      text-align: center;
+      margin-top: 32rpx;
+
+      .uni-list-cell-left {
+        flex: 3;
+        font-size: 32rpx;
+        color: #666;
+      }
+
+      .uni-list-cell-db {
+        border: 1px solid #e5e9ed;
+        background-color: #fff;
+        padding: 16rpx 0;
+        flex: 5;
+
+        .textarea {
+          text-align: left;
+          width: 100%;
+          padding: 0 16rpx;
+        }
+
+        .pickerBack {
+          height: 36rpx;
+        }
+      }
+
+      .uni-list-cell-db-text {
+        flex: 5;
+        text-align: left;
+      }
+    }
+
+    .changeHospital__wrap {
+      width: 90vw;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      background-color: #fff;
+      border-radius: 12rpx;
+      color: #666;
+
+      .changeHospital__header {
+        font-size: 36rpx;
+        color: #000;
+        height: 84rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .changeHospital__article {
+        width: 90%;
+        margin: 0 auto 25rpx;
+        padding: 48rpx 0;
+        background-color: rgb(249, 250, 251);
+        border: 2rpx solid rgb(229, 233, 237);
+        border-radius: 12rpx;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+
+        &.p0 {
+          padding: 0;
+        }
+
+        .changeHospital__icon {
+          font-size: 138rpx;
+          margin-bottom: 32rpx;
+
+          &.changeHospital__icon--success {
+            color: rgb(52, 179, 73);
+          }
+
+          &.changeHospital__icon--warn {
+            color: rgb(245, 165, 35);
+          }
+
+          &.changeHospital__icon--error {
+            color: rgb(255, 58, 82);
+          }
+        }
+
+        .changeHospital__content {
+          font-size: 36rpx;
+        }
+
+        .changeHospital__info {
+          font-size: 32rpx;
+          color: rgb(102, 102, 102);
+        }
+
+        .specialCloseFlag {
+          width: 90%;
+          height: 100%;
+          padding: 16rpx;
+        }
+
+        .radio-wrap {
+          .radio-item {
+            margin-top: 16rpx;
+
+            /deep/ .uni-radio-input-checked {
+              background-color: #49b856 !important;
+              border-color: #49b856 !important;
+            }
+          }
+        }
+      }
+
+      .changeHospital__footer {
+        box-sizing: border-box;
+        height: 100rpx;
+        border-top: 2rpx solid rgb(229, 233, 237);
+        display: flex;
+        align-items: center;
+
+        view {
+          height: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 36rpx;
+          color: rgb(102, 102, 102);
+          position: relative;
+
+          &:nth-of-type(2)::before {
+            content: "";
+            position: absolute;
+            left: 0;
+            bottom: 0;
+            width: 2rpx;
+            height: 87rpx;
+            background-color: rgb(229, 233, 237);
+          }
+        }
+
+        .changeHospital__ok {
+          flex: 1;
+          color: rgb(73, 184, 86);
+        }
+
+        .changeHospital__cancel {
+          flex: 1;
+        }
+
+        .changeHospital__know {
+          flex: 1;
+          color: rgb(73, 184, 86);
+        }
+      }
+    }
+  }
+</style>

components/bigScreen/bigScreen.vue

@@ -82,11 +82,20 @@
                         });
                       } else if (res.type == "quickOrder") {
                         //快捷建单
-                        uni.navigateTo({
-                          url: `../shortcutbuildOrders/shortcutbuildOrders?infoDATA=${encodeURIComponent(
-                          JSON.stringify(res.data)
-                        )}`,
-                        });
+                        res.isDigitalHandover = 1;
+                        if(res.isDigitalHandover == 1){
+                          uni.navigateTo({
+                            url: `../specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
+                            JSON.stringify(res.data)
+                          )}`,
+                          });
+                        }else{
+                          uni.navigateTo({
+                            url: `../shortcutbuildOrders/shortcutbuildOrders?infoDATA=${encodeURIComponent(
+                            JSON.stringify(res.data)
+                          )}`,
+                          });
+                        }
                       } else if (res.type == "dept") {
                         // 扫描科室码
                         // code: data.code //二维码

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.6');
+console.info('v2.4.7');
 Vue.prototype.wx = wx //声明扫码
 Vue.prototype.audios = [] //待播放的语音集合
 // #endif

pages.json

@@ -78,6 +78,13 @@
         }
       }
     }, {
+      "path": "pages/specimenChecking/specimenChecking",
+      "style": {
+        "h5": {
+          "titleNView": false
+        }
+      }
+    }, {
       "path": "pages/scanning_all/scanning_all", //大扫描->科室->正确
       "style": {
         "h5": {

pages/patientInformationList/patientInformationList.vue

@@ -128,6 +128,7 @@
     },
     methods: {
       ok2() {
+        console.log(this.options)
         this.models2.disjunctor = false;
         let currentItem = JSON.parse(this.options.currentItem);
         uni.showLoading({
@@ -144,7 +145,7 @@
             },
             "createDept": this.options.did,
             "patient": {
-              "patientCode": currentItem.patientCode
+              "patientCode": this.currentItem.patientCode
             },
             "worker": {
               "id": userId
@@ -152,6 +153,7 @@
           }
         };
         console.log(postData)
+        // return;
         post("/workerOrder/returnSickRoom", postData).then((res) => {
           uni.hideLoading();
           if (res.status == 200) {
@@ -171,6 +173,7 @@
         this.models2.disjunctor = false;
       },
       ok3() {
+        console.log(this.currentItem)
         this.models3.disjunctor = false;
         uni.showLoading({
           mask: true,
@@ -193,7 +196,8 @@
             }
           }
         };
-        console.log(postData)
+        console.log(postData);
+        // return;
         post("/workerOrder/returnSickRoom", postData).then((res) => {
           uni.hideLoading();
           if (res.status == 200) {
@@ -228,6 +232,7 @@
       },
       // 送回病房-扫描科室
       scanDept(item) {
+        console.log(item)
         if (!this.SMFlag) {
           return;
         }
@@ -304,6 +309,7 @@
       },
       // 送回病房-选择起点科室
       sendBack(item) {
+        console.log(item)
         this.currentItem = item;
         this.models1 = {
           disjunctor: true,

pages/scanning_B/scanning_B.vue

@@ -33,11 +33,11 @@
     </view>
     <view class="foot_btn">
       <view class="btn3" @click="showAlert()">知道了</view>
-      <block v-if="res.scanCodeSpecimenOrderSign == 1">
+      <block v-if="res.scanCodeSpecimenOrderSign == 1 && res.data.speState && res.data.speState.value != 8">
         <view class="btn3" @click="buildAndOrderSign(res.data.id,res.workOrder.id)"
           v-if="res.workOrder&&(res.workOrder.gdState.value == 2||res.workOrder.gdState.value == 4)">接单并签到</view>
-        <view class="btn3" @click="orderSign(res.workOrder)"
-          v-else-if="res.workOrder&&res.workOrder.gdState.value != 2&&res.workOrder.gdState.value != 4">执行工单</view>
+        <!-- <view class="btn3" @click="orderSign(res.workOrder)"
+          v-else-if="res.workOrder&&res.workOrder.gdState.value != 2&&res.workOrder.gdState.value != 4">执行工单</view> -->
         <view class="btn3" @click="buildAndOrderSign(res.data.id)" v-if="!res.workOrder && res.data">建单并签到</view>
       </block>
       <view class="btn3" @click="back(res.data,res.data.gdid)"
@@ -48,6 +48,10 @@
     <selectAccount v-if="hosModels.disjunctor" :title="hosModels.title" :disjunctor="hosModels.disjunctor" @ok="hosOk"
       @cancel="hosCancel">
     </selectAccount>
+    <!-- 退回弹窗 -->
+    <backModel v-if="backModels.disjunctor" :title="backModels.title" :disjunctor="backModels.disjunctor" @ok="backOk"
+      @cancel="backCancel">
+    </backModel>
     <!-- 弹窗 -->
     <showModel :title="models.title" :icon="models.icon" :disjunctor="models.disjunctor" :content="models.content"
       :operate="models.operate" @know="know"></showModel>
@@ -61,6 +65,8 @@
   export default {
     data() {
       return {
+        backParams: {},
+        workOrderId: 0,
         // 弹窗model
         models: {
           disjunctor: false,
@@ -73,6 +79,10 @@
         hosModels: {
           disjunctor: false,
         },
+        // 退回弹窗model
+        backModels: {
+          disjunctor: false,
+        },
         currentCode: "",
         type: "", //类型，orderSign|buildAndOrderSign
       };
@@ -113,7 +123,7 @@
                 res.dept
               }&accountObj=${encodeURIComponent(
                 JSON.stringify(accountObj)
-              )}&deptId=${res.deptId}`,
+              )}&deptId=${res.deptId}&specimenId=${res.specimenId}`,
               });
             } else {
               uni.navigateTo({
@@ -127,93 +137,57 @@
       back(specimen, workOrderId) {
         this.backSpecimen = specimen;
         this.backStatus = 'back';
-        uni.showModal({
-          title: '提示',
-          content: '是否退回？',
-          success: (res) => {
-            if (res.confirm) {
-              console.log('用户点击确定');
-              let postData = {
-                "idx": 0,
-                "sum": 1,
-                "hospitalConfig": {
-                  "hosId": uni.getStorageSync("userData").user.currentHospital.id,
-                  "key": "returnSpecimenWhetherHandover"
-                }
-              };
-              uni.showLoading({
-                title: "加载中",
-                mask: true,
-              });
-              post('/simple/data/fetchDataList/hospitalConfig', postData).then((result) => {
-                uni.hideLoading();
-                if (result.status == 200) {
-                  if (result.list[0].value == 1) {
-                    this.showSelectAccount();
-                  } else {
-                    this.backHandler(this.backSpecimen, workOrderId);
-                  }
-                } else {
-                  uni.showToast({
-                    icon: "none",
-                    title: "请求失败！",
-                  });
-                }
-              })
-            } else if (res.cancel) {
-              console.log('用户点击取消');
-            }
-          }
-        });
+        this.workOrderId = workOrderId;
+        this.showBack();
       },
       // 执行工单
-      orderSign(workOrder) {
-        this.type = 'orderSign';
-        uni.showModal({
-          title: '提示',
-          content: '是否执行工单？',
-          success: (res) => {
-            if (res.confirm) {
-              console.log('用户点击确定');
-              uni.showLoading({
-                title: "加载中",
-                mask: true,
-              });
-              let postData = {
-                content: workOrder.startDept.qrcode,
-                taskTypeId: workOrder.taskType.id,
-                gdState: workOrder.gdState.id,
-              };
-              //检验二维码的有效性
-              post("/dept/scanning", postData).then((result) => {
-                this.currentCode = result.code;
-                if (result.state == 200 || result.state == 201) {
-                  if (result.account) {
-                    this.nextDeptOrder_s(workOrder, {
-                      account: result.account,
-                      accountName: result.name,
-                      accountId: result.id,
-                    });
-                  } else {
-                    this.nextDeptOrder_s(workOrder);
-                  }
-                } else if (result.state == "0000") {
-                  uni.hideLoading();
-                  this.showSelectAccount();
-                } else {
-                  uni.hideLoading();
-                  uni.showToast({
-                    icon: "none",
-                    title: "请求失败！",
-                  });
-                }
-              });
-            } else if (res.cancel) {
-              console.log('用户点击取消');
-            }
-          }
-        });
-      },
+      // orderSign(workOrder) {
+      //   this.type = 'orderSign';
+      //   uni.showModal({
+      //     title: '提示',
+      //     content: '是否执行工单？',
+      //     success: (res) => {
+      //       if (res.confirm) {
+      //         console.log('用户点击确定');
+      //         uni.showLoading({
+      //           title: "加载中",
+      //           mask: true,
+      //         });
+      //         let postData = {
+      //           content: workOrder.startDept.qrcode,
+      //           taskTypeId: workOrder.taskType.id,
+      //           gdState: workOrder.gdState.id,
+      //         };
+      //         //检验二维码的有效性
+      //         post("/dept/scanning", postData).then((result) => {
+      //           this.currentCode = result.code;
+      //           if (result.state == 200 || result.state == 201) {
+      //             if (result.account) {
+      //               this.nextDeptOrder_s(workOrder, {
+      //                 account: result.account,
+      //                 accountName: result.name,
+      //                 accountId: result.id,
+      //               });
+      //             } else {
+      //               this.nextDeptOrder_s(workOrder);
+      //             }
+      //           } else if (result.state == "0000") {
+      //             uni.hideLoading();
+      //             this.showSelectAccount();
+      //           } else {
+      //             uni.hideLoading();
+      //             uni.showToast({
+      //               icon: "none",
+      //               title: "请求失败！",
+      //             });
+      //           }
+      //         });
+      //       } else if (res.cancel) {
+      //         console.log('用户点击取消');
+      //       }
+      //     }
+      //   });
+      // },
       // 接单并签到或建单并签到
       buildAndOrderSign(speId, orderId) {
         this.type = 'buildAndOrderSign';
@@ -257,7 +231,7 @@
                       this.currentCode
                     }&dept=${res.dept}&accountObj=${encodeURIComponent(
                       JSON.stringify(undefined)
-                    )}&deptId=${res.deptId}`,
+                    )}&deptId=${res.deptId}&specimenId=${speId}`,
                     });
                   } else {
                     uni.navigateTo({
@@ -294,11 +268,17 @@
       // 退回
       backHandler(specimen, workorderId, data) {
         console.log(specimen);
+        const {
+          reasonForReturn,
+          remarks,
+        } = this.backParams;
         uni.showLoading({
           title: '加载中',
           mask: true
         })
         let postData = {
+          reasonForReturn,
+          remarks,
           scode: specimen.scode,
           hosId: uni.getStorageSync("userData").user.currentHospital.id,
           speState: specimen.speState ? specimen.speState.id : undefined,
@@ -393,6 +373,50 @@
           url: "../receiptpage/receiptpage",
         });
       },
+      // 退回-确认
+      backOk(data) {
+        console.log(data);
+        this.backParams = data;
+        this.hosModels.disjunctor = false;
+        let postData = {
+          "idx": 0,
+          "sum": 1,
+          "hospitalConfig": {
+            "hosId": uni.getStorageSync("userData").user.currentHospital.id,
+            "key": "returnSpecimenWhetherHandover"
+          }
+        };
+        uni.showLoading({
+          title: "加载中",
+          mask: true,
+        });
+        post('/simple/data/fetchDataList/hospitalConfig', postData).then((result) => {
+          uni.hideLoading();
+          if (result.status == 200) {
+            if (result.list[0].value == 1) {
+              this.showSelectAccount();
+            } else {
+              this.backHandler(this.backSpecimen, this.workOrderId);
+            }
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        })
+      },
+      // 退回-取消
+      backCancel() {
+        this.backModels.disjunctor = false;
+      },
+      // 退回弹窗
+      showBack() {
+        this.backModels = {
+          title: "退回",
+          disjunctor: true,
+        };
+      },
     },
     onLoad(options) {
       this.res = JSON.parse(options.res);

pages/scanning_code/scanning_code.vue

@@ -312,6 +312,7 @@
       ">
       <view class="btn3" @click="Scanning_again(dataId)">继续扫描</view>
       <view class="btn3" @click="showHandViewSpecimen()">手动录入</view>
+      <view class="btn3" @click="next()">下一步</view>
     </view>
     <view class="foot_btn2 footerPadding" v-if="
         infoType == 'ins-dsd-1' ||
@@ -472,6 +473,37 @@
           disjunctor: true,
         }
       },
+      // 下一步 liaomingming
+      next(){
+        uni.showLoading({
+          title:'加载中',
+          mask:true,
+        })
+        post('/workerOrder/getSpecimenCount',{gdId:this.queryObj.id}).then(res=>{
+          get('/api/fetchData/specimen/' + this.queryObj.specimenId).then(ress => {
+            uni.hideLoading();
+            console.log(ress);
+            ress.msg='成功';
+            ress.specimenCount = res.specimenCount;
+            ress.type=this.queryObj.type1;
+            uni.navigateTo({
+              url: `../scanning_Result/scanning_Result?type=${
+              this.queryObj.type
+            }&type1=${
+              this.queryObj.type1
+            }&infoData=${encodeURIComponent(
+              JSON.stringify(ress.data)
+            )}&status=${ress.status}&msg=${ress.msg}&deptCode=${
+              this.queryObj.deptCode
+            }&dept=${
+              this.queryObj.dept
+            }&id=${this.dataId}&model=${encodeURIComponent(
+              JSON.stringify(ress)
+            )}&speNum=${res.specimenCount}`,
+            });
+          })
+        })
+      },
       // 拍照
       photograph(data, obj) {
         photographTool(data, obj);
@@ -1201,11 +1233,13 @@
       height: 100rpx;
       border-top: 2rpx solid #e5e9ed;
       background: #f9fafb;
+      display: flex;
 
       .btn1,
       .btn2 {
         height: 66rpx;
         flex: 1;
+        margin:0 1%;
         background-image: linear-gradient(to right, #72c172, #3bb197);
         color: #fff;
         border-radius: 8rpx;

pages/scanning_ins/scanning_ins.vue

@@ -301,7 +301,7 @@
             },
             "createDept": this.options.id,
             "patient": {
-              "patientCode": this.options.code
+              "patientCode": this.infoDATA.patientCode
             },
             "worker": {
               "id": userId
@@ -343,7 +343,7 @@
             },
             "createDept": this.currentStartDept.id,
             "patient": {
-              "patientCode": this.options.code
+              "patientCode": this.infoDATA.patientCode
             },
             "worker": {
               "id": userId

pages/specimenChecking/specimenChecking.vue

@@ -0,0 +1,375 @@
+<template>
+  <view class="Receipt_infopage">
+    <view class="title">请您确认一下科室标本数量！</view>
+    <view class="page_item_wrap" v-for="item in msg.deptDataList" :key="item[0]">
+      <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[1]}}</view>
+            </view>
+            <view class="page_item_top_R">
+              <view class="L_iocn"></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[2]}}</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="createOrder">确认数量并建单</view>
+      <view class="btn2" @click="goto()">知道了</view>
+    </view>
+  </view>
+</template>
+<script>
+  import {
+    get,
+    webHandle
+  } from "../../http/http.js";
+  export default {
+    data() {
+      return {
+        msg: {}, //页面展示信息
+        targetDeptShow: [], //目标科室
+      };
+    },
+    methods: {
+      // 知道了
+      goto() {
+        uni.navigateTo({
+          url: `../../pages/receiptpage/receiptpage`,
+        });
+      },
+      // 新建工单并签到
+      createOrder() {
+        get(`/workerOrder/createQuickOrder/${this.msg.id}`, {}).then((res) => {
+          console.log(res)
+          if (res.status == 200) {
+            if (res.type === 'plan-spe-ddd-2') {
+              //需要扫描标本
+              uni.navigateTo({
+                url: `../../pages/scanning_code/scanning_code?type=${res.associationTypeName}&type1=${res.type}&id=${res.id}&deptCode=${res.deptCode}&dept=${res.deptName}&accountObj=undefined`,
+              });
+            } else {
+              uni.navigateTo({
+                url: "../receiptpage/receiptpage",
+              });
+            }
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
+    },
+    onLoad(options) {
+      console.log(options, "快捷建单");
+      this.msg = JSON.parse(options.infoDATA);
+      this.targetDeptShow = this.msg.targetDeptShow.split(",");
+      // #ifdef APP-PLUS
+      webHandle("no", "app");
+      // #endif
+      // #ifdef H5
+      webHandle("no", "wx");
+      // #endif
+    },
+  };
+</script>
+<style lang="less">
+  .Receipt_infopage {
+    padding-bottom: 100rpx;
+    .title {
+      font-size: 48rpx;
+      margin-top: 24rpx;
+      margin-bottom: 24rpx;
+      text-align: center;
+    }
+
+    .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;
+
+              .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;
+            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>