冀中煤管微信小程序
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
zhangxiaoxu
2 天以前 07e7049fe46931edd6ade7c6871fdccb360a9058 
 pages/home/home.vue


@@ -4,11 +4,214 @@


      <view class="home_swipe"><u-swiper :list="list3" indicator indicatorMode="line" circular></u-swiper></view>







      <!-- 图表 -->



      <combined-title title="煤仓库存明细"></combined-title>



      <view class="charts-box">



      <combined-title v-if="uchartsData && uchartsData.length > 0" title="煤仓库存明细"></combined-title>



      <view class="charts-box" v-if="uchartsData && uchartsData.length > 0">



         <qiun-data-charts type="pie" :opts="opts" :chartData="chartData" v-if="uchartsData.length > 0" />



         <u-empty mode="data" iconSize="200" textSize="25" width="350" height="350" icon="http://cdn.uviewui.com/uview/empty/data.png" v-if="uchartsData.length == 0"></u-empty>



      </view>











    <view class="huoshiju-box" v-if="compId == '1000278'">



      <!-- 产品当前价格 -->



      <view class="price-group" v-if="coalData && coalData.length > 0">



        <combined-title title="产品当前价格"></combined-title>



        <view class="price-box">



          <div class="price-box-inside">



            <uni-table border stripe emptyText="暂无更多数据" >



              <uni-tr>



                <uni-th width="100" align="center">煤种</uni-th>



                <uni-th width="100" align="center">长协户(元)</uni-th>



                <uni-th width="100" align="center">普通户(元)</uni-th>



              </uni-tr>



              <uni-tr v-for="(item,index) in coalData" :key="index">



                <uni-td align="left">{{item.coalName}}</uni-td>



                <uni-td align="center">{{item.price1}}</uni-td>



                <uni-td align="center">{{item.price2}}</uni-td>



              </uni-tr>



            </uni-table>



<!--            <view class="price-line">



              <view class="name">中煤</view>



              <view class="price"><view class="priceNum">344</view><view class="priceUnit">元</view></view>



            </view>



            <view class="price-line">



              <view class="name">中煤</view>



              <view class="price"><view class="priceNum">344</view><view class="priceUnit">元</view></view>



            </view>



            <view class="price-line">



              <view class="name">中煤</view>



              <view class="price"><view class="priceNum">344</view><view class="priceUnit">元</view></view>



            </view>



            <view class="price-line">



              <view class="name">中煤</view>



              <view class="price"><view class="priceNum">344</view><view class="priceUnit">元</view></view>



            </view>-->



          </div>







        </view>



      </view>



      <!-- 当日收款情况 -->



      <view class="shoukuan-group" v-if="shoukuanJiluTemp && shoukuanJiluTemp.length > 0">



        <view class="currentDay-box">



          <combined-title title="当日收款情况">



          </combined-title>



          <view class="total-box">



            <view class="total1">小计:</view>



            <view class="total2">{{shoukuanToatl}}



              <view class="small">元</view>



            </view>



          </view>



        </view>



        <view class="shoukuan-box">



          <div class="shoukuan-box-inside">



            <view class="shoukuan-main" v-for="(item,index) in shoukuanJilu" :key="index">



              <view class="shoukuan-line shoukuanFirst-line">



                <view class="text1">{{item.customerName || ''}}</view>



              </view>



              <view class="shoukuan-line">



                <view class="name">金额：</view>



                <view class="text1 num">{{item.money || ''}}



                   <view class="small">元</view>



                </view>



              </view>



              <view class="shoukuan-line">



                <view class="name">账套：</view>



                <view class="text1">{{item.ledgerName || ''}}</view>



              </view>



            </view>



            <view class="shouqiIcon" @click="handleShouKuanIsMore">



              <image v-if="!shoukuanIsMore" src="@/static/home/xialaIcon.png"></image>



              <image v-else src="@/static/home/shouqiIcon.png"></image>



            </view>



          </div>



        </view>



      </view>



      <!-- 煤种发运情况 -->



      <view class="shoukuan-group" v-if="coalTongjiTemp && coalTongjiTemp.length > 0">



        <view class="currentDay-box">



          <combined-title title="煤种发运情况">



          </combined-title>



        </view>



        <view class="shoukuan-box">



          <view class="coalFayun-total">



            <view class="total-block">



              <view class="num">{{d2Sum || 0}}</view>



              <view class="name">总计金额(元)</view>



            </view>



            <view class="total-block">



              <view class="num">{{dsumSum || 0}}</view>



              <view class="name">汽运总计(吨)</view>



            </view>



            <view class="total-block">



              <view class="num">{{lyDSumSum || 0}}</view>



              <view class="name">路运总计(吨)</view>



            </view>



            <view class="total-block">



              <view class="num">{{d1Sum || 0}}</view>



              <view class="name">总吨数(吨)</view>



            </view>



          </view>



          <div class="shoukuan-box-inside">



            <view class="shoukuan-main" v-for="(item,index) in coalTongji" :key="index">



              <view class="shoukuan-line shoukuanFirst-line">



                <view class="text1">{{item.coalName}}</view>



              </view>



              <view class="shoukuan-line">



                <view class="name">账套：</view>



                <view class="text1">{{item.ledgerName || ''}}</view>



              </view>



              <view class="coalTongji-box">



                <view class="shoukuan-line">



                  <view class="name">单价：</view>



                  <view class="text1 num">



                    {{item.d3 || 0}}



                    <view class="small">元</view>



                  </view>



                </view>



                <view class="shoukuan-line">



                  <view class="name">金额：</view>



                  <view class="text1 num">



                    {{item.d2 || 0}}



                    <view class="small">元</view>



                  </view>



                </view>



              </view>



              <view class="coalTongji-box marginTop">



                <view class="caol-block">



                  <view class="name">日汽运量(吨)</view>



                  <view class="num">{{item.dSum || 0}}</view>



                </view>



                <view class="caol-block">



                  <view class="name">日路运量(吨)</view>



                  <view class="num">{{item.lyDSum || 0}}</view>



                </view>



                <view class="caol-block">



                  <view class="name">日合计(元)</view>



                  <view class="num">{{item.d1 || 0}}</view>



                </view>



              </view>



            </view>



            <view class="shouqiIcon" @click="handleCoalIsMore">



              <image v-if="!coalShowIsMore" src="@/static/home/xialaIcon.png"></image>



              <image v-else src="@/static/home/shouqiIcon.png"></image>



            </view>



          </div>







        </view>



      </view>



      <!-- 分客户煤种发运情况 -->



      <view class="shoukuan-group" v-if="kehuTongjiTemp && kehuTongjiTemp.length > 0">



        <view class="currentDay-box">



          <combined-title title="分客户煤种发运情况">



          </combined-title>



        </view>







        <view class="shoukuan-box">



          <div class="shoukuan-box-inside">



            <view class="shoukuan-main" v-for="(item,index) in kehuTongji" :key="index">



              <view class="shoukuan-line">



                <view class="name">客户：</view>



                <view class="text1">{{item.customerName}}</view>



              </view>



              <view class="shoukuan-line">



                <view class="name">账套：</view>



                <view class="text1">{{item.ledgerName}}</view>



              </view>



              <view class="coalTongji-box">



                <view class="shoukuan-line kehu-block">



                  <view class="name">车数：</view>



                  <view class="text1 num">{{item.carSize}}</view>



                </view>



                <view class="shoukuan-line kehu-block">



                  <view class="name">煤种：</view>



                  <view class="text1">{{item.coalName}}</view>



                </view>



              </view>



              <view class="coalTongji-box marginTop">



                <view class="caol-block">



                  <view class="name">发运量(吨)</view>



                  <view class="num">{{item.executive || 0}}</view>



                </view>



                <view class="caol-block">



                  <view class="name">单价(元)</view>



                  <view class="num">{{item.coalPrice || 0}}</view>



                </view>



                <view class="caol-block">



                  <view class="name">金额(元)</view>



                  <view class="num">{{item.amount || 0}}</view>



                </view>



              </view>



            </view>



            <view class="shouqiIcon" @click="handlekehuTongjiShowIsMore">



              <image v-if="!kehuTongjiShowIsMore" src="@/static/home/xialaIcon.png"></image>



              <image v-else src="@/static/home/shouqiIcon.png"></image>



            </view>



          </div>







        </view>



      </view>



    </view>











      <!-- 我的申请 -->



      <combined-title title="我的申请" detailsPath="/pages/my-application/my-application" v-if="shenqingMenu"></combined-title>



      <view class="card-group">



@@ -54,11 +257,11 @@


                        <image src="@/static/home/cehui.png" mode=""></image>



                        <view>撤回</view>



                     </view> -->



                     <view @click="checkTheScheduleClick(item.procInstId)" v-if="item.status == 1">



                     <view @click="() => checkTheScheduleClick(item.procInstId)" v-if="item.status == 1">



                        <image src="@/static/home/jindu.png" mode=""></image>



                        <view>查看进度</view>



                     </view>



                     <view @click="theFormDataClick(item.tableId)" v-if="(item.status == 1 || item.status == 2 || item.status == 3) && item.processName == '发运通知单'">



                     <view @click="() => shenqingDetail(item)" v-if="item.actType == 'Offsetting' || item.actType == 'XsWaybill'">



                        <image src="@/static/home/biaodan.png" mode=""></image>



                        <view>申请详情</view>



                     </view>



@@ -70,7 +273,7 @@


                        <image src="@/static/home/history.png" mode=""></image>



                        <view>编辑</view>



                     </view> -->



                     <view @click="approvalHistoryClick(item.procInstId)" v-if="item.status == 2 || item.status == 3">



                     <view @click="() => checkTheScheduleClick(item.procInstId)" v-if="item.status !== 1">



                        <image src="@/static/home/history.png" mode=""></image>



                        <view>审批历史</view>



                     </view>



@@ -96,12 +299,12 @@


      <combined-title title="我的待办" detailsPath="/pages/my-todo/my-todo"></combined-title>



      <view class="card-group">



         <combination-card class="card" v-for="(item, index) in daibanData" index="index">



            <template v-slot:top>



            <template slot="top">



               <view>



                  <text>{{ item.actBusiness.title }}</text>



               </view>



            </template>



            <template v-slot:center>



            <template slot="center">



               <view class="center-container">



                  <view class="center-content__one center-margin">



                     <view class="">



@@ -120,23 +323,23 @@


                  </view>



               </view>



            </template>



            <template v-slot:bottom>



            <template slot="bottom">



               <view class="bottom-container">



                  <!-- 待办按钮 -->



                  <view class="bottom-content__item">



                     <view @click="theFormDataClick(item.tableId)">



                     <view @click="() => daibanDetail(item)" v-if="item.actBusiness.actType == 'Offsetting' || item.actBusiness.actType == 'XsWaybill'">



                        <image src="@/static/home/jindu.png" mode=""></image>



                        <view>申请详情</view>



                     </view>



                     <view @click="adopClick(item)">



                     <view @click="() => adopClick(item)">



                        <image src="@/static/home/tongguo.png" mode=""></image>



                        <view>通过</view>



                     </view>



                     <view @click="rejectClick(item)">



                     <view @click="() => rejectClick(item)">



                        <image src="@/static/home/bohui.png" mode=""></image>



                        <view>驳回</view>



                     </view>



                     <view @click="approvalHistoryClick(item.procInstId)">



                     <view @click="() => checkTheScheduleClick(item.procInstId)">



                        <image src="@/static/home/history.png" mode=""></image>



                        <view>历史</view>



                     </view>



@@ -156,7 +359,7 @@


               </view>



            </template>



            <template v-slot:center>



               <view class="center-container">



               <view class="center-container" @click="() => shenqingDetail(item)">



                  <view class="center-content__one center-margin">



                     <view>



                        <text>任务名称：{{ item.name }}</text>



@@ -198,11 +401,15 @@


               <view class="bottom-container">



                  <!-- 已办按钮 -->



                  <view class="bottom-content__item">



                     <view @click="theFormDataClick(item.tableId)" v-if="item.processName == '发运通知单'">



                     <view @click="() => shenqingDetail(item)" v-if="item.processName == '发运通知单'">



                        <image src="@/static/home/biaodan.png" mode=""></image>



                        <view>表单数据</view>



                     </view>



                     <view @click="approvalHistoryClick(item.procInstId)">



              <view @click="() => daibanDetail(item)"  v-if="item.actBusiness.actType == 'Offsetting' || item.actBusiness.actType == 'XsWaybill'">



                <image src="@/static/home/jindu.png" mode=""></image>



                <view>详情</view>



              </view>



                     <view @click="() => checkTheScheduleClick(item.procInstId)">



                        <image src="@/static/home/history.png" mode=""></image>



                        <view>审批历史</view>



                     </view>



@@ -217,9 +424,9 @@


      </view>







      <!-- 日计划 -->



      <combined-title title="日发运计划" detailsPath="/pages/jihua/jihua" v-if="rijihuaMenu"></combined-title>



      <combined-title title="日发运计划" detailsPath="/pages/jihua/jihua"></combined-title>



      <view class="card-group bottomChild">



         <combination-card class="card" :showTop="false" v-for="(item, index) in fyData.slice(0, 2)" :key="item.id" v-if="rijihuaMenu">



         <combination-card class="card" :showTop="false" v-for="(item, index) in fyData.slice(0, 2)" :key="item.id">



            <template v-slot:top></template>



            <template v-slot:center>



               <view class="main-block-box">



@@ -334,6 +541,7 @@


import combinationCard from '@/components/common/combination-card/combination-card.vue';



import { setAccessToken, redirectLogin } from '@/utils/status.js';



import { logout } from '@/api/global.js';



import UText from "../../uni_modules/uview-ui/components/u-text/u-text.vue";







export default {



   name: 'home',



@@ -348,6 +556,7 @@


   },



   computed: {



      rijihuaMenu() {



      console.log(this.$store.state.rijihuaMenu,'this.$store.state.rijihuaMenu==============',this.$store.state)



         return this.$store.state.rijihuaMenu;



      },



      shenqingMenu() {



@@ -416,8 +625,14 @@


         // dataSeletText: '请选择状态',



         // 驳回请求



         rejectForm: {



            procInstIds: '',



            comment: ''



        id: "",



        procInstId: "",



        comment: "",



        type: 0,



        backTaskKey: "-1",



        sendMessage: true,



        sendSms: true,



        sendEmail: true,



         },



         modalType: 0,



         // 删除申请模态框



@@ -448,9 +663,25 @@


         haveTodoParams: {



            pageNumber: 1,



            pageSize: 2,



            sort: 'createTime',



            order: 'desc'



         }



            // sort: 'createTime',



            // order: 'desc'



         },



      coalData:[],



      shoukuanJilu:[],



      shoukuanJiluTemp:[],



      shoukuanIsMore:false,  //



      shoukuanToatl:0,



      coalTongji:[], //煤种统计



      coalTongjiTemp:[], //煤种统计



      coalShowIsMore: false,



      kehuTongji:[], //煤种统计



      kehuTongjiTemp:[], //煤种统计



      kehuTongjiShowIsMore: false,



      compId:'',



      d2Sum:0,  //总计金额



      d1Sum:0,  //总计



      lyDSumSum:0,  //路运



      dsumSum:0,  //汽运



      };



   },



   // 监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发



@@ -476,11 +707,74 @@


      this.init();



   },



   components: {



    UText,



      combinedTitle,



      combinationCard



      // popupMenu



   },



  watch: {



    shoukuanIsMore: {



      handler(newVal,oldVal) {



        console.log(newVal,'newVal-------当天收款记录')



        let temp = newVal.toString() || ''



        if(this.shoukuanJiluTemp && this.shoukuanJiluTemp.length > 0) {



          if(temp == 'false') {



            this.shoukuanJilu = this.shoukuanJiluTemp.slice(0,2)



            this.coalShowIsMore = false



          }else if(temp == 'true') {



            this.shoukuanJilu = this.shoukuanJiluTemp



            this.coalShowIsMore = true



          }



        }



      },



      immediate: true,



      deep: true



    },



    coalShowIsMore: {



      handler(newVal,oldVal) {



        console.log(newVal,'newVal-------按煤种统计')



        let temp = newVal.toString() || ''



        if(this.coalTongjiTemp && this.coalTongjiTemp.length > 0) {



          if(temp == 'false') {



            this.coalTongji = this.coalTongjiTemp.slice(0,2)



            this.coalShowIsMore = false



          }else if(temp == 'true') {



            this.coalTongji = this.coalTongjiTemp



            this.coalShowIsMore = true



          }



        }



      },



      immediate: true,



      deep: true



    },



    kehuTongjiShowIsMore: {



      handler(newVal,oldVal) {



        console.log(newVal,'newVal-------按客户发运统计')



        let temp = newVal.toString() || ''



        if(this.kehuTongjiTemp && this.kehuTongjiTemp.length > 0) {



          if(temp == 'false') {



            this.kehuTongji = this.kehuTongjiTemp.slice(0,2)



            this.kehuTongjiShowIsMore = false



          }else if(temp == 'true') {



            this.kehuTongji = this.kehuTongjiTemp



            this.kehuTongjiShowIsMore = true



          }



        }



      },



      immediate: true,



      deep: true



    },



  },



   methods: {



    handleShouKuanIsMore() {  //当日收款情况



      this.shoukuanIsMore = !this.shoukuanIsMore



    },



    handleCoalIsMore() {  //煤种发运情况



      this.coalShowIsMore = !this.coalShowIsMore



    },



    handlekehuTongjiShowIsMore() {  //煤种发运情况



      this.kehuTongjiShowIsMore = !this.kehuTongjiShowIsMore



    },



      watchRouter() {



         console.log('路由跳转');



      },



@@ -490,12 +784,101 @@


         this.todoList(); // 我的待办



         this.doneList(); // 我的已办



         this.xscarshippingdayplan(); // 日计划



      this.currentCoalPrice()  //煤种价格



      this.getSkList()  //当天收款记录



      this.getStatistics1()   //按煤种统计



      this.getStatistics2()   //按客户发运统计



      },



    //煤种价格



    currentCoalPrice() {



      this.$reqGet('currentCoalPrice').then(res => {



        console.log(res.data,'res.data')



        if (res.code == 0) {



           this.coalData = res.data || []



        }



      })



    },



    getSkList() {  //当天收款记录



      this.$reqGet('getSkList').then(res => {



        if (res.code == 0) {



          this.shoukuanJiluTemp = res.data || []



          if(this.shoukuanJiluTemp && this.shoukuanJiluTemp.length > 0) {



            this.shoukuanToatl = this.shoukuanJiluTemp[0]?.money || 0



            if(this.shoukuanJiluTemp.length > 1) {



              this.shoukuanJilu = this.shoukuanJiluTemp.slice(0,2)



              this.shoukuanIsMore = false



            }



          }



        }



      })



    },



    getStatistics1() {  //按煤种统计



      this.$reqGet('getStatistics1').then(res => {



        if (res.code == 0) {



          this.coalTongjiTemp = res.data || []



          if(this.coalTongjiTemp && this.coalTongjiTemp.length > 0){



            this.d2Sum = this.coalTongjiTemp[0]?.d2Sum || 0



            this.d1Sum = this.coalTongjiTemp[0]?.d1Sum || 0



            this.lyDSumSum = this.coalTongjiTemp[0]?.lyDSumSum || 0



            this.dsumSum = this.coalTongjiTemp[0]?.dsumSum || 0



            if(this.coalTongjiTemp.length > 1) {



              this.coalTongji = this.coalTongjiTemp.slice(0,2)



              this.coalShowIsMore = false



            }



          }



        }



      })



    },



    getStatistics2() {  //按客户发运统计



      this.$reqGet('getStatistics2').then(res => {



        if (res.code == 0) {



          this.kehuTongjiTemp = res.data || []



          if(this.kehuTongjiTemp && this.kehuTongjiTemp.length > 0){



            if(this.kehuTongjiTemp.length > 1) {



              this.kehuTongji = this.kehuTongjiTemp.slice(0,2)



              this.kehuTongjiShowIsMore = false



            }



          }



        }



      })



    },



    //代办详情



    daibanDetail(item) {



      if(item?.actBusiness?.actType == 'Offsetting') {  //收款 actType = ‘Offsetting’



        uni.navigateTo({



          url: `/pages/payment-form-data/payment-form-data?id=${item.tableId}`,







        })



      }else if(item?.actBusiness?.actType == 'XsWaybill') {



        uni.navigateTo({



          url: `/pages/new-application-form-data/new-application-form-data?id=${item.tableId}`



        })



      }



    },



    //代办详情



    shenqingDetail(item) {



      console.log(item,'item====待办===详情')



      if(item.actType == 'Offsetting') {  //收款 actType = ‘Offsetting’



        uni.navigateTo({



          url: `/pages/payment-form-data/payment-form-data?id=${item.tableId}`,







        })



      }else if(item.actType == 'XsWaybill') {



        uni.navigateTo({



          url: `/pages/new-application-form-data/new-application-form-data?id=${item.tableId}`



        })



      }



    },



      getUserInfo() {



         this.$reqGet('getUserInfo').then(res => {



        console.log(res,'res=====系统登录===')



            if (res.code == 0) {



               uni.setStorageSync('userInfo', res.data.sysUser);



               this.userId = res.data.sysUser.userId;



          this.$store.commit('SET_PERMISSIONS',res.data.permissions)



               //uni.setStorageSync('permissions', res.data.permissions);



               this.userId = res.data.sysUser?.userId;



          this.compId = res.data.sysUser?.compId;



          console.log(this.compId,'this.compId---111')



               this.$nextTick(() => {



                  this.coalbunker();



               });



@@ -544,6 +927,7 @@


         };



         this.$reqGet('xscarshippingdayplan', params)



            .then(res => {



          console.log('发运日计划----------------------------------',res)



               if (res.code == 0) {



                  this.fyData = res.data.records;



                  uni.hideLoading();



@@ -633,7 +1017,7 @@


      // 通过模态框



      adoptModalConfirm() {



         this.adoptModalShow = false;



         this.adoptForm.comment = this.adoptModalContent;



         this.adoptForm.comment = this.adoptModalContent || '';



         this.$reqPost('passAll', this.adoptForm).then(res => {



            if (res.code == 0) {



               this.$u.toast('操作成功!');



@@ -649,15 +1033,20 @@


      },



      // 驳回



      rejectClick(v) {



      console.log('驳回====',v)



         this.modalType = 1;



         this.rejectModalShow = true;



         this.rejectForm.procInstIds = v.procInstId;



         this.rejectForm.procInstId = v.procInstId;



      this.rejectForm.id = v.id;



      this.rejectForm.procDefId = v.procDefId;



      this.rejectForm.priority = v.priority;



      this.rejectForm.type = 1;



      },



      // 驳回模态框



      rejectModalConfirm() {



         this.rejectModalShow = false;







         this.$reqPost('backAll', this.rejectForm).then(res => {



         this.$reqPost('back', this.rejectForm).then(res => {



            if (res.code == 0) {



               this.$u.toast('操作成功！');



            } else {



@@ -699,11 +1088,13 @@


         });



      },



      // 表单数据



      theFormDataClick(v) {



         uni.navigateTo({



            url: `/pages/the-form-data/the-form-data?index=${v}`



         });



      },



      // theFormDataClick(item) {



    //   console.log(item,'申请还是-----item')



      //    // uni.navigateTo({



      //    //    url: `/pages/the-form-data/the-form-data?index=${v}`



      //    // });



    //



      // },



      // 删除撤回申请



      deleteWithDrawApplication(id) {



         this.deleteWithDrawApplicationGlobal(id)



@@ -819,12 +1210,25 @@


};



</script>











<style lang="scss" scoped>



::v-deep{



  .uni-table-td,.uni-table-th{



    color: #000;



  }



}



::v-deep.home {



   width: 100%;



   display: flex;



   flex-direction: column;







  .marginTop{



    margin-top: 16rpx;



  }



  .small{



    font-size: 20rpx;



    margin-left: 6rpx;



    font-weight: normal;



  }



   // 横向菜单栏



   .utils {



      .utils-container {



@@ -863,7 +1267,7 @@


   // echarts图表



   .charts-box {



      width: 91%;



      height: vww(330);



      height: vww(270);



      margin: 0 auto;



      .u-empty {



         height: 100%;



@@ -1110,4 +1514,208 @@


      }



   }



}



</style>


.huoshiju-box{



  width: 100%;



  display: flex;



  flex-direction: column;



  .price-group{



    width: 100%;



    display: flex;



    flex-direction: column;



    .price-title{



      width: 100%;



      display: flex;



      justify-content: space-between;



      font-size: 32rpx;



    }



    .price-box{



      width: 100%;



      padding: 0 20rpx 20rpx 20rpx;



      box-sizing: border-box;



      .price-box-inside{



        width: 100%;



        display: flex;



        flex-direction: column;



        padding: 30rpx;



        box-sizing: border-box;



        border-radius: 18rpx;



        box-shadow: 0 2rpx 20rpx #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;



      }



      .price-line{



        width: 100%;



        display: flex;



        justify-content: space-between;



        height: 60rpx;



        line-height: 60rpx;



        .name{



          font-size: 26rpx;



          color: #606266;



        }



        .price{



          display: flex;



          align-items: baseline;



          .priceNum{



            font-size: 28rpx;



          }



          .priceUnit{



            font-size: 20rpx;



            margin-left: 10rpx;



          }



        }



      }



    }



  }



  .shoukuan-group{



    width: 100%;



    display: flex;



    flex-direction: column;



    .currentDay-box{



      width: 100%;



      position: relative;



      .total-box{



        position: absolute;



        right: 20rpx;



        top: 50%;



        transform: translateY(-50%);



        display: flex;



        align-items: baseline;



        .total1{



          font-size: 22rpx;



        }



        .total2{



          font-size: 32rpx;



          margin-top: 6rpx;



          color: #000;



          font-weight: 540;



          display: flex;



          align-items: baseline;



        }



      }



    }



    .shoukuan-box{



      width: 100%;



      padding: 0 20rpx 20rpx 20rpx;



      box-sizing: border-box;



      .coalFayun-total{



        width: 100%;



        display: flex;



        background: #4b6cfa;



        padding: 20rpx 10rpx;



        box-sizing: border-box;



        border-radius: 16rpx;



        margin-bottom: 20rpx;



        .total-block{



          width: 50%;



          display: flex;



          flex-direction: column;



          justify-content: center;



          align-items: center;



          .num{



            font-size: 32rpx;



            color: #fff;



            font-weight: 540;



            display: flex;



            align-items: baseline;



            height: 38rpx;



          }



          .name{



            font-size: 22rpx;



            color: #fff;



            margin-top: 10rpx;



          }



        }



      }



      .shoukuan-box-inside{



        width: 100%;



        display: flex;



        flex-direction: column;



        padding: 0 40rpx;



        box-sizing: border-box;



        border-radius: 18rpx;



        box-shadow: 0 2rpx 20rpx #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;



        transition: all 0.3s;



        .shoukuan-main{



          width: 100%;



          display: flex;



          flex-direction: column;



          border-bottom: 1px solid #e5e5e5;



          padding: 20rpx 0;



          &:nth-last-child(2){



            border-bottom: none;



          }



        }



        .shoukuan-line{



          width: 100%;



          display: flex;



          align-items: baseline;



          height: 60rpx;



          line-height: 60rpx;



          .name{



            font-size: 24rpx;



            color: #606266;



          }



          .text1{



            font-size: 30rpx;



          }



          .num{



            font-size: 32rpx;



            margin-top: 6rpx;



            color: #000;



            font-weight: 540;



            display: flex;



            align-items: baseline;



          }



        }



        .kehu-block{



          width: 33%;



          .text1{



            flex: 1;



            white-space: nowrap;



            overflow: hidden;



            text-overflow: ellipsis;



          }



          &:nth-child(2){



            width: 67%;



          }



        }



        .shoukuanFirst-line{



          font-weight: bolder;



        }



      }



      .coalTongji-box{



        width: 100%;



        display: flex;



        align-items: center;



        .caol-block{



          width: 33.3%;



          display: flex;



          flex-direction: column;



          .name{



            font-size: 22rpx;



            color: #606266;



          }



          .num{



            font-size: 32rpx;



            margin-top: 6rpx;



            color: #000;



            font-weight: 540;



            display: flex;



            align-items: baseline;



          }



        }



      }



    }



    .shouqiIcon{



      width: 100%;



      display: flex;



      justify-content: center;



      transition: all 0.3s;



      image{



        width: 50rpx;



        height: 34rpx;



        margin: 10rpx 0;



      }



    }



  }



}



</style>