Skip to content

C
center-finance
提交 0178a5e8 authored 作者: matian's avatar matian
浏览文件
操作

页面列表代码更新

上级 69bf9b49
隐藏空白字符变更
内嵌 并排
正在显示 包含 59 行增加 和 83 行删除
src/modules/payment/components/Confirmed.vue
浏览文件 @ 0178a5e8
...@@ -40,13 +40,13 @@ export default { ...@@ -40,13 +40,13 @@ export default {
}, },
columns: [ columns: [
{ label: '#', type: 'index', minWidth: '50px', fixed: 'left' }, { label: '#', type: 'index', minWidth: '50px', fixed: 'left' },
{ label: '支付凭证', prop: 'id', minWidth: 100 }, { label: '支付凭证', prop: 'payment_voucher_filename', minWidth: 100 },
{ label: '支付人姓名', prop: 'name', align: 'center', minWidth: 100 }, { label: '支付人姓名', prop: 'name', align: 'center', minWidth: 120 },
{ label: '支付金额', prop: 'amount', align: 'center', minWidth: 100 }, { label: '支付金额', prop: 'amount', align: 'center', minWidth: 100 },
{ label: '支付时间', prop: 'payment_time', align: 'center', minWidth: 100 }, { label: '支付时间', prop: 'payment_time', align: 'center', minWidth: 100 },
{ label: '支付方式', prop: 'payment_method', align: 'center', minWidth: 100 }, { label: '支付方式', prop: 'payment_method', align: 'center', minWidth: 100 },
{ label: '其他支付方式', prop: 'payment_method_others', align: 'center', minWidth: 100 }, { label: '其他支付方式', prop: 'payment_method_others', align: 'center', minWidth: 150 },
{ label: '交易流水号', prop: 'txn_id', align: 'center', minWidth: 100 }, { label: '交易流水号', prop: 'txn_id', align: 'center', minWidth: 150 },
{ {
label: '支付状态', label: '支付状态',
prop: 'payment_status', prop: 'payment_status',
......
src/modules/payment/components/TicketForm.vue
浏览文件 @ 0178a5e8
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<div> <div>
<h3>支付信息</h3> <h3>支付信息</h3>
<table border="1" width="720px" cellspacing="0" class="table"> <table border="1" width="860px" cellspacing="0" class="table">
<tr> <tr>
<th>客户姓名</th> <th>客户姓名</th>
<td>{{ detailList.name }}</td> <td>{{ detailList.name }}</td>
...@@ -146,54 +146,18 @@ export default { ...@@ -146,54 +146,18 @@ export default {
toticket_type: [{ required: true, message: '请选择开票类型', trigger: 'change' }], toticket_type: [{ required: true, message: '请选择开票类型', trigger: 'change' }],
people_type: [{ required: true, message: '请选择抬头类型', trigger: 'change' }], people_type: [{ required: true, message: '请选择抬头类型', trigger: 'change' }],
invioce_type: [{ required: true, message: '请选择发票类型', trigger: 'change' }], invioce_type: [{ required: true, message: '请选择发票类型', trigger: 'change' }],
taxpayer_name: [ taxpayer_name: [{ required: true, message: '请输入纳税人名称', trigger: 'blur' }],
{ required: true, message: '请输入纳税人名称', trigger: 'blur' }, taxpayer_identifier: [{ required: true, message: '请输入纳税人识别号', trigger: 'blur' }],
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } address: [{ required: true, message: '请输入地址', trigger: 'blur' }],
], taxpayer_address: [{ required: true, message: '请输入地址', trigger: 'blur' }],
taxpayer_identifier: [ taxpayer_mobile: [{ required: true, message: '请输入电话', trigger: 'blur' }],
{ required: true, message: '请输入纳税人识别号', trigger: 'blur' }, taxpayer_bank_name: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
{ min: 3, max: 30, message: '长度在 3 到 30 个字符', trigger: 'blur' } taxpayer_bank_account: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
], account: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],
address: [ mail_address: [{ required: true, message: '请输入邮箱地址', trigger: 'blur' }],
{ required: true, message: '请输入地址', trigger: 'blur' }, recipient_name: [{ required: true, message: '请输入收件人名称', trigger: 'blur' }],
{ min: 3, max: 30, message: '长度在 3 到 30 个字符', trigger: 'blur' } recipient_phone: [{ required: true, message: '请输入收件人手机号', trigger: 'blur' }],
], follow: [{ required: true, message: '请输入跟进人', trigger: 'blur' }]
taxpayer_address: [
{ required: true, message: '请输入地址', trigger: 'blur' },
{ min: 5, max: 30, message: '长度在 5 到 30 个字符', trigger: 'blur' }
],
taxpayer_mobile: [
{ required: true, message: '请输入电话', trigger: 'blur' },
{ min: 11, max: 11, message: '长度在 11 个字符', trigger: 'blur' }
],
taxpayer_bank_name: [
{ required: true, message: '请输入开户行', trigger: 'blur' },
{ min: 4, max: 10, message: '长度在 4 到 10 个字符', trigger: 'blur' }
],
taxpayer_bank_account: [
{ required: true, message: '请输入银行账号', trigger: 'blur' },
{ min: 19, max: 19, message: '长度在 19个字符', trigger: 'blur' }
],
account: [
{ required: true, message: '请输入活动名称', trigger: 'blur' },
{ min: 19, max: 19, message: '长度在 19 个字符', trigger: 'blur' }
],
mail_address: [
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ min: 5, max: 16, message: '长度在 5 到 16 个字符', trigger: 'blur' }
],
recipient_name: [
{ required: true, message: '请输入收件人名称', trigger: 'blur' },
{ min: 3, max: 8, message: '长度在 3 到 8 个字符', trigger: 'blur' }
],
recipient_phone: [
{ required: true, message: '请输入收件人手机号', trigger: 'blur' },
{ min: 11, max: 11, message: '长度 11 个字符', trigger: 'blur' }
],
follow: [
{ required: true, message: '请输入跟进人', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
]
} }
} }
}, },
...@@ -230,6 +194,19 @@ export default { ...@@ -230,6 +194,19 @@ export default {
<style> <style>
.table { .table {
border: 1px solid #000;
margin-bottom: 20px; margin-bottom: 20px;
} }
th {
width: 50px;
text-align: center;
font-size: 16px;
color: rgb(10, 1, 1);
font-weight: normal;
}
td {
width: 120px;
text-align: center;
color: rgb(10, 1, 1);
}
</style> </style>
src/modules/payment/components/Toconfirm.vue
浏览文件 @ 0178a5e8
<!-- 待确认列表 --> <!-- 待确认列表 -->
<template> <template>
<app-card> <app-card>
<app-list v-bind="tableOptions" ref="list" > <app-list v-bind="tableOptions" ref="list">
<template v-slot:table-x="{ row }"> <template v-slot:table-x="{ row }">
<router-link :to="{ name: 'deal', params: { id: row.id } }"> <router-link :to="{ name: 'deal', params: { id: row.id } }">
<el-button>处理</el-button> <el-button>处理</el-button>
</router-link> </router-link>
</template> </template>
</app-list> </app-list>
</app-card> </app-card>
</template> </template>
<script> <script>
...@@ -37,12 +36,12 @@ export default { ...@@ -37,12 +36,12 @@ export default {
columns: [ columns: [
{ label: '#', type: 'index', minWidth: '50px', fixed: 'left' }, { label: '#', type: 'index', minWidth: '50px', fixed: 'left' },
{ label: '支付凭证', prop: 'id', minWidth: 100 }, { label: '支付凭证', prop: 'id', minWidth: 100 },
{ label: '支付人姓名', prop: 'name', align: 'center', minWidth: 100 }, { label: '支付人姓名', prop: 'name', align: 'center', minWidth: 150 },
{ label: '支付金额', prop: 'amount', align: 'center', minWidth: 100 }, { label: '支付金额', prop: 'amount', align: 'center', minWidth: 100 },
{ label: '支付时间', prop: 'payment_time', align: 'center', minWidth: 100 }, { label: '支付时间', prop: 'payment_time', align: 'center', minWidth: 100 },
{ label: '支付方式', prop: 'payment_method', align: 'center', minWidth: 100 }, { label: '支付方式', prop: 'payment_method', align: 'center', minWidth: 100 },
{ label: '其他支付方式', prop: 'payment_method_others', align: 'center', minWidth: 100 }, { label: '其他支付方式', prop: 'payment_method_others', align: 'center', minWidth: 150 },
{ label: '交易流水号', prop: 'txn_id', align: 'center', minWidth: 100 }, { label: '交易流水号', prop: 'txn_id', align: 'center', minWidth: 150 },
{ label: '支付状态', prop: 'payment_status', align: 'center', minWidth: 100 }, { label: '支付状态', prop: 'payment_status', align: 'center', minWidth: 100 },
{ label: '创建日期', prop: 'created_time', align: 'center', minWidth: 100 }, { label: '创建日期', prop: 'created_time', align: 'center', minWidth: 100 },
{ slots: 'table-x', align: 'center', minWidth: 100 } { slots: 'table-x', align: 'center', minWidth: 100 }
......
src/modules/payment/views/List.vue
浏览文件 @ 0178a5e8
...@@ -241,23 +241,23 @@ export default { ...@@ -241,23 +241,23 @@ export default {
columnsOptions: { key: 'payments' }, columnsOptions: { key: 'payments' },
columns: [ columns: [
{ type: 'selection', minWidth: '50px', fixed: 'left' }, { type: 'selection', minWidth: '50px', fixed: 'left' },
{ label: '客户名称', prop: 'name', minWidth: 80 }, { label: '客户名称', prop: 'name', minWidth: 100 },
{ label: '项目', prop: 'project', align: 'center', minWidth: 80 }, { label: '项目', prop: 'project', align: 'center', minWidth: 100 },
{ label: '支付状态', prop: 'paymentStatuView', align: 'center', minWidth: 80 }, { label: '支付状态', prop: 'paymentStatuView', align: 'center', minWidth: 100 },
{ label: '首次缴费时间', prop: 'first_payment_time', align: 'center', minWidth: 200 }, { label: '首次缴费时间', prop: 'first_payment_time', align: 'center', minWidth: 200 },
{ label: '末次缴费时间', prop: 'final_payment_time', align: 'center', minWidth: 200 }, { label: '末次缴费时间', prop: 'final_payment_time', align: 'center', minWidth: 200 },
{ label: '应缴金额', prop: 'bill_total', align: 'center', minWidth: 80 }, { label: '应缴金额', prop: 'bill_total', align: 'center', minWidth: 100 },
{ label: '实缴金额', prop: 'amount_need_to_pay', align: 'center', minWidth: 80 }, { label: '实缴金额', prop: 'amount_need_to_pay', align: 'center', minWidth: 100 },
{ label: '手续费', prop: 'service_charge', align: 'center', minWidth: 80 }, { label: '手续费', prop: 'service_charge', align: 'center', minWidth: 100 },
{ label: '到账金额', prop: 'amount_received', align: 'center', minWidth: 80 }, { label: '到账金额', prop: 'amount_received', align: 'center', minWidth: 100 },
{ label: '代缴金额', prop: 'amount_waiting_for_pay', align: 'center', minWidth: 80 }, { label: '代缴金额', prop: 'amount_waiting_for_pay', align: 'center', minWidth: 100 },
{ label: '跟进人', prop: 'sales_rep_user_id_name', align: 'center', minWidth: 80 }, { label: '跟进人', prop: 'sales_rep_user_id_name', align: 'center', minWidth: 100 },
{ label: '渠道', prop: 'channelView', align: 'center', minWidth: 80 }, { label: '渠道', prop: 'channelView', align: 'center', minWidth: 100 },
{ label: '交易流水号', prop: 'txn_id_list', align: 'center', minWidth: 300 }, { label: '交易流水号', prop: 'txn_id_list', align: 'center', minWidth: 300 },
{ label: '服务费规则', prop: 'service_fee_rules', align: 'center', minWidth: 120 }, { label: '服务费规则', prop: 'service_fee_rules', align: 'center', minWidth: 120 },
{ label: '服务费比例', prop: 'service_charge_ratio', align: 'center', minWidth: 120 }, { label: '服务费比例', prop: 'service_charge_ratio', align: 'center', minWidth: 120 },
{ label: '不含税销售金额', prop: 'sales_amount_excluding_tax', align: 'center', minWidth: 120 }, { label: '不含税销售金额', prop: 'sales_amount_excluding_tax', align: 'center', minWidth: 150 },
{ label: '渠道代理提基数', prop: 'channel_agent_fee_base', align: 'center', minWidth: 120 }, { label: '渠道代理提基数', prop: 'channel_agent_fee_base', align: 'center', minWidth: 150 },
{ label: '代理服务费', prop: 'agency_service_fee', align: 'center', minWidth: 120 }, { label: '代理服务费', prop: 'agency_service_fee', align: 'center', minWidth: 120 },
{ {
label: '代理服务费（不含税金额）', label: '代理服务费（不含税金额）',
...@@ -265,19 +265,19 @@ export default { ...@@ -265,19 +265,19 @@ export default {
align: 'center', align: 'center',
minWidth: 300 minWidth: 300
}, },
{ label: '渠道税率', prop: 'channel_tax_rate', align: 'center', minWidth: 80 }, { label: '渠道税率', prop: 'channel_tax_rate', align: 'center', minWidth: 100 },
{ label: '户名', prop: 'channel_account_name', align: 'center', minWidth: 80 }, { label: '户名', prop: 'channel_account_name', align: 'center', minWidth: 100 },
{ label: '账号', prop: 'channel_account', align: 'center', minWidth: 80 }, { label: '账号', prop: 'channel_account', align: 'center', minWidth: 100 },
{ label: '开户行', prop: 'channel_bank_of_deposit', align: 'center', minWidth: 80 }, { label: '开户行', prop: 'channel_bank_of_deposit', align: 'center', minWidth: 100 },
{ label: '所属班次', prop: 'bill_customer_class', align: 'center', minWidth: 80 }, { label: '所属班次', prop: 'bill_customer_class', align: 'center', minWidth: 100 },
{ label: '开学时间', prop: 'bill_customer_class_start_time', align: 'center', minWidth: 200 }, { label: '开学时间', prop: 'bill_customer_class_start_time', align: 'center', minWidth: 200 },
{ label: '学制期限', prop: 'bill_customer_class_length_of_schooling', align: 'center', minWidth: 80 }, { label: '学制期限', prop: 'bill_customer_class_length_of_schooling', align: 'center', minWidth: 100 },
{ label: '客户编号', prop: 'customer_id', align: 'center', minWidth: 300 }, { label: '客户编号', prop: 'customer_id', align: 'center', minWidth: 300 },
{ {
label: '退费状态', label: '退费状态',
prop: 'refund_time', prop: 'refund_time',
align: 'center', align: 'center',
minWidth: 80, minWidth: 100,
computed({ row }) { computed({ row }) {
return row.refund_time === null ? '未退费' : '已退费' return row.refund_time === null ? '未退费' : '已退费'
} }
...@@ -286,7 +286,7 @@ export default { ...@@ -286,7 +286,7 @@ export default {
label: '发票状态', label: '发票状态',
prop: 'invoiceStatusView', prop: 'invoiceStatusView',
align: 'center', align: 'center',
minWidth: 80 minWidth: 100
}, },
{ label: '发票申请日期', prop: 'invoice_application_time', align: 'center', minWidth: 200 }, { label: '发票申请日期', prop: 'invoice_application_time', align: 'center', minWidth: 200 },
{ label: '允许开具发票', prop: 'can_add_invoice', slots: 'status', align: 'center', minWidth: 200 }, { label: '允许开具发票', prop: 'can_add_invoice', slots: 'status', align: 'center', minWidth: 200 },
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论