Skip to content

C
confucius
Commit 4d6d1edc authored by Mac's avatar Mac
Browse files
Options

表格

parent e133b35d
Hide whitespace changes
Inline Side-by-side
Showing with 95 additions and 27 deletions
src/pages/financial/CommissionDetail.vue
View file @ 4d6d1edc
...@@ -12,7 +12,24 @@ ...@@ -12,7 +12,24 @@
.CommissionDetail .text-bottom{ .CommissionDetail .text-bottom{
height: 32px;line-height: 32px; margin-bottom: 10px; height: 32px;line-height: 32px; margin-bottom: 10px;
} }
.CommissionDetail ._icon_btn i.icon-sousuo {
background-color: #47BF8C;
}
.CommissionDetail ._icon_btn i {
width: 30px;
height: 30px;
display: inline-block;
color: white !important;
border-radius: 50%;
text-align: center;
line-height: 30px;
margin-right: 10px;
cursor: pointer;
outline: none;
}
.CommissionDetail .el-table td,.el-table th{
padding: 5px 0;
}
</style> </style>
...@@ -39,10 +56,12 @@ ...@@ -39,10 +56,12 @@
<el-table-column prop="qishu" label="额外扣除" sortable> </el-table-column> <el-table-column prop="qishu" label="额外扣除" sortable> </el-table-column>
<el-table-column label="操作" > <el-table-column label="操作" >
<template slot-scope="scope"> <template slot-scope="scope">
<div class="_icon_btn">
<el-tooltip class="item" effect="dark" content="查看" placement="top"> <el-tooltip class="item" effect="dark" content="查看" placement="top">
<i class="iconfont icon-sousuo" <i class="iconfont icon-sousuo"
@click="goUrl('CommissionDetail',Id)"></i> @click="goUrl('CommissionDetail',Id)"></i>
</el-tooltip> </el-tooltip>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
......
src/pages/financial/salesCommission.vue
View file @ 4d6d1edc
...@@ -12,7 +12,25 @@ ...@@ -12,7 +12,25 @@
.salesCommission .text-bottom{ .salesCommission .text-bottom{
height: 32px;line-height: 32px; margin-bottom: 10px; height: 32px;line-height: 32px; margin-bottom: 10px;
} }
.salesCommission ._icon_btn i.icon-sousuo {
background-color: #47BF8C;
}
.salesCommission ._icon_btn i {
width: 30px;
height: 30px;
display: inline-block;
color: white !important;
border-radius: 50%;
text-align: center;
line-height: 30px;
margin-right: 10px;
cursor: pointer;
outline: none;
}
.salesCommission .el-table td,.el-table th{
padding: 5px 0;
}
</style> </style>
...@@ -21,7 +39,7 @@ ...@@ -21,7 +39,7 @@
<div class="page-search row items-center"> <div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md"> <div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3"> <div class="col-3">
<q-input filled v-model="msg.Name" @keyup.enter.native="msg.PageIndex = 1,getList()" label="周期名称" />
</div> </div>
</div> </div>
</div> </div>
...@@ -29,24 +47,42 @@ ...@@ -29,24 +47,42 @@
<el-table <el-table
ref="filterTable" ref="filterTable"
:data="tableData" :data="tableData"
:header-cell-style="{backgroundColor:'#f5f6f7', color: '#a8a8b3'}"
border border
style="width: 100%"> style="width: 100%">
<el-table-column prop="qishu" label="期数" sortable ></el-table-column> <el-table-column prop="Id" label="ID" ></el-table-column>
<el-table-column prop="alljine" label="提成总金额" width="180"></el-table-column> <el-table-column prop="Periods" label="周期" ></el-table-column>
<el-table-column prop="caoren" label="操作人" > </el-table-column> <el-table-column prop="SumPrice" label="提成总金额" > </el-table-column>
<el-table-column prop="gstic" label="所属公司提成" > </el-table-column> <el-table-column prop="FrIdList" label="财务单据" >
<el-table-column prop="caiwudanj" label="财务单据" > </el-table-column> <template slot-scope="scope">
<el-table-column prop="riqi" label="日期" > </el-table-column> <div style="display: flex;flex-wrap: wrap;" v-if='scope.row.FrIdList.length>0'>
<span v-for="(x,y) in scope.row.FrIdList" @click="gocaiwuxiangq(x)" style="cursor: pointer;text-decoration: underline;margin-right: 5px; color: #409EFF;">{{x}}</span>
</div>
<div v-else>无</div>
</template>
</el-table-column>
<el-table-column prop="CreateByName" label="创建人" > </el-table-column>
<el-table-column prop="CreateTime" label="创建时间" > </el-table-column>
<el-table-column label="操作" > <el-table-column label="操作" >
<template slot-scope="scope"> <template slot-scope="scope">
<div class="_icon_btn">
<el-tooltip class="item" effect="dark" content="查看" placement="top"> <el-tooltip class="item" effect="dark" content="查看" placement="top">
<i class="iconfont icon-sousuo" <i class="iconfont icon-sousuo"
@click="goUrl('CommissionDetail',Id)"></i> @click="goUrl('CommissionDetail',Id)"></i>
</el-tooltip> </el-tooltip>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div style="margin-top: 10px;text-align: center;">
<el-pagination background @current-change="handleCurrentChanges" layout="total,prev, pager, next, jumper" :current-page.sync="msg.pageIndex"
:page-size="msg.pageSize" :total='total'>
</el-pagination>
</div>
</template> </template>
</div> </div>
...@@ -56,7 +92,7 @@ ...@@ -56,7 +92,7 @@
GetClassTypePageList, GetClassTypePageList,
} from '../../api/system/index'; } from '../../api/system/index';
import{ import{
getSellCommissionRuleList, getSellCommissionPeriodsPageList,
setSellCommissionRule setSellCommissionRule
} from '../../api/finance/index' } from '../../api/finance/index'
export default { export default {
...@@ -71,29 +107,28 @@ ...@@ -71,29 +107,28 @@
//列表数据参数 //列表数据参数
msg: { msg: {
pageIndex: 1, PageIndex: 1,
pageSize: 99 PageSize: 20,
Name:'',
}, },
pageCount: 0, pageCount: 0,
persistent: false, persistent: false,
listData:{}, listData:{},
tableData:[ tableData:[],
{qishu:'201902',alljine:'10223',caoren:'徐总',gstic:'0.00',caiwudanj:2019,riqi:'2019-03-15'} total:0
],
} }
}, },
created() {}, created() {},
mounted() { mounted() {
this.getList();//获取提成周期列表
// this.getRuleList();//获取规则
}, },
methods: { methods: {
getRuleList(){ getList(){
this.loading = true; this.loading = true;
getSellCommissionRuleList({}).then(res => { getSellCommissionPeriodsPageList(this.msg).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.listData = res.Data this.tableData = res.Data.PageData
this.GetClassTypePageList();//获取班级类型列表数据 this.total = res.Data.Count
} }
}) })
}, },
...@@ -101,6 +136,15 @@ ...@@ -101,6 +136,15 @@
goUrl(path, id ) { goUrl(path, id ) {
this.$router.push({ this.$router.push({
path: '/financial/' + path, path: '/financial/' + path,
query: {
"id": id,
blank: 'y',
}
})
},
gocaiwuxiangq(id){
this.$router.push({
path: '/financial/financalDocument/FinancialDocumentsDetail',
query: { query: {
"id": id, "id": id,
blank: 'y', blank: 'y',
...@@ -108,6 +152,11 @@ ...@@ -108,6 +152,11 @@
} }
}) })
}, },
handleCurrentChanges(val){
console.log(val)
this.msg.PageIndex= val;
this.getList()
},
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment