|  |  | 
 |  |  |                 </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; |