Skip to content

C
confucius
Commit 9488d898 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent d3400066
Hide whitespace changes
Inline Side-by-side
Showing with 898 additions and 743 deletions
src/api/course/index.js
View file @ 9488d898
......@@ -240,46 +240,66 @@ export function queryCourseJobPageList(data) {
/**
* 获取课程优惠类型列表
*/
export function queryCoursePreferentialType()
{
return request({
url: "/Course/GetCoursePreferentialType",
method: 'post',
})
export function queryCoursePreferentialType() {
return request({
url: "/Course/GetCoursePreferentialType",
method: 'post',
})
}
/**
* 获取课程优惠列表
*/
export function queryCoursePreferentialList(data)
{
return request({
url: "/Course/GetCoursePreferentialList",
method: 'post',
data
})
export function queryCoursePreferentialList(data) {
return request({
url: "/Course/GetCoursePreferentialList",
method: 'post',
data
})
}
/**
* 新增修改课程优惠
*/
export function saveCoursePreferential(data)
{
return request({
url: "/Course/SetBeatchCoursePreferential",
method: 'post',
data
})
export function saveCoursePreferential(data) {
return request({
url: "/Course/SetBeatchCoursePreferential",
method: 'post',
data
})
}
/**
* 新增修改课程优惠
* 新增修改报价单
*/
export function saveCourseOffer(data)
{
return request({
url: "/CourseOffer/SetCourseOffer",
method: 'post',
data
})
}
\ No newline at end of file
export function saveCourseOffer(data) {
return request({
url: "/CourseOffer/SetCourseOffer",
method: 'post',
data
})
}
/**
* 获取课程报价列表
*/
export function queryCourseOfferPage(data) {
return request({
url: "/CourseOffer/GetCourseOfferPage",
method: 'post',
data
})
}
/**
* 获取报价单详情
*/
export function queryCourseOfferInfo(data) {
return request({
url: "/CourseOffer/GetCourseOffer",
method: 'post',
data
})
}
\ No newline at end of file
src/components/sale/quotation-form.vue
View file @ 9488d898
<template>
<q-card class="q-px-md" style="width:750px;max-width:800px;">
<q-card-section class="row items-center q-pb-none">
<div class="text-h6">创建报价单</div>
<div class="text-h6">{{model.Id==0?"创建报价单":"修改报价单"}}</div>
<q-space />
<q-btn icon="close" flat round dense v-close-popup />
</q-card-section>
<q-card-section style="max-height:75vh;" class="scroll">
<q-banner
rounded
class="bg-orange-2 text-black q-py-none q-px-md q-mb-md"
style="min-height:30px;"
>
<q-banner rounded class="bg-orange-2 text-black q-py-none q-px-md q-mb-md" style="min-height:30px;">
<div class="row items-center">
<span class="q-mr-md">
<inline-svg
class="svg-icon svg-icon-orange"
src="icons/svg/Code/Warning-2.svg"
></inline-svg>
<inline-svg class="svg-icon svg-icon-orange" src="icons/svg/Code/Warning-2.svg"></inline-svg>
</span>
<span style="font-size:12px;"
>报价单价格系统将进行自动计算，如需额外的优惠请创建报价单后进行申请</span
>
<span style="font-size:12px;">报价单价格系统将进行自动计算，如需额外的优惠请创建报价单后进行申请</span>
</div>
</q-banner>
<div class="row">
<div class="col q-mr-md">
<q-input
standout
bottom-slots
v-model="model.Name"
ref="Name"
label="报价单名称"
dense
/>
<q-input standout bottom-slots v-model="model.Name" ref="Name" label="报价单名称" dense />
</div>
<div class="col">
<q-select
dense
standout
behavior="menu"
v-model="model.CustomerSource"
ref="CustomerSource"
:options="CustomerSources"
option-label="name"
option-value="id"
label="客户来源"
emit-value
map-options
:rules="[val => !!val || '请选择客户来源']"
/>
<q-select dense standout behavior="menu" v-model="model.CustomerSource" ref="CustomerSource"
:options="CustomerSources" option-label="name" option-value="id" label="客户来源" emit-value map-options
:rules="[val => !!val || '请选择客户来源']" />
</div>
</div>
<div class="row">
<div class="col q-mr-md">
<q-select
dense
standout
behavior="menu"
v-model="model.CustomerType"
ref="CustomerType"
:options="CustomerTypes"
option-label="name"
option-value="id"
label="客户类型"
emit-value
map-options
@input="changeDiscountMoney"
:rules="[val => !!val || '请选择客户类型']"
/>
<q-select dense standout behavior="menu" v-model="model.CustomerType" ref="CustomerType"
:options="CustomerTypes" option-label="name" option-value="id" label="客户类型" emit-value map-options
@input="changeDiscountMoney" :rules="[val => !!val || '请选择客户类型']" />
</div>
<div class="col">
<q-input
standout
bottom-slots
v-model="model.JoinNum"
ref="JoinNum"
label="报名人数"
dense
mask="#"
fill-mask="0"
reverse-fill-mask
:rules="[val => !!val || '请输入报名人数']"
@input="changeDiscountMoney"
>
<q-input standout bottom-slots v-model="model.JoinNum" ref="JoinNum" label="报名人数" dense mask="#" fill-mask="0"
reverse-fill-mask :rules="[val => !!val || '请输入报名人数']" @input="changeDiscountMoney">
<template v-slot:append>
<span style="font-size:14px;">人</span>
</template>
......@@ -91,26 +41,11 @@
</div>
<div class="row">
<div class="col q-mr-md">
<q-input
standout
bottom-slots
v-model="model.CustomerName"
ref="CustomerName"
label="客户姓名"
dense
:rules="[val => !!val || '请输入客户姓名']"
/>
<q-input standout bottom-slots v-model="model.CustomerName" ref="CustomerName" label="客户姓名" dense
:rules="[val => !!val || '请输入客户姓名']" />
</div>
<div class="col">
<q-input
standout
bottom-slots
v-model="model.CustomerTel"
label="客户电话"
dense
mask="#"
reverse-fill-mask
/>
<q-input standout bottom-slots v-model="model.CustomerTel" label="客户电话" dense mask="#" reverse-fill-mask />
</div>
</div>
<div class="text-subtitle2 text-weight-bold q-mb-md">
......@@ -137,44 +72,21 @@
/>
</div> -->
<div class="col">
<q-select
dense
standout
behavior="menu"
v-model="chosenCourse"
:options="courseOptions"
@filter="filterCourseFn"
input-debounce="0"
use-input
option-label="CourseName"
option-value="CourseId"
emit-value
map-options
:placeholder="!chosenCourse ? '添加客户需要的课程' : ''"
clearable
/>
<q-select dense standout behavior="menu" v-model="chosenCourse" :options="courseOptions"
@filter="filterCourseFn" input-debounce="0" use-input option-label="CourseName" option-value="CourseId"
emit-value map-options :placeholder="!chosenCourse ? '添加客户需要的课程' : ''" clearable />
</div>
<div class="q-ml-md">
<q-btn color="primary" label="添加" @click="addCourse"></q-btn>
</div>
</div>
<div class="q-mt-md">
<q-table
:pagination="pageInfo"
no-data-label="暂无相关数据"
flat
class="sticky-column-table sticky-header-table sticky-right-column-table no-bottom-table"
separator="none"
:data="chosenCourses"
:columns="columns"
row-key="name"
>
<q-table :pagination="pageInfo" no-data-label="暂无相关数据" flat
class="sticky-column-table sticky-header-table sticky-right-column-table no-bottom-table" separator="none"
:data="chosenCourses" :columns="columns" row-key="name">
<template v-slot:body-cell-DiscountRemark="props">
<q-td :props="props" class="text-negative">
<div
v-for="(x, i) in props.value.split('^')"
style="border-bottom:1px dotted #f5f6f7;"
>
<div v-for="(x, i) in props.value.split('^')" style="border-bottom:1px dotted #f5f6f7;">
{{ x }}
</div>
</q-td>
......@@ -187,44 +99,26 @@
<div style="border-top:1px solid #f5f6f7;" class="row q-py-md">
<div class="col">
<span>累计优惠：</span>
<span class="q-ml-xs text-weight-bold"
>￥{{
<span class="q-ml-xs text-weight-bold">￥{{
model.TotalPrice ? model.TotalDiscountPrice.toFixed(2) : "0.00"
}}</span
>
}}</span>
</div>
<div class="col text-right">
<span>课程总价：</span>
<span class="q-ml-xs text-weight-bold"
>￥{{
<span class="q-ml-xs text-weight-bold">￥{{
model.TotalPrice ? model.TotalPrice.toFixed(2) : "0.00"
}}</span
>
}}</span>
</div>
</div>
<div class="row">
<div class="col q-mr-md"></div>
<div class="col">
<q-input
standout
bottom-slots
v-model="model.EffectiveEnd"
ref="EffectiveEnd"
label="报价有效期"
dense
mask="date"
class="cursor-pointer"
readonly
:rules="[val => !!val || '请选择有效日期']"
>
<q-input standout bottom-slots v-model="model.EffectiveEnd" ref="EffectiveEnd" label="报价有效期" dense mask="date"
class="cursor-pointer" readonly :rules="[val => !!val || '请选择有效日期']">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy>
<q-date
v-model="model.EffectiveEnd"
title=""
subtitle="报价有效日期"
>
<q-date v-model="model.EffectiveEnd" title="" subtitle="报价有效日期">
<div class="row items-center justify-end">
<q-btn v-close-popup label="确认" color="primary" flat />
</div>
......@@ -238,393 +132,409 @@
</q-card-section>
<q-card-actions align="right" class="bg-white">
<q-btn label="取消" flat color="primary" v-close-popup />
<q-btn
label="创建报价单"
color="accent"
class="q-px-md"
style="font-weight:400 !important"
@click="saveOffice"
/>
<q-btn label="创建报价单" color="accent" class="q-px-md" style="font-weight:400 !important" @click="saveOffice" />
</q-card-actions>
</q-card>
</template>
<script>
import {
queryCourseDropdownList,
queryCourseCategoryTree,
saveCourseOffer
} from "../../api/course/index";
import { date } from "quasar";
export default {
props: ["obj"],
data() {
return {
CustomerTypes: [
{
id: 1,
name: "新客户"
},
{
id: 2,
name: "续班客户"
}
],
CustomerSources: [
{
id: 1,
name: "学校介绍"
},
{
id: 2,
name: "朋友介绍"
},
{
id: 3,
name: "网络广告"
}
],
model: {},
columns: [
{
name: "CourseName",
required: true,
label: "课程名称",
align: "left",
field: row => row.CourseName
},
// {
// name: "OriginalPrice",
// required: true,
// label: "原价",
// align: "left",
// field: row => row.OriginalPrice
// },
{
name: "OriginalPrice",
required: true,
label: "现价",
align: "left",
field: row => row.OriginalPrice.toFixed(2)
},
{
name: "JoinNum",
required: true,
label: "报名人数",
align: "left",
field: row => row.JoinNum
},
{
name: "DiscountPrice",
required: true,
label: "优惠",
align: "left",
field: row => row.DiscountPrice.toFixed(2)
},
{
name: "DiscountRemark",
required: true,
label: "优惠说明",
align: "left",
field: row => row.Remark
import {
queryCourseDropdownList,
queryCourseCategoryTree,
saveCourseOffer,
queryCourseOfferInfo
} from "../../api/course/index";
import {
date
} from "quasar";
export default {
props: ["obj"],
data() {
return {
CustomerTypes: [{
id: 1,
name: "新客户"
},
{
id: 2,
name: "续班客户"
}
],
CustomerSources: [{
id: 1,
name: "学校介绍"
},
{
id: 2,
name: "朋友介绍"
},
{
id: 3,
name: "网络广告"
}
],
model: {},
columns: [{
name: "CourseName",
required: true,
label: "课程名称",
align: "left",
field: row => row.CourseName
},
{
name: "OriginalPrice",
required: true,
label: "现价",
align: "left",
field: row => row.OriginalPrice.toFixed(2)
},
{
name: "JoinNum",
required: true,
label: "报名人数",
align: "left",
field: row => row.JoinNum
},
{
name: "DiscountPrice",
required: true,
label: "优惠",
align: "left",
field: row => row.DiscountPrice.toFixed(2)
},
{
name: "DiscountRemark",
required: true,
label: "优惠说明",
align: "left",
field: row => row.Remark
},
{
name: "ActualPrice",
required: true,
label: "小计金额",
align: "left",
field: row => row.ActualPrice.toFixed(2)
}
],
TreeCategoryList: [],
pageInfo: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12
},
{
name: "ActualPrice",
required: true,
label: "小计金额",
align: "left",
field: row => row.ActualPrice.toFixed(2)
courses: [],
courseOptions: [],
chosenCategory: null,
chosenCourse: null,
categoryOptions: [],
chosenCourses: []
};
},
computed: {
quomodel() {
}
},
created() {
this.getCategorytree();
},
mounted() {
this.initObj();
},
methods: {
//初始化对象
initObj() {
if (this.obj && this.obj.Id > 0) {
queryCourseOfferInfo({
Id: this.obj.Id
}).then(res => {
var tempObj = res.Data;
if (res.Code == 1) {
this.model = {
Id: tempObj.Id,
Name: tempObj.Name,
EffectiveStart: tempObj.EffectiveStart,
EffectiveEnd: tempObj.EffectiveEnd,
CustomerType: tempObj.CustomerType,
CustomerSource: tempObj.CustomerSource,
TotalOriginalPrice: tempObj.TotalOriginalPrice,
TotalPrice: tempObj.TotalPrice,
TotalDiscountPrice: tempObj.TotalDiscountPrice,
CustomerInfo: tempObj.CustomerInfo,
CustomerName: tempObj.CustomerName,
CustomerTel: tempObj.CustomerTel,
OfferDetails: [],
JoinNum: tempObj.JoinNum
};
if (tempObj.OfferDetails && tempObj.OfferDetails.length > 0) {
this.model.OfferDetails = tempObj.OfferDetails;
}
}
})
} else {
this.model = {
Id: 0,
Name: "",
EffectiveStart: "",
EffectiveEnd: "",
CustomerType: null,
CustomerSource: null,
TotalOriginalPrice: 0.0,
TotalPrice: 0.0,
TotalDiscountPrice: 0.0,
CustomerInfo: "",
CustomerName: "",
CustomerTel: "",
OfferDetails: [],
JoinNum: 0
};
}
],
TreeCategoryList: [],
pageInfo: {
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12
},
courses: [],
courseOptions: [],
chosenCategory: null,
chosenCourse: null,
categoryOptions: [],
chosenCourses: []
};
},
computed: {
quomodel() {
if (this.obj) {
this.model = model;
//处理修改传参逻辑
} else {
this.model = {
Id: 0,
Name: "",
EffectiveStart: "",
EffectiveEnd: "",
CustomerType: null,
CustomerSource: null,
TotalOriginalPrice: 0.0,
TotalPrice: 0.0,
TotalDiscountPrice: 0.0,
CustomerInfo: "",
CustomerName: "",
CustomerTel: "",
OfferDetails: [],
JoinNum: 0
};
}
}
},
mounted() {
this.getCategorytree();
},
methods: {
saveOffice() {
this.$refs.EffectiveEnd.validate();
this.$refs.CustomerType.validate();
this.$refs.CustomerSource.validate();
this.$refs.CustomerName.validate();
this.$refs.JoinNum.validate();
if (
!this.$refs.EffectiveEnd.hasError &&
!this.$refs.CustomerType.hasError &&
!this.$refs.CustomerSource.hasError &&
!this.$refs.CustomerName.hasError &&
!this.$refs.JoinNum.hasError &&
this.chosenCourses.length > 0
) {
this.model.EffectiveStart = date.formatDate(Date.now(), "YYYY/MM/DD");
if (this.model.Name == "") {
this.model.Name = `${this.model.CustomerName}${date.formatDate(
saveOffice() {
this.$refs.EffectiveEnd.validate();
this.$refs.CustomerType.validate();
this.$refs.CustomerSource.validate();
this.$refs.CustomerName.validate();
this.$refs.JoinNum.validate();
if (
!this.$refs.EffectiveEnd.hasError &&
!this.$refs.CustomerType.hasError &&
!this.$refs.CustomerSource.hasError &&
!this.$refs.CustomerName.hasError &&
!this.$refs.JoinNum.hasError &&
this.chosenCourses.length > 0
) {
this.model.EffectiveStart = date.formatDate(Date.now(), "YYYY/MM/DD");
if (this.model.Name == "") {
this.model.Name = `${this.model.CustomerName}${date.formatDate(
Date.now(),
"YYYYMMDDHHmmss"
)}报价单`;
}
this.model.OfferDetails = this.chosenCourses;
saveCourseOffer(this.model).then(r => {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "positive",
timeout: 2000,
message: "报价单保存成功",
position: "top",
actions: [
{
}
this.model.OfferDetails = this.chosenCourses;
saveCourseOffer(this.model).then(r => {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "positive",
timeout: 2000,
message: "报价单保存成功",
position: "top",
actions: [{
label: "点击查看",
color: "primary",
handler: () => {
this.$router.push({
path: "/sale/createQuotation"
path: "/sale/quotation",
query: {
Id: r.Data
}
});
}
}
]
}]
});
this.$emit("save");
});
this.$emit("save");
}
},
getCategorytree() {
this.TreeCategoryList = [];
var qMsg = {};
queryCourseCategoryTree(qMsg).then(res => {
this.TreeCategoryList = res.Data;
this.categoryOptions = this.TreeCategoryList;
this.getCourses();
});
}
},
getCategorytree() {
this.TreeCategoryList = [];
var qMsg = {};
queryCourseCategoryTree(qMsg).then(res => {
this.TreeCategoryList = res.Data;
this.categoryOptions = this.TreeCategoryList;
this.getCourses();
});
},
getCourses() {
this.courses = [];
var qMsg = {
CourseName: "",
CateId: 0,
IsQPrice: 1
};
queryCourseDropdownList(qMsg).then(res => {
this.courses = res.Data;
this.courseOptions = this.courses;
});
},
filterFn(val, update, abort) {
update(() => {
this.categoryOptions = this.TreeCategoryList.filter(
v => v.CateName.indexOf(val) > -1
);
});
},
filterCourseFn(val, update, abort) {
update(() => {
},
getCourses() {
this.courses = [];
var qMsg = {
CourseName: "",
CateId: 0,
IsQPrice: 1
};
queryCourseDropdownList(qMsg).then(res => {
this.courses = res.Data;
this.courseOptions = this.courses;
});
},
filterFn(val, update, abort) {
update(() => {
this.categoryOptions = this.TreeCategoryList.filter(
v => v.CateName.indexOf(val) > -1
);
});
},
filterCourseFn(val, update, abort) {
update(() => {
this.courseOptions = this.courses.filter(
v => v.CourseName.indexOf(val) > -1
);
});
},
changeCategory() {
this.courseOptions = this.courses.filter(
v => v.CourseName.indexOf(val) > -1
v => v.CateId == this.chosenCategory
);
});
},
changeCategory() {
this.courseOptions = this.courses.filter(
v => v.CateId == this.chosenCategory
);
console.log(this.courseOptions);
this.$forceUpdate();
},
addCourse() {
this.$refs.JoinNum.validate();
this.$refs.CustomerType.validate();
if (!this.$refs.JoinNum.hasError && !this.$refs.CustomerType.hasError) {
let val = this.courses.find(x => x.CourseId == this.chosenCourse);
if (val) {
let temp = this.chosenCourses.find(x => x.CourseId == val.CourseId);
if (!temp) {
let offer = this.genernalOffer(val);
if (this.chosenCourses.length > 0) {
offer.DiscountPrice += 500;
offer.ActualPrice -= 500;
offer.Remark += `^购买多项课程再减500`;
this.$forceUpdate();
},
addCourse() {
this.$refs.JoinNum.validate();
this.$refs.CustomerType.validate();
if (!this.$refs.JoinNum.hasError && !this.$refs.CustomerType.hasError) {
let val = this.courses.find(x => x.CourseId == this.chosenCourse);
if (val) {
let temp = this.chosenCourses.find(x => x.CourseId == val.CourseId);
if (!temp) {
let offer = this.genernalOffer(val);
if (this.chosenCourses.length > 0) {
offer.DiscountPrice += 500;
offer.ActualPrice -= 500;
offer.Remark += `^购买多项课程再减500`;
}
this.chosenCourses.push(offer);
this.SumMoney();
}
this.chosenCourses.push(offer);
this.SumMoney();
}
}
}
},
changeDiscountMoney() {
this.chosenCourses.forEach((x, i) => {
x.ActualPrice = x.SourceData.SellPrice * this.model.JoinNum;
x.JoinNum = this.model.JoinNum;
this.formatDiscount(x.SourceData, x);
if (i > 0) {
x.DiscountPrice += 500;
x.ActualPrice -= 500;
x.Remark += `^购买多项课程再减500`;
},
changeDiscountMoney() {
this.chosenCourses.forEach((x, i) => {
x.ActualPrice = x.SourceData.SellPrice * this.model.JoinNum;
x.JoinNum = this.model.JoinNum;
this.formatDiscount(x.SourceData, x);
if (i > 0) {
x.DiscountPrice += 500;
x.ActualPrice -= 500;
x.Remark += `^购买多项课程再减500`;
}
});
this.SumMoney();
},
SumMoney() {
let dis = 0.0,
total = 0.0;
this.chosenCourses.forEach(x => {
dis += parseFloat(x.DiscountPrice);
total += parseFloat(x.ActualPrice);
});
this.model.TotalDiscountPrice = dis;
this.model.TotalPrice = total;
this.model.TotalOriginalPrice = dis + total;
},
genernalOffer(val) {
let offer = {
DetailsId: 0,
OfferId: 0,
CourseId: val.CourseId,
CourseName: val.CourseName,
OriginalPrice: val.SellPrice,
DiscountPrice: 0,
ActualPrice: val.SellPrice * this.model.JoinNum,
ClassHours: val.ClassHours,
Remark: "",
JoinNum: this.model.JoinNum
};
offer.SourceData = val;
this.formatDiscount(val, offer);
return offer;
},
formatDiscount(val, target) {
let result = {};
if (this.model.JoinNum < 1) {
target.DiscountPrice = 0;
target.Remark = "未填写报名人数";
return;
}
});
this.SumMoney();
},
SumMoney() {
let dis = 0.0,
total = 0.0;
this.chosenCourses.forEach(x => {
dis += parseFloat(x.DiscountPrice);
total += parseFloat(x.ActualPrice);
});
this.model.TotalDiscountPrice = dis;
this.model.TotalPrice = total;
this.model.TotalOriginalPrice = dis + total;
},
genernalOffer(val) {
let offer = {
DetailsId: 0,
OfferId: 0,
CourseId: val.CourseId,
CourseName: val.CourseName,
OriginalPrice: val.SellPrice,
DiscountPrice: 0,
ActualPrice: val.SellPrice * this.model.JoinNum,
ClassHours: val.ClassHours,
Remark: "",
JoinNum: this.model.JoinNum
};
offer.SourceData = val;
this.formatDiscount(val, offer);
return offer;
},
formatDiscount(val, target) {
let result = {};
if (this.model.JoinNum < 1) {
target.DiscountPrice = 0;
target.Remark = "未填写报名人数";
return;
}
if (this.model.CustomerType == 1) {
//1、判断是否满足双人报名
result = this.calcDiscount(3, val);
if (result.money > 0) {
target.DiscountPrice = result.money;
target.ActualPrice = target.ActualPrice - result.money;
target.Remark = result.remark;
} else {
result = this.calcDiscount(2, val);
if (this.model.CustomerType == 1) {
//1、判断是否满足双人报名
result = this.calcDiscount(3, val);
if (result.money > 0) {
target.DiscountPrice = result.money;
target.ActualPrice = target.ActualPrice - result.money;
target.Remark = result.remark;
} else {
result = this.calcDiscount(1, val);
result = this.calcDiscount(2, val);
if (result.money > 0) {
target.DiscountPrice = result.money;
target.ActualPrice = target.ActualPrice - result.money;
target.Remark = result.remark;
} else {
result = this.calcDiscount(1, val);
if (result.money > 0) {
target.DiscountPrice = result.money;
target.ActualPrice = target.ActualPrice - result.money;
target.Remark = result.remark;
}
}
}
} else if (this.model.CustomerType == 2) {
result = this.calcDiscount(4, val);
if (result.money > 0) {
target.DiscountPrice = result.money;
target.ActualPrice = target.ActualPrice - result.money;
target.Remark = result.remark;
}
} else {
target.DiscountPrice = 0;
target.Remark = "未选择客户类型";
}
} else if (this.model.CustomerType == 2) {
result = this.calcDiscount(4, val);
if (result.money > 0) {
target.DiscountPrice = result.money;
target.ActualPrice = target.ActualPrice - result.money;
target.Remark = result.remark;
}
} else {
target.DiscountPrice = 0;
target.Remark = "未选择客户类型";
}
},
calcDiscount(type, val) {
let result = {
money: 0,
remark: ""
};
val.PreferentialList.forEach(x => {
if (
x.PriceDiscountType == type &&
this.model.JoinNum > 1 &&
type == 3
) {
result.money =
parseFloat(val.SellPrice) *
(parseFloat(x.PriceMoney) / 100.0) *
this.model.JoinNum;
result.remark = `双人报名优惠${x.PriceMoney}%`;
} else if (
x.PriceDiscountType == type &&
type == 2 &&
this.model.JoinNum > 0
) {
result.money =
parseFloat(val.SellPrice) *
(parseFloat(x.PriceMoney) / 100.0) *
this.model.JoinNum;
result.remark = `单人报名优惠${x.PriceMoney}%`;
} else if (
x.PriceDiscountType == type &&
type == 1 &&
this.model.JoinNum > 0
) {
let joinNum =
Math.floor(this.model.JoinNum / (x.BuyNum + x.SendNum)) * x.BuyNum +
(this.model.JoinNum % (x.BuyNum + x.SendNum));
result.money =
val.SellPrice * this.model.JoinNum -
parseFloat(val.SellPrice) * joinNum;
console.log("只需支付", joinNum);
result.remark = `买${x.BuyNum}送${x.SendNum}`;
} else if (
x.PriceDiscountType == type &&
type == 4 &&
this.model.JoinNum > 0
) {
result.money =
parseFloat(val.SellPrice) *
(parseFloat(x.PriceMoney) / 100.0) *
this.model.JoinNum;
result.remark = `续费优惠${x.PriceMoney}%`;
}
});
console.log(result, type);
return result;
},
calcDiscount(type, val) {
let result = {
money: 0,
remark: ""
};
val.PreferentialList.forEach(x => {
if (
x.PriceDiscountType == type &&
this.model.JoinNum > 1 &&
type == 3
) {
result.money =
parseFloat(val.SellPrice) *
(parseFloat(x.PriceMoney) / 100.0) *
this.model.JoinNum;
result.remark = `双人报名优惠${x.PriceMoney}%`;
} else if (
x.PriceDiscountType == type &&
type == 2 &&
this.model.JoinNum > 0
) {
result.money =
parseFloat(val.SellPrice) *
(parseFloat(x.PriceMoney) / 100.0) *
this.model.JoinNum;
result.remark = `单人报名优惠${x.PriceMoney}%`;
} else if (
x.PriceDiscountType == type &&
type == 1 &&
this.model.JoinNum > 0
) {
let joinNum =
Math.floor(this.model.JoinNum / (x.BuyNum + x.SendNum)) * x.BuyNum +
(this.model.JoinNum % (x.BuyNum + x.SendNum));
result.money =
val.SellPrice * this.model.JoinNum -
parseFloat(val.SellPrice) * joinNum;
result.remark = `买${x.BuyNum}送${x.SendNum}`;
} else if (
x.PriceDiscountType == type &&
type == 4 &&
this.model.JoinNum > 0
) {
result.money =
parseFloat(val.SellPrice) *
(parseFloat(x.PriceMoney) / 100.0) *
this.model.JoinNum;
result.remark = `续费优惠${x.PriceMoney}%`;
}
});
return result;
},
}
}
};
};
</script>
<style></style>
src/pages/sale/courseList.vue
View file @ 9488d898
......@@ -324,12 +324,6 @@ export default {
field: "CoverImg",
align: "left"
},
// {
// name: 'CourseId',
// label: '课程编号',
// field: 'CourseId',
// align: 'left'
// },
{
name: "CourseName",
required: true,
......@@ -424,11 +418,7 @@ export default {
},
methods: {
createQuotation(){
this.showForm=true
// this.$router.push({
// path: '/sale/createQuotation'
// })
this.showForm=true;
},
showContentDialog(content){
this.showContent=content;
......@@ -456,11 +446,9 @@ export default {
new RegExp("\n", "gm"),
"<br/>"
);
console.log(x.CourseFeature);
});
this.data = res.Data.PageData;
this.pageCount = res.Data.PageCount;
console.log(this.data, "data");
})
.catch(() => {
this.loading = false;
......
src/pages/sale/courseList copy.vue → src/pages/sale/courseoffer.vue
View file @ 9488d898
......@@ -109,13 +109,14 @@
line-height: 25px;
background-color: #004d40;
}
</style>
<template>
<div class="page-body courseList">
<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.CourseName" label="课程名称"
<q-input @input="resetSearch" clearable standout="bg-primary text-white" v-model="msg.Name" label="报价单名称"
@clear="resetSearch" maxlength="20" />
</div>
</div>
......@@ -125,129 +126,66 @@
<li v-for="(item,index) in data" :key="index">
<div class="dline">
<div class="d1" style="width:25%">
<div class="di-title">课程名称</div>
<div class="di-title">流水号</div>
<div class="di-c" style="margin-top: 25px;">
<div>
<img :src="item.CoverImg" v-if="item.CoverImg" style="width:60px;height:60px;margin-right:10px;" />
<img style="width:60px;height:60px;margin-right:10px;" v-else src="../../assets/images/default.png"/>
<div>{{item.SerialNum}}
</div>
<div>{{item.CourseName}}</div>
</div>
</div>
<div class="d2">
<div class="di-title">讲师</div>
<div class="di-title">名称</div>
<div class="di-c" style="margin-top: 25px;">
<div style="display:flex;align-items:center;" v-for="(subItem,sIndex) in item.TeacherList"
:key="sIndex">
<div>
<img v-if="subItem.TeacherIcon" style="width:25px;height:25px;border-radius:50%;"
:src="subItem.TeacherIcon" />
<div v-else class="myCourseNName">{{subItem.TeacherName.substring(0,1)}}</div>
</div>
<div style="margin-left:5px;">{{subItem.TeacherName}}</div>
</div>
<div style="margin-left:5px;">{{item.Name}}</div>
</div>
</div>
<div class="d3">
<div class="di-title">销售平台</div>
<div class="di-title">客户信息</div>
<div class="di-c" style="margin-top: 25px;">
<span style="margin-right:5px;" v-for="(pItem,pIndex) in item.SalePlatArr">{{pItem}}</span>
<span style="margin-right:5px;">{{item.CustomerName}} / {{item.CustomerTel}}</span>
</div>
</div>
<div class="d4" style="width:20%">
<div class="di-title">基础价格</div>
<div class="di-title">总原价</div>
<div class="di-c" style="margin-top: 25px;">
<span
style="color: var(--q-color-negative); font-weight: bold;">￥{{item.OriginalPrice.toFixed(2)}}</span>
style="color: var(--q-color-negative); font-weight: bold;">￥{{item.TotalOriginalPrice.toFixed(2)}}</span>
</div>
</div>
<div class="d5" style="width:20%">
<div class="di-title">总价格</div>
<div class="di-c" style="margin-top: 25px;">
<span style="color: var(--q-color-negative); font-weight: bold;">￥{{item.TotalPrice.toFixed(2)}}</span>
</div>
</div>
<div class="d5" style="width:20%">
<div class="di-title">总优惠</div>
<div class="di-c" style="margin-top: 25px;">
<span
style="color: var(--q-color-negative); font-weight: bold;">￥{{item.TotalDiscountPrice.toFixed(2)}}</span>
</div>
</div>
<div class="d5" style="width:19%">
<div class="di-title">优惠价格</div>
<div class="di-title">报名人数</div>
<div class="di-c" style="margin-top: 25px;">
<template v-if="item.PreferentialList&&item.PreferentialList.length>0">
<table>
<tbody v-for="(pitem,pindex) in item.PreferentialList" v-if="pindex==0">
<tr>
<td>
<template v-if="pitem.PriceDiscountType==1">
买 <span style="color: var(--q-color-negative); font-weight: bold;">{{pitem.BuyNum}}</span> 送
<span style="color: var(--q-color-negative); font-weight: bold;">{{pitem.SendNum}}</span>
</template>
<template v-else-if="pitem.PriceDiscountType==5">
刷卡分期
</template>
<template v-else>
{{pitem.PriceDiscountTypeStr}} <span
style="color: var(--q-color-negative); font-weight: bold;"> {{pitem.PriceMoney}} %</span>
</template>
</td>
</tr>
<tr>
<td>
同行返佣<span
style="color: var(--q-color-negative); font-weight: bold;"> {{pitem.B2BCommissionMoney}}
%</span>
</td>
</tr>
<tr>
<td>
销售返佣<span
style="color: var(--q-color-negative); font-weight: bold;"> {{pitem.SaleCommissionMoney}}
%</span>
<span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px"
v-if="item.PreferentialList.length>1">
<q-popup-proxy>
<q-banner>
<table style="width:400px;" border="0" cellspacing="0" cellpadding="0">
<thead style="background-color:rgba(221, 222, 224, 0.2);">
<tr>
<td style="width:45%;height:30px;">
优惠条件
</td>
<td style="width:25%;height:30px;">
同行返佣
</td>
<td style="width:25%;height:30px;">
销售返佣
</td>
</tr>
</thead>
<tbody>
<tr v-for="(pitem,pindex) in item.PreferentialList">
<td style="height:30px;">
<template v-if="pitem.PriceDiscountType==1">
买 {{pitem.BuyNum}} 送 {{pitem.SendNum}}
</template>
<template v-else-if="pitem.PriceDiscountType==5">
刷卡分期
</template>
<template v-else>
{{pitem.PriceDiscountTypeStr}} {{pitem.PriceMoney}} %
</template>
</td>
<td style="height:30px;">
{{pitem.B2BCommissionMoney}} %
</td>
<td style="height:30px;">
{{pitem.SaleCommissionMoney}} %
</td>
</tr>
</tbody>
</table>
</q-banner>
</q-popup-proxy>
</span>
</td>
</tr>
</tbody>
</table>
</template>
<span style="color: var(--q-color-negative); font-weight: bold;">{{item.JoinNum}}</span>
</div>
</div>
<div class="d5" style="width:19%">
<div class="di-title">状态</div>
<div class="di-c" style="margin-top: 25px;">
<span>{{item.CustomerStatusName}}</span>
</div>
</div>
<div class="d5" style="width:19%">
<div class="di-title">操作</div>
<div class="di-c" style="margin-top: 25px;">
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="修改报价单"
@click="editQuotation(item)" />
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="详情"
@click="gotoDetails(item)" />
</div>
</div>
</div>
<div class="d6 row">
<p style="color:var(--q-color-negative);font-weight: bold"><span
style="color:#2D2D2D;">课程特色：</span>{{item.CourseFeature}}</p>
</div>
</li>
<li style="border: none;display: flex;justify-content: flex-end;background: white;padding: 5px 20px">
......@@ -258,18 +196,22 @@
</ul>
<div v-else style="width: 100%;color: #999999;text-align: center;font-size: 15px">暂无数据</div>
</div>
<q-dialog v-model="showForm" persistent>
<quotation-form :obj="offerObj" @save="showForm=false"></quotation-form>
</q-dialog>
</div>
</template>
<script>
import quotationForm from '../../components/sale/quotation-form'
import {
queryCoursePage,
queryCourseOfferPage,
} from '../../api/course/index'
export default {
meta: {
title: "课程预览"
title: "报价单"
},
components: {
quotationForm
},
data() {
return {
......@@ -280,38 +222,49 @@
pageIndex: 1,
pageSize: 12,
rowsPerPage: 12,
CourseName: "",
QCateIds: "",
Status: "0",
IsQPrice: 1, //是否查询优惠价格设置
IsQTeacher: 1, //是否查询课程讲师
Name: "",
IsGetDetails: 1,
},
pageCount: 0,
showForm: false, //是否显示报价单弹窗
offerObj: {}, //报价单信息
}
},
mounted() {
this.currentUrl = this.$route.path
this.getcourselist();
this.getcourseofferpage();
},
methods: {
gotoDetails(item) {
this.$router.push({
path: "/sale/quotation",
query: {
Id: item.Id
}
});
},
//显示报价单
editQuotation(item) {
this.showForm = true;
this.offerObj = item;
},
//重新查询
resetSearch() {
this.msg.pageIndex = 1;
this.getcourselist();
this.getcourseofferpage();
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
this.getcourselist()
this.getcourseofferpage()
},
//获取菜单分页列表
getcourselist() {
//获取报价单分页列表
getcourseofferpage() {
this.loading = true;
queryCoursePage(this.msg).then(res => {
queryCourseOfferPage(this.msg).then(res => {
this.loading = false
this.data = res.Data.PageData
this.data = res.Data.PageData;
this.pageCount = res.Data.PageCount;
console.log(this.data, 'data');
}).catch(() => {
this.loading = false
})
......
src/pages/sale/quotation.vue
View file @ 9488d898
<template>
<div style="max-width:1290px;margin:0 auto;padding:30px;">
<q-card
style="padding-top: 6.75rem!important;background:rgb(255,255,255)"
ref="quotationbox"
id="quotationbox"
class="shadow-24"
v-if="!isPrint"
>
<q-card style="padding-top: 6.75rem!important;background:rgb(255,255,255)" ref="quotationbox" id="quotationbox"
class="shadow-24" v-if="!isPrint">
<div class="row justify-center">
<div class="col-9">
<div class="flex items-start" style="padding-bottom:5rem;">
<div class="text-h3 text-weight-bold col">
<span>报价单</span>
<div style="font-size:13px;font-weight:400;" class="text-muted">
No:20210213001
No:{{model.SerialNum}}
</div>
</div>
<div class="col-auto">
<div class="text-right" style="margin-bottom:0px;">
<img src="../../assets/images/quo_logo.png" height="30px" />
<img
src="../../assets/images/quo_logo_text.png"
class="q-ml-xs"
height="30px"
/>
<img src="../../assets/images/quo_logo_text.png" class="q-ml-xs" height="30px" />
</div>
<div class="text-muted " style="font-size: 1.05rem!important;">
成都市锦江区青和里南段55号阳光新业中心2号楼23楼
</div>
<div
class="text-muted text-right"
style="font-size: 1.05rem!important;"
>
<div class="text-muted text-right" style="font-size: 1.05rem!important;">
联系热线：028-61993633
</div>
</div>
</div>
<div style="margin-bottom: 7.5rem!important;">
<q-img
src="../../assets/images/quo/banner1.jpg"
spinner-color="white"
style="height: 243px;width:100%;border-radius: 10px;"
class="rounded-borders"
>
<q-img src="../../assets/images/quo/banner1.jpg" spinner-color="white"
style="height: 243px;width:100%;border-radius: 10px;" class="rounded-borders">
</q-img>
</div>
<div class="row" :style="{'margin-bottom':isGengernal?'6rem':'20px'}">
......@@ -59,139 +43,75 @@
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">
<q-icon
:color="icons[0]"
name="iconfont icon-yuanquan"
class="q-mr-xs"
size="14px"
></q-icon>
<span>商用日语导游基础班(无日语基础)</span>
</td>
<td>81课时</td>
<td>3800.00</td>
<td>3800.00</td>
<td>1</td>
<td class="remark-font">暂无</td>
</tr>
<tr>
<tr v-for="item in model.OfferDetails">
<td style="text-align:left">
<q-icon
:color="icons[1]"
name="iconfont icon-yuanquan"
class="q-mr-xs"
size="14px"
></q-icon>
<span>商用日语导游基础班(无日语基础)</span>
<q-icon :color="icons[0]" name="iconfont icon-yuanquan" class="q-mr-xs" size="14px"></q-icon>
<span>{{item.CourseName}}</span>
</td>
<td>81课时</td>
<td>3800.00</td>
<td>3800.00</td>
<td>2</td>
<td class="remark-font">
<td>{{item.ClassHours}} 课时</td>
<td>{{item.OriginalPrice}}</td>
<td>{{item.DiscountPrice}}</td>
<td>{{item.JoinNum}}</td>
<td class="remark-font">{{item.Remark}}</td>
<!-- <td class="remark-font">
<div>双人报名享70折优惠</div>
</td>
</tr>
<tr>
<td style="text-align:left">
<q-icon
:color="icons[2]"
name="iconfont icon-yuanquan"
class="q-mr-xs"
size="14px"
></q-icon>
<span>商用日语导游基础班(无日语基础)</span>
</td>
<td>81课时</td>
<td>3800.00</td>
<td>3800.00</td>
<td>3</td>
<td class="remark-font">暂无</td>
</td> -->
</tr>
</tbody>
</table>
<q-separator
color="blue-grey-1"
style="margin:20px auto;"
></q-separator>
<q-separator color="blue-grey-1" style="margin:20px auto;"></q-separator>
<div class="quo-font text-weight-bold">销售经理</div>
<div class="row">
<div class="col-3 quo-font f14">姓名：</div>
<div class="col-3 quo-font f14 text-right">罗超</div>
<div class="col-3 quo-font f14 text-right">{{model.CreateByName}}</div>
</div>
<div class="row">
<div class="col-3 quo-font f14">联系电话：</div>
<div class="col-3 quo-font f14 text-right">17308037817</div>
<div class="col-3 quo-font f14 text-right">{{model.CreateTel}}</div>
</div>
<div class="row q-pb-xl">
<div class="col-3 quo-font f14">微信：</div>
<div class="col-3 quo-font f14 text-right">17308037817</div>
<div class="col-3 quo-font f14 text-right">{{model.CreateWeChatNo}}</div>
</div>
</div>
<div
class="col text-right"
style="border-left:1px solid #ebedf3;padding-left: 2.5rem;padding-bottom: 2.5rem;padding-top: 2.5rem;margin-left:2.5rem"
>
<div class="col text-right"
style="border-left:1px solid #ebedf3;padding-left: 2.5rem;padding-bottom: 2.5rem;padding-top: 2.5rem;margin-left:2.5rem">
<div style="color:#b5b5c3!important;font-size:17px;" class="">
合计金额
</div>
<div
style="font-family:Poppins,Helvetica,sans-serif;font-size:26px;"
class="text-weight-bold"
>
￥20,600.00
<div style="font-family:Poppins,Helvetica,sans-serif;font-size:26px;" class="text-weight-bold">
￥{{model.TotalPrice}}
</div>
<div
class="remark-font"
style="padding-bottom: 3rem;margin-bottom: 4rem;border-bottom:1px solid #ebedf3;"
>
<div class="remark-font"
style="padding-bottom: 3rem;margin-bottom: 4rem;border-bottom:1px solid #ebedf3;">
含税报价
</div>
<div
style="color:#b5b5c3!important;font-size:14px;"
class="text-weight-bold q-mb-md"
>
<div style="color:#b5b5c3!important;font-size:14px;" class="text-weight-bold q-mb-md">
客户信息
</div>
<div style="font-size:14px;" class="text-weight-bold">张桂花</div>
<div style="font-size:14px;" class="text-weight-bold">{{model.CustomerName}}</div>
<div style="font-size:14px;" class="text-weight-bold q-mb-lg">
13551126755
{{model.CustomerTel}}
</div>
<div
style="color:#b5b5c3!important;font-size:14px;"
class="text-weight-bold q-mb-md"
>
<div style="color:#b5b5c3!important;font-size:14px;" class="text-weight-bold q-mb-md">
报价单号
</div>
<div style="font-size:14px;" class="text-weight-bold q-mb-lg">
No:20210213001
No:{{model.SerialNum}}
</div>
<div
style="color:#b5b5c3!important;font-size:14px;"
class="text-weight-bold q-mb-md"
>
<div style="color:#b5b5c3!important;font-size:14px;" class="text-weight-bold q-mb-md">
报价时间
</div>
<div style="font-size:14px;" class="text-weight-bold">
2021年02月29日
{{model.CreateTime}}
</div>
</div>
</div>
<div v-if="!isGengernal">
<q-separator
color="blue-grey-1"
style="margin-bottom:20px;"
></q-separator>
<q-separator color="blue-grey-1" style="margin-bottom:20px;"></q-separator>
<div style="padding:6rem 0;" class="row">
<div class="col">
<q-btn
color="primary"
label="下载报价单"
class="q-mr-md"
@click="saveImage"
:loading="isGengernal"
></q-btn>
<q-btn color="primary" label="下载报价单" class="q-mr-md" @click="saveImage" :loading="isGengernal"></q-btn>
<q-btn color="primary" flat label="获取二维码"></q-btn>
</div>
<div class="col-auto">
......@@ -209,113 +129,146 @@
</template>
<script>
import print from "print-js";
import html2canvas from "html2canvas";
export default {
data() {
return {
icons: [
"negative",
"primary",
"warning",
"secondary",
"accent",
"negative",
"primary",
"warning",
"secondary",
"accent"
],
img: "",
isPrint: false,
isGengernal: false
};
},
methods: {
print() {
printJS({
printable: "quotationBoxId", // 标签元素id
type: "html"
});
setTimeout(() => {
this.isPrint = false;
this.isGengernal = false;
}, 1000);
import {
queryCourseOfferInfo,
} from '../../api/course/index'
import print from "print-js";
import html2canvas from "html2canvas";
export default {
data() {
return {
icons: [
"negative",
"primary",
"warning",
"secondary",
"accent",
"negative",
"primary",
"warning",
"secondary",
"accent"
],
img: "",
isPrint: false,
isGengernal: false,
Id: 0, //报价单编号
model: {}, //报价单详情
};
},
dataURLToBlob(dataurl) {
let arr = dataurl.split(",");
let mime = arr[0].match(/:(.*?);/)[1];
let bstr = atob(arr[1]);
let n = bstr.length;
let u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
created() {
if (this.$route.query.Id) {
this.Id = this.$route.query.Id;
this.getDetails();
}
return new Blob([u8arr], { type: mime });
},
saveImage() {
if (!this.isGengernal) {
this.isGengernal = true;
methods: {
//获取报价单详情
getDetails() {
queryCourseOfferInfo({
Id: this.Id
}).then(res => {
if (res.Code == 1) {
this.model = res.Data;
}
});
},
print() {
printJS({
printable: "quotationBoxId", // 标签元素id
type: "html"
});
setTimeout(() => {
let canvasID = document.getElementById("quotationbox");
let a = document.createElement("a");
html2canvas(canvasID, {
useCORS: true,
allowTaint: true,
backgroundColor: "#FFFFFF",
scale: 1.3,
taintTest: false
}).then(canvas => {
let dom = document.body.appendChild(canvas);
dom.style.display = "none";
a.style.display = "none";
document.body.removeChild(dom);
let blob = this.dataURLToBlob(dom.toDataURL("image/png"));
a.setAttribute("href", URL.createObjectURL(blob));
a.setAttribute("download", "张桂花的报价单.png");
document.body.appendChild(a);
a.click();
URL.revokeObjectURL(blob);
document.body.removeChild(a);
this.isGengernal = false;
});
this.isPrint = false;
this.isGengernal = false;
}, 1000);
},
dataURLToBlob(dataurl) {
let arr = dataurl.split(",");
let mime = arr[0].match(/:(.*?);/)[1];
let bstr = atob(arr[1]);
let n = bstr.length;
let u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {
type: mime
});
},
saveImage() {
if (!this.isGengernal) {
this.isGengernal = true;
setTimeout(() => {
let canvasID = document.getElementById("quotationbox");
let a = document.createElement("a");
html2canvas(canvasID, {
useCORS: true,
allowTaint: true,
backgroundColor: "#FFFFFF",
scale: 1.3,
taintTest: false
}).then(canvas => {
let dom = document.body.appendChild(canvas);
dom.style.display = "none";
a.style.display = "none";
document.body.removeChild(dom);
let blob = this.dataURLToBlob(dom.toDataURL("image/png"));
a.setAttribute("href", URL.createObjectURL(blob));
var name = "报价单.png";
if (this.model) {
name = this.model.Name + "报价单.png";
}
a.setAttribute("download", name);
document.body.appendChild(a);
a.click();
URL.revokeObjectURL(blob);
document.body.removeChild(a);
this.isGengernal = false;
});
}, 1000);
}
}
}
}
};
};
</script>
<style>
.quo-table {
width: 100%;
}
.quo-table thead th {
font-size: 13px;
font-weight: bold;
color: #b5b5c3 !important;
border-bottom: 1px solid rgb(235, 237, 243);
line-height: 1.5;
padding-bottom: 2.25rem !important;
text-align: right;
}
.quo-table tbody td {
padding-bottom: 0.75rem;
vertical-align: top;
padding-top: 1.75rem !important;
padding-left: 0;
font-size: 13px;
font-weight: 600;
color: #3f4254;
line-height: 1.5;
text-align: right;
}
.quo-font {
color: #3f4254;
font-size: 15px;
margin-bottom: 0.75rem !important;
}
.quo-font.f14 {
font-size: 14px;
}
.quo-table {
width: 100%;
}
.quo-table thead th {
font-size: 13px;
font-weight: bold;
color: #b5b5c3 !important;
border-bottom: 1px solid rgb(235, 237, 243);
line-height: 1.5;
padding-bottom: 2.25rem !important;
text-align: right;
}
.quo-table tbody td {
padding-bottom: 0.75rem;
vertical-align: top;
padding-top: 1.75rem !important;
padding-left: 0;
font-size: 13px;
font-weight: 600;
color: #3f4254;
line-height: 1.5;
text-align: right;
}
.quo-font {
color: #3f4254;
font-size: 15px;
margin-bottom: 0.75rem !important;
}
.quo-font.f14 {
font-size: 14px;
}
</style>
src/router/routes.js
View file @ 9488d898
......@@ -426,6 +426,11 @@ const routes = [{
component: () =>
import("pages/sale/courseList.vue")
},
{
path: "/sale/courseoffer", //销售 报价单
component: () =>
import("pages/sale/courseoffer.vue")
},
{
path: "/sale/myOrder", //销售 我的订单
component: () =>
......@@ -467,7 +472,7 @@ const routes = [{
import("pages/course/question.vue")
},
{
path: "/sale/createQuotation", //报价单
path: "/sale/quotation", //报价单
component: () =>
import("pages/sale/quotation.vue")
},
......
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