|
@@ -7,11 +7,11 @@
|
|
|
<!-- 所有的 css js 资源 -->
|
|
|
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.13.0/lib/theme-chalk/index.css">
|
|
|
<link rel="stylesheet" href="../../static/sa.css">
|
|
|
- <script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
|
|
|
- <script src="https://unpkg.com/element-ui@2.13.0/lib/index.js"></script>
|
|
|
- <script src="https://unpkg.com/http-vue-loader@1.4.2/src/httpVueLoader.js"></script>
|
|
|
- <script src="https://unpkg.com/jquery@3.4.1/dist/jquery.js"></script>
|
|
|
- <script src="https://www.layuicdn.com/layer-v3.1.1/layer.js"></script>
|
|
|
+ <script src="../../static/kj/vue.min.js"></script>
|
|
|
+ <script src="../../static/kj/element-ui/index.js"></script>
|
|
|
+ <script src="../../static/kj/httpVueLoader.js"></script>
|
|
|
+ <script src="../../static/kj/jquery.min.js"></script>
|
|
|
+ <script src="../../static/kj/layer/layer.js"></script>
|
|
|
<script src="../../static/sa.js"></script>
|
|
|
<style type="text/css">
|
|
|
.c-panel .c-label{width: 8em;}
|
|
@@ -23,15 +23,90 @@
|
|
|
<div class="s-body">
|
|
|
<div class="c-panel">
|
|
|
<el-form v-if="m">
|
|
|
- <sa-info name="主键" br>{{m.id}}</sa-info>
|
|
|
- <sa-info name="业务名称" br>{{m.businessName}}</sa-info>
|
|
|
- <sa-info name="业务订单号" br>{{m.businessNo}}</sa-info>
|
|
|
- <sa-info name="微信支付订单号" br>{{m.transactionId}}</sa-info>
|
|
|
- <sa-info name="账单金额" br>{{m.billMoney}}</sa-info>
|
|
|
- <sa-info type="img" name="账单截图" :value="m.billImage" br></sa-info>
|
|
|
- <sa-info type="enum" name="开票状态" :value="m.status" :jv="{0: '未申请', 1: '已申请', 2: '已开票'}" br></sa-info>
|
|
|
- <sa-info name="开票时间" br>{{m.invoiceTime}}</sa-info>
|
|
|
- <sa-info name="创建时间" br>{{m.createTime}}</sa-info>
|
|
|
+ <el-row>
|
|
|
+ <el-collapse value='1'>
|
|
|
+ <el-collapse-item name="1">
|
|
|
+ <div slot="title">
|
|
|
+ 基础信息
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-row>
|
|
|
+ <el-col span="12">
|
|
|
+ <sa-info name="业务名称" br>{{m.businessName}}</sa-info>
|
|
|
+ <sa-info name="业务订单号" br>{{m.businessNo}}</sa-info>
|
|
|
+ <sa-info name="微信支付订单号" br>{{m.transactionId}}</sa-info>
|
|
|
+ <sa-info name="账单金额" br>{{m.billMoney}}</sa-info>
|
|
|
+ <sa-info name="开票时间" br>{{m.invoiceTime}}</sa-info>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <sa-info type="img" name="账单截图" :value="m.billImage" br></sa-info>
|
|
|
+ <sa-info type="enum" name="开票状态" :value="m.status" :jv="{0: '未申请', 1: '已申请', 2: '已开票'}" br></sa-info>
|
|
|
+ <sa-info name="创建时间" br>{{m.createTime}}</sa-info>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-collapse value='1'>
|
|
|
+ <el-collapse-item name="1">
|
|
|
+ <div slot="title">
|
|
|
+ 收费明细
|
|
|
+ </div>
|
|
|
+ <el-table :data="feeDetails" style="width: 100%">
|
|
|
+ <el-table-column label="收费项目">
|
|
|
+ <template slot-scope="s">
|
|
|
+ <b v-if="s.row.feeType == 1">核酸检测</b>
|
|
|
+ <b v-if="s.row.feeType == 2">消杀作业</b>
|
|
|
+ <b v-if="s.row.feeType == 3">装卸作业</b>
|
|
|
+ <b v-if="s.row.feeType == 4">停车费</b>
|
|
|
+ <b v-if="s.row.feeType == 5">过磅费</b>
|
|
|
+ <b v-if="s.row.feeType == 6">入场管理费</b>
|
|
|
+ <b v-if="s.row.feeType == 7">充电打冷作业</b>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="业务类型" prop="itemTypeName" ></el-table-column>
|
|
|
+ <el-table-column label="车型" prop="itemName" ></el-table-column>
|
|
|
+ <el-table-column label="车牌号" prop="carNo" width="90px" ></el-table-column>
|
|
|
+ <el-table-column label="数量" prop="num" ></el-table-column>
|
|
|
+ <el-table-column label="单价(元)" prop="unitPrice" ></el-table-column>
|
|
|
+ <el-table-column label="总价(元)" prop="itemPrice" ></el-table-column>
|
|
|
+ <el-table-column label="税率(%)" >
|
|
|
+ <template slot-scope="s">
|
|
|
+ <span>{{s.row.taxRate * 100}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="税款(元)" >
|
|
|
+ <template slot-scope="s">
|
|
|
+ <span>{{Number(s.row.taxPrice).toFixed(2)}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="不含税金额(元)" >
|
|
|
+ <template slot-scope="s">
|
|
|
+ <span>{{Number(s.row.noTaxPrice).toFixed(2)}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="业务单号" width="140px">
|
|
|
+ <template slot-scope="s">
|
|
|
+ <span v-if="s.row.businessNo != null && s.row.businessNo != ''" >{{s.row.businessNo}}</span>
|
|
|
+ <span v-else>{{s.row.businessCarNo}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <!-- <sa-td name="订单编号" prop="transactionId" width="220px" ></sa-td>-->
|
|
|
+ <el-table-column label="微信支付业务单号" width="220px">
|
|
|
+ <template slot-scope="s">
|
|
|
+ <el-tooltip :content="s.row.transactionId"placement="bottom"effect="light">
|
|
|
+ <el-button class="keyButton">{{ s.row.transactionId }}</el-button>
|
|
|
+ </el-tooltip>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
</el-form>
|
|
|
</div>
|
|
@@ -50,13 +125,20 @@
|
|
|
el: '.vue-box',
|
|
|
data: {
|
|
|
id: sa.p('id', 0), // 获取数据ID
|
|
|
- m: null
|
|
|
+ m: null,
|
|
|
+ feeDetails:''
|
|
|
},
|
|
|
methods: {
|
|
|
+ getDetails(tranId){
|
|
|
+ sa.ajax('/TbInvoiceOrder/getDetailsByTransId?transactionId=' + tranId, function(res) {
|
|
|
+ this.feeDetails = res.data;
|
|
|
+ }.bind(this))
|
|
|
+ }
|
|
|
},
|
|
|
mounted: function() {
|
|
|
sa.ajax('/TbInvoiceOrder/getById?id=' + this.id, function(res) {
|
|
|
this.m = res.data;
|
|
|
+ this.getDetails(this.m.transactionId);
|
|
|
if(res.data == null) {
|
|
|
sa.alert('未能查找到 id=' + this.id + " 详细数据");
|
|
|
}
|