医废入库

components/bigScreen/bigScreen.vue

@@ -312,6 +312,11 @@
                           }
                           this.userId.ids = this.selectArr;
                           this.orderDeptHandler(true);
+                        }else if(res.deptHandoverType && res.deptHandoverType.value == 'clinicalWaste'){
+                          // 医废
+                          uni.navigateTo({
+                            url: `/pages/medicalWaste/medicalWasteSignIn/medicalWasteSignIn?code=${data.code}&deptName=${res.deptName}&deptId=${res.deptId}`,
+                          });
                         }else{
                           uni.navigateTo({
                             url: `../scanning_all/scanning_all?infoDATA=${encodeURIComponent(

components/medicalWasteListItem/medicalWasteListItem.vue

@@ -0,0 +1,290 @@
+<template>
+  <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"><text class="serialNumber">{{i + 1}}</text>{{ item.clinicalWasteSn || "无" }}</view>
+        </view>
+        <view class="page_item_top_R"></view>
+      </view>
+    </view>
+    <view class="page_item_cont">
+      <view class="page_item_cont_T">
+        <view class="page_item_cont_title">
+          <view style="width: 10em;"> 申请科室 </view>
+          <view class="text_big">{{ item.dept ? item.dept.dept : "无" }}</view>
+        </view>
+        <view class="page_item_cont_title">
+          <view class="text_big"> {{ item.clinicalWasteType ? item.clinicalWasteType.typeName : "无" }} </view>
+          <view class="text_big">{{ item.weight }}kg</view>
+        </view>
+        <view class="page_item_cont_title">
+          <view class="text_big"> 收取:{{ item.receivor ? item.receivor.name : "无" }} </view>
+          <view class="text_big">{{item.receiveTime | formatDate('yyyy-MM-dd hh:mm')}}</view>
+        </view>
+        <view class="page_item_cont_title">
+          <view class="text_big"> {{ item.remark }} </view>
+        </view>
+      </view>
+    </view>
+    <view class="L"></view>
+    <view class="R"></view>
+  </view>
+</template>
+
+<script>
+  export default {
+    props: {
+      i: {
+        type: Number,
+      },
+      item: {
+        type: Object,
+      },
+    },
+  };
+</script>
+
+<style lang="less" scoped>
+  .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 {
+          .serialNumber{
+            width: 50rpx;
+            height: 50rpx;
+            border-radius: 50%;
+            background-color: #49b856;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: #fff;
+            line-height: 0;
+            margin-right: 8rpx;
+          }
+          .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;
+            display: flex;
+            align-items: center;
+          }
+        }
+  
+        .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;
+        text-align: right;
+        word-break: break-all;
+        line-height: 1.25;
+  
+        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;
+          align-items: center;
+        }
+      }
+  
+      .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;
+          }
+        }
+      }
+    }
+  }
+</style>

pages.json

@@ -607,6 +607,22 @@
           "titleNView": false
         }
       }
+    },
+    {
+      "path": "pages/medicalWaste/medicalWasteSignIn/medicalWasteSignIn", //医废入库
+      "style": {
+        "h5": {
+          "titleNView": false
+        }
+      }
+    },
+    {
+      "path": "pages/medicalWaste/medicalWasteSignInList/medicalWasteSignInList", //医废入库-详情
+      "style": {
+        "h5": {
+          "titleNView": false
+        }
+      }
     }
   ],
   "globalStyle": {

pages/medicalWaste/medicalWasteBind/medicalWasteBind.vue

@@ -484,24 +484,20 @@
     }
 
     .foot_btn {
-      margin: 57rpx 30rpx 10rpx;
       flex-shrink: 0;
+      line-height: 88rpx;
       display: flex;
       justify-content: center;
-
+    
       .btn {
         height: 88rpx;
-        line-height: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
         flex: 1;
-        margin-right: 32rpx;
+        margin-right: 1%;
         background-image: linear-gradient(to right, #72c172, #3bb197);
         color: #fff;
         border-radius: 8rpx;
-        font-size: 34rpx;
-        font-weight: bold;
+        font-size: 28rpx;
+        text-align: center;
         &:last-of-type{
           margin-right: 0;
         }

pages/medicalWaste/medicalWasteDetail/medicalWasteDetail.vue

@@ -35,7 +35,7 @@
           </view>
           <view class="Scanning_cont_list_body_item">
             <view class="Scanning_cont_list_body_title">收取时间：</view>
-            <view class="Scanning_cont_list_body_desc">{{info.receiveTime | formatDate('yyyy-MM-dd hh:mm:ss')}}</view>
+            <view class="Scanning_cont_list_body_desc">{{info.receiveTime | formatDate('yyyy-MM-dd hh:mm')}}</view>
           </view>
           <view class="Scanning_cont_list_body_item">
             <view class="Scanning_cont_list_body_title">交接人：</view>

pages/medicalWaste/medicalWasteSignIn/medicalWasteSignIn.vue

@@ -0,0 +1,358 @@
+<template>
+  <view class="Scanning_Result">
+    <view class="Scanning_top">
+      <view class="Scanning_top_icon">
+        <text class="cubeic-ok icon_transport transport-duigou"></text>
+        <view class="text1"> 签到成功 </view>
+      </view>
+      <view class="Scanning_top_text">
+        您已到达{{queryObj.deptName}}，请确认以下信息
+      </view>
+    </view>
+
+    <view class="Scanning_cont">
+      <view class="Scanning_cont_head">
+        <view class="Scanning_cont_head_item" :class="{active: parentIndex == i}" v-for="(item, i) in tabNames" :key="item.id" @click="tabClick(i)">
+          {{item.name}}
+        </view>
+      </view>
+
+      <view class="Scanning_cont_list">
+        <view class="Scanning_cont_list_item Scanning_cont_list_head">
+          <view class="name">
+            科室名称<text class="red">({{nameTotal}})</text>
+          </view>
+          <view class="value">
+            <view>
+              袋数<text class="red">({{countTotal}})</text>
+            </view>
+          </view>
+          <view class="value">
+            <view>
+              重量<text class="red">({{weightTotal}})</text>
+            </view>
+          </view>
+        </view>
+        <scroll-view scroll-y="true" class="Scanning_cont_list_scroll" v-if="dataList[parentIndex]">
+          <view class="Scanning_cont_list_item" @click="clickRow(item, parentIndex === 0 ? 'dept' : 'waste')" v-for="(item, j) in dataList[parentIndex]" :key="j">
+            <view class="name">
+              {{item.name}}
+            </view>
+            <view class="value">
+              <view>
+                {{item.wasteCount}}
+              </view>
+            </view>
+            <view class="value">
+              <view>
+                {{item.wasteWeight}}
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </view>
+
+    <view class="foot_btn">
+      <view class="btn" @click="goBack()"> 取消 </view>
+      <view class="btn" @click="onClick()"> 确认交接 </view>
+    </view>
+    <!-- 弹窗 -->
+    <showModel :title="models1.title" :icon="models1.icon" :disjunctor="models1.disjunctor" :content="models1.content"
+      @ok="ok1" @cancel="cancel1" :operate="models1.operate"></showModel>
+  </view>
+</template>
+<script>
+  import {
+    get,
+    post,
+    SM,
+    webHandle
+  } from "../../../http/http.js";
+  import Big from 'big.js';
+  export default {
+    data() {
+      return {
+        gdIds: '',
+        tabNames: [
+          {id: -1, name: '科室交接'},
+          {id: -2, name: '医废类型交接'},
+        ],
+        SMFlag: true,
+        hosId: uni.getStorageSync('userData').user.currentHospital.id,
+        queryObj: {}, //路由传递过来的数据
+        dataList: [[],[]],
+        parentIndex: 0,
+        nameTotal: 0,
+        countTotal: 0,
+        weightTotal: 0,
+        // 弹窗model
+        models1: {
+          disjunctor: false,
+        },
+      };
+    },
+    methods: {
+      //确定
+      ok1() {
+        this.models1.disjunctor = false;
+        uni.showLoading({
+          title: "加载中",
+          mask: true,
+        });
+        post("/medicalWaste/complete", {
+          endDeptId: +this.queryObj.deptId,
+          gdIds: this.gdIds,
+          hosId: this.hosId,
+        }).then((res) => {
+          uni.hideLoading();
+          if (res.status == 200) {
+            uni.showModal({
+              title: "提示",
+              content: "操作成功",
+              showCancel: false,
+              success: (result) => {
+                if (result.confirm) {
+                  console.log("用户点击确定");
+                  uni.navigateTo({
+                    url: `/pages/receiptpage/receiptpage`,
+                  });
+                }
+              },
+            });
+          }else{
+            uni.showToast({
+              icon: "none",
+              title: res.msg || "接口获取数据失败！",
+            });
+          }
+        });
+      },
+      //取消
+      cancel1() {
+        this.models1.disjunctor = false;
+      },
+      // 被服回收弹窗
+      showModel1() {
+        this.models1 = {
+          disjunctor: true,
+          title: "提示",
+          content: `您确认交接吗？`,
+          icon: "warn",
+          operate: {
+            ok: "确定",
+            cancel: "取消",
+          },
+        };
+      },
+      tabClick(i){
+        this.parentIndex = i;
+        this.nameTotal = this.dataList[i].length;
+        this.countTotal = this.dataList[i].reduce((pre, cur) => Big(pre).plus(cur.wasteCount), 0);
+        this.weightTotal = this.dataList[i].reduce((pre, cur) => Big(pre).plus(cur.wasteWeight), 0);
+      },
+      goBack(){
+        uni.navigateBack();
+      },
+      onClick(){
+        this.showModel1();
+      },
+      clickRow(data, type){
+        uni.navigateTo({
+          url: `/pages/medicalWaste/medicalWasteSignInList/medicalWasteSignInList?id=${data.id}&type=${type}`,
+        });
+      },
+      getInfo(){
+        uni.showLoading({
+          title: "加载中",
+          mask: true,
+        });
+        post("/medicalWaste/complete", {
+          code: this.queryObj.code,
+          hosId: this.hosId,
+        }).then((result) => {
+          uni.hideLoading();
+          if (result.status == 200) {
+            this.$set(this.dataList,'0',result.deptData || []);
+            this.$set(this.dataList,'1',result.wasteTypeData || []);
+            this.gdIds = result.gdIds;
+            
+            this.nameTotal = this.dataList[this.parentIndex].length;
+            this.countTotal = this.dataList[this.parentIndex].reduce((pre, cur) => Big(pre).plus(cur.wasteCount), 0);
+            this.weightTotal = this.dataList[this.parentIndex].reduce((pre, cur) => Big(pre).plus(cur.wasteWeight), 0);
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: result.msg || "接口获取数据失败！",
+            });
+          }
+        });
+      },
+    },
+    onLoad(options) {
+      console.log(options, "result");
+      this.queryObj = options;
+      this.getInfo();
+      // #ifdef APP-PLUS
+      webHandle("no", "app");
+      // #endif
+      // #ifdef H5
+      webHandle("no", "wx");
+      // #endif
+    },
+  };
+</script>
+<style lang="less" scoped>
+  .Scanning_Result {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background-color: #fafbfd;
+    .Scanning_top {
+      flex-shrink: 0;
+      .Scanning_top_icon {
+        padding-top: 26rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        .cubeic-ok {
+          font-size: 58rpx;
+          color: #35b34a;
+        }
+
+        .text1 {
+          font-size: 48rpx;
+          font-weight: bold;
+        }
+      }
+      .Scanning_top_text{
+        text-align: center;
+        font-size: 28rpx;
+        font-weight: bold;
+        padding: 8rpx 0 23rpx 0;
+      }
+    }
+
+    .Scanning_cont {
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+      width: 710rpx;
+      margin: 0 20rpx;
+      background-color: #fff;
+
+      .Scanning_cont_head{
+        flex-shrink: 0;
+        height: 78rpx;
+        display: flex;
+        border-top: 1rpx solid #EEEEEE;
+        border-bottom: 1rpx solid #EEEEEE;
+        .Scanning_cont_head_item{
+          flex: 1;
+          font-size: 32rpx;
+          font-weight: bold;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          position: relative;
+          &.active{
+            color: #49B856;
+            &::before{
+              content: '';
+              width: 70rpx;
+              height: 10rpx;
+              background-color: #49B856;
+              position: absolute;
+              left: 50%;
+              bottom: 8rpx;
+              transform: translateX(-50%);
+              border-radius: 6rpx;
+            }
+          }
+          &::after{
+            content: '';
+            width: 2rpx;
+            height: 44rpx;
+            background-color: #D1D1D1;
+            position: absolute;
+            right: 0;
+            top: 50%;
+            transform: translateY(-50%);
+          }
+          &:last-of-type::after{
+            opacity: 0;
+          }
+        }
+      }
+
+      .Scanning_cont_list{
+        flex: 1;
+        min-height: 0;
+        display: flex;
+        flex-direction: column;
+        .Scanning_cont_list_scroll{
+          flex: 1;
+          min-height: 0;
+        }
+        .Scanning_cont_list_item{
+          height: 70rpx;
+          display: flex;
+          align-items: center;
+          font-size: 28rpx;
+          border-bottom: 1rpx solid #ccc;
+          &.Scanning_cont_list_head{
+            font-weight: bold;
+            font-size: 28rpx;
+            border-bottom: none;
+            flex-shrink: 0;
+          }
+          .name,
+          .value{
+            padding: 0 10rpx;
+            flex: 1;
+            text-align: center;
+            line-height: 70rpx;
+            height: 100%;
+            // border-right: 1rpx solid #272727;
+            .red{
+              color: red;
+            }
+          }
+          .value {
+            view{
+              // width: 4em;
+              text-align: center;
+            }
+          }
+        }
+      }
+    }
+
+    .foot_btn {
+      margin: 57rpx 20rpx 10rpx;
+      flex-shrink: 0;
+      display: flex;
+      justify-content: center;
+    
+      .btn {
+        height: 88rpx;
+        line-height: 1;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex: 1;
+        margin-right: 32rpx;
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        color: #fff;
+        border-radius: 8rpx;
+        font-size: 34rpx;
+        font-weight: bold;
+        &:last-of-type{
+          margin-right: 0;
+        }
+      }
+    }
+  }
+</style>

pages/medicalWaste/medicalWasteSignInList/medicalWasteSignInList.vue

@@ -0,0 +1,310 @@
+<template>
+  <view class="pharmacyDetails">
+    <view class="pharmacyDetails_title">医废列表</view>
+    <view class="page_item footerOtherMargin">
+      <view class="page_item_wrap" v-for="(v, i) in list" :key="v.id">
+        <medicalWasteListItem :i="i" :item="v"></medicalWasteListItem>
+        <view class="L-l"></view>
+        <view class="R-l"></view>
+      </view>
+    </view>
+    <view class="foot_btn2 footerPadding">
+      <view class="btn2" @click="goBack">返回</view>
+    </view>
+  </view>
+</template>
+<script>
+  import {
+    post,
+    webHandle
+  } from "../../../http/http.js";
+  export default {
+    data() {
+      return {
+        hosId: uni.getStorageSync('userData').user.currentHospital.id,
+        queryObj: {}, //路由传递过来的数据
+        id: undefined,
+        list: [],
+      };
+    },
+    methods: {
+      // 返回
+      goBack() {
+        uni.navigateBack();
+      },
+      // 获取信息
+      getList() {
+        let postData = {
+          hosId: this.hosId,
+        };
+        if(this.queryObj.type === 'dept'){
+          postData.deptId = +this.queryObj.id;
+        } else if(this.queryObj.type === 'waste'){
+          postData.clinicalWasteTypeId = +this.queryObj.id;
+        }
+        uni.showLoading({
+          title: "加载中",
+          mask: true,
+        });
+        post("/medicalWaste/info", postData).then((res) => {
+          uni.hideLoading();
+          if (res.status == 200) {
+            this.list = res.list || [];
+          }
+        });
+      },
+    },
+    onLoad(options) {
+      console.log(options);
+      this.queryObj = options;
+      this.getList();
+      // #ifdef APP-PLUS
+      webHandle("no", "app");
+      // #endif
+      // #ifdef H5
+      webHandle("no", "wx");
+      // #endif
+    },
+  };
+</script>
+<style lang="less" scoped>
+  .pharmacyDetails {
+    background-color: rgb(249, 250, 251);
+    padding-top: 50rpx;
+    height: 100%;
+    box-sizing: border-box;
+
+    .pharmacyDetails_title {
+      font-size: 46rpx;
+      font-weight: 550;
+      text-align: center;
+    }
+
+    .page_item_wrap {
+      position: relative;
+      margin-top: 32rpx;
+
+      .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;
+        }
+
+        .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 {
+              .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;
+            }
+          }
+
+          .line {
+            height: 20rpx;
+            width: 2rpx;
+            border-left: 2rpx solid #e5e9ed;
+            position: absolute;
+            top: 82rpx;
+            left: 40rpx;
+          }
+
+          .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;
+              align-items: center;
+            }
+          }
+
+          .page_item_cont_B {
+            padding-top: 28rpx;
+            margin-bottom: 28rpx;
+
+            .page_item_cont_title {
+              font-size: 32rpx;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+            }
+          }
+
+          .page_item_cont_C {
+            margin-bottom: 28rpx;
+
+            .page_item_cont_title_C {
+              font-size: 32rpx;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+            }
+          }
+
+          #infos {
+            display: none;
+          }
+        }
+      }
+
+      .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;
+      }
+    }
+
+    .cube-toolbar-item {
+      width: 710rpx;
+      height: 68rpx;
+      line-height: 68rpx;
+      position: fixed;
+      left: 20rpx;
+      bottom: 160rpx;
+      border-radius: 8rpx;
+      background: linear-gradient(to right, #72c172, #3bb197);
+      font-size: 36rpx;
+      color: #fff;
+      text-align: center;
+    }
+
+    .btn-wrap {
+      display: flex;
+      justify-content: space-between;
+      position: fixed;
+      left: 20rpx;
+      bottom: 160rpx;
+    }
+
+    .cube-toolbar-item1 {
+      width: 350rpx;
+      height: 68rpx;
+      line-height: 68rpx;
+      border-radius: 8rpx;
+      margin: 0 5rpx;
+      background: linear-gradient(to right, #72c172, #3bb197);
+      font-size: 36rpx;
+      color: #fff;
+      text-align: center;
+    }
+
+    .foot_btn2 {
+      position: fixed;
+      bottom: 0;
+      right: 20rpx;
+      left: 20rpx;
+      line-height: 66rpx;
+      height: 100rpx;
+      border-top: 2rpx solid #e5e9ed;
+      background: #f9fafb;
+      display: flex;
+      justify-content: space-between;
+
+      .btn2 {
+        height: 66rpx;
+        width: 100%;
+        margin: 0 1%;
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        color: #fff;
+        border-radius: 8rpx;
+        font-size: 32rpx;
+        margin-top: 16rpx;
+        text-align: center;
+      }
+
+      .btn3 {
+        height: 66rpx;
+        width: 48%;
+        margin: 0 1%;
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        color: #fff;
+        border-radius: 8rpx;
+        font-size: 32rpx;
+        margin-top: 16rpx;
+        text-align: center;
+      }
+    }
+  }
+</style>