提交 dbf7a586 authored 作者: 王鹏飞's avatar 王鹏飞

目录结构调整

上级 9d89d600
......@@ -25,13 +25,19 @@ export default {
return {
menuList: [
{
name: '财务管理',
path: '/finance',
icon: 'el-icon-money',
children: [
{ name: '支付记录', path: '/finance/payment' },
{ name: '发票记录', path: '/finance/invoice' }
]
name: '支付管理',
path: '/payment',
icon: 'el-icon-money'
},
{
name: '发票管理',
path: '/invoice',
icon: 'el-icon-postcard'
},
{
name: '渠道管理',
path: '/channel',
icon: 'el-icon-box'
}
]
}
......@@ -54,6 +60,7 @@ export default {
border-right: 1px solid rgba(0, 0, 0, 0.12);
overflow-x: hidden;
overflow-y: auto;
flex: 0 0 240px;
}
.nav {
margin: 20px 0;
......
const routes = [
{
path: '/channel',
component: () => import('@/components/layout/Index.vue'),
meta: { title: '渠道管理' },
children: [
{
path: '',
component: () => import('./views/List.vue'),
meta: { title: '渠道列表' }
},
{
name: 'channelView',
path: 'channel/:id',
component: () => import('./views/Detail.vue'),
meta: { title: '渠道详情' }
}
]
}
]
export { routes }
<template>
<<<<<<< HEAD
<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>
const routes = [
{
path: '/finance',
redirect: '/finance/payment',
path: '/invoice',
component: () => import('@/components/layout/Index.vue'),
meta: { title: '财务管理' },
meta: { title: '发票管理' },
children: [
{
path: 'invoice',
path: '',
component: () => import('./views/List.vue'),
meta: { title: '发票记录' }
},
......
<template>
<div>12312</div>
</template>
<script>
export default {}
</script>
<style></style>
<template>
<app-card>
<app-list v-bind="tableOptions" ref="list" @selection-change="handleSelectionChange">
<template v-slot:table-x="{ row }">
<router-link :to="{ name: 'invoiceView', params: { id: row.id } }">
<el-button type="text">查看</el-button>
</router-link>
</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 {}
},
computed: {
// 列表配置
tableOptions() {
return {
// remote: {
// httpRequest: getGoodsList,
// params: { shop_id: this.shopId, spu_id: '', spu_name: '', group_id: '', price_min: '', price_max: '' },
// beforeRequest: this.beforeRequest
// },
filters: [
{
type: 'select',
prop: 'group_id',
options: this.groupList,
labelKey: 'group_name',
valueKey: 'group_id',
placeholder: '项目'
},
{
type: 'input',
prop: 'spu_name',
placeholder: '客户姓名'
},
{
type: 'input',
prop: 'spu_name',
placeholder: '手机号码'
},
{
type: 'select',
prop: 'group_id',
options: this.groupList,
labelKey: 'group_name',
valueKey: 'group_id',
placeholder: '发票状态'
},
{
type: 'select',
prop: 'group_id',
options: this.groupList,
labelKey: 'group_name',
valueKey: 'group_id',
placeholder: '发票类型'
}
],
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 }
],
data: [
{
id: '1',
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
},
{
id: '2',
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
},
{
id: '3',
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
},
{
id: '4',
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}
]
}
}
},
methods: {
beforeRequest(params, isReset) {
// 重置
if (isReset) {
params.price_min = ''
params.price_max = ''
}
params.status = this.activeName === '0' ? '' : this.activeName
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
}
}
}
</script>
import httpRequest from '@/utils/axios'
/**
* 获取商品列表
*/
export function getGoodsList(data) {
return httpRequest.post('/api/shop/commodity/spu/search', data).then({})
}
<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>
<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 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 () {
data() {
return {
TicketInfoList: [
{
......@@ -114,7 +114,7 @@ export default {
</script>
<style>
.table{
margin-bottom: 40px;
.table {
margin-bottom: 40px;
}
</style>
const routes = [
{
path: '/finance',
redirect: '/finance/payment',
path: '/payment',
component: () => import('@/components/layout/Index.vue'),
meta: { title: '财务管理' },
meta: { title: '支付管理' },
children: [
{
path: 'payment',
path: '',
component: () => import('./views/List.vue'),
meta: { title: '支付记录' }
},
......
<template>
<div>
<app-card title="订单信息">
<Order :detailList="detailList"/>
<Order :detailList="detailList" />
</app-card>
<app-card title="学员信息">
<Student :detailList="detailList"/>
<Student :detailList="detailList" />
</app-card>
<app-card title="发票信息">
<Ticket :detailList="detailList"/>
<Ticket :detailList="detailList" />
</app-card>
</div>
</template>
......
<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>
<el-switch v-model="row.status" :active-value="1" :inactive-value="0"></el-switch>
</template>
<!-- 操作 -->
<template #filter-date="{ params }">
......@@ -41,7 +33,6 @@ export default {
toticket_type: 2,
dialogVisible: false,
multipleSelection: []
}
},
computed: {
......@@ -154,9 +145,6 @@ export default {
{ 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: [
{
......
......@@ -3,7 +3,7 @@ import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [{ path: '*', redirect: '/finance/payment' }]
const routes = [{ path: '*', redirect: '/payment' }]
const router = new VueRouter({
mode: 'history',
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论