提交 a6ea3f45 authored 作者: matian's avatar matian

update:代码提交

上级 3fda2cb6
<template>
<div>
<table border="1" width="1200px" cellspacing="0" >
<tr>
<th>订单用户名称</th>
<td>111</td>
<th>支付人姓名</th>
<td>111</td>
<td>订单编号</td>
<td>adad</td>
<td>支付状态</td>
<td>sdad</td>
</tr>
<tr>
<th>备注</th>
<td colspan="8">21h3u</td>
</tr>
</table>
</div>
</template>
<script>
export default {
}
</script>
<style></style>
<template>
<div>
<table border="1" width="1200px" cellspacing="0">
<tr>
<th>学员姓名</th>
<td>111</td>
<th>报名项目</th>
<td>111</td>
<td>所属班次</td>
<td>adad</td>
</tr>
<tr>
<th>开学时间</th>
<td >21h3u</td>
<th>学制期限</th>
<td >21h3u</td>
<th>跟进人</th>
<td >21h3u</td>
</tr>
</table>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
\ No newline at end of file
<template>
<div class="ticketInfo">
<table border="1" width="1200px" cellspacing="0" v-for="(item,index) in TicketInfoList" :key="index" class="table">
<tr>
<th colspan="10">{{item.title}}</th>
</tr>
<tr>
<th>发票编码</th>
<td>{{item.ticketNum}}</td>
<th>发票代码</th>
<td>{{item.code}}</td>
<th>发票类型</th>
<td>{{item.ticketType}}</td>
<th>开票人类型</th>
<td>{{item.peopleType}}</td>
<th>开票类型</th>
<td>{{item.toTicketType}}</td>
</tr>
<tr>
<th>含税金额</th>
<td >{{item.totalPrice}}</td>
<th>税率</th>
<td >{{item.percent}}</td>
<th>税额</th>
<td >{{item.percentPart}}</td>
<th>不含税金额(元)</th>
<td >{{item.price}}</td>
<th>发票申请日期</th>
<td >{{item.applyDate}}</td>
</tr>
<tr>
<th>票据类型</th>
<td >{{item.type}}</td>
<th>纳税人名称</th>
<td >{{item.name}}</td>
<th>纳税人识别号</th>
<td >{{item.num}}</td>
<th>邮箱地址</th>
<td >{{item.email}}</td>
<th>开票日期</th>
<td >{{item.date}}</td>
</tr>
<tr>
<th>邮寄地址</th>
<td colspan="3">{{item.address}}</td>
<th>收件人姓名</th>
<td >{{item.recipientName}}</td>
<th>收件人手机号</th>
<td >{{item.recipientPhone}}</td>
<th>票据跟进人</th>
<td>{{item.follow}}</td>
</tr>
<tr>
<th >备注</th>
<td colspan="9">{{item.remark}}</td>
</tr>
</table>
</div>
</template>
<script>
export default {
data () {
return {
TicketInfoList: [
{
ticketNum: 'jdaijdajk',
code: 'eqeqeq',
remark: 'eqeq',
follow: 'eqe',
recipientPhone: 'weqe',
recipientName: 'wewr',
address: 'eqweq',
date: 'qeeqe',
email: 'eqweq',
num: 'dqwdq',
name: 'uutu',
type: 'ty67u',
applyDate: 'fee3t',
price: '24424',
percentPart: '342234',
percent: '2342 3',
totalPrice: 'wr342',
toTicketType: 'dfe',
peopleType: 'cvd',
title: 'daddd'
},
{
ticketNum: 'jdaijdajk',
code: 'eqeqeq',
remark: 'eqeq',
follow: 'eqe',
recipientPhone: 'weqe',
recipientName: 'wewr',
address: 'eqweq',
date: 'qeeqe',
email: 'eqweq',
num: 'dqwdq',
name: 'uutu',
type: 'ty67u',
applyDate: 'fee3t',
price: '24424',
percentPart: '342234',
percent: '2342 3',
totalPrice: 'wr342',
toTicketType: 'dfe',
peopleType: 'cvd',
title: 'daddd'
}
]
}
}
}
</script>
<style>
.table{
margin-bottom: 40px;
}
</style>
<template>
<div>
<app-card title="订单信息"></app-card>
<app-card title="学员信息"></app-card>
<app-card title="发票信息"></app-card>
<app-card title="订单信息">
<Order :detailList="detailList"/>
</app-card>
<app-card title="学员信息">
<Student :detailList="detailList"/>
</app-card>
<app-card title="发票信息">
<Ticket :detailList="detailList"/>
</app-card>
</div>
</template>
<script>
// 组件
import AppCard from '@/components/base/AppCard.vue'
import Order from '../components/Order.vue'
import Student from '../components/Student.vue'
import Ticket from '../components/Ticket.vue'
export default {
components: { AppCard }
components: { AppCard, Order, Student, Ticket },
data() {
return {
detailList: {}
}
},
created() {
// 获取发票详情信息
this.fetchTicketDetail()
},
methods: {
fetchTicketDetail() {
getTicketDetail().then(res => {
if (res.code === 0) {
this.detailList = res.data
}
})
}
}
}
</script>
......
<template>
<app-card>
<app-list v-bind="tableOptions" ref="list" @selection-change="handleSelectionChange">
<app-list
v-bind="tableOptions"
ref="list"
@selection-change="handleSelectionChange"
>
<!-- 状态 -->
<template v-slot:status="{ row }">
<el-switch
v-model="row.status"
:active-value="1"
:inactive-value="0"
></el-switch>
</template>
<!-- 操作 -->
<template v-slot:table-x="{ row }">
<router-link :to="{ name: 'paymentView', params: { id: row.id } }">
<el-button type="text">查看</el-button>
</router-link>
<el-button type="text">作废发票</el-button>
</template>
</app-list>
</app-card>
</template>
<script>
// 组件
import AppList from '@/components/base/AppList.vue'
import AppCard from '@/components/base/AppCard.vue'
// 接口
// import { getGoodsList } from '../api'
export default {
components: { AppCard, AppList },
data() {
return {}
return {
shareDialogVisible: false,
shareUrl: '',
toticket_type: 2,
dialogVisible: false,
multipleSelection: []
}
},
computed: {
// 列表配置
......@@ -48,23 +67,45 @@ export default {
{
type: 'select',
prop: 'group_id',
options: this.groupList,
labelKey: 'group_name',
valueKey: 'group_id',
placeholder: '发票状态'
placeholder: '渠道',
options: [
{ label: '全部', value: '0' },
{ label: '开启', value: '1' },
{ label: '关闭', value: '2' }
]
},
{
type: 'select',
prop: 'group_id',
options: this.groupList,
labelKey: 'group_name',
valueKey: 'group_id',
placeholder: '发票类型'
placeholder: '申请状态',
options: [
{ label: '全部', value: '0' },
{ label: '开启', value: '1' },
{ label: '关闭', value: '2' }
]
},
{
type: 'select',
prop: 'spu_name',
placeholder: '允许开具发票',
prop: 'group_id',
labelKey: 'group_name',
valueKey: 'group_id',
placeholder: '费用类型',
options: [
{ label: '全部', value: '0' },
{ label: '开启', value: '1' },
{ label: '关闭', value: '2' }
]
},
{
type: 'select',
prop: 'group_id',
labelKey: 'group_name',
valueKey: 'group_id',
placeholder: '发票状态',
options: [
{ label: '全部', value: '0' },
{ label: '开启', value: '1' },
......@@ -73,23 +114,55 @@ export default {
}
],
columns: [
{ label: '客户名称', prop: 'date', minWidth: 140 },
{ label: '项目', prop: 'name', align: 'center', minWidth: 140 },
{ label: '地址', prop: 'address', minWidth: 120 },
{ label: '操作', slots: 'table-x', align: 'right', width: 150 }
{ type: 'selection', minWidth: '50px', fixed: 'left' },
{ label: '客户名称', prop: 'date', minWidth: 80 },
{ label: '项目', prop: 'name', align: 'center', minWidth: 80 },
{ label: '支付状态', prop: 'name', align: 'center', minWidth: 80 },
{ label: '首次缴费时间', prop: 'address', align: 'center', minWidth: 80 },
{ label: '末次缴费时间', prop: 'name', align: 'center', minWidth: 80 },
{ label: '应缴金额', slots: 'status', align: 'center', minWidth: 100 },
{ label: '实缴金额', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '手续费', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '到账金额', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '代缴金额', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '跟进人', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '渠道', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '交易流水号', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '服务费规则', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '服务费比例', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '不含税销售金额', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '渠道代理提基数', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '代理服务费', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '代理服务费(不含税金额)', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '渠道税率', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '户名', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '账号', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '开户行', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '所属班次', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '开学时间', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '学制期限', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '实缴金额', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '实缴金额', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '实缴金额', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '实缴金额', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '实缴金额', slots: 'table-x', align: 'center', minWidth: 300 },
{ label: '实缴金额', slots: 'table-x', align: 'center', minWidth: 300 }
],
data: [
{
id: '1',
date: '2016-05-02',
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
address: '上海市普陀区金沙江路 1519 弄'
},
{
id: '2',
date: '2016-05-04',
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
address: '上海市普陀区金沙江路 1519 弄'
},
{
id: '3',
......@@ -101,7 +174,7 @@ export default {
id: '4',
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
address: '上海市普陀区金沙江路 1519 弄'
}
]
}
......@@ -118,10 +191,6 @@ export default {
params.price_zone = `${params.price_min || ''},${params.price_max || ''}`
return params
},
// 编辑
handleUpdate(row) {
this.$router.push({ name: 'goodsEdit', params: { id: row.spu_id } })
},
// 选择
handleSelectionChange(value) {
this.multipleSelection = value
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论