<template>
|
<GlobalWindow
|
:title="title"
|
width="100%"
|
submitText="返回修改"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<div class="info">
|
<div class="info_label">
|
<span>企业详情（已申请）</span>
|
</div>
|
<div class="info_list">
|
<div class="info_list_item">
|
<div class="info_list_item_label">开票名称：</div>
|
<div class="info_list_item_val">安徽格力人力资源有限公司</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">纳税人识别号：</div>
|
<div class="info_list_item_val">913418210000000000</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">开户行：</div>
|
<div class="info_list_item_val">安徽农村商业银行股份有限公司合肥支行</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">账号：</div>
|
<div class="info_list_item_val">
|
20010355666666600000000
|
</div>
|
</div>
|
<div class="info_list_item" style="width: 100%;">
|
<div class="info_list_item_label">地址、电话：</div>
|
<div class="info_list_item_val">安徽省合肥市经济技术开发区莲花路以东、石门路以南莲花路1＃ 0551-63450845</div>
|
</div>
|
<div class="info_list_item" style="width: 100%;">
|
<div class="info_list_item_label">接收方式：</div>
|
<div class="info_list_item_val">电子发票</div>
|
</div>
|
<div class="info_list_item" style="width: 100%;">
|
<div class="info_list_item_label">接收地址：</div>
|
<div class="info_list_item_val">111122223333@qq.com</div>
|
</div>
|
<div class="info_list_item" style="width: 100%;">
|
<div class="info_list_item_label">开票金额：</div>
|
<div class="info_list_item_val" style="color:rgba(249, 86, 1, 0.996078431372549);">2000.00</div>
|
</div>
|
</div>
|
<el-table
|
:data="tableData"
|
border
|
show-summary
|
:summary-method="getSummaries"
|
style="width: 100%; margin-bottom: 20px;">
|
<el-table-column
|
label="序号"
|
align="center"
|
width="80">
|
<template slot-scope="scope">
|
<span>{{scope.$index + 1}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="code"
|
label="保险方案">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="code"
|
label="保单号">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="code"
|
label="申请开票时间">
|
</el-table-column>
|
<el-table-column
|
align="center"
|
prop="code"
|
label="金额">
|
</el-table-column>
|
</el-table>
|
</div>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
export default {
|
name: 'OperaCompanyWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow },
|
data () {
|
return {
|
// 表单数据
|
form: {
|
id: null
|
},
|
// 验证规则
|
rules: {},
|
tableData: []
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/taxes',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
open(title,targer){
|
|
},
|
getSummaries (param) {
|
const { columns, data } = param
|
const sums = []
|
columns.forEach((column, index) => {
|
if (index === 0) {
|
sums[index] = '合计'
|
} else {
|
if (index == 9 || index == 10 || index == 11 || index == 12) {
|
const values = data.map(item => Number(item[column.property]))
|
if (!values.every(value => isNaN(value))) {
|
sums[index] = values.reduce((prev, curr) => {
|
const value = Number(curr)
|
if (!isNaN(value)) {
|
return prev + curr
|
} else {
|
return prev
|
}
|
}, 0)
|
}
|
}
|
}
|
})
|
return sums
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.info {
|
width: 100%;
|
.info_label {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-bottom: 20px;
|
span {
|
font-size: 14px;
|
font-weight: 500;
|
color: #000000;
|
}
|
}
|
.info_list {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
flex-wrap: wrap;
|
.info_list_item {
|
width: 50%;
|
display: flex;
|
align-items: start;
|
margin-bottom: 20px;
|
.info_list_item_label {
|
width: 150px;
|
flex-shrink: 0;
|
}
|
.info_list_item_val {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
.image {
|
width: 100px;
|
height: 100px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
overflow: hidden;
|
img {
|
width: 100%;
|
}
|
}
|
}
|
}
|
}
|
}
|
</style>
|
