| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | width="100%" |
| | | width="60%" |
| | | submitText="返回修改" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | |
| | | > |
| | | <div class="info"> |
| | | <div class="info_label"> |
| | | <span>企业详情(已申请)</span> |
| | | <span v-if="model.status === 0">企业详情(待处理)</span> |
| | | <span v-if="model.status === 1">企业详情(已开票)</span> |
| | | <span v-if="model.status === 2">企业详情(平台撤回)</span> |
| | | <span v-if="model.status === 3">企业详情(已冲红)</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 class="info_list_item_val">{{ model.companyName}}</div> |
| | | </div> |
| | | <div class="info_list_item"> |
| | | <div class="info_list_item_label">纳税人识别号:</div> |
| | | <div class="info_list_item_val">913418210000000000</div> |
| | | <div class="info_list_item_val">{{ model.taxCode }}</div> |
| | | </div> |
| | | <div class="info_list_item"> |
| | | <div class="info_list_item_label">开户行:</div> |
| | | <div class="info_list_item_val">安徽农村商业银行股份有限公司合肥支行</div> |
| | | <div class="info_list_item_val">{{ model.taxBank }}</div> |
| | | </div> |
| | | <div class="info_list_item"> |
| | | <div class="info_list_item_label">账号:</div> |
| | | <div class="info_list_item_val"> |
| | | 20010355666666600000000 |
| | | {{ model.taxAccount }} |
| | | </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 class="info_list_item_val">{{ model.taxAddr }}</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 v-if="model.type === 0" class="info_list_item_val">电子发票</div> |
| | | <div v-if="model.type === 1" 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 class="info_list_item_val">{{ model.addr }}</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 class="info_list_item_val" style="color:rgba(249, 86, 1, 0.996078431372549);">{{ model.price }}</div> |
| | | </div> |
| | | </div> |
| | | <el-table |
| | | <el-table v-if="model.type ==0" |
| | | :data="tableData" |
| | | border |
| | | show-summary |
| | |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="code" |
| | | prop="solutionName" |
| | | label="保险方案"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="code" |
| | | prop="applyCode" |
| | | label="保单号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="code" |
| | | prop="createDate" |
| | | label="申请开票时间"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="code" |
| | | prop="fee" |
| | | label="金额"> |
| | | <template slot-scope="{row}"> |
| | | <span style="color:rgba(249, 86, 1, 0.996078431372549);">{{row.fee}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-table v-if="model.type ==1" |
| | | :data="tableData1" |
| | | 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="solutionName" |
| | | label="保险方案"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="applyCode" |
| | | label="保单号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="changApplyCode" |
| | | label="批单号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="fee" |
| | | label="金额"> |
| | | <template slot-scope="{row}"> |
| | | <span style="color:rgba(249, 86, 1, 0.996078431372549);">{{row.fee}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-table v-if="model.type == 1" |
| | | :data="tableData2" |
| | | 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="solutionName" |
| | | label="保险方案"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="taxDoneCode" |
| | | label="发票号"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="taxCreateDate" |
| | | label="申请开票时间"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="fee" |
| | | label="发票金额"> |
| | | <template slot-scope="{row}"> |
| | | <span style="color:rgba(249, 86, 1, 0.996078431372549);">{{row.fee}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import { getDetail } from '@/api/business/taxes' |
| | | export default { |
| | | name: 'OperaCompanyWindow', |
| | | extends: BaseOpera, |
| | |
| | | data () { |
| | | return { |
| | | // 表单数据 |
| | | model: {}, |
| | | form: { |
| | | id: null |
| | | }, |
| | | // 验证规则 |
| | | rules: {}, |
| | | tableData: [] |
| | | tableData: [], |
| | | tableData1: [], |
| | | tableData2: [] |
| | | } |
| | | }, |
| | | created () { |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | open(title,targer){ |
| | | |
| | | open (title, target) { |
| | | this.title = title |
| | | this.visible = true |
| | | this.model = {} |
| | | this.tableData = [] |
| | | this.tableData1 = [] |
| | | this.tableData2 = [] |
| | | this.model = target |
| | | this.getDetails() |
| | | }, |
| | | getDetails () { |
| | | getDetail(this.model.id).then(res => { |
| | | this.model = res |
| | | if (res.type == 0) { |
| | | this.tableData=(res.applyList) |
| | | } else { |
| | | this.tableData1=(res.applyList) |
| | | this.tableData2=(res.delTaxList) |
| | | } |
| | | console.log(this.tableData) |
| | | }).catch(err => { |
| | | }) |
| | | }, |
| | | getSummaries (param) { |
| | | const { columns, data } = param |
| | |
| | | if (index === 0) { |
| | | sums[index] = '合计' |
| | | } else { |
| | | if (index == 9 || index == 10 || index == 11 || index == 12) { |
| | | if (index == 4) { |
| | | const values = data.map(item => Number(item[column.property])) |
| | | if (!values.every(value => isNaN(value))) { |
| | | sums[index] = values.reduce((prev, curr) => { |
| | |
| | | } |
| | | } |
| | | }) |
| | | return sums |
| | | return sums |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | ::v-deep .el-table__footer-wrapper tbody td { |
| | | cursor: pointer; |
| | | text-align: center; |
| | | &:nth-child(5) { |
| | | color:rgba(249, 86, 1, 0.996078431372549); |
| | | } |
| | | } |
| | | ::v-deep .el-table__header-wrapper th:first-child .cell{ |
| | | color:rgba(249, 86, 1, 0.996078431372549) !important |
| | | } |
| | | ::v-deep table:first-of-type th:first-child .cell{ |
| | | //color:rgba(249, 86, 1, 0.996078431372549) !important |
| | | } |
| | | /* ::v-deep .el-table--border th:first-child .cell { |
| | | &:nth-child(2) { |
| | | color:rgba(249, 86, 1, 0.996078431372549); |
| | | } |
| | | }*/ |
| | | |
| | | |
| | | .info { |
| | | width: 100%; |
| | | .info_label { |
| | |
| | | .info_list { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | align-items: left; |
| | | flex-wrap: wrap; |
| | | .info_list_item { |
| | | width: 50%; |
| | | display: flex; |
| | | align-items: start; |
| | | font-size: 14px; |
| | | margin-bottom: 20px; |
| | | .info_list_item_label { |
| | | width: 150px; |