|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="info_list_item" style="width: 100%;"> | 
|---|
|  |  |  | <div class="info_list_item_label">地址、电话:</div> | 
|---|
|  |  |  | <div class="info_list_item_val">{{userInfo.company.invoiceAddr}} {{userInfo.company.phone}}</div> | 
|---|
|  |  |  | <div class="info_list_item_val">{{userInfo.company.taxAddr}}</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);">{{total}}</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);">{{total}}</div>--> | 
|---|
|  |  |  | <!--                </div>--> | 
|---|
|  |  |  | <div class="list" style="width: 100%;"> | 
|---|
|  |  |  | <el-radio v-model="type" label="0">电子发票</el-radio> | 
|---|
|  |  |  | <div class="list_val"> | 
|---|
|  |  |  | <div class="list_val_label">接收地址:</div> | 
|---|
|  |  |  | <el-input v-model="val" :disabled="type === '1'" placeholder="" ></el-input> | 
|---|
|  |  |  | </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 === 1" class="info_list_item_val">纸质发票</div>--> | 
|---|
|  |  |  | <div class="list" style="width: 100%;"> | 
|---|
|  |  |  | <el-radio v-model="type" label="1">纸质发票</el-radio> | 
|---|
|  |  |  | <div class="list_val"> | 
|---|
|  |  |  | <div class="list_val_label">接收地址:</div> | 
|---|
|  |  |  | <el-input v-model="val1" :disabled="type === '0'" placeholder=""></el-input> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--            show-summary--> | 
|---|
|  |  |  | <!--            :summary-method="getSummaries"--> | 
|---|
|  |  |  | <el-table | 
|---|
|  |  |  | :data="form.list" | 
|---|
|  |  |  | border | 
|---|
|  |  |  | show-summary | 
|---|
|  |  |  | :summary-method="getSummaries" | 
|---|
|  |  |  |  | 
|---|
|  |  |  | style="width: 100%; margin-bottom: 20px;"> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="序号" | 
|---|
|  |  |  | 
|---|
|  |  |  | prop="code" | 
|---|
|  |  |  | label="保单号"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | align="center" | 
|---|
|  |  |  | label="金额"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span style="color:rgba(249, 86, 1, 0.996078431372549);">{{row.totalPrice}}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <!--                <el-table-column--> | 
|---|
|  |  |  | <!--                    align="center"--> | 
|---|
|  |  |  | <!--                    label="金额">--> | 
|---|
|  |  |  | <!--                    <template slot-scope="{row}">--> | 
|---|
|  |  |  | <!--                        <span style="color:rgba(249, 86, 1, 0.996078431372549);">{{row.totalPrice}}</span>--> | 
|---|
|  |  |  | <!--                    </template>--> | 
|---|
|  |  |  | <!--                </el-table-column>--> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import { entrustInvoicing } from '@/api/business/taxes' | 
|---|
|  |  |  | import { mapState } from 'vuex' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'entrustedInvoicingApplication', | 
|---|
|  |  |  | 
|---|
|  |  |  | backInfo:'', | 
|---|
|  |  |  | list: [] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | val: '', | 
|---|
|  |  |  | val1: '', | 
|---|
|  |  |  | type: '0', | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | backInfo: [ | 
|---|
|  |  |  | { required: true, message: '请输入退回说明' } | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | console.log(this.userInfo) | 
|---|
|  |  |  | this.config({ | 
|---|
|  |  |  | api: '/business/taxes', | 
|---|
|  |  |  | 'field.id': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | watch: { | 
|---|
|  |  |  | type: { | 
|---|
|  |  |  | handler(news) { | 
|---|
|  |  |  | // this.val = '' | 
|---|
|  |  |  | // this.val1 = '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | computed: { | 
|---|
|  |  |  | ...mapState(['userInfo']), | 
|---|
|  |  |  | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | open (title, target) { | 
|---|
|  |  |  | this.title = title | 
|---|
|  |  |  | this.type = '0' | 
|---|
|  |  |  | this.visible = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | for (const key in this.form) { | 
|---|
|  |  |  | this.form[key] = target[key] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.val = this.userInfo.company.invoiceEmail | 
|---|
|  |  |  | this.val1 = this.userInfo.company.invoiceAddr | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | confirm () { | 
|---|
|  |  |  | if (!this.val && !this.val1) { | 
|---|
|  |  |  | this.$message.warning('请输入接收地址') | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.isWorking = true | 
|---|
|  |  |  | entrustInvoicing({ | 
|---|
|  |  |  | address: this.type == 0?this.val : this.val1, | 
|---|
|  |  |  | invoicingMoney: this.total, | 
|---|
|  |  |  | taxDetialList: this.form.list.map(item => { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | insuranceApplyId: item.id, | 
|---|
|  |  |  | fee: item.totalPrice, | 
|---|
|  |  |  | applyCode: item.code | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }), | 
|---|
|  |  |  | type: this.type | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.visible = false | 
|---|
|  |  |  | this.$tip.apiSuccess('操作成功') | 
|---|
|  |  |  | this.$emit('success') | 
|---|
|  |  |  | }).catch(e => { | 
|---|
|  |  |  | this.$tip.apiFailed(e) | 
|---|
|  |  |  | }).finally(() => { | 
|---|
|  |  |  | this.isWorking = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getSummaries (param) { | 
|---|
|  |  |  | 
|---|
|  |  |  | columns.forEach((column, index) => { | 
|---|
|  |  |  | if (index === 0) { | 
|---|
|  |  |  | sums[index] = '合计' | 
|---|
|  |  |  | } else if (index == 4) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } else if (index == 3) { | 
|---|
|  |  |  | let price = 0 | 
|---|
|  |  |  | data.forEach(item => { | 
|---|
|  |  |  | price += item.totalPrice | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | sums[index] = price | 
|---|
|  |  |  | sums[index] = price.toFixed(2) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | return sums; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: left; | 
|---|
|  |  |  | flex-wrap: wrap; | 
|---|
|  |  |  | .list::v-deep { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | justify-content: space-between; | 
|---|
|  |  |  | margin-bottom: 15px; | 
|---|
|  |  |  | .el-radio__label { | 
|---|
|  |  |  | color: black; | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .list_val { | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | .list_val_label { | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | color: black; | 
|---|
|  |  |  | flex-shrink: 0; | 
|---|
|  |  |  | margin-right: 15px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .info_list_item { | 
|---|
|  |  |  | width: 50%; | 
|---|
|  |  |  | display: flex; | 
|---|