Commit 52583c18 authored by zhengke's avatar zhengke

1

parent 2285ffab
...@@ -12,7 +12,7 @@ export default { ...@@ -12,7 +12,7 @@ export default {
<style> <style>
@import url('~assets/css/font.css'); @import url('~assets/css/font.css');
@import url('//at.alicdn.com/t/font_2077629_8yyepcm7s1.css'); @import url('//at.alicdn.com/t/font_2077629_xunbb881v1b.css');
html, html,
body, body,
......
<template>
<div class="page-body">
<div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3">
<q-input @input="resetSearch" clearable standout="bg-primary text-white" v-model="msg.Name" label="项目名称"
@clear="resetSearch" maxlength="20" />
</div>
<div class="col-3">
<q-select class="q-pb-lg q-pr-lg" filled stack-label
option-value="Id" option-label="Name" v-model="msg.SaleState" ref="SaleState" :options="saleDownList"
label="销售状态" :dense="false" emit-value map-options>
</q-select>
</div>
</div>
</div>
<div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
separator="none" :data="dataList" :columns="columns" row-key="name">
<template v-slot:top="props">
<div class="col-2 q-table__title">留学信息</div>
<q-space />
<div class="page-option">
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增留学" @click="EditStudy(null)" />
</div>
</template>
<template v-slot:body-cell-SupplierName="props">
<q-td>
<div>{{props.row.SupplierName}}</div>
<div>
<a :href="props.row.SupplierContract" style="color:#2961FE;text-decoration:none;" v-if="props.row.SupplierContract">
查看合同
</a>
</div>
</q-td>
</template>
<template v-slot:body-cell-PreferentialList="props">
<q-td :props="props" style="padding-right:0px">
<div v-for="x in props.value">
<div class="border-bottom" v-if="x.PriceDiscountType == 1">
{{ x.BuyNum }}{{ x.SendNum }}
</div>
<div class="border-bottom" v-if="x.PriceDiscountType == 2">
单人报名享{{ 100 - x.PriceMoney }}折优惠
</div>
<div class="border-bottom" v-if="x.PriceDiscountType == 3">
双人报名享{{ 100 - x.PriceMoney }}折优惠
</div>
<div class="border-bottom" v-if="x.PriceDiscountType == 4">
续费享{{ 100 - x.PriceMoney }}折优惠
</div>
<div class="remark-font" v-if="x.PriceDiscountType == 0">
暂无优惠政策
</div>
</div>
<div v-if="!props.value || props.value.length == 0">
<div class="remark-font">暂无优惠政策</div>
</div>
</q-td>
</template>
<template v-slot:body-cell-PreferentialListSellCommission="props">
<q-td :props="props" style="padding-right:0px;padding-left:0px">
<div v-for="x in props.value">
<div class="border-bottom" style="padding-left: 16px;padding-right: 16px"
:class="{ 'text-red': x.SaleCommissionType == 1 }" v-if="x.PriceDiscountType != 0">
{{ x.SaleCommissionType == 1 ? "¥" : ""
}}{{ x.SaleCommissionMoney
}}{{ x.SaleCommissionType == 0 ? "%" : "" }}
</div>
<div v-if="x.PriceDiscountType == 0">
<div class="remark-font">暂无佣金信息</div>
</div>
</div>
<div v-if="!props.value || props.value.length == 0">
<div class="remark-font">暂无佣金信息</div>
</div>
</q-td>
</template>
<template v-slot:body-cell-PreferentialListB2BCommission="props">
<q-td :props="props" style="padding-left:0px">
<div v-for="x in props.value">
<div class="border-bottom" style="padding-left: 16px" :class="{ 'text-red': x.B2BCommissionType == 1 }"
v-if="x.PriceDiscountType != 0">
{{ x.B2BCommissionType == 1 ? "¥" : ""
}}{{ x.B2BCommissionMoney
}}{{ x.B2BCommissionType == 0 ? "%" : "" }}
</div>
<div v-if="x.PriceDiscountType == 0">
<div class="remark-font">暂无佣金信息</div>
</div>
</div>
<div v-if="!props.value || props.value.length == 0">
<div class="remark-font">暂无佣金信息</div>
</div>
</q-td>
</template>
<template v-slot:body-cell-Id="props">
<q-td :props="props">
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="详情"
@click="EditStudy(props.row)" />
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="审核"
@click="applyApply(props.row)" />
</q-td>
</template>
<template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="PageCount"
:input="true" @input="changePage" />
</template>
</q-table>
<studyAbroad-form v-if="isShowStudy" :save-obj="studyObj" :Type="1" @close="closeStudyForm" @success="refreshPage">
</studyAbroad-form>
</div>
</div>
</template>
<script>
import {
queryStudyAbroadPage
} from '../../api/studyabroad/index'
import studyAbroadForm from '../../components/studyAbroad/studyAbroad-form'
export default {
meta: {
title: "留学产品审核"
},
components: {
studyAbroadForm
},
data() {
return {
msg: {
Type: 1, //1留学 2就业
pageIndex: 1,
pageSize: 10,
rowsPerPage: 10,
Name: "",
IsQPrice: 1,
SaleState:0 //销售状态
},
dataList: [],
loading: true,
columns: [{
name: 'Name',
label: '项目名称',
field: 'Name',
align: 'left'
},
{
name: 'SupplierName',
label: '供应商',
field: 'SupplierName',
align: 'left'
},
{
name: 'SuggestPrice',
label: '建议卖价',
field: 'SuggestPrice',
align: 'left',
field: row => row.SuggestPrice.toFixed(2)
},
{
name: 'SellPrice',
label: '实际卖价',
field: 'SellPrice',
align: 'left',
field: row => row.SellPrice.toFixed(2)
},
{
name: "PreferentialList",
required: true,
label: "优惠政策",
align: "left",
field: row => row.PreferentialList
},
{
name: "PreferentialListSellCommission",
required: true,
label: "销售佣金",
align: "left",
field: row => row.PreferentialList
},
{
name: "PreferentialListB2BCommission",
required: true,
label: "同行佣金",
align: "left",
field: row => row.PreferentialList
},
{
name: 'Remark',
label: '备注',
field: 'Remark',
align: 'left'
},
{
name: 'SaleState',
label: '销售状态',
field: 'SaleState',
align: 'left'
},
{
name: 'Id',
label: '操作',
field: 'Id'
}
],
PageCount: 0,
isShowStudy: false, //是否显示留学弹窗
studyObj: {}, //留学对象
saleDownList:[{
Id:0,
Name:'不限'
},{
Id:1,
Name:'销售中'
},{
Id:2,
Name:'已下架'
}], //销售状态下拉
}
},
mounted() {
this.getList();
},
created() {
},
methods: {
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getsupplierpage();
},
//获取留学分页列表
getList() {
this.loading = true;
queryStudyAbroadPage(this.msg).then(res => {
this.loading = false;
this.dataList = res.Data.PageData;
this.PageCount = res.Data.PageCount;
console.log(res, '数据');
})
.catch(() => {
this.loading = false;
});
},
changePage(val) {
this.msg.pageIndex = val;
this.getList();
},
//关闭弹窗
closeStudyForm() {
this.isShowStudy = false;
this.refreshPage();
},
//刷新页面
refreshPage() {
this.getList();
},
//编辑留学
EditStudy(obj) {
if (obj) {
this.studyObj = obj;
} else {
this.studyObj = null;
}
this.isShowStudy = true;
},
//申请审核
applyApply(obj){
}
}
}
</script>
<style scoped>
.border-bottom {
border-bottom: 1px dashed #EEE;
padding-bottom: 5px;
margin-bottom: 5px;
}
</style>
<style lang="sass">
@import url('~assets/css/table.sass')
</style>
...@@ -518,10 +518,15 @@ const routes = [{ ...@@ -518,10 +518,15 @@ const routes = [{
import("pages/studyAbroad/employment.vue") import("pages/studyAbroad/employment.vue")
}, },
{ {
path: "/studyAboard/supplier", //供应商 path: "/studyAbroad/supplier", //供应商
component: () => component: () =>
import("pages/studyAbroad/supplier.vue") import("pages/studyAbroad/supplier.vue")
}, },
{
path: "/studyAbroad/studyProAudit", //留学产品审核
component: () =>
import("pages/studyAbroad/studyProAudit.vue")
},
{ {
path: "/test", //API测试 path: "/test", //API测试
component: () => component: () =>
......
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