|
@@ -50,12 +50,14 @@
|
|
<div class="hui-table-operation">
|
|
<div class="hui-table-operation">
|
|
<span v-if="nowTitle.id === 1 && scope.row.orderStatus === '支付成功'">
|
|
<span v-if="nowTitle.id === 1 && scope.row.orderStatus === '支付成功'">
|
|
<span class="table-operation" v-if="!scope.row.invoice"
|
|
<span class="table-operation" v-if="!scope.row.invoice"
|
|
- @click="applyInvoice(scope.row)" v-permission="`/work/serve/list/${$route.params.type}/openInvoice`">
|
|
|
|
|
|
+ @click="applyInvoice(scope.row)"
|
|
|
|
+ v-permission="`/work/serve/list/${$route.params.type}/openInvoice`">
|
|
开具发票
|
|
开具发票
|
|
</span>
|
|
</span>
|
|
<span class="color-warning" v-else-if="!scope.row.invoice.state">开具中</span>
|
|
<span class="color-warning" v-else-if="!scope.row.invoice.state">开具中</span>
|
|
<span class="color-success" style="cursor: pointer;" v-else
|
|
<span class="color-success" style="cursor: pointer;" v-else
|
|
- @click="lookOrder(scope.row,2)" v-permission="`/work/serve/list/${$route.params.type}/lookInvoice`">
|
|
|
|
|
|
+ @click="lookOrder(scope.row)"
|
|
|
|
+ v-permission="`/work/serve/list/${$route.params.type}/lookInvoice`">
|
|
查看发票
|
|
查看发票
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
@@ -65,8 +67,9 @@
|
|
<el-table-column label="操作" align="center" width="100">
|
|
<el-table-column label="操作" align="center" width="100">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="hui-table-operation">
|
|
<div class="hui-table-operation">
|
|
- <span class="table-operation" v-permission="`/work/serve/list/${$route.params.type}/detail`"
|
|
|
|
- @click="lookItem(scope.row,1)">
|
|
|
|
|
|
+ <span class="table-operation"
|
|
|
|
+ v-permission="`/work/serve/list/${$route.params.type}/detail`"
|
|
|
|
+ @click="lookItem(scope.row)">
|
|
详情
|
|
详情
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
@@ -84,9 +87,11 @@
|
|
</el-pagination>
|
|
</el-pagination>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <el-drawer :title=" type === 1?'订单详情':'发票详情'" :visible.sync="drawer" :size="800" :append-to-body="true">
|
|
|
|
- <detail v-if="drawer && type === 1" :detailId="detailId" :type="nowTitle.id" @callback="callback"></detail>
|
|
|
|
- <invoice-detail v-if="drawer && type === 2" :detailId="detailId"></invoice-detail>
|
|
|
|
|
|
+ <el-drawer title="订单详情" :visible.sync="drawer" :size="800" :append-to-body="true">
|
|
|
|
+ <detail v-if="drawer" :detailId="detailId" :type="nowTitle.id" @callback="callback"></detail>
|
|
|
|
+ </el-drawer>
|
|
|
|
+ <el-drawer title="发票详情" :visible.sync="drawers" :size="400" :append-to-body="true">
|
|
|
|
+ <invoice-detail v-if="drawers" :detailId="detailId"></invoice-detail>
|
|
</el-drawer>
|
|
</el-drawer>
|
|
<el-dialog :close-on-click-modal="false" title="开具发票" :visible.sync="visible" width="900px"
|
|
<el-dialog :close-on-click-modal="false" title="开具发票" :visible.sync="visible" width="900px"
|
|
:append-to-body="true">
|
|
:append-to-body="true">
|
|
@@ -122,7 +127,7 @@
|
|
detailId: '',
|
|
detailId: '',
|
|
visible: false,
|
|
visible: false,
|
|
orderNo: '',
|
|
orderNo: '',
|
|
- type: 1
|
|
|
|
|
|
+ drawers: false
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -183,15 +188,13 @@
|
|
this.currPage = currPage;
|
|
this.currPage = currPage;
|
|
this.init();
|
|
this.init();
|
|
},
|
|
},
|
|
- lookItem(data, type) {
|
|
|
|
- this.type = type;
|
|
|
|
|
|
+ lookItem(data) {
|
|
this.detailId = data.id;
|
|
this.detailId = data.id;
|
|
this.drawer = true;
|
|
this.drawer = true;
|
|
},
|
|
},
|
|
- lookOrder(data, type) {
|
|
|
|
- this.type = type;
|
|
|
|
|
|
+ lookOrder(data) {
|
|
this.detailId = data.invoice.id;
|
|
this.detailId = data.invoice.id;
|
|
- this.drawer = true;
|
|
|
|
|
|
+ this.drawers = true;
|
|
},
|
|
},
|
|
applyInvoice(data) {
|
|
applyInvoice(data) {
|
|
this.orderNo = data.orderNo;
|
|
this.orderNo = data.orderNo;
|