<template>
|
<view class="home">
|
<!-- 轮播图 -->
|
<view class="home_swipe"><u-swiper :list="list3" indicator indicatorMode="line" circular></u-swiper></view>
|
|
<!-- 图表 -->
|
<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">
|
<combination-card class="card" v-for="(item, index) in shenqingData" index="index" v-if="shenqingMenu">
|
<template v-slot:top>
|
<view>
|
<text>{{ item.title }}</text>
|
</view>
|
</template>
|
<template v-slot:center>
|
<view class="center-container">
|
<view class="center-content__one center-margin">
|
<view class="">
|
<text>所属流程：{{ item.processName }}</text>
|
</view>
|
<view class="">
|
<text>审批环节：{{ item.currTaskName || '' }}</text>
|
</view>
|
</view>
|
<view class="center-content__two center-margin">
|
<view class="">
|
状态：
|
<text :style="{ color: statusColor[item.status] }">{{ status[item.status] }}</text>
|
</view>
|
<view class="">
|
结果：
|
<text :style="{ color: resultColor[item.result] }">{{ result[item.result] }}</text>
|
</view>
|
</view>
|
<view class="center-content__three center-margin">
|
<text>创建时间：{{ item.createTime }}</text>
|
</view>
|
<view class="center-content__four">
|
<text>提交申请时间：{{ item.applyTime }}</text>
|
</view>
|
</view>
|
</template>
|
<template v-slot:bottom>
|
<view class="bottom-container">
|
<!-- 按钮区域 -->
|
<view class="bottom-content__chulizhong bottom-content__item">
|
<!-- <view @click="withDrawClick(item.procInstId)" v-if="item.status == 1">
|
<image src="@/static/home/cehui.png" mode=""></image>
|
<view>撤回</view>
|
</view> -->
|
<view @click="() => checkTheScheduleClick(item.procInstId)" v-if="item.status == 1">
|
<image src="@/static/home/jindu.png" mode=""></image>
|
<view>查看进度</view>
|
</view>
|
<view @click="() => shenqingDetail(item)" v-if="item.actType == 'Offsetting' || item.actType == 'XsWaybill'">
|
<image src="@/static/home/biaodan.png" mode=""></image>
|
<view>申请详情</view>
|
</view>
|
<!-- <view @click="apply(item)" v-if="item.status == 3">
|
<image src="@/static/home/history.png" mode=""></image>
|
<view>重新申请</view>
|
</view> -->
|
<!-- <view @click="editMyApplication(item)" v-if="item.status == 1 && item.processName == '发运通知单'">
|
<image src="@/static/home/history.png" mode=""></image>
|
<view>编辑</view>
|
</view> -->
|
<view @click="() => checkTheScheduleClick(item.procInstId)" v-if="item.status !== 1">
|
<image src="@/static/home/history.png" mode=""></image>
|
<view>审批历史</view>
|
</view>
|
<!-- <view @click="deleteWithDrawApplication(item.tableId)" v-if="item.status == 3">
|
<image src="@/static/home/delete.png" mode=""></image>
|
<view>删除</view>
|
</view> -->
|
</view>
|
<!-- 已结束小组按钮 -->
|
<!-- <view class="bottom-content__chulizhong bottom-content__item" v-if="item.status == 2">
|
<view @click="theFormDataClick">
|
<image src="@/static/home/biaodan.png" mode=""></image>
|
<view>表单数据</view>
|
</view>
|
|
</view> -->
|
</view>
|
</template>
|
</combination-card>
|
</view>
|
|
<!-- 我的待办 -->
|
<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 slot="top">
|
<view>
|
<text>{{ item.actBusiness.title }}</text>
|
</view>
|
</template>
|
<template slot="center">
|
<view class="center-container">
|
<view class="center-content__one center-margin">
|
<view class="">
|
<text>任务名称：{{ item.name || '' }}</text>
|
</view>
|
<view class="">
|
<text>所属流程：{{ item.processName || '' }}</text>
|
</view>
|
</view>
|
<view class="center-content__two center-margin">
|
<text>发起人：{{ item.actBusiness.createByName }}</text>
|
</view>
|
|
<view class="center-content__three">
|
<text>创建时间：{{ item.createTime }}</text>
|
</view>
|
</view>
|
</template>
|
<template slot="bottom">
|
<view class="bottom-container">
|
<!-- 待办按钮 -->
|
<view class="bottom-content__item">
|
<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)">
|
<image src="@/static/home/tongguo.png" mode=""></image>
|
<view>通过</view>
|
</view>
|
<view @click="() => rejectClick(item)">
|
<image src="@/static/home/bohui.png" mode=""></image>
|
<view>驳回</view>
|
</view>
|
<view @click="() => checkTheScheduleClick(item.procInstId)">
|
<image src="@/static/home/history.png" mode=""></image>
|
<view>历史</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
</combination-card>
|
</view>
|
|
<!-- 我的已办 -->
|
<combined-title title="我的已办 " detailsPath="/pages/my-have-todo/my-have-todo"></combined-title>
|
<view class="card-group">
|
<combination-card class="card" v-for="(item, index) in yibanData" index="index">
|
<template v-slot:top>
|
<view>
|
<text>{{ item.actBusiness.title }}</text>
|
</view>
|
</template>
|
<template v-slot:center>
|
<view class="center-container" @click="() => shenqingDetail(item)">
|
<view class="center-content__one center-margin">
|
<view>
|
<text>任务名称：{{ item.name }}</text>
|
</view>
|
<view>
|
<text>所属流程：{{ item.processName || '' }}</text>
|
</view>
|
</view>
|
<view class="center-content__two center-margin">
|
<view>
|
<text>发起人：{{ item.actBusiness.createByName || '' }}</text>
|
</view>
|
<view>
|
<text>审批操作：{{ item.deleteReason }}</text>
|
</view>
|
</view>
|
<view class="center-content__three center-margin">
|
<view class="">
|
<text>审批意见：{{ item.comment == 'undefined' ? '未填写' : item.comment || '未填写' }}</text>
|
</view>
|
<view class="">
|
<text>
|
耗时：{{
|
item.duration >= 86400000
|
? parseInt(item.duration / 86400000 + '天' + parseInt(item.duration % 86400000) / 3600000 + '时' + parseInt(item.duration % 3600000) / 60000 + '分')
|
: item.duration >= 3600000
|
? parseInt(item.duration / 3600000) + '时' + parseInt((item.duration / 3600000) % 3600000) + '分'
|
: parseInt(item.duration / 60000) + '分'
|
}}
|
</text>
|
</view>
|
</view>
|
<view class="center-content__four">
|
<text>创建时间：{{ item.createTime }}</text>
|
</view>
|
</view>
|
</template>
|
<template v-slot:bottom>
|
<view class="bottom-container">
|
<!-- 已办按钮 -->
|
<view class="bottom-content__item">
|
<view @click="() => shenqingDetail(item)" v-if="item.processName == '发运通知单'">
|
<image src="@/static/home/biaodan.png" mode=""></image>
|
<view>表单数据</view>
|
</view>
|
<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>
|
<view @click="deleteApplicationClick(item.id)">
|
<image src="@/static/home/delete.png" mode=""></image>
|
<view>删除</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
</combination-card>
|
</view>
|
|
<!-- 日计划 -->
|
<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">
|
<template v-slot:top></template>
|
<template v-slot:center>
|
<view class="main-block-box">
|
<view class="jihua-main-line">
|
<view class="name">客户名称：{{ item.customerName || '' }}</view>
|
</view>
|
<view class="jihua-main-line">
|
<view class="main-flex">
|
<view>煤种：{{ item.order.coalName || '' }}</view>
|
<view>剩余量：{{ item.order.executiveSurplus || '' }}</view>
|
</view>
|
</view>
|
<view class="jihua-main-line">
|
<view class="main-flex">
|
<view class="carNum-box">
|
<view>计划车数：</view>
|
<u--input placeholder="请输入发运车数" border="surround" :disabled="true" v-model="item.numPlan" @change="inputTotalChange(item)"></u--input>
|
</view>
|
<view>实际发车数：{{ item.order.numReal || '' }}</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
<template v-slot:bottom></template>
|
</combination-card>
|
</view>
|
|
<!-- 撤回模态框 -->
|
<view class="wodeshenqingMotai">
|
<u-modal width="684rpx" :show="withDrawShow" title="提示" :showCancelButton="true" @confirm="withDrawConfirm" @cancel="withDrawCancel">
|
<view class="slot-content">
|
<!-- <u--textarea v-model="withDrawData.reason" placeholder="请输入撤回原因"></u--textarea> -->
|
<text>确认撤回该申请吗？</text>
|
</view>
|
</u-modal>
|
</view>
|
|
<!-- 通过模态框 -->
|
<view class="adoptModal">
|
<u-modal width="684rpx" :show="adoptModalShow" title="审批通过" :showCancelButton="true" @confirm="adoptModalConfirm" @cancel="adoptModalCancel">
|
<view class="slot-content">
|
<view class="rejectMesaage">
|
<u-icon name="info-circle-fill" color="#0307ff"></u-icon>
|
<text>{{ modalType == 0 ? '注意：将默认分配给节点设定的所有可审批用户' : '注意：所有流程将驳回至发起人' }}</text>
|
</view>
|
<u--textarea v-model="adoptForm.comment" placeholder="请输入审批意见"></u--textarea>
|
</view>
|
</u-modal>
|
</view>
|
|
<!-- 驳回模态框 -->
|
<view class="rejectModal">
|
<u-modal width="684rpx" :show="rejectModalShow" title="驳回" :showCancelButton="true" @confirm="rejectModalConfirm" @cancel="rejectModalCancel">
|
<view class="slot-content">
|
<view class="rejectMesaage">
|
<u-icon name="info-circle-fill" color="#0307ff"></u-icon>
|
<text>{{ modalType == 0 ? '注意：将默认分配给节点设定的所有可审批用户' : '注意：所有流程将驳回至发起人' }}</text>
|
</view>
|
<u--textarea v-model="rejectForm.comment" placeholder="请输入审批意见"></u--textarea>
|
<!-- <view class="rejectBack">
|
<view class="rejectBack-title"><text>驳回至</text></view>
|
<view class="data-selet" @click="statusSeletShow = true">
|
<view class="content">
|
<text>{{ dataSeletText }}</text>
|
</view>
|
<view class="uni-select__icon"><image src="@/static/icon/select.png" mode="加载失败"></image></view>
|
</view>
|
</view> -->
|
</view>
|
</u-modal>
|
</view>
|
|
<!-- 删除已办申请模态框 -->
|
<view class="deleteApplicationModal">
|
<u-modal
|
:show="deleteApplicationModalShow"
|
title="提示"
|
content="确定删除该申请？"
|
:showCancelButton="true"
|
@confirm="deleteApplicationModalConfirm"
|
@cancel="deleteApplicationModalCancel"
|
></u-modal>
|
</view>
|
|
<!-- 选择器 -->
|
<!-- <u-picker @cancel="statusSeletShow = false" @confirm="statusConfirm" :show="statusSeletShow" :columns="statusList"></u-picker> -->
|
|
<!-- 菜单栏 -->
|
<!-- <popup-menu @menuShow="menushow" ref="menuRef"></popup-menu> -->
|
<u-gap height="15" bgColor="#eeeeee"></u-gap>
|
<view class="utils">
|
<view class="utils-container">
|
<view class="utils-container-body" @click="redirectLogin">
|
<view class="top"><u-icon name="backspace" color="#FF4233" size="70"></u-icon></view>
|
<view class="bottom-text"><text>退出</text></view>
|
</view>
|
<!-- <view class="utils-container-body" @click="huanBang">
|
<view class="top"><u-icon name="lock-open" color="#1987FF" size="70"></u-icon></view>
|
<view class="bottom-text"><text>换绑</text></view>
|
</view> -->
|
</view>
|
</view>
|
<u-gap height="60" bgColor="#eeeeee"></u-gap>
|
</view>
|
</template>
|
|
<script>
|
import { timeConsuming } from '@/utils/nowDate.js';
|
import { BaseUrl } from '@/utils/request.js';
|
// import popupMenu from '@/components/common/popup-menu/popup-menu.vue';
|
import combinedTitle from '@/components/common/combined-title/combined-title.vue';
|
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',
|
onLaunch() {
|
let that = this;
|
uni.addInterceptor('redirectTo', {
|
//监听关闭本页面跳转
|
success(e) {
|
that.watchRouter();
|
}
|
});
|
},
|
computed: {
|
rijihuaMenu() {
|
console.log(this.$store.state.rijihuaMenu,'this.$store.state.rijihuaMenu==============',this.$store.state)
|
return this.$store.state.rijihuaMenu;
|
},
|
shenqingMenu() {
|
return this.$store.state.shenqingMenu;
|
}
|
},
|
data() {
|
return {
|
// ucharts图表
|
chartData: {},
|
opts: {
|
color: ['#FAC858', '#EE6666', '#73C0DE', '#91CB74', '#1890FF', '#3CA272', '#FC8452', '#9A60B4', '#ea7ccc'],
|
padding: [5, 5, 5, 5],
|
extra: {
|
pie: {
|
activeOpacity: 0.5,
|
activeRadius: 10,
|
offsetAngle: 0,
|
labelWidth: 15,
|
border: true,
|
borderWidth: 3,
|
borderColor: '#FFFFFF'
|
}
|
}
|
},
|
uchartsData: [],
|
userId: null,
|
// menuShow:false,// 菜单显示
|
status: ['草稿', '处理中', '已结束', '已撤回'],
|
statusColor: ['#dd8b8c', '#FF9900', '#007AFF', '#06BE00'],
|
result: ['未提交', '处理中', '通过', '驳回'],
|
resultColor: ['#dd8b8c', '#FF9900', '#06BE00', '#be2b2d'],
|
list3: ['../../../../static/groupAppTotalImg/banner.png'],
|
// 撤回模态框
|
withDrawShow: false,
|
fyData: [],
|
withDrawData: {
|
// reason: '',
|
// id: '', // 撤回申请ID
|
procInstId: ''
|
},
|
withDrawContent: '',
|
// 重新申请
|
form: {
|
sendMessage: true,
|
sendSms: true,
|
sendEmail: true,
|
procDefId: '',
|
assignees: [],
|
priority: '0'
|
},
|
assigneeList: [],
|
showAssign: false,
|
isGateway: false,
|
isCustom: false,
|
// 通过模态框
|
adoptModalShow: false,
|
// 通过请求
|
adoptForm: {
|
ids: '',
|
comment: ''
|
},
|
// 驳回模态框
|
rejectModalShow: false,
|
rejectModalContent: '',
|
// dataSeletText: '请选择状态',
|
// 驳回请求
|
rejectForm: {
|
id: "",
|
procInstId: "",
|
comment: "",
|
type: 0,
|
backTaskKey: "-1",
|
sendMessage: true,
|
sendSms: true,
|
sendEmail: true,
|
},
|
modalType: 0,
|
// 删除申请模态框
|
deleteApplicationModalShow: false,
|
procInstId: '',
|
// 选择器
|
statusSeletShow: false,
|
statusList: [['中国', '美国', '日本']],
|
// data
|
shenqingData: [],
|
daibanData: [],
|
yibanData: [],
|
menuShow: false,
|
// 申请
|
myApplicationParams: {
|
status: '',
|
result: '',
|
pageNumber: 1,
|
pageSize: 2,
|
sort: 'createTime',
|
order: 'desc'
|
},
|
// 待办
|
todoParams: {
|
pageNumber: 1,
|
pageSize: 2
|
},
|
haveTodoParams: {
|
pageNumber: 1,
|
pageSize: 2,
|
// 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, //汽运
|
};
|
},
|
// 监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发
|
// onReady() {
|
|
// },
|
// 点击导航栏菜单后
|
onNavigationBarButtonTap(e) {
|
console.log('退出导航栏按钮事件', e);
|
// this.$refs.menuRef.menuClick();
|
},
|
// 监听左上角的回退事件
|
onUnload(event) {
|
//多层级跳转之后，监听左上角返回事件，直接退回到index
|
console.log('监听左上角', event);
|
this.logout();
|
},
|
onShow() {
|
// 菜单注释（app待用）
|
// if (this.menuShow == true) {
|
// this.$refs.menuRef.menuClick();
|
// }
|
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('路由跳转');
|
},
|
init() {
|
this.getUserInfo(); // 用户信息
|
this.getProcessDataList(); // 申请列表
|
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.$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();
|
});
|
}
|
});
|
},
|
getServerData() {
|
console.log('加载图表', this.uchartsData);
|
//模拟从服务器获取数据时的延时
|
setTimeout(() => {
|
//模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
|
let res = {
|
series: [
|
{
|
data: this.uchartsData
|
}
|
]
|
};
|
this.chartData = JSON.parse(JSON.stringify(res));
|
}, 500);
|
},
|
// 煤仓当前剩余量
|
coalbunker() {
|
this.uchartsData = [];
|
this.$reqGet('coalbunker', { customerId: this.userId }).then(res => {
|
let newArr = res.data.records;
|
newArr.forEach(item => {
|
if (item.stock != null) {
|
let a = { name: '', value: '', labelText: '' };
|
a.name = item.bunkerName + '剩余量';
|
a.value = item.stock;
|
// a.labelText ='剩余量：' + item.stock;
|
this.uchartsData.push(a);
|
}
|
});
|
this.getServerData(); // 加载图表
|
});
|
},
|
xscarshippingdayplan(allList) {
|
//已经设置的
|
console.log(allList, 'allList==========');
|
let params = {
|
current: 1,
|
size: 2,
|
shippingDate: this.todayDate()
|
};
|
this.$reqGet('xscarshippingdayplan', params)
|
.then(res => {
|
console.log('发运日计划----------------------------------',res)
|
if (res.code == 0) {
|
this.fyData = res.data.records;
|
uni.hideLoading();
|
}
|
})
|
.catch(e => {
|
uni.hideLoading();
|
});
|
},
|
todayDate() {
|
let yes = new Date().getTime();
|
let date = new Date(yes);
|
let y = date.getFullYear();
|
let m = date.getMonth() + 1;
|
m = m < 10 ? '0' + m : m;
|
let d = date.getDate();
|
d = d < 10 ? '0' + d : d;
|
const time = y + '-' + m + '-' + d;
|
console.log('todayDate---------', time);
|
return time;
|
},
|
getProcessDataList() {
|
this.$reqGet('getProcessDataList', this.myApplicationParams).then(res => {
|
if (res.code === 0) {
|
// console.log('申请', res);
|
this.shenqingData = res.data.records;
|
}
|
});
|
},
|
todoList() {
|
this.$reqGet('todoList', this.todoParams).then(res => {
|
if (res.code === 0) {
|
// console.log('待办', res);
|
this.daibanData = res.data.content;
|
}
|
});
|
},
|
doneList() {
|
uni.showLoading({
|
title: '加载中...'
|
});
|
this.$reqGet('doneList', this.haveTodoParams).then(res => {
|
uni.hideLoading();
|
if (res.code === 0) {
|
// console.log('已办', res);
|
this.yibanData = res.data.content;
|
}
|
});
|
},
|
menushow(e) {
|
this.menuShow = e;
|
},
|
// 撤回模态框
|
withDrawClick(procInstId) {
|
this.withDrawShow = true;
|
this.withDrawData.procInstId = procInstId;
|
},
|
withDrawConfirm() {
|
this.$reqPost('cancel', this.withDrawData).then(res => {
|
this.withDrawShow = false;
|
if (res.code == 0) {
|
uni.showToast({
|
title: res.data,
|
duration: 2000
|
});
|
}
|
// 刷新列表
|
this.getProcessDataList();
|
this.todoList();
|
this.doneList();
|
});
|
},
|
withDrawCancel() {
|
this.withDrawShow = false;
|
},
|
// 通过
|
adopClick(v) {
|
console.log('通过点击', v);
|
this.adoptModalShow = true;
|
this.adoptForm.ids = v.id;
|
this.modalType = 0;
|
// let urlparam = v.procDefId+'/'+v.key;
|
// this.$reqGet('getNextNode',{},urlparam).then(res=>{
|
// console.log('通过欲请求');
|
// })
|
},
|
// 通过模态框
|
adoptModalConfirm() {
|
this.adoptModalShow = false;
|
this.adoptForm.comment = this.adoptModalContent || '';
|
this.$reqPost('passAll', this.adoptForm).then(res => {
|
if (res.code == 0) {
|
this.$u.toast('操作成功!');
|
} else {
|
this.$u.toast('通过失败!!');
|
}
|
this.todoList(); // 我的待办
|
this.doneList();
|
});
|
},
|
adoptModalCancel() {
|
this.adoptModalShow = false;
|
},
|
// 驳回
|
rejectClick(v) {
|
console.log('驳回====',v)
|
this.modalType = 1;
|
this.rejectModalShow = true;
|
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('back', this.rejectForm).then(res => {
|
if (res.code == 0) {
|
this.$u.toast('操作成功！');
|
} else {
|
this.$u.toast('操作失败！！！');
|
}
|
this.todoList(); // 我的待办
|
this.doneList();
|
});
|
},
|
rejectModalCancel() {
|
this.rejectModalShow = false;
|
},
|
// 删除申请
|
deleteApplicationClick(id) {
|
this.deleteApplicationModalShow = true;
|
this.procInstId = id;
|
console.log(id);
|
},
|
// 删除申请模态框
|
deleteApplicationModalConfirm() {
|
this.deleteApplicationModalShow = false;
|
this.$reqPost('deleteHistoric', { ids: this.procInstId }, 'form').then(res => {
|
if (res.code == 0) {
|
this.$u.toast('操作成功！');
|
this.yibanData = [];
|
this.doneList(); // 我的已办
|
} else {
|
this.$u.toast('操作失败！！！');
|
}
|
});
|
},
|
deleteApplicationModalCancel() {
|
this.deleteApplicationModalShow = false;
|
},
|
// 查看进度
|
checkTheScheduleClick(v) {
|
uni.navigateTo({
|
url: `/pages/check-the-schedule/check-the-schedule?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)
|
.then(res => {
|
if (res.code == 0) {
|
// 刷新列表
|
this.getProcessDataList();
|
}
|
})
|
.catch(err => {
|
console.log('删除撤回申请异常');
|
});
|
},
|
// 重新申请
|
// apply(v) {
|
// if (!v.procDefId || v.procDefId == 'null') {
|
// this.$u.toast('流程定义为空');
|
// return;
|
// }
|
// this.form.id = v.id;
|
// this.form.procDefId = v.procDefId;
|
// this.form.title = v.title;
|
// // 加载审批人
|
// // this.userLoading = true;
|
// uni.showLoading({
|
// title: '审批人加载中'
|
// });
|
// // getFirstNode(v.procDefId).then((res) => {
|
// this.$reqGet('getFirstNode', {}, v.procDefId).then(res => {
|
// // this.userLoading = false;
|
// console.log('审批人', res);
|
// uni.hideLoading();
|
// if (res.data) {
|
// this.error = '';
|
// if (res.data.type == 3 || res.data.type == 4) {
|
// this.isGateway = true;
|
// this.form.firstGateway = true;
|
// this.showAssign = false;
|
// this.isCustom = false;
|
// return;
|
// }
|
// if (res.data.type == 5) {
|
// this.isCustom = true;
|
// this.isGateway = false;
|
// this.form.firstGateway = false;
|
// this.showAssign = false;
|
// return;
|
// }
|
// if (res.data.type == 1) {
|
// this.showAssign = true;
|
// this.isGateway = false;
|
// this.form.firstGateway = false;
|
// this.isCustom = false;
|
// if (res.data.users && res.data.users.length > 0) {
|
// this.assigneeList = res.data.users;
|
// // 默认勾选
|
// let ids = [];
|
// res.data.users.forEach(e => {
|
// ids.push(e.userId);
|
// });
|
// this.form.assignees = ids;
|
// this.showAssign = true;
|
// // 获取表单内容，重新创建申请
|
// this.$reqPost('apply', this.form, 'form').then(res => {
|
// console.log('重新提交申请', res);
|
// if (res.code == 0) {
|
// uni.showToast({
|
// title: res.data,
|
// icon: 'success',
|
// duration: 2000
|
// });
|
// }
|
// // 初始化申请列表
|
// // this.myApplication.pageNumber = 1;
|
// // this.shenqingData = [];
|
// // this.getMoreNews();
|
// this.getProcessDataList();
|
// });
|
// } else {
|
// this.form.assignees = [];
|
// this.showAssign = true;
|
// this.error = '请进入"流程管理"为审批节点分配候选审批人员';
|
// }
|
// }
|
// }
|
// console.log(this.form);
|
// });
|
|
// this.modalVisible = true;
|
// },
|
// 修改
|
editMyApplication(v) {
|
console.log('修改申请');
|
uni.navigateTo({
|
url: `/pages/edit-my-application/edit-my-application?index=${v.tableId}`
|
});
|
},
|
// 审批历史
|
approvalHistoryClick(v) {
|
uni.navigateTo({
|
url: `/pages/approval-history/approval-history?index=${v}`
|
});
|
},
|
redirectLogin() {
|
redirectLogin();
|
},
|
huanBang() {
|
uni.navigateTo({
|
url: '/pages/register/register'
|
});
|
}
|
}
|
};
|
</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 {
|
display: flex;
|
// justify-content: space-between;
|
justify-content: center;
|
width: 66%;
|
margin: 0 auto;
|
.utils-container-body {
|
display: flex;
|
align-items: center;
|
}
|
}
|
}
|
|
.home_swipe {
|
width: 100%;
|
|
.u-swiper {
|
height: vww(160) !important;
|
|
.u-swiper__wrapper {
|
height: vww(160) !important;
|
|
.u-swiper__wrapper__item {
|
.u-swiper__wrapper__item__wrapper {
|
.u-swiper__wrapper__item__wrapper__image {
|
height: vww(160) !important;
|
}
|
}
|
}
|
}
|
}
|
}
|
|
// echarts图表
|
.charts-box {
|
width: 91%;
|
height: vww(270);
|
margin: 0 auto;
|
.u-empty {
|
height: 100%;
|
}
|
}
|
|
.u-input {
|
height: vww(16);
|
width: vww(100);
|
}
|
|
//卡片
|
.card-group {
|
.card {
|
&:nth-of-type(2) {
|
.combination-card {
|
margin-bottom: 0px !important;
|
}
|
}
|
}
|
}
|
.bottomChild {
|
margin-bottom: vww(20);
|
}
|
|
// 卡片中间
|
.center-container {
|
display: flex;
|
flex-direction: column;
|
|
.center-content__one {
|
display: flex;
|
|
view {
|
width: 50%;
|
}
|
}
|
|
.center-content__two {
|
display: flex;
|
// margin: vww(10) 0;
|
view {
|
width: 50%;
|
}
|
}
|
|
.center-content__three {
|
display: flex;
|
|
view {
|
width: 50%;
|
}
|
}
|
|
.center-content__four {
|
}
|
}
|
|
// 中间部分样式
|
.center-margin {
|
margin-bottom: vww(16);
|
}
|
|
// 卡片底部
|
.bottom-container {
|
.bottom-content__item {
|
display: flex;
|
justify-content: space-around;
|
|
view {
|
display: flex;
|
justify-content: center;
|
align-content: center;
|
margin-right: vww(10);
|
|
view {
|
display: inline-block;
|
}
|
|
image {
|
width: vww(16);
|
height: vww(16);
|
margin-right: vww(4);
|
}
|
}
|
}
|
}
|
|
// 模态框
|
.wodeshenqingMotai {
|
// width:100%;
|
// height:vww(244);
|
.slot-content {
|
.u-textarea {
|
width: vww(280);
|
height: vww(90) !important;
|
|
.uni-textarea-wrapper {
|
height: vww(90) !important;
|
}
|
}
|
}
|
}
|
|
// 通过模态框
|
.adoptModal {
|
// width:100%;
|
// height:vww(244);
|
.slot-content {
|
width: vww(330);
|
.rejectMesaage {
|
display: flex;
|
padding: vww(3);
|
border: 1px solid #0307ff;
|
border-radius: vww(4);
|
font-size: 13px;
|
|
text {
|
margin-left: vww(5);
|
}
|
}
|
|
.u-textarea {
|
margin-top: vww(10);
|
width: vww(280);
|
height: vww(90) !important;
|
|
.u-textarea__field {
|
height: vww(90) !important;
|
}
|
}
|
}
|
}
|
|
// 驳回模态框
|
.rejectModal {
|
.slot-content {
|
display: inline-block;
|
.rejectMesaage {
|
display: flex;
|
padding: vww(3);
|
border: 1px solid #0307ff;
|
border-radius: vww(4);
|
font-size: 13px;
|
|
text {
|
margin-left: vww(5);
|
}
|
}
|
|
.u-textarea {
|
margin-top: vww(10);
|
width: vww(280);
|
height: vww(90) !important;
|
|
.u-textarea__field {
|
height: vww(90) !important;
|
}
|
}
|
|
.rejectBack {
|
margin-top: vww(24);
|
|
.rejectBack-title {
|
font-size: vww(13);
|
}
|
|
// 下拉菜单
|
.data-selet {
|
border: 1px solid #d1d1d1;
|
border-radius: 4px;
|
width: vww(300);
|
height: 40px;
|
display: flex;
|
align-items: center;
|
font-size: 13px;
|
color: #666;
|
margin-top: vww(8);
|
|
.uni-select__icon {
|
display: flex;
|
align-content: center;
|
margin: 0 10px;
|
|
image {
|
width: 10px;
|
height: 5.5px;
|
}
|
}
|
|
.content {
|
margin-left: vww(8);
|
width: vww(280);
|
}
|
}
|
}
|
}
|
}
|
|
//日发运计划
|
.main-block-box {
|
// box-shadow: 0px 0px 8px 0px rgba(216,218,238,0.80);
|
height: vww(80);
|
// padding: vww(10);
|
box-sizing: border-box;
|
margin-top: vww(12);
|
border-radius: vww(8);
|
|
&:first-child {
|
margin-top: vww(5);
|
}
|
|
.jihua-main-line {
|
width: 100%;
|
display: flex;
|
|
view {
|
font-size: vww(14);
|
}
|
|
.name {
|
font-weight: 600 !important;
|
}
|
|
.main-flex {
|
width: 100%;
|
display: flex;
|
justify-content: space-between;
|
|
view {
|
font-size: vww(14);
|
line-height: vww(32);
|
}
|
|
.carNum-box {
|
display: flex;
|
|
view {
|
font-size: vww(14);
|
line-height: vww(32);
|
}
|
}
|
}
|
}
|
}
|
}
|
.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>
|
