7 Commits

Author SHA1 Message Date
c6fd1bc162 task#15348,服务商kpi搜索请求头字段更换
(cherry picked from commit 343bccdcfa)
2024-10-21 09:50:31 +08:00
5618ad989e task#15348,服务商kpi请求头字段更换
(cherry picked from commit fcce91b6b5)
2024-10-17 10:29:30 +08:00
a8cea5fb6a task#15348,服务商kpi请求头字段更换
(cherry picked from commit baf25587a8)
2024-10-17 10:29:29 +08:00
4017cf9520 task#15348,ios培训文档跳转参数加1000000
(cherry picked from commit b0fd520316)
2024-10-15 11:33:22 +08:00
789f1fa396 task#15348,删除vconsole 2024-10-14 17:35:51 +08:00
374a5182db task#15348,ios培训参数转换为int,去除Vscole 2024-10-14 17:35:04 +08:00
f83e646547 task#15348,添加vconsole
(cherry picked from commit 532b8d439b)
2024-10-14 17:25:07 +08:00
16 changed files with 99 additions and 2234 deletions

View File

@ -147,29 +147,21 @@ export function deleteImage(data){
//开票通知列表
export function notifyInvoiceList(data){
return request({
url:'/order/taskInvoiceBatch/selectPageList',
url:'/supplierAppV2/dispatchApp/accountRecord/notifyInvoiceList',
method:'POST',
contentType:'application/json',
data
})
}
// contentType:'application/json',
//开票通知详情
export function notifyInvoiceDetail(data){
return request({
url:'/order/taskInvoiceBatch/selectById',
url:'/supplierAppV2/dispatchApp/accountRecord/notifyInvoiceDetail',
method:'POST',
contentType:'application/json',
data
})
}
// 关联案件
export function getOrderListByInvoice(data) {
return request({
url:'/order/taskOrderCostHisRecord/selectPageList',
method:'POST',
data
})
}
// 调度app获取新签列表
export function pageList(data){
return request({
@ -222,83 +214,6 @@ export function uploadImage(data){
})
}
// 发票上传
export function uploadInvoice(data){
return request({
url:'/order/taskInvoiceBatch/saveInvoiceImagesAndIdentify',
method:'POST',
contentType:'multipart/form-data',
data
})
}
// 删除发票
export function deleteInvoice(data) {
return request({
url:'/order/taskInvoiceBatch/deleteInfo',
method:'POST',
contentType:'multipart/form-data',
data
})
}
// 生成财务批次
export function createBatch(data) {
return request({
url:'/order/taskInvoiceBatch/supplierCreateFinanceBatch',
method:'POST',
contentType:'application/x-www-form-urlencoded',
data,
testFlag: true
})
}
// 开票信息列表
export function getFinanceBatchList(data) {
return request({
url:'/order/taskInvoiceFinanceBatch/selectFinanceBatchPageList',
method:'POST',
data,
})
}
// 批次对应发票信息列表
export function financeInvoiceList(data) {
return request({
url:'/order/taskInvoiceBatch/selectInvoicePageList',
method:'POST',
data,
})
}
// 查看发票
export function selectInvoiceDetailInfo(data) {
return request({
url:'/order/taskInvoiceBatch/selectInvoiceDetailInfo',
method:'POST',
data,
})
}
// 填写快递
export function saveBatchCourierNumber(data) {
return request({
url:'/order/taskInvoiceBatch/supplierSaveBatchCourierNumber',
method:'POST',
data,
})
}
// 获取服务商发票信息
export function getBillingInfo(url, data) {
return request({
url: url,
method:'POST',
contentType:'multipart/form-data',
data
})
}
// ocr 识别
export function ocrHandler(data){
return request({

View File

@ -77,21 +77,3 @@ export function updateOrderSettlement(data){
data
})
}
// 电瓶数量列表
export function batteryCountList(){
return request({
url:'/supplierAppV2/dispatchApp/battery/batteryCountList',
method:'POST',
contentType:'application/json',
// data
})
}
// 电瓶详情
export function batteryDetailList (data){
return request({
url:'/supplierAppV2/dispatchApp/battery/batteryDetailList',
method:'POST',
contentType:'application/json',
data
})
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 524 B

View File

@ -2,7 +2,6 @@ import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);
import kpiRouter from './kpi-router'
import invoiceRouter from "@/router/invoice-router";
const routes = [
{
path: '/',
@ -85,48 +84,15 @@ const routes = [
name: 'invoicingNotify',
component: () => import('@/views/index/invoicingNotify.vue'),
meta: {
title: '工单批次'
title: '开票通知'
}
},
{
path: "/invoiceListInfo",
name: 'invoiceListInfo',
component: () => import('@/views/index/invoiceListInfo.vue'),
meta: {
title: '开票信息'
}
},
{
path: "/invoiceInfo",
name: 'invoiceInfo',
component: () => import('@/views/index/invoiceInfo.vue'),
meta: {
title: '开票信息'
}
},
{
path: "/invoicingDetail",
name: 'invoicingDetail',
component: () => import('@/views/index/invoicingDetail'),
meta: {
title: '工单批次详情'
}
},
{
path: "/uploadInvoice",
name: 'uploadInvoice',
component: () => import('@/views/index/uploadInvoice.vue'),
meta: {
title: '上传发票',
cache: true
}
},
{
path: "/showInvoice",
name: 'showInvoice',
component: () => import('@/views/index/showInvoice.vue'),
meta: {
title: '查看发票'
title: '开票通知详情'
}
},
{
@ -249,24 +215,7 @@ const routes = [
title:'维保申请'
}
},
{
path: '/batteryList',
name: 'batteryList',
component:()=>import('@/views/battery/batteryList.vue'),
meta: {
title:'电瓶进销存'
}
},
{
path: '/batteryDetail',
name: 'batteryDetail',
component:()=>import('@/views/battery/batteryDetail.vue'),
meta: {
title:'电瓶详情'
}
},
...kpiRouter,
...invoiceRouter,
]
const router = new VueRouter({

View File

@ -1,11 +0,0 @@
const invoiceRouter = [
{
path: '/invoiceIndex',
name: 'invoiceIndex',
component: () => import('@/views/invoice/invoiceIndex'),
meta:{
title: '道路救援',
}
},
]
export default invoiceRouter

View File

@ -15,27 +15,22 @@ let token = urlParams.get('token') ;
localStorage.setItem('token', token);
service.interceptors.request.use(
config => {
// let reqUrl=config.url
let reqUrl=config.url
// console.log("reqUrl",reqUrl)
config.data = config.contentType ? config.data : qs.stringify(config.data)
if (config.testFlag) {
config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
}
config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
let token = localStorage.getItem('token');
// let token='4099761587129c46b03c9316c9e866c9'
// let token='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJzb25nIiwiYXVkIjpbInN1cHBsaWVyLWFwcCJdLCJuYmYiOjE3MTI0NTQ5NTMsInVzZXJfaW5mbyI6eyJ1c2VySWQiOjU0NjU0LCJwaG9uZSI6IjE3NjMwMDM1NjU4IiwibmFtZSI6InNvbmciLCJzdXBwbGllck5hbWUiOiJDLeS4iua1t-a1i-ivleacjeWKoeWVhiIsInN1cHBsaWVySWQiOjMzMDQxLCJzdXBwbGllclR5cGUiOjIsInVzZXJuYW1lIjoic29uZyIsInVzZXJUeXBlIjoicmVzY3VlQXBwIiwiZGV2aWNlSWQiOiIyMmI0OWNhMjBmOWI4MzMwZDk4NzIxNzNmMzllYTY4YmMiLCJhdXRob3JpdGllcyI6W119LCJzY29wZSI6WyJhbGwiXSwiaXNzIjoiaHR0cHM6Ly9zaW5vYXNzaXN0LmNvbSIsImV4cCI6MTcxMjU0MTM1MywiaWF0IjoxNzEyNDU0OTUzfQ.sPU9_OD_TOWcTwqmlawEGyo4mCPrEaRYw2R02gnvYJw'
config.headers['token'] = `${token}`;
config.headers['Authorization'] = `${token}`;
/*if (reqUrl.includes("/driverApp")) {
if (reqUrl.includes("/driverApp")) {
// console.log("司机app")
config.headers['token'] = `${token}`;
} else if(reqUrl.includes("/supplierApp") || reqUrl.includes("/supplierKPI") || reqUrl.includes('/supplier/select') || reqUrl.includes('/order') || reqUrl.includes('/order/taskInvoiceBatch') || reqUrl.includes('/supplier') ){
} else if(reqUrl.includes("/supplierApp") || reqUrl.includes("/supplierKPI") || reqUrl.includes('/supplier/select')){
// console.log("调度app服务商kpi")
config.headers['Authorization'] = `${token}`;
}else{
config.headers['token'] = `${token}`;
}*/
}
return config
},
error => {
@ -55,7 +50,7 @@ service.interceptors.response.use(
// }
if ( res.code === 401 || res.code === 400 || res.code == 500) {
Toast(res.msg || 'Error')
return Promise.reject(res.msg)
return Promise.reject(new Error(res.msg || 'Error'))
} else {
return res
// if( res.code === 200 ) {

View File

@ -1,138 +0,0 @@
<template>
<div class="wrap" >
<div class="navBar">
<van-nav-bar
title="已售电瓶"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="h5GoBack"
> </van-nav-bar>
</div>
<div class="container" v-if="batteryDetailList && batteryDetailList.length>0">
<div class="itemWrap" v-for="(item,index) in batteryDetailList" :key="index">
<div>
<span class="halfOpci">设备号</span>
<span class="allOpci">{{ item.productNo }}</span>
</div>
<div>
<span class="halfOpci">品牌</span>
<span class="allOpci">{{ item.brand }}</span>
</div>
<div>
<span class="halfOpci">型号</span>
<span class="allOpci">{{ item.model }}</span>
</div>
<div>
<span class="halfOpci">售卖人员</span>
<span class="allOpci">{{ item.saleName }}</span>
</div>
<div>
<span class="halfOpci">售卖时间</span>
<span class="allOpci">{{ item.createTime }}</span>
</div>
</div></div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import {batteryDetailList} from "@/api/order"
export default {
name: "batteryDetail",
mixins:[myMixins],
data(){
return{
batteryDetailList:[],
isLoading: false,
loading: false,
brand: '',
model:'',
}
},
async mounted() {
this.brand = this.$route.params.brand;
this.model = this.$route.params.model;
await this.getDetailList()
},
methods:{
async getDetailList(){
let res = await batteryDetailList({
brand:this.brand,
model:this.model,
})
this.batteryDetailList=res.data.reverse();
},
}
}
</script>
<style scoped lang="scss">
@import '@/styles/mixin.scss';
@import "@/styles/common.scss";
.wrap {
background: #F4F5F7;
@include wh(100%, 100%);
}
.navBar{
margin-bottom: 46px;
.rightWrap{
@include wh(50px,20px);
border-radius: 10px;
opacity: 0.7;
border: 1px solid #FFFFFF;
@include flexTwoCenter;
img{
@include widHeiMar(9px,8px,4px);
}
.addTxt{
@include fontWeightSize(bolder,11px);
@include colorOpa( #FFFFFF,0.7);
}
}
}
.container{
@include wh(100%, calc(100% - 56px));
overflow-y: auto;
@include sizingPadding(13px,13px);
}
.itemWrap {
@include wh(100%, 104px);
@include radiusSizing(6px);
@include fontWeightSize(400, 12px);
@include flexBetween;
background: #FFFFFF;
box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
margin-bottom: 10px;
padding: 11px 13px 9px 15px;
position: relative;
.halfOpci {
display: inline-block;
width: 60px;
opacity: .5;
margin-right: 5px;
}
.allOpci {
opacity: 1;
}
.statusNo {
color: #FF0000;
}
.statusYes {
color: #09B820
}
.img{
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 35%;
cursor: pointer;
}
}
</style>

View File

@ -1,171 +0,0 @@
<template>
<div class="wrap" >
<div class="navBar">
<van-nav-bar
title="电瓶进销存"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="goBack"
>
</van-nav-bar>
</div>
<van-field class="input" right-icon="search" v-model="keyword" placeholder="请输入品牌或型号" @input="filterBatteryList"/>
<div class="container" v-if="batteryList && batteryList.length>0">
<div class="itemWrap" v-for="(item,index) in batteryList" :key="index">
<div>
<span class="halfOpci">品牌</span>
<span class="allOpci">{{ item.brand }}</span>
</div>
<div>
<span class="halfOpci">型号</span>
<span class="allOpci">{{ item.model }}</span>
</div>
<div>
<span class="halfOpci">总量</span>
<span class="allOpci">{{ item.totalNum }}</span>
</div>
<div>
<span class="halfOpci">库存数量</span>
<span class="allOpci">{{ item.stockNum }}</span>
</div>
<div>
<span class="halfOpci">已售数量</span>
<span class="allOpci">{{ item.sellNum }}</span>
</div>
<img @click="goBatteryDetail(item)" class="img" src="@/assets/arrow_rht.png" />
</div>
</div>
<div class="bgEmptyImg" v-show="show" >
<img src="@/assets/empty.png" />
</div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import {batteryCountList} from "@/api/order"
export default {
name: "batteryList",
mixins:[myMixins],
data(){
return{
batteryList:[],
isLoading: false,
keyword:'',
}
},
computed:{
show() {
return (this.batteryList.length < 0 || this.batteryList.length == 0); // 判断数组长度是否大于 0
},
},
mounted() {
this.getList()
},
methods:{
async filterBatteryList(){
await this.getList()
this.batteryList = this.batteryList.filter(item =>
item.brand.includes(this.keyword) || item.model.includes(this.keyword)
);
},
goBatteryDetail(item){//电瓶详情
this.$router.push({
name: "batteryDetail",
params: {
brand: item.brand,
model: item.model,
}
})
},
async getList(){
let res = await batteryCountList()
this.batteryList=res.data
},
}
}
</script>
<style scoped lang="scss">
@import '@/styles/mixin.scss';
@import "@/styles/common.scss";
.wrap {
background: #F4F5F7;
@include wh(100%, 100%);
}
.navBar{
margin-bottom: 46px;
.rightWrap{
@include wh(50px,20px);
border-radius: 10px;
opacity: 0.7;
border: 1px solid #FFFFFF;
@include flexTwoCenter;
img{
@include widHeiMar(9px,8px,4px);
}
.addTxt{
@include fontWeightSize(bolder,11px);
@include colorOpa( #FFFFFF,0.7);
}
}
}
.input{
//@include sizingPadding(13px,13px);
//margin: 13px 0;
}
.container{
@include sizingPadding(13px,13px);
overflow-y: auto;
@include wh(100%, calc(100% - 96px));
}
.itemWrap {
@include wh(100%, 104px);
@include radiusSizing(6px);
@include fontWeightSize(400, 12px);
@include flexBetween;
background: #FFFFFF;
box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
margin-bottom: 10px;
padding: 11px 13px 9px 15px;
position: relative;
//margin-top: 10px;
.halfOpci {
display: inline-block;
width: 60px;
opacity: .5;
margin-right: 5px;
}
.allOpci {
opacity: 1;
}
.statusNo {
color: #FF0000;
}
.statusYes {
color: #09B820
}
.img{
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 35%;
cursor: pointer;
}
}
.bgEmptyImg{
@include flexTwoCenter;
height: 90% ;
background-color: #FAFAFA;
img{
width: 100%;
}
}
</style>

View File

@ -1,344 +0,0 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="开票信息"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="h5GoBack"
/>
</div>
<div class="contentWrap">
<div class="content_tab">
<div class="tab_title">批次信息</div>
<div class="tab_content">
<div class="item_wrap">
<div class="item_label">财务编号</div>
<div class="item_content">
<span id="copyText">{{invoiceInfo.financeBatchCode}}</span>
<img class="copyIcon" @click="copyHandler(invoiceInfo.financeBatchCode)" src="@/assets/copy.png" />
</div>
</div>
<div class="item_wrap">
<div class="item_label">工单数量</div>
<div class="item_content">
{{invoiceInfo.orderNum}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">总金额</div>
<div class="item_content">
{{invoiceInfo.totalMoney}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">扣款</div>
<div class="item_content">
{{invoiceInfo.cutMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">税额扣款</div>
<div class="item_content">
{{invoiceInfo.taxCutMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">开票金额</div>
<div class="item_content">
{{invoiceInfo.invoiceMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">备注</div>
<div class="item_content">
{{invoiceInfo.remark || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">失败原因</div>
<div class="item_content">
{{invoiceInfo.failRemark || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">创建时间</div>
<div class="item_content">
{{invoiceInfo.createTime}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">对账状况</div>
<div class="item_content">
{{ statusStr(invoiceInfo.status, invoiceInfo.createTime) }}
</div>
</div>
</div>
</div>
<div class="content_tab mt10">
<div class="tab_title">发票信息</div>
<div class="itemWrap" v-for="(item,index) in invoiceList" :key="index">
<div class="item line1">
<div class="title own_title">{{item.accountName}}</div>
<div class="checkBtn" @click="goShowInvoice(item)">查看</div>
</div>
<div class="item">
<span class="title">发票号码:</span>
<span class="content">{{item.financeBatchCode}}</span>
</div>
<div class="item">
<span class="title">发票金额:</span>
<span class="content">{{item.invoiceMoney}}</span>
</div>
<div class="item">
<span class="title">开票日期:</span>
<span class="content">{{ item.invoiceDate }}</span>
</div>
</div>
</div>
<div class="content_tab mt10">
<div class="tab_title">快递信息</div>
<div class="itemWrap bg_cls pd_cls">
<div class="item mb10">
<span class="title width_cls">发票类型:</span>
<span class="content">
<van-radio-group v-model="invoiceType" disabled direction="horizontal">
<van-radio :name="1" icon-size="16px">电子发票</van-radio>
<van-radio :name="2" icon-size="16px">纸质发票</van-radio>
</van-radio-group>
</span>
</div>
<div class="item">
<span class="title width_cls">补录快递单号:</span>
<span class="content" style="flex: 1">
<van-field v-model="courierNumber" label="" />
</span>
</div>
</div>
</div>
<div class="invoice_btn_wrap">
<div class="btn" @click="saveHandler">保存</div>
</div>
</div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import { financeInvoiceList, selectInvoiceDetailInfo, saveBatchCourierNumber } from "@/api/mine"
import {Dialog} from "vant";
export default {
name: "invoiceInfo",
mixins: [ myMixins ],
data() {
return {
invoiceInfo: {},
invoiceList: [],
invoiceType: '',
courierNumber: '',
id: ''
}
},
async mounted() {
let showItemInfo = localStorage.getItem('showItemInfo');
this.invoiceInfo = showItemInfo ? JSON.parse(showItemInfo) : {};
console.log('this.invoiceInfo', this.invoiceInfo)
this.invoiceType = this.invoiceInfo.invoiceType
this.id = this.$route.query.id;
await this.getInvoiceHandler()
},
methods: {
async saveHandler() {
await saveBatchCourierNumber({
invoiceBatchId: this.id,
courierNumber: this.courierNumber,
})
Dialog.alert({
title: '提示',
message: '操作成功!',
}).then(() => {
this.h5GoBack()
});
},
async goShowInvoice(item) {
let res = await selectInvoiceDetailInfo({
id: item.id
})
localStorage.setItem('invoiceDetail', JSON.stringify(res.data));
this.goPage('showInvoice')
},
statusStr(status,date) {
if(new Date('2024-01-01 00:00:00') > new Date(date)){
return ''
}
if( status == 1 ) {
return '待审核'
} else if( [2 ,3].includes(status)) {
return '审核通过'
} else if( status == 7 ) {
return '审核失败'
} else if( status == 4 ) {
return '已打款'
} else if( status == 8 ) {
return '打款中'
} else {
return ''
}
},
async getInvoiceHandler() {
let res = await financeInvoiceList({
current: 1,
pageSize: 1000,
total: 0,
pageNum: 1,
invoiceBatchId: this.id
});
this.invoiceList = res.data;
console.log('current', res)
},
copyHandler(copyText){
let inputNode = document.createElement('input') // 创建input
inputNode.value = copyText // 赋值给 input 值
document.body.appendChild(inputNode) // 插入进去
inputNode.select() // 选择对象
document.execCommand('Copy') // 原生调用执行浏览器复制命令
inputNode.className = 'oInput'
inputNode.style.display = 'none' // 隐藏
this.$toast('复制成功')
},
}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
overflow-y: auto;
box-sizing: border-box;
}
.navBar{
margin-bottom: 46px;
}
.contentWrap{
.content_tab {
background-color: #fff;
width: 100%;
padding: 15px 15px;
box-sizing: border-box;
.tab_title {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.tab_content {
.item_wrap {
display: flex;
align-items: center;
line-height: 26px;
font-size: 12px;
.item_label {
color: rgba(0,0,0,0.5);
margin-right: 5px;
width: 60px;
}
.item_content {
display: flex;
align-items: center;
}
}
}
}
}
.copyIcon {
width: 35px;
height: 15px;
margin-left: 10px
}
.itemWrap{
/*background: #FFFFFF;*/
background-color: #EBF2F7;
padding: 10px 20px;
border: 1px solid #EBF2F7;
border-radius: 4px;
position: relative;
width: 100%;
box-sizing: border-box;
line-height: 26px;
@include flexBetween;
margin-bottom: 10px;
.line1{
width: 100%;
@include flexColBet;
.checkBtn{
@include bgFontColor(#FFFFFF,#354D93);
@include wh(48px,18px);
border-radius: 3px;
line-height: 18px;
text-align: center;
}
}
}
.item{
display: flex;
@include fontWeightSize(400,12px);
span{
display: inline-block;
}
.title{
opacity: 0.5;
margin-right: 5px;
}
.own_title {
font-weight: bold;
font-size: 14px;
opacity: 1;
}
}
.mt10 {
margin-top: 10px;
}
.bg_cls {
background-color: #fff;
}
.pd_cls {
padding-top: 15px;
padding-bottom: 15px;
}
::v-deep .van-cell {
padding: 0;
border: 1px solid #EBF2F7;
}
.width_cls {
width: 80px;
}
.invoice_btn_wrap {
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: #fff;
.btn {
width: 100%;
background-color: #2C395F;
color: #fff;
padding: 15px 0;
text-align: center;
border-radius: 6px;
}
}
.mb10 {
margin-bottom: 10px;
}
::v-deep .van-radio__icon {
margin-right: 10px;
}
</style>

View File

@ -1,262 +0,0 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="开票信息"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="goBack"
/>
</div>
<div class="search_wrap">
<div class="search_left">
<el-select v-model="form.statusValue" size="mini" clearable placeholder="请选择审核状态">
<el-option
v-for="item in statusValueOptions"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="search_right">
<van-search
v-model="form.financeBatchCode"
show-action
placeholder="请输入搜索关键词"
@search="onSearch"
>
<template #action>
<div @click="onSearch">搜索</div>
</template>
</van-search>
</div>
</div>
<div class="contentWrap">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="getMore"
>
<div class="itemWrap" v-for="(item,index) in invoiceList" :key="index">
<div class="item line1">
<div class="itemTime">
<span class="title">开票编号:</span>
<span class="content">{{ item.financeBatchCode }}</span>
</div>
<div class="checkBtn" @click="getInvoiceInfo(item)">查看</div>
</div>
<div class="item">
<span class="title">工单数量:</span>
<span class="content">{{ item.orderNum }}</span>
</div>
<div class="item">
<span class="title">开票金额:</span>
<span class="content">{{ item.invoiceMoney || 0 }}</span>
</div>
<div class="item">
<span class="title">创建时间:</span>
<span class="content">{{ item.createTime }}</span>
</div>
<div class="item">
<span class="title">对账状态:</span>
<span class="content">{{ statusStr(item.status, item.createTime) }}</span>
</div>
</div>
</van-list>
</van-pull-refresh>
</div>
</div>
</template>
<script>
import { myMixins } from "@/utils/myMixins"
import { getFinanceBatchList } from "@/api/mine"
export default {
name: "invoiceListInfo",
mixins: [ myMixins ],
data() {
return {
form: {
statusValue: '',
financeBatchCode: '',
statusList: [],
},
invoiceList: [],
isLoading: false,
loading: false,
finished: false,
page: {
current: 1,
pageSize: 10,
total: 0,
pageNum: 1,
},
supplierId: '',
statusValueOptions:[{name:'待审核',value:1},{name:'审核通过待打款',value: 2},{name:'审核失败',value: 3},{name:'打款中',value: 4},{name:'已打款',value: 5}],
}
},
watch:{
async 'form.statusValue' (){
if( this.form.statusValue == 1 ) {
this.form.statusList = [1]
} else if( this.form.statusValue == 2 ) {
this.form.statusList = [2, 3]
} else if( this.form.statusValue == 3 ) {
this.form.statusList = [7]
} else if( this.form.statusValue == 4 ) {
this.form.statusList = [8]
} else if( this.form.statusValue == 5 ) {
this.form.statusList = [4]
} else {
this.form.statusList = []
}
}
},
async mounted() {
this.supplierId = this.$route.query.supplierId;
},
methods: {
async onSearch() {
this.page.pageNum=1;
await this.getList()
},
onRefresh() {
this.page.pageNum=1;
this.getList();
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
}, 1000);
},
async getMore(){
await this.getList()
this.page.pageNum++;
// 加载状态结束
this.loading = false;
// 数据全部加载完成
if (this.invoiceList.length >= this.page.total) {
this.finished = true;
}
},
async getList() {
let res = await getFinanceBatchList({
...this.page,
...this.form,
supplierId: this.supplierId
});
if(res.code == 200){
this.page.total = res.total;
if(this.page.pageNum == 1){
this.invoiceList = res.data;
}else{
let preList = this.invoiceList;
let arr = res.data;
this.invoiceList = preList.concat(arr)
}
if (this.invoiceList.length === 0) {
this.show=true
}else{
this.show=false
}
}
},
getInvoiceInfo(item) {
localStorage.setItem('showItemInfo', JSON.stringify(item));
this.goPage('invoiceInfo', {
id: item.id
})
},
statusStr(status,date) {
if(new Date('2024-01-01 00:00:00') > new Date(date)){
return ''
}
if( status == 1 ) {
return '待审核'
} else if( [2 ,3].includes(status)) {
return '审核通过'
} else if( status == 7 ) {
return '审核失败'
} else if( status == 4 ) {
return '已打款'
} else if( status == 8 ) {
return '打款中'
} else {
return ''
}
},
}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
overflow-y: auto;
box-sizing: border-box;
}
.navBar{
margin-bottom: 46px;
}
.contentWrap {
background-color: #F4F5F7;
width: 100%;
box-sizing: border-box;
padding: 10px;
}
.search_wrap {
display: flex;
align-items: center;
padding-left: 10px;
background-color: #fff;
.search_left {
width: 100px;
font-size: 12px;
}
.search_right {
flex: 1;
}
}
.itemWrap{
background: #FFFFFF;
position: relative;
width: 100%;
box-sizing: border-box;
padding: 15px;
border-radius: 6px;
line-height: 26px;
@include flexBetween;
margin-bottom: 10px;
.item{
@include fontWeightSize(400,12px);
span{
display: inline-block;
}
.title{
opacity: .5;
margin-right: 5px;
}
}
.line1{
width: 100%;
@include flexColBet;
.checkBtn{
@include bgFontColor(#FFFFFF,#354D93);
@include wh(48px,18px);
border-radius: 3px;
line-height: 18px;
text-align: center;
}
}
}
</style>

View File

@ -2,7 +2,7 @@
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="工单批次详情"
title="开票通知详情"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
@ -12,143 +12,52 @@
/>
</div>
<div class="contentWrap">
<div class="content_tab">
<div class="tab_title">批次详情</div>
<div class="tab_content">
<div class="item_wrap">
<div class="item_label">批次编号</div>
<div class="item_content">
<span id="copyText">{{invoiceInfo.batchCode}}</span>
<img class="copyIcon" @click="copyHandler(invoiceInfo.batchCode)" src="@/assets/copy.png" />
</div>
</div>
<div class="item_wrap">
<div class="item_label">财务编号</div>
<div class="item_content">
<span id="copyText2">{{invoiceInfo.financeBatchCode}}</span>
<img class="copyIcon" @click="copyHandler(invoiceInfo.financeBatchCode)" src="@/assets/copy.png" />
</div>
</div>
<div class="item_wrap">
<div class="item_label">工单数量</div>
<div class="item_content">
{{invoiceInfo.orderNum}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">总金额</div>
<div class="item_content">
{{invoiceInfo.orderNum}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">扣款</div>
<div class="item_content">
{{invoiceInfo.cutMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">税额扣款</div>
<div class="item_content">
{{invoiceInfo.taxCutMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">开票金额</div>
<div class="item_content">
{{invoiceInfo.invoiceMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">备注</div>
<div class="item_content">
{{invoiceInfo.remark || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">创建时间</div>
<div class="item_content">
{{invoiceInfo.createTime}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">对账状况</div>
<div class="item_content">
{{invoiceInfo.statusString}}
</div>
</div>
<div class="item" v-for="(item,index) in detailList" :key="index">
<div class="itemContent">
<span> {{ item.orderCode }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span>{{ item.serviceName }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span> {{item.settleAmount}}</span>
</div>
<div class="line"></div>
</div>
</div>
<div class="content_tab mt_cls">
<div class="tab_title">关联案件</div>
<table>
<tr>
<th class="text_left">案件编号</th>
<th>服务类型</th>
<th>结算类型</th>
</tr>
<tr v-for="(item, index) in orderList" :key="index">
<td class="text_left">
{{item.orderCode}}
<img class="copyIcon" @click="copyHandler(item.orderCode)" src="@/assets/copy.png" />
</td>
<td>{{item.serviceType || ''}}</td>
<td>{{item.settleAmount || ''}}</td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import { notifyInvoiceDetail, getOrderListByInvoice } from "@/api/mine"
import {notifyInvoiceDetail} from "@/api/mine"
export default {
name: "invoicingDetail",
mixins:[myMixins],
data(){
return{
batchCode: '',
id: '',
invoiceInfo: {},
orderList: [],
pageNum:1,
pageSize:10,
detailList:[],
form:{
batchCode:'',
startTime:'',
overTime:'',
}
}
},
async mounted() {
this.batchCode = this.$route.query?.batchCode;
this.id = this.$route.query?.id;
// console.log(this.$route.query?.id)
this.form.batchCode=this.$route.query?.id;
this.form.startTime=this.$route.query?.startTime;
this.form.overTime=this.$route.query?.overTime;
await this.getDetail()
await this.getOrderList();
},
methods:{
copyHandler(copyText){
let inputNode = document.createElement('input') // 创建input
inputNode.value = copyText // 赋值给 input 值
document.body.appendChild(inputNode) // 插入进去
inputNode.select() // 选择对象
document.execCommand('Copy') // 原生调用执行浏览器复制命令
inputNode.className = 'oInput'
inputNode.style.display = 'none' // 隐藏
this.$toast('复制成功')
},
async getOrderList() {
let res = await getOrderListByInvoice({
batchCode: this.batchCode,
pageSize: 1000,
pageNum: 1,
createTime: this.invoiceInfo.startTime
})
this.orderList = res.data;
console.log('rerere', res);
},
async getDetail(){
let res = await notifyInvoiceDetail({
id: this.id
})
this.invoiceInfo = res.data
console.log('rerere', res)
}
async getDetail(){
let res=await notifyInvoiceDetail({
pageNum:this.pageNum,
pageSize:this.pageSize,
...this.form,
})
this.detailList=res.data
}
}
}
</script>
@ -158,62 +67,26 @@ export default {
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
}
.navBar{
height: 46px;
}
.contentWrap{
.mt_cls {
margin-top: 10px;
}
.content_tab {
background-color: #fff;
@include wh(100%,400px);
margin-left: 27px;
.item{
width: 100%;
padding: 15px 15px;
box-sizing: border-box;
.tab_title {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
@include all-height(47px);
.itemContent{
margin-left: 5px;
color: #323643;
@include fontWeightSize(400,13px);
}
.tab_content {
.item_wrap {
display: flex;
align-items: center;
line-height: 30px;
font-size: 12px;
.item_label {
color: rgba(0,0,0,0.5);
margin-right: 5px;
width: 60px;
}
.item_content {
display: flex;
align-items: center;
}
}
}
table {
line-height: 30px;
width: 100%;
.text_left {
text-align: left;
width: 50%;
}
th {
color: rgba(0, 0, 0, 0.5);
}
td {
text-align: center;
}
.line{
@include wh(100%,1px);
@include bgcolorOpa(#E9E9EA,0.6);
}
}
}
.copyIcon {
width: 35px;
height: 15px;
margin-left: 10px
}
</style>
</style>

View File

@ -2,7 +2,7 @@
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="工单批次"
title="开票通知"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
@ -11,74 +11,41 @@
@click-left="goBack"
/>
</div>
<van-tabs v-model="active" sticky @click="changeTabHandler" background="#2C395F" color="#ffffff" title-active-color="#ffffff" title-inactive-color="#BDC1CD">
<van-tab title="全部" name="1"></van-tab>
<van-tab title="未开票" name="2"></van-tab>
<van-tab title="已开票" name="3"></van-tab>
</van-tabs>
<div class="content_wrap" :class="{ 'pd_cls': active == 2 }">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="getMore"
>
<van-search
v-model="batchCode"
show-action
placeholder="请输入批次号或开票编号"
>
<template #action>
<div @click="onSearch">搜索</div>
</template>
</van-search>
<van-checkbox-group v-model="checkList">
<div class="itemWrap" v-for="(item,index) in notifyList" :key="index" @click="toggle(index)">
<div class="item line1">
<div class="itemTime">
<span class="title">批次号:</span>
<span class="content">{{ item.batchCode }}</span>
</div>
<div class="orderNum">
<span class="title">总案件数:</span>
<span class="content">{{ item?.orderNum || '' }}</span>
</div>
<div class="checkBtn" @click="goPage('invoicingDetail',{id:item.id, batchCode: item.batchCode})">查看</div>
</div>
<div class="item">
<span class="title">开票月份:</span>
<span class="content">{{ getMonth(item) }}</span>
</div>
<div class="item">
<span class="title">结算总金额:</span>
<span class="content">{{ item?.totalMoney ? item.totalMoney : 0 }}</span>
</div>
<div class="item">
<span class="title">扣款金额:</span>
<span class="content">{{ item?.cutMoney || 0 }}</span>
</div>
<div class="item">
<span class="title">扣款原因:</span>
<span class="content" style="color: #FF8F37;">{{ item.remark }}</span>
</div>
<div class="item">
<span class="title">最终开票金额:</span>
<span class="content">{{ item?.invoiceMoney || 0 }}</span>
</div>
<van-checkbox class="checkbox_cls" v-if="active == 2" :name="item" ref="checkboxes" />
</div>
</van-checkbox-group>
</van-list>
</van-pull-refresh>
</div>
<div class="invoice_btn_wrap" v-if="active == 2 && totalCount > 0">
<div class="invoice_btn_info">
<span class="invoice_btn_title">开票总金额</span>
<span class="invoice_btn_money">{{totalCount}}</span>
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<div class="itemWrap" v-for="(item,index) in notifyList" :key="index" >
<div class="item line1">
<div class="itemTime">
<span class="title">开票月份:</span>
<span class="content">{{ item.invoiceMonth }}</span>
</div>
<div class="orderNum">
<span class="title">总案件数:</span>
<span class="content">{{ item.orderNum }}</span>
</div>
<div class="checkBtn" @click="goPage('invoicingDetail',{id:item.batchCode,startTime:item.startTime,overTime:item.overTime})">查看 </div>
</div>
<div class="item">
<span class="title">批次号:</span>
<span class="content">{{ item.batchCode }}</span>
</div>
<div class="item">
<span class="title">结算总金额:</span>
<span class="content">{{ item.totalMoney + '元' }}</span>
</div>
<div class="item">
<span class="title">扣款金额:</span>
<span class="content">{{ item.cutMoney + '元'}}</span>
</div>
<div class="item">
<span class="title">扣款原因:</span>
<span class="content" style="color: #FF8F37;">{{ item.remark }}</span>
</div>
<div class="item">
<span class="title">最终开票金额:</span>
<span class="content">{{ item.invoiceMoney+ '' }}</span>
</div>
</div>
<div class="btn" @click="goUploadPage">去开票</div>
</div>
</van-pull-refresh>
<div v-show="show" class="bgShow">
<img src="@/assets/empty.png">
</div>
@ -96,78 +63,14 @@ export default {
notifyList:[],
pageNum:1,
pageSize:10,
total: 0,
show:false,
isLoading: false,
loading: false,
active: 1,
status: '',
dispatchAppSearchInvoiced: '',
batchCode: '',
finished: false,
checkList: [],
supplierId: '',
}
},
computed: {
totalCount () {
let total = 0;
this.checkList.map(item => {
total += item.invoiceMoney
})
return total
},
},
mounted() {
this.supplierId = this.$route.query?.supplierId;
this.getNotifyList()
},
methods:{
goUploadPage() {
localStorage.setItem('list', JSON.stringify(this.checkList));
this.goPage('uploadInvoice', { supplierId : this.supplierId })
},
async onSearch() {
this.pageNum=1
await this.getNotifyList()
},
async getMore(){
if ( this.active != 2 ) {
await this.getNotifyList()
this.pageNum++;
// 加载状态结束
this.loading = false;
// 数据全部加载完成
if (this.notifyList.length >= this.total) {
this.finished = true;
}
}
},
changeTabHandler() {
this.pageNum = 1;
this.notifyList = [];
this.checkList = [];
if (this.active == 1) { // 全部, 需要分页
this.status = '';
this.dispatchAppSearchInvoiced = '';
this.pageSize = 10;
} else if(this.active == 2) { // 未开票, 不需要分页
this.status = 2;
this.dispatchAppSearchInvoiced = '';
this.pageSize = 10000
} else if(this.active == 3) { // 已开票,需要分页
this.status = '';
this.dispatchAppSearchInvoiced = 1;
this.pageSize = 10
}
this.getNotifyList()
},
getMonth(item) {
let str = '';
let startTime = new Date(item.createTime.replace(/-/g, '/'));
let endTime = new Date(item.overTime.replace(/-/g, '/'));
str = startTime.getFullYear() + '年' + (startTime.getMonth() + 1 ) + '月 - ' + endTime.getFullYear() + '年' + (endTime.getMonth() + 1) + '月'
return str
},
onRefresh() {
this.pageNum=1
this.getNotifyList()
@ -178,34 +81,19 @@ export default {
},
async getNotifyList(){
let res = await notifyInvoiceList({
pageNum:this.pageNum,
pageSize:this.pageSize,
status: this.status,
dispatchAppSearchInvoiced: this.dispatchAppSearchInvoiced,
total: this.total,
batchCode: this.batchCode,
supplierId: this.supplierId,
current: 1,
pageNum:this.pageNum,
pageSize:this.pageSize
})
if(res.code == 200){
this.total=res.total
if(this.pageNum == 1){
this.notifyList=res.data;
}else{
let preList = this.notifyList;
let arr = res.data;
this.notifyList = preList.concat(arr)
}
if (this.notifyList.length === 0) {
this.show=true
// if(res.code === 0){
this.notifyList=res.data;
console.log(this.notifyList)
if(this.notifyList.length === 0){
this.show=true
}else{
this.show=false
}
}
},
toggle(index) {
this.$refs.checkboxes[index].toggle();
},
// },
}
}
</script>
@ -213,11 +101,6 @@ export default {
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.van-checkbox {
position: absolute;
bottom: 20px;
right: 15px;
}
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
@ -230,7 +113,6 @@ export default {
}
.itemWrap{
background: #FFFFFF;
position: relative;
@include wh(100%,194px);
box-sizing: border-box;
padding: 14px 25px 18px 29px;
@ -243,7 +125,6 @@ export default {
}
.title{
opacity: .5;
margin-right: 5px;
}
}
.line1{
@ -260,52 +141,10 @@ export default {
}
.bgShow{
@include flexTwoCenter;
/*height:calc(100% - 46px);*/
height:calc(100% - 46px);
background-color: #FAFAFA;
img{
width: 100%;
}
}
.van-tabs {
position: fixed;
width: 100%;
background-color: #2c395f;
z-index: 1000000 !important;
}
.content_wrap {
padding-top: 1.17333rem;
}
.invoice_btn_wrap {
position: fixed;
bottom: 0;
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: #fff;
.invoice_btn_info {
display: flex;
justify-content: space-between;
align-items: center;
.invoice_btn_title {
font-size: 14px;
font-weight: bold;
}
.invoice_btn_money {
font-size: 26px;
color: red;
}
}
.btn {
width: 100%;
background-color: #2C395F;
color: #fff;
padding: 15px 0;
text-align: center;
border-radius: 6px;
}
}
.pd_cls {
padding-bottom: 40px;
}
</style>
</style>

View File

@ -1,144 +0,0 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="查看发票"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="h5GoBack"
/>
</div>
<div class="contentWrap">
<div class="content_tab">
<div class="tab_content">
<div class="item_wrap">
<div class="item_label">付款方</div>
<div class="item_content">中道汽车救援股份有限公司</div>
</div>
<div class="item_wrap">
<div class="item_label">收款方</div>
<div class="item_content">{{invoiceInfo.accountName}}</div>
</div>
<div class="item_wrap">
<div class="item_label">发票号码</div>
<div class="item_content">
{{invoiceInfo.invoiceNumber}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">发票金额</div>
<div class="item_content">{{invoiceInfo.invoiceMoney}}</div>
</div>
<div class="item_wrap">
<div class="item_label">税率</div>
<div class="item_content">{{invoiceInfo.taxRate}}%</div>
</div>
<div class="item_wrap">
<div class="item_label">税额</div>
<div class="item_content">{{invoiceInfo.taxAmount}}</div>
</div>
<div class="item_wrap">
<div class="item_label">未税金额</div>
<div class="item_content">{{invoiceInfo.afterTaxAmount}}</div>
</div>
<div class="item_wrap">
<div class="item_label">发票类型</div>
<div class="item_content">{{invoiceInfo.invoiceTypeCodeString}}</div>
</div>
<div class="item_wrap">
<div class="item_label">开票日期</div>
<div class="item_content">{{invoiceInfo.invoiceDate}}</div>
</div>
<div class="item_wrap">
<div class="item_label">发票影像</div>
<div class="item_content">
<div class="invoice_btn" @click="showInvoiceHandler(invoiceInfo.path)">查看发票</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { myMixins } from "@/utils/myMixins"
export default {
name: "showInvoice",
mixins:[ myMixins ],
data() {
return {
invoiceInfo: {},
}
},
mounted() {
let invoiceDetail = localStorage.getItem('invoiceDetail')
this.invoiceInfo = invoiceDetail ? JSON.parse(invoiceDetail) : {};
console.log('this.invoiceInfo', this.invoiceInfo)
},
methods: {
showInvoiceHandler(path) {
window.open(path)
}
}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
}
.navBar{
height: 46px;
}
.contentWrap{
.mt_cls {
margin-top: 10px;
}
.content_tab {
background-color: #fff;
width: 100%;
padding: 15px 15px;
.tab_title {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.tab_content {
.item_wrap {
display: flex;
align-items: center;
line-height: 30px;
font-size: 12px;
.item_label {
color: rgba(0,0,0,0.5);
margin-right: 5px;
width: 60px;
}
.item_content {
display: flex;
align-items: center;
}
}
}
}
}
.copyIcon {
width: 35px;
height: 15px;
margin-left: 10px
}
.invoice_btn {
padding: 0 15px;
background-color: #354D93;
border-radius: 4px;
height: 28px;
color: #fff;
}
</style>

View File

@ -1,589 +0,0 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="上传发票"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="h5GoBack"
/>
</div>
<div class="contentWrap">
<div class="content_top">
<div class="content_tip">如结算金额确认无误后请开具正规增值税专用发票开票项为施救费救授费拖车费帝引费任选其一如有路桥费产生请开在救援发票中</div>
<div class="top_detail">
<div class="detail_title detail_color">
<div class="title"> <span class="squire"></span> 应开金额</div>
<div class="money">{{ invoiceTotal }}</div>
</div>
<div class="border"></div>
<div class="detail_content" v-for="(item, index) in list" :key="index + '_1'">
<div class="content_item">
{{item.batchCode}}
<span class="content_money">{{item.invoiceMoney}}</span>
</div>
</div>
</div>
</div>
<div class="content_top mt10">
<div class="detail_title detail_color2 pd_no">
<div class="title"> <span class="squire squire2"></span> 实开金额</div>
<div class="money">{{ invoiceMoney || 0 }}</div>
</div>
<div class="border"></div>
<div class="invoice_wrap mt10" v-for="(item, index) in tableData" :key="index" @click="goInvoiceDetail(item)">
<div class="invoice_title">
<div>{{item.accountName}}</div>
<div class="btn_del" @click.stop="deleteHandler(item)">删除</div>
</div>
<div class="border"></div>
<div class="invoice_content">
<div>
<span class="label">发票号码:</span>
<span>{{item.invoiceNumber}}</span>
</div>
<div>
<span class="label">发票金额:</span>
<span class="invoice_money">{{item.invoiceMoney}}</span>
</div>
<div class="invoice_flex">
<div>
<span class="label">开票日期:</span>
<span>{{item.invoiceDate}}</span>
</div>
<van-icon class="icon" name="arrow" />
</div>
</div>
</div>
</div>
</div>
<div class="upload_btn_wrap">
<div class="btn_save" @click="createInvoiceHandler">保存</div>
<van-uploader :before-read="beforeRead" :after-read="afterRead" accept=".png,.jpg,.jpeg,.pdf,.ofd">
<div class="btn_upload">
<img class="icon_upload" src="@/assets/icon_upload.png" alt="">
上传发票
</div>
</van-uploader>
</div>
</div>
</template>
<script>
import { Dialog } from "vant";
import { myMixins } from "@/utils/myMixins"
import { uploadInvoice, getBillingInfo, deleteInvoice, createBatch } from "@/api/mine"
export default {
name: "uploadInvoice",
mixins:[ myMixins ],
data(){
return {
list: [],
invoiceMoneyTotal: 0,
tableData: [],
activeObj: {},
billInfo: {},
supplierId: '',
queryId: '',
batchIds: [],
shouldRate: '',
realRate: '',
invoiceType: '',
invoiceMoney: 0,
afterTaxAmount: 0,
form: {
courierNumber: '',
invoiceType: '', //电子发票还是纸质发票
},
show: true,
}
},
async mounted() {
await this.initData();
},
async activated() {
await this.initData();
this.show = true;
},
watch: {
tableData: {
immediate: true,
handler() {
this.getInvoiceMoney()
}
}
},
computed: {
invoiceTotal () {
let total = 0;
this.list?.map(item => {
total += item.invoiceMoney
})
return total
}
},
deactivated() {
if (this.show) {
this.tableData = [];
}
},
methods: {
async initData() {
this.list = JSON.parse(localStorage.getItem('list'));
this.batchIds = [];
this.list.map(a => {
this.batchIds.push(a.id)
})
console.log('this.batchIds', this.batchIds)
this.shouldRate = this.list[0]?.shouldRate
this.realRate = this.list[0]?.realRate
this.invoiceType = this.list[0]?.invoiceType
this.supplierId = this.list[0]?.supplierId
await this.getInfo();
},
async getInfo() {
if(this.supplierId) {
let res = await getBillingInfo('/supplier/info/billing/getBySupplierId/' + this.supplierId )
this.billInfo = res.data || {}
}
},
async createInvoiceHandler() {
if ( !this.form.invoiceType ) {
this.$toast('发票类型不能为空!')
return
}
if (this.invoiceTotal != this.invoiceMoney) {
this.$toast('“应开金额”与“实开金额”不一致,请核实系统的开票金额与实际开出的发票金额。')
return
}
if(this.form.invoiceType == 2){
Dialog.confirm({
title: '提示',
message: '纸质发票上传后请尽快邮寄,并在系统《开票信息》菜单,录入快递单号,以免影响结算时效!谢谢!',
}).then(async () => {
await this.saveHandle();
}).catch(() => {
});
} else {
await this.saveHandle();
}
},
async saveHandle() {
let paramsArr = this.getParams();
console.log('.......', paramsArr)
try {
this.loading = true;
let res = await createBatch({
supplierId: this.supplierId,
batchIds: this.batchIds,
detailList: paramsArr
})
console.log('res', res)
this.loading = false;
Dialog.alert({
title: '提示',
message: `发票已上传成功,待审核。开票编号为:${res.data},请前往菜单【开票信息】中查看。`,
}).then(() => {
this.h5GoBack()
});
} catch (e) {
console.log('eee', e)
Dialog.alert({
title: '提示',
message: e + '发票提交出错',
}).then(() => {
});
}finally {
this.loading = false;
}
},
getParams() {
let params = [...this.tableData]
if(params.length > 0) {
params.map(item => {
item.courierNumber = (this.form.invoiceType == 2 ? this.form.courierNumber : '')
item.invoiceType = this.form.invoiceType
if( item.taxRate.toString().indexOf('%') != -1 ) {
let tempRate = item.taxRate.replace('%', '');
item.taxRate = (Number(tempRate) / 100)
}
})
}
return params
},
deleteHandler( row ) { // 删除发票
Dialog.confirm({
title: '提示',
message: '确认要删除发票信息吗?',
}).then(async () => {
await deleteInvoice({
id: row?.id || '',
path: row?.path
});
let index = this.tableData.findIndex(a => a.invoiceNumber == row.invoiceNumber)
this.tableData.splice(index, 1)
}).catch(() => {
});
},
beforeRead (file) {
const FileExt = file.name.replace(/.+\./, "");
if (['jpg', 'png', 'jpeg', 'pdf', 'ofd'].indexOf(FileExt.toLowerCase()) === -1) {
this.$toast('请上传后缀名为jpg、jpeg、png、pdf、ofd的文件')
return false;
}
this.$set(this.activeObj, 'fileType', FileExt)
return true
},
async afterRead (file) {
try {
var formData = new FormData(); // 创建form对象
formData.append('file', file.file); // 通过append向form对象添加数据
formData.append('supplierId', this.supplierId) // 如果还需要传替他参数的话
let res = await uploadInvoice(formData)
console.log('rrerer', res)
if( res?.code == 200 ) {
let test = this.tableData.filter(item => item.invoiceNumber == res.data.ocrInvoiceRes.data.invoiceNumber) // 如果
if( test.length > 0 ) { // 发票是否已经上传过
this.$message.warning("该发票已上传,不能重复上传")
return false
} else {
let invoiceDetails = this.getInvoiceRates(res.data.ocrInvoiceRes.data.invoiceDetails)
let flag = this.legalRate(invoiceDetails)
let realFlag = this.realRateCheck(invoiceDetails)
let errorStr = "";
//电子发票验证必须是pdf版本
if((res.data.ocrInvoiceRes.data.invoiceType.indexOf("数电") != -1 || res.data.ocrInvoiceRes.data.invoiceType.indexOf("电子") != -1) && this.activeObj.fileType != 'pdf'){
errorStr = errorStr + "电票请上传PDF格式的文件;"
}
if(res.data.ocrInvoiceRes.data.invoiceType.indexOf("专用发票") == -1 && this.invoiceType == 1){
errorStr = errorStr + "上传发票类型与服务商配置发票类型不一致,设置类型为:专票;";
}
if(!this.billInfo.unitName ){
errorStr = errorStr + "未设置抬头,请联系区域经理;";
}
if(!this.billInfo.dutyParagraph ){
errorStr = errorStr + "未设置纳税人识别号,请联系区域经理;";
}
let ocrName = res.data.ocrInvoiceRes.data.sellerName.replace('(','').replace('','').replace(')','').replace('','');
let billName = ''
if (this.billInfo && this.billInfo.unitName) {
billName = this.billInfo.unitName.replace('(','').replace('','').replace(')','').replace('','');
}
let diffNumber = this.charDifference(ocrName,billName);
if(ocrName != billName && diffNumber > 2 && !res.data.ocrInvoiceRes.data.sellerName.startsWith("国家税务总局")){
errorStr = errorStr + "上传发票抬头与服务商配置不一致,设置抬头为:" + (this.billInfo.unitName || '未设置') + ",识别抬头为:" + res.data.ocrInvoiceRes.data.sellerName + ";如发票确认无误请联系结算部021-53682525";
}
if( !flag ) {
Dialog.alert({
title: '提示',
message: '您上传的发票税率不符合要求',
}).then(() => {
this.uploadLoading=false;
return false
});
}else if(!realFlag){
Dialog.alert({
title: '提示',
message: "您上传的发票税率与服务商配置税率不一致,设置税率为:" + this.realRate + "%"
}).then(() => {
this.uploadLoading=false;
return false
});
}else if(errorStr && errorStr.length > 0){
Dialog.alert({
title: '提示',
message: errorStr,
}).then(() => {
this.uploadLoading=false;
return false
});
} else {
console.log('res', res)
console.log('file', file)
this.form.invoiceType = res.data.ocrInvoiceRes.data.invoiceType.indexOf("数电") == -1 && res.data.ocrInvoiceRes.data.invoiceType.indexOf("电子") == -1 ? 2 : 1
let isOrdinaryInvoice = res.data.ocrInvoiceRes.data.invoiceType.indexOf("普通") > -1
this.$set(this.activeObj, 'imageUrl', '')
this.$set(this.activeObj, 'fileName', '')
if (['pdf','ofd'].indexOf(this.activeObj.fileType) === -1) {
// this.activeObj.imageUrl = URL.createObjectURL(file.raw);
this.activeObj.imageUrl = res.data.url
this.$set(this.activeObj, 'fileName', file.file.name)
} else {
this.$set(this.activeObj, 'fileName', file.file.name)
}
this.$set(this.activeObj, 'path', res.data.url)
this.$set(this.activeObj, 'invoiceNumber', res.data.ocrInvoiceRes.data.invoiceNumber)
this.$set(this.activeObj, 'accountName', res.data.ocrInvoiceRes.data.sellerName)
this.$set(this.activeObj, 'invoiceMoney', res.data.ocrInvoiceRes.data.totalAmount)
this.$set(this.activeObj, 'taxRate',isOrdinaryInvoice?0: res.data.ocrInvoiceRes.data.invoiceDetails[0].taxRate)
this.$set(this.activeObj, 'taxAmount',isOrdinaryInvoice?0: res.data.ocrInvoiceRes.data.invoiceTax)
this.$set(this.activeObj, 'afterTaxAmount',isOrdinaryInvoice?res.data.ocrInvoiceRes.data.totalAmount: res.data.ocrInvoiceRes.data.invoiceAmountPreTax)
this.$set(this.activeObj, 'invoiceDate', res.data.ocrInvoiceRes.data.invoiceDate)
this.$set(this.activeObj, 'invoiceCode', res.data.ocrInvoiceRes.data.invoiceCode)
this.$set(this.activeObj, 'invoiceTypeCodeString', res.data.ocrInvoiceRes.data.invoiceType)
this.$set(this.activeObj, 'payName', res.data.ocrInvoiceRes.data.purchaserName)
this.tableData.push({...this.activeObj})
this.$forceUpdate()
}
}
}
} catch (e) {
console.log('eeee', e)
}
},
goInvoiceDetail (item) {
localStorage.setItem('invoiceDetail', JSON.stringify(item))
this.show = false;
this.goPage('showInvoice')
},
getInvoiceMoney() {
let invoiceMoney = 0;
let afterTaxAmount = 0;
if( this.tableData.length > 0){
this.tableData.map(item => {
if( item.invoiceMoney && item.afterTaxAmount ) {
invoiceMoney += (Number(item.invoiceMoney) * 100)
afterTaxAmount += ( Number(item.afterTaxAmount) * 100 )
}
})
this.invoiceMoney = invoiceMoney != 0 ? (invoiceMoney / 100) : 0
this.afterTaxAmount = afterTaxAmount != 0 ? ( afterTaxAmount / 100 ) : 0
} else {
this.invoiceMoney = invoiceMoney
this.afterTaxAmount = afterTaxAmount
}
},
charDifference(str1,str2) {
let difference = 0;
// 遍历字符串1的每个字符
for (let i = 0; i < str1.length; i++) {
// 如果字符串2中不包含当前字符或者位置不对则误差加1
if (str2.indexOf(str1[i]) === -1 || str2[i] !== str1[i]) {
difference++;
}
}
//如果前面部分都对得上,但是长度不同,则差异是长度
if(str1.length != str2.length){
difference += Math.abs(str1.length - str2.length)
}
// 同样遍历字符串2处理字符串1中不存在的字符
/*for (let i = 0; i < str2.length; i++) {
if (str1.indexOf(str2[i]) === -1) {
difference++;
}
}*/
return difference;
},
legalRate(rateList) { // 合法的 税率
let rate = rateList[0]
let flag = rateList.every(item => {
//设置的是普票,不校验税率
if(this.invoiceType == 2 && item != '免税' && item != '0%'){
return true
}
return item == rate && ['1%', '3%', '6%', '9%', '13%'].includes(item)
})
console.log('flag', flag)
return flag
},
realRateCheck(rateList) { // 和设置的税率是否符合
let rate = rateList[0]
let flag = rateList.every(item => {
//设置的是普票,不校验税率
if(this.invoiceType == 2 && item != '免税' && item != '0%'){
return true
}
return item == rate && this.realRate + '%' == item
})
console.log('flag', flag)
return flag
},
getInvoiceRates(invoiceDetails) { // 获取发票详情的税率数组
let rates = [];
invoiceDetails.map(item => {
rates.push(item.taxRate)
})
return rates
},
}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
overflow-y: auto;
}
.navBar{
height: 46px;
}
.mt10 {
margin-top: 10px;
}
.contentWrap {
padding-bottom: 70px;
.content_top {
padding: 15px 20px;
background-color: #fff;
.content_tip {
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}
.top_detail {
.detail_content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 10px 0;
.content_item {
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
line-height: 27px;
.content_money {
font-size: 15px;
color: #D48139;
font-weight: bold;
}
}
}
}
.detail_title {
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
padding: 10px 0;
}
.title {
display: flex;
align-items: center;
}
.money {
font-size: 22px;
}
.detail_color {
color: #D48139;
}
.detail_color2 {
color: #FF5D2E;
}
.pd_no {
padding-top: 0;
}
}
}
.squire {
width: 6px;
height: 6px;
display: inline-block;
background-color: #D48139;
border-radius: 2px;
margin-right: 10px;
}
.squire2 {
background-color: #FF5D2E;
}
.border {
width: 100%;
height: 0;
border-bottom: 1px solid;
opacity: 0.16;
border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
}
.invoice_wrap {
background-color: #F4FAFF;
padding: 11px 3px 15px 18px;
border-radius: 4px;
border: 1px solid #EBF2F7;
.invoice_title {
font-size: 14px;
font-weight: bold;
color: rgba(50, 54, 67, 0.76);
display: flex;
justify-content: space-between;
margin-bottom: 10px;
.btn_del {
width: 48px;
height: 18px;
margin-right: 12px;
line-height: 18px;
text-align: center;
border-radius: 3px;
border: 1px solid #DDDDDD;
font-size: 12px;
color: rgba(0, 0, 0, 0.7);
font-weight: normal;
}
}
.invoice_content {
padding-top: 10px;
padding-right: 12px;
color: #000;
font-size: 12px;
line-height: 24px;
.label {
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
margin-right: 10px;
}
.invoice_money {
color: #FF5D2E;
font-size: 15px;
font-weight: bold;
}
}
}
.upload_btn_wrap {
position: fixed;
width: 100%;
box-sizing: border-box;
bottom: 0;
left: 0;
padding: 15px 30px;
display: flex;
color: #fff;
font-weight: bold;
font-size: 14px;
line-height: 40px;
background: #FBFBFB;
box-shadow: 0px -1px 20px 4px rgba(98,107,128,0.2);
div {
height: 40px;
border-radius: 5px;
text-align: center;
flex: 1;
}
.btn_save {
background: #354D93;
margin-right: 4px;
}
.btn_upload {
background: #354D93;
margin-left: 4px;
}
.icon_upload {
width: 13px;
height: 13px;
}
}
.invoice_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
::v-deep .van-uploader__input-wrapper {
width: 100% !important;
}
</style>

View File

@ -70,22 +70,6 @@
</div>
</div>
</div>
<div class="serviceInfo common" v-if="orderDetailInfo.batteryNo">
<div class="title">电瓶信息:</div>
<div class="line"></div>
<div class="infoContent">
<div class="item">
<span class="leftTitle fontColor">设备号:</span><span class="rightContent">{{orderDetailInfo?.batteryNo}}</span>
</div>
<div class="item">
<span class="leftTitle fontColor">品牌:</span><span class="rightContent">{{orderDetailInfo?.batteryBrand}}</span>
</div>
<div class="item">
<span class="leftTitle fontColor">型号:</span><span class="rightContent">{{orderDetailInfo?.batteryModel}}</span>
</div>
</div>
</div>
<div class="map" v-show="showPopup" id="container">
<img @click="showPopup = false" src="@/assets/delKey.png" class="mapImg">
</div>

View File

@ -1,13 +0,0 @@
<template>
<div class="wrap">票务首页</div>
</template>
<script>
export default {
name: "invoiceIndex"
}
</script>
<style scoped>
</style>