|
@@ -3,23 +3,27 @@
|
|
|
<div class="page-title"><i class="title-bar"></i><span>发票管理</span></div>
|
|
<div class="page-title"><i class="title-bar"></i><span>发票管理</span></div>
|
|
|
<!-- 搜索栏 -->
|
|
<!-- 搜索栏 -->
|
|
|
<div class="search-bar">
|
|
<div class="search-bar">
|
|
|
- <el-input v-model="queryParams.keyword" placeholder="搜索" style="width: 200px" clearable>
|
|
|
|
|
|
|
+ <el-input v-model="queryParams.taxId" placeholder="纳税人识别号" style="width: 260px" clearable @keyup.enter="handleQuery">
|
|
|
<template #prefix
|
|
<template #prefix
|
|
|
><el-icon><Search /></el-icon
|
|
><el-icon><Search /></el-icon
|
|
|
></template>
|
|
></template>
|
|
|
</el-input>
|
|
</el-input>
|
|
|
- <el-select v-model="queryParams.searchType" placeholder="账户名称" style="width: 120px">
|
|
|
|
|
- <el-option label="账户名称" value="accountName" />
|
|
|
|
|
- <el-option label="发票抬头" value="invoiceTitle" />
|
|
|
|
|
- <el-option label="纳税人识别号" value="taxNo" />
|
|
|
|
|
- </el-select>
|
|
|
|
|
|
|
+ <el-input v-model="queryParams.bankName" placeholder="开户名称" style="width: 260px" clearable @keyup.enter="handleQuery">
|
|
|
|
|
+ <template #prefix
|
|
|
|
|
+ ><el-icon><Search /></el-icon
|
|
|
|
|
+ ></template>
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ <!-- <el-select v-model="queryParams.taxId" placeholder="账户名称" style="width: 150px" @keyup.enter="handleQuery">
|
|
|
|
|
+ <el-option label="账户名称" value="bankName" />
|
|
|
|
|
+ <el-option label="纳税人识别号" value="taxId" />
|
|
|
|
|
+ </el-select> -->
|
|
|
<div class="search-right"><el-button type="danger" @click="handleAdd">新增开票信息</el-button></div>
|
|
<div class="search-right"><el-button type="danger" @click="handleAdd">新增开票信息</el-button></div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 表格 -->
|
|
<!-- 表格 -->
|
|
|
<el-table :data="tableData" border style="width: 100%" :resizable="false">
|
|
<el-table :data="tableData" border style="width: 100%" :resizable="false">
|
|
|
- <el-table-column prop="bankName" label="开户银行" width="140" show-overflow-tooltip :resizable="false" />
|
|
|
|
|
|
|
+ <el-table-column prop="bankName" label="开户银行" width="260" show-overflow-tooltip :resizable="false" />
|
|
|
<el-table-column prop="bankAccount" label="开户账户" width="180" :resizable="false" />
|
|
<el-table-column prop="bankAccount" label="开户账户" width="180" :resizable="false" />
|
|
|
- <el-table-column prop="taxId" label="纳税人识别号" width="180" :resizable="false" />
|
|
|
|
|
|
|
+ <el-table-column prop="taxId" label="纳税人识别号" width="200" :resizable="false" />
|
|
|
<el-table-column prop="address" label="地址" min-width="140" show-overflow-tooltip :resizable="false" />
|
|
<el-table-column prop="address" label="地址" min-width="140" show-overflow-tooltip :resizable="false" />
|
|
|
<el-table-column prop="phone" label="电话" width="120" :resizable="false" />
|
|
<el-table-column prop="phone" label="电话" width="120" :resizable="false" />
|
|
|
<el-table-column label="操作" width="120" fixed="right" :resizable="false">
|
|
<el-table-column label="操作" width="120" fixed="right" :resizable="false">
|
|
@@ -84,7 +88,7 @@ const total = ref(0);
|
|
|
const invoiceTopic = ref('');
|
|
const invoiceTopic = ref('');
|
|
|
const taxNo = ref('');
|
|
const taxNo = ref('');
|
|
|
|
|
|
|
|
-const queryParams = reactive({ pageNum: 1, pageSize: 10, keyword: '', searchType: 'accountName' });
|
|
|
|
|
|
|
+const queryParams = reactive({ pageNum: 1, pageSize: 10, keyword: '', searchType: 'bankName', bankName: '', taxId: '', invoiceTitle: '' });
|
|
|
const form = reactive({ invoiceTitle: '', taxNo: '', bankName: '', bankAccount: '', address: '', phone: '', bankId: null, bankCode: '' });
|
|
const form = reactive({ invoiceTitle: '', taxNo: '', bankName: '', bankAccount: '', address: '', phone: '', bankId: null, bankCode: '' });
|
|
|
const rules = {
|
|
const rules = {
|
|
|
// invoiceTitle: [{ required: true, message: '请输入发票抬头', trigger: 'blur' }],
|
|
// invoiceTitle: [{ required: true, message: '请输入发票抬头', trigger: 'blur' }],
|