| | |
| | | size="50"></u-icon></view> |
| | | </view> |
| | | </view> |
| | | <view class="filter-condition"></view> |
| | | <view class="filter-condition"> |
| | | |
| | | |
| | | </view> |
| | | <view class="date-information"> |
| | | <u-empty mode="data" |
| | | icon="http://cdn.uviewui.com/uview/empty/data.png" |
| | |
| | | </view> |
| | | <view class="third-line"> |
| | | <view class="carnum-icon"> |
| | | <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carNO.png" |
| | | <image src="https://mr1.res.jzeg.cn:9096/appimg/image/banner/carNO.png" |
| | | mode="widthFix"></image> |
| | | </view> |
| | | <view class="carnum-text">{{ value.carNo || '' }}</view> |
| | |
| | | :plain="true" |
| | | shape="circle" |
| | | @click="resetCondition"></u-button></view> |
| | | <view class="f-button"> |
| | | <u-button type="primary" :size="'mini'" shape="circle" @click="download" text="导出详情"></u-button> |
| | | </view> |
| | | <view class="confirm-button"><u-button type="primary" |
| | | text="确定" |
| | | :plain="true" |
| | |
| | | |
| | | <script> |
| | | import BigNumber from "bignumber.js" |
| | | import { BaseUrl } from '@/api/publicInterface.js' |
| | | import combinedTitle from '@/components/combined-title/combined-title.vue'; |
| | | export default { |
| | | components: { |
| | |
| | | forwarderList: [], |
| | | fleetList: [], |
| | | filedList: [], |
| | | btndisbled:false, |
| | | page:{ |
| | | size:5, |
| | | current:1, |
| | |
| | | // 超过两行自动隐藏 |
| | | coalShow: 3, |
| | | typeShow: 3, |
| | | filterParams:{ |
| | | coalName:'',//煤种 |
| | | xsUserIdTwo:'',//货代 |
| | | fleetId:'', // 车队 |
| | | deptId:'',//单位 |
| | | customerId:'' ,// 客户 |
| | | carNo:'',//车牌 |
| | | startTime:'',//起始时间 |
| | | endTime:'',//结束时间 |
| | | |
| | | }, |
| | | customerShow: 3, |
| | | forwarderShow: 3, |
| | | fleetShow: 3, |
| | |
| | | customerName: this.customerList.filter(v => v.active == true).map(item => item.condition), |
| | | xsUser2Name: this.forwarderList.filter(v => v.active == true).map(item => item.condition), |
| | | fleetName: this.fleetList.filter(v => v.active == true).map(item => item.condition), |
| | | filedName: this.filedList.filter(v => v.active == true).map(item => item.condition), |
| | | deptName: this.filedList.filter(v => v.active == true).map(item => item.condition), |
| | | carNo: this.carNoList.filter(v => v.active == true).map(item => item.condition) |
| | | }; |
| | | |
| | |
| | | customerName: validateFn('customerName'), |
| | | xsUser2Name: validateFn('xsUser2Name'), |
| | | fleetName: validateFn('fleetName'), |
| | | filedName: validateFn('filedName'), |
| | | deptName: validateFn('deptName'), |
| | | carNo: validateFn('carNo') |
| | | }; |
| | | this.filterList = this.taskList.map(val => { |
| | |
| | | // 关闭筛选条件弹窗 |
| | | conditinonclose() { |
| | | this.conditinonShow = false; |
| | | }, |
| | | download(){ |
| | | let conditionMapping = { |
| | | coalName: this.coalList.filter(v => v.active == true).map(item => item.condition).join(','), //煤种 |
| | | customerId: this.customerList.filter(v => v.active == true).map(item => item.conditionId).join(','), // 客户 |
| | | xsUserIdTwo: this.forwarderList.filter(v => v.active == true).map(item => item.conditionId).join(','), //货代 |
| | | fleetId: this.fleetList.filter(v => v.active == true).map(item => item.conditionId).join(','), //车队 |
| | | deptId: this.filedList.filter(v => v.active == true).map(item => item.conditionId).join(','), //矿场 |
| | | carNo: this.carNoList.filter(v => v.active == true).map(item => item.condition).join(','), //车牌 |
| | | startTime:this.first + ' ' + '00:00:00', |
| | | endTime:this.last + ' ' + '23:59:59', |
| | | |
| | | }; |
| | | //如果请求参数没值,则去除 |
| | | Object.keys(conditionMapping).forEach(item=>{ |
| | | if(!conditionMapping[item]){ |
| | | delete conditionMapping[item] |
| | | } |
| | | }) |
| | | uni.showLoading({ |
| | | title: '加载中', |
| | | mask:true, |
| | | }); |
| | | this.$reqGet('downloadExcel',conditionMapping).then(res=>{ |
| | | if(res.data){ |
| | | const hostUrl = res.data.excelAddress.split("/")[res.data.excelAddress.split("/").length - 1] |
| | | // const hostUrl = res.data.excelAddress; |
| | | console.log(res.data,hostUrl,'res.data'); |
| | | if(hostUrl){ |
| | | wx.downloadFile({ |
| | | url: `${BaseUrl}/admin/sys-file/local/${hostUrl}`, |
| | | filePath:wx.env.USER_DATA_PATH+`/${hostUrl}`, |
| | | header: { |
| | | Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'), |
| | | CLIENT_TOC: 'Y' |
| | | }, |
| | | success(res){ |
| | | console.log(res) |
| | | let data = res.filePath; |
| | | wx.openDocument({ |
| | | filePath: data, |
| | | fileType: 'xlsx', |
| | | showMenu: true //表示右上角是否有转发按钮 |
| | | }) |
| | | uni.hideLoading(); |
| | | |
| | | } |
| | | }) |
| | | } |
| | | uni.hideLoading(); |
| | | |
| | | }else{ |
| | | uni.hideLoading(); |
| | | uni.showToast({ |
| | | icon: 'none', |
| | | title: '所选条件暂无数据' |
| | | }) |
| | | |
| | | } |
| | | |
| | | }).catch((err) => { |
| | | uni.hideLoading(); |
| | | }) |
| | | |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | this.first = newV.slice(0, 10); |
| | | this.last = newV.slice(11); |
| | | this.getTmTaskCoalData(); |
| | | this.getShipping(); |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .utils-button { |
| | | width: 94%; |
| | | width: 100%; |
| | | height: vww(30); |
| | | margin: vww(50) auto; |
| | | @include flex; |
| | | justify-content: space-around; |
| | | |
| | | .reset-button { |
| | | /deep/ .u-button { |
| | |
| | | } |
| | | |
| | | /deep/ .u-button { |
| | | width: 279rpx; |
| | | width: 220rpx; |
| | | height: 60rpx; |
| | | font-size: 28rpx; |
| | | } |
| | |
| | | height: 54rpx; |
| | | background: #f5f5f5; |
| | | @include flex; |
| | | justify-content: end; |
| | | margin-top: vww(15); |
| | | position: relative; |
| | | .f-button{ |
| | | width: auto !important; |
| | | height: 30rpx!important; |
| | | font-size: 25rpx!important; |
| | | |
| | | |
| | | } |
| | | } |
| | | |
| | | .date-information { |
| | |
| | | height: vww(28); |
| | | line-height: vww(28); |
| | | text-align: center; |
| | | background: url('https://mx.jzeg.cn:9096/appimg/image/banner/blueblock.png') no-repeat; |
| | | background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/blueblock.png') no-repeat; |
| | | background-size: contain; |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | |
| | | // display: flex; |
| | | // justify-content: center; |
| | | // align-items: center; |
| | | background: url('https://mx.jzeg.cn:9096/appimg/image/banner/redblock.png') no-repeat; |
| | | background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/redblock.png') no-repeat; |
| | | background-size: contain; |
| | | font-size: 30rpx; |
| | | font-weight: 400; |