Skip to content

C
confucius
Commit 0f87234e authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent adc7ef25
Hide whitespace changes
Inline Side-by-side
Showing with 27 additions and 205 deletions
src/api/studyabroad/index.js
View file @ 0f87234e
......@@ -116,3 +116,14 @@ export function deleteStudyAbroad(data) {
})
}
/**
* 批量更新留学就业优惠信息
*/
export function saveBatchStudyAbroad(data) {
return request({
url: '/StudyAbroad/BatchStudyAbroad',
method: 'post',
data
})
}
src/components/studyAbroad/studyAbroad-form copy.vue deleted 100644 → 0
View file @ adc7ef25
<template>
<q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
<q-card style="width: 800px;max-width:900px;">
<q-card-section>
<div class="text-h6">{{objOption.Id==0?'新增留学':'修改留学'}}</div>
</q-card-section>
<q-card-section class="q-pt-none scroll" style="max-height: 70vh">
<div class="text-caption q-mb-lg q-px-md text-grey-6">留学信息</div>
<div class="row wrap">
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.Name" ref="Name"
class="col-6 q-pr-lg q-pb-lg" label="项目名称" :rules="[val => !!val || '项目名称']" />
<q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.SupplierId" ref="Type"
:options="supplierList" label="供应编号" :dense="false" class="col-6 q-pb-lg q-pr-lg" emit-value map-options />
</div>
<div class="row wrap">
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.SupplierContract"
ref="SupplierContract" class="col-6 q-pr-lg q-pb-lg" label="供应商合同" :rules="[val => !!val || '供应商合同']" />
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.CommissionProfits"
ref="SupplierContract" class="col-6 q-pr-lg q-pb-lg" label="佣金利润说明" :rules="[val => !!val || '佣金利润说明']" />
</div>
<div class="row wrap">
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.SellPrice" ref="SellPrice"
class="col-6 q-pr-lg q-pb-lg" label="卖价"" :rules=" [val=> !!val || '卖价']" />
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.CostPrice" ref="CostPrice"
class="col-6 q-pr-lg q-pb-lg" label="直接成本价" :rules="[val => !!val || '直接成本价']" />
</div>
<div class="row wrap">
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.CostInfo" ref="CostInfo"
class="col-6 q-pr-lg q-pb-lg" label="成本价包含内容"" :rules=" [val=> !!val || '成本价包含内容']" />
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.B2BCommission"
ref="B2BCommission" class="col-6 q-pr-lg q-pb-lg" label="同行返佣" :rules="[val => !!val || '同行返佣']" />
</div>
<div class="row wrap">
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.SaleCommission"
ref="SaleCommission" class="col-6 q-pr-lg q-pb-lg" label="销售返佣" :rules="[val => !!val || '销售返佣']" />
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.OfferPrice" ref="OfferPrice"
class="col-6 q-pr-lg q-pb-lg" label="校企报价" :rules="[val => !!val || '校企报价']" />
</div>
<div class="row wrap">
<q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.OfferCommission"
ref="SaleCommission" class="col-6 q-pr-lg q-pb-lg" label="校企返佣金额" :rules="[val => !!val || '校企返佣金额']" />
</div>
<div class="row wrap">
<q-input filled stack-label :dense="false" v-model="objOption.Remark" style="margin-top: 20px" type="textarea"
class="col-12" label="备注" />
</div>
</q-card-section>
<q-separator />
<q-card-actions align="right" class="bg-white">
<q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
<q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
@click="saveStudyInfo" />
</q-card-actions>
</q-card>
</q-dialog>
</template>
<script>
import {
saveStudyAbroad,
queryStudyAbroadInfo,
querySupplierList
} from '../../api/studyabroad/index'
export default {
props: {
saveObj: {
type: Object,
default: null
}
},
data() {
return {
persistent: true,
objOption: {
Id: 0,
Type: 1, //1留学 2就业
Name: '', //项目名称
SupplierId: 0, //供应商编号
SupplierContract: '', //供应商合同
CommissionProfits: '', //佣金利润说明
SellPrice: '', //卖价
CostPrice: '', //直接成本价
CostInfo: '', //成本价包含内容
B2BCommission: '', //同行返佣
B2BCommissionType: 0, //同行返佣类型
SaleCommissionType: 0, //销售返佣类型
OfferPrice: '', //校企报价
OfferCommissionType: 0, //校企报价返佣类型
OfferCommission: '', //校企返佣金额
Remark: '', //备注
SaleState: 0 //销售状态(0-待完善，1-上架审核中，2-上架)
},
optionTitle: "",
saveLoading: false,
supplierList: [], //供应商下拉数据
}
},
mounted() {
this.getStudyAbroadList();
this.initObj()
},
methods: {
//初始化表单
initObj() {
if (this.saveObj && this.saveObj.Id > 0) {
queryStudyAbroadInfo({
Id: this.saveObj.Id
}).then(res => {
if (res.Code == 1) {
var tempObj = res.Data;
if (tempObj) {
this.addMsg.Id = tempObj.Id;
this.addMsg.Type = tempObj.Type;
this.addMsg.Name = tempObj.Name;
this.addMsg.SupplierId = tempObj.SupplierId;
this.addMsg.SupplierContract = tempObj.SupplierContract;
this.addMsg.CommissionProfits = tempObj.CommissionProfits;
this.addMsg.SellPrice = tempObj.SellPrice;
this.addMsg.CostPrice = tempObj.CostPrice;
this.addMsg.CostInfo = tempObj.CostInfo;
this.addMsg.B2BCommission = tempObj.B2BCommission;
this.addMsg.B2BCommissionType = tempObj.B2BCommissionType;
this.addMsg.SaleCommissionType = tempObj.SaleCommissionType;
this.addMsg.OfferPrice = tempObj.OfferPrice;
this.addMsg.OfferCommissionType = tempObj.OfferCommissionType;
this.addMsg.OfferCommission = tempObj.OfferCommission;
this.addMsg.Remark = tempObj.Remark;
this.addMsg.SaleState = tempObj.SaleState;
}
}
})
} else {
this.addMsg.Id = 0;
this.addMsg.Type = 1;
this.addMsg.Name = '';
this.addMsg.SupplierId = 0;
this.addMsg.SupplierContract = '';
this.addMsg.CommissionProfits = '';
this.addMsg.SellPrice = '';
this.addMsg.CostPrice = '';
this.addMsg.CostInfo = '';
this.addMsg.B2BCommission = '';
this.addMsg.B2BCommissionType = 0;
this.addMsg.SaleCommissionType = 0;
this.addMsg.OfferPrice = '';
this.addMsg.OfferCommissionType = 0;
this.addMsg.OfferCommission = '';
this.addMsg.Remark = '';
this.addMsg.SaleState = 0;
}
},
//关闭弹窗
closeSaveForm() {
this.$emit('close')
this.persistent = false
},
//保存菜单
saveStudyInfo() {
this.saveLoading = true;
saveStudyAbroad(this.objOption).then(res => {
this.saveLoading = false
this.$q.notify({
icon: 'iconfont icon-chenggong',
color: 'accent',
timeout: 2000,
message: '数据保存成功！',
position: 'top'
})
this.$emit("success");
this.closeSaveForm();
})
},
//获取下拉框数据
getStudyAbroadList() {
querySupplierList({}).then(res => {
if (res.Code == 1) {
this.supplierList = res.Data;
let obj = {
Id: 0,
Name: '请选择'
}
this.supplierList.unshift(obj);
}
})
}
}
}
</script>
src/components/studyAbroad/studyAbroad-form2.vue → src/components/studyAbroad/studyAbroadprice-form.vue
View file @ 0f87234e
......@@ -152,7 +152,7 @@
saveCourseLoading: false,
//价格对象
priceObj: {
courseObj: {
studyAbroadObj: {
CourseId: 0, //课程编号
OriginalPrice: 0, //原价
SellPrice: 0 //售价
......@@ -179,7 +179,7 @@
addPrice() {
var currentObj = {
Id: 0, //主键编号
CourseId: 0, //课程编号
StudyabroadId: 0, //留学就业编号
PreferentialTerms: "", //优惠条件
SaleCommissionType: 0, //销售返佣类型(0-百分比，1-固定金额)
SaleCommissionMoney: 0, //销售返佣
......
src/pages/studyAbroad/studyabroad.vue
View file @ 0f87234e
......@@ -16,13 +16,14 @@
<q-space />
<div class="page-option">
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增留学" @click="EditStudy(null)" />
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增留学2" @click="isShowStudy2=true" />
</div>
</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="EditStudyPrice(props.row)" />
</q-td>
</template>
<template v-slot:bottom>
......@@ -32,8 +33,8 @@
</q-table>
<studyAbroad-form v-if="isShowStudy" :save-obj="studyObj" @close="closeStudyForm" @success="refreshPage">
</studyAbroad-form>
<studyAbroad-form2 v-if="isShowStudy2" :save-obj="studyObj" @close="closeStudyForm2" @success="refreshPage">
</studyAbroad-form2>
<studyAbroadprice-form v-if="closeStudyForm" :save-obj="studyObj" @close="closeStudyForm" @success="refreshPage">
</studyAbroadprice-form>
</div>
</div>
</template>
......@@ -43,7 +44,7 @@
queryStudyAbroadPage
} from '../../api/studyabroad/index'
import studyAbroadForm from '../../components/studyAbroad/studyAbroad-form'
import studyAbroadForm2 from '../../components/studyAbroad/studyAbroad-form2'
import studyAbroadpriceForm from '../../components/studyAbroad/studyAbroadprice-form'
export default {
meta: {
......@@ -51,7 +52,7 @@
},
components: {
studyAbroadForm,
studyAbroadForm2
studyAbroadpriceForm
},
data() {
return {
......@@ -170,7 +171,7 @@
isShowStudy: false, //是否显示留学弹窗
studyObj: {}, //留学对象
isShowStudy2:false,
isShowStudyPrice: false, //是否显示价格设置
}
},
mounted() {
......@@ -203,15 +204,9 @@
},
//关闭弹窗
closeStudyForm() {
this.isShowStudy = false
this.isShowStudy = false;
this.isShowStudyPrice = false;
},
//关闭弹窗2号
closeStudyForm2(){
this.isShowStudy2 = false
},
//刷新页面
refreshPage() {
this.getList();
......@@ -224,6 +219,11 @@
this.studyObj = null;
}
this.isShowStudy = true;
},
//显示价格设置
EditStudyPrice(obj) {
this.studyObj = obj;
this.isShowStudyPrice = true;
}
}
}
......
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