|
@@ -11,9 +11,13 @@
|
|
<el-table-column label="id" align="center" prop="id" v-if="false" />
|
|
<el-table-column label="id" align="center" prop="id" v-if="false" />
|
|
<el-table-column label="方案名称" align="center" prop="grade" />
|
|
<el-table-column label="方案名称" align="center" prop="grade" />
|
|
<el-table-column label="油品名称" align="center" prop="oilName" />
|
|
<el-table-column label="油品名称" align="center" prop="oilName" />
|
|
- <el-table-column label="优惠条件" align="center" prop="discountTerm" />
|
|
|
|
|
|
+ <el-table-column label="优惠条件" align="center" >
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ 每满 {{scope.row.discountAmt}} 减 {{scope.row.gasoilDiscountAmt}}
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column label="优惠条件金额" v-if="false" align="center" prop="discountAmt" />
|
|
<el-table-column label="优惠条件金额" v-if="false" align="center" prop="discountAmt" />
|
|
- <el-table-column label="优惠金额" align="center" prop="gasoilDiscountAmt" />
|
|
|
|
|
|
+ <el-table-column label="优惠金额" v-if="false" align="center" prop="gasoilDiscountAmt" />
|
|
<el-table-column label="会员优惠是否叠加" align="center" prop="vipDiscountyPlus" :formatter="vipDiscountyPlusFotmat" />
|
|
<el-table-column label="会员优惠是否叠加" align="center" prop="vipDiscountyPlus" :formatter="vipDiscountyPlusFotmat" />
|
|
<el-table-column label="可否叠加劵" align="center" prop="couponPlus" :formatter="couponPlusFotmat"
|
|
<el-table-column label="可否叠加劵" align="center" prop="couponPlus" :formatter="couponPlusFotmat"
|
|
/>
|
|
/>
|
|
@@ -43,6 +47,25 @@
|
|
<el-form-item label="方案名称" prop="grade">
|
|
<el-form-item label="方案名称" prop="grade">
|
|
<el-input v-model="form.grade" placeholder="请输入等级名称" />
|
|
<el-input v-model="form.grade" placeholder="请输入等级名称" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="油站名称" prop="stationId" >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="form.stationId"
|
|
|
|
+ placeholder="请选择油站"
|
|
|
|
+ clearable
|
|
|
|
+ size="small"
|
|
|
|
+ @change="onInstitutionChang"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in stationOptions"
|
|
|
|
+ :key="item.stationId"
|
|
|
|
+ :label="item.stationName"
|
|
|
|
+ :value="item.stationId"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="油站名称" v-show="false" prop="personnelName">
|
|
|
|
+ <el-input v-model="form.stationName" placeholder="请输入油站名称" />
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="油品名称" prop="oilName">
|
|
<el-form-item label="油品名称" prop="oilName">
|
|
<el-select v-model="form.oilName" placeholder="油品名称" clearable size="small">
|
|
<el-select v-model="form.oilName" placeholder="油品名称" clearable size="small">
|
|
<el-option
|
|
<el-option
|
|
@@ -54,13 +77,10 @@
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="优惠条件" prop="discountTerm">
|
|
<el-form-item label="优惠条件" prop="discountTerm">
|
|
- <el-input v-model="form.discountTerm" placeholder="请输入优惠条件" />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item v-show="false" label="优惠条件金额" prop="discountAmt">
|
|
|
|
- <el-input v-model="form.discountAmt" placeholder="请输入优惠条件金额" />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="优惠金额" prop="gasoilDiscountAmt">
|
|
|
|
- <el-input v-model="form.gasoilDiscountAmt" placeholder="请输入汽油优惠金额" />
|
|
|
|
|
|
+ 满
|
|
|
|
+ <el-input-number v-model="form.discountAmt" size="mini" :min="0" />
|
|
|
|
+ 减
|
|
|
|
+ <el-input-number v-model="form.gasoilDiscountAmt" size="mini" :min="0" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="会员优惠是否叠加" prop="vipDiscountyPlus">
|
|
<el-form-item label="会员优惠是否叠加" prop="vipDiscountyPlus">
|
|
<el-radio-group v-model="form.vipDiscountyPlus">
|
|
<el-radio-group v-model="form.vipDiscountyPlus">
|
|
@@ -100,10 +120,13 @@
|
|
<el-table-column label="id" align="center" prop="id" v-if="false" />
|
|
<el-table-column label="id" align="center" prop="id" v-if="false" />
|
|
<el-table-column label="方案名称" align="center" prop="grade" />
|
|
<el-table-column label="方案名称" align="center" prop="grade" />
|
|
<el-table-column label="油品名称" align="center" prop="oilName" />
|
|
<el-table-column label="油品名称" align="center" prop="oilName" />
|
|
- <el-table-column label="优惠条件" align="center" prop="discountTerm" />
|
|
|
|
|
|
+ <el-table-column label="优惠条件" align="center" >
|
|
|
|
+ <template slot-scope="scope1">
|
|
|
|
+ 满 {{scope1.row.discountAmt}} 减 {{scope1.row.gasoilDiscountAmt}}
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column label="优惠条件金额" v-if="false" align="center" prop="discountAmt" />
|
|
<el-table-column label="优惠条件金额" v-if="false" align="center" prop="discountAmt" />
|
|
- <el-table-column label="优惠金额" align="center" prop="gasoilDiscountAmt" />
|
|
|
|
-<!-- <el-table-column label="柴油优惠金额" align="center" prop="dieseloilDiscountAmt" />-->
|
|
|
|
|
|
+ <el-table-column label="优惠金额" v-if="false"align="center" prop="gasoilDiscountAmt" />
|
|
<el-table-column label="会员优惠是否叠加" align="center" prop="vipDiscountyPlus" :formatter="vipDiscountyPlusFotmat" />
|
|
<el-table-column label="会员优惠是否叠加" align="center" prop="vipDiscountyPlus" :formatter="vipDiscountyPlusFotmat" />
|
|
<el-table-column label="可否叠加劵" align="center" prop="couponPlus" :formatter="couponPlusFotmat" />
|
|
<el-table-column label="可否叠加劵" align="center" prop="couponPlus" :formatter="couponPlusFotmat" />
|
|
<el-table-column label="优惠方案类型" v-if="false" align="center" prop="discountPlanType" />
|
|
<el-table-column label="优惠方案类型" v-if="false" align="center" prop="discountPlanType" />
|
|
@@ -132,6 +155,25 @@
|
|
<el-form-item label="方案名称" prop="grade">
|
|
<el-form-item label="方案名称" prop="grade">
|
|
<el-input v-model="dtform.grade" placeholder="请输入等级名称" />
|
|
<el-input v-model="dtform.grade" placeholder="请输入等级名称" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="油站名称" prop="stationId" >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="dtform.stationId"
|
|
|
|
+ placeholder="请选择油站"
|
|
|
|
+ clearable
|
|
|
|
+ size="small"
|
|
|
|
+ @change="onInstitutionChang1"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in stationOptions"
|
|
|
|
+ :key="item.stationId"
|
|
|
|
+ :label="item.stationName"
|
|
|
|
+ :value="item.stationId"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="油站名称" v-show="false" prop="personnelName">
|
|
|
|
+ <el-input v-model="dtform.stationName" placeholder="请输入油站名称" />
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="油品名称" prop="oilName">
|
|
<el-form-item label="油品名称" prop="oilName">
|
|
<el-select v-model="dtform.oilName" placeholder="油品名称" clearable size="small">
|
|
<el-select v-model="dtform.oilName" placeholder="油品名称" clearable size="small">
|
|
<el-option
|
|
<el-option
|
|
@@ -142,14 +184,11 @@
|
|
/>
|
|
/>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="优惠条件" prop="discountTerm">
|
|
|
|
- <el-input v-model="dtform.discountTerm" placeholder="请输入优惠条件" />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="优惠条件金额" v-show="false" prop="discountAmt">
|
|
|
|
- <el-input v-model="dtform.discountAmt" placeholder="请输入优惠条件金额" />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="优惠金额" prop="gasoilDiscountAmt">
|
|
|
|
- <el-input v-model="dtform.gasoilDiscountAmt" placeholder="请输入汽油优惠金额" />
|
|
|
|
|
|
+ <el-form-item label="优惠条件">
|
|
|
|
+ 满
|
|
|
|
+ <el-input-number v-model="dtform.discountAmt" size="mini" :min="0" />
|
|
|
|
+ 减
|
|
|
|
+ <el-input-number v-model="dtform.gasoilDiscountAmt" size="mini" :min="0" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<!-- <el-form-item label="柴油优惠金额" prop="dieseloilDiscountAmt">
|
|
<!-- <el-form-item label="柴油优惠金额" prop="dieseloilDiscountAmt">
|
|
<el-input v-model="dtform.dieseloilDiscountAmt" placeholder="请输入柴油优惠金额" />
|
|
<el-input v-model="dtform.dieseloilDiscountAmt" placeholder="请输入柴油优惠金额" />
|
|
@@ -188,7 +227,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { listPlan, getPlan, delPlan, addPlan, updatePlan, exportPlan } from "@/api/market/plan";
|
|
import { listPlan, getPlan, delPlan, addPlan, updatePlan, exportPlan } from "@/api/market/plan";
|
|
-
|
|
|
|
|
|
+ import {stationinfo} from "@/api/station/gun";
|
|
export default {
|
|
export default {
|
|
name: "Setting",
|
|
name: "Setting",
|
|
data() {
|
|
data() {
|
|
@@ -210,6 +249,7 @@
|
|
DTplanList: [],
|
|
DTplanList: [],
|
|
couponPlusOptions:[],
|
|
couponPlusOptions:[],
|
|
vipDiscountyPlusOptions:[],
|
|
vipDiscountyPlusOptions:[],
|
|
|
|
+ stationOptions:[],
|
|
oilNameOptions:[],
|
|
oilNameOptions:[],
|
|
// 弹出层标题
|
|
// 弹出层标题
|
|
title: "",
|
|
title: "",
|
|
@@ -274,8 +314,25 @@
|
|
this.getDicts("oil_name").then(response => {
|
|
this.getDicts("oil_name").then(response => {
|
|
this.oilNameOptions = response.data;
|
|
this.oilNameOptions = response.data;
|
|
});
|
|
});
|
|
|
|
+ stationinfo().then(response => {
|
|
|
|
+ this.stationOptions = response.rows;
|
|
|
|
+ });
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ onInstitutionChang(e){
|
|
|
|
+ let obj = {};
|
|
|
|
+ obj = this.stationOptions.find((item)=>{//这里的userList就是上面遍历的数据源
|
|
|
|
+ return item.stationId === e;//筛选出匹配数据
|
|
|
|
+ })
|
|
|
|
+ this.form.stationName=obj.stationName;
|
|
|
|
+ },
|
|
|
|
+ onInstitutionChang1(e){
|
|
|
|
+ let obj = {};
|
|
|
|
+ obj = this.stationOptions.find((item)=>{//这里的userList就是上面遍历的数据源
|
|
|
|
+ return item.stationId === e;//筛选出匹配数据
|
|
|
|
+ })
|
|
|
|
+ this.dtform.stationName=obj.stationName;
|
|
|
|
+ },
|
|
/** 查询客户优惠等级设置列表 */
|
|
/** 查询客户优惠等级设置列表 */
|
|
getList() {
|
|
getList() {
|
|
this.queryParams.discountPlanType="1";
|
|
this.queryParams.discountPlanType="1";
|
|
@@ -340,6 +397,24 @@
|
|
};
|
|
};
|
|
this.resetForm("form");
|
|
this.resetForm("form");
|
|
},
|
|
},
|
|
|
|
+ resetDT() {
|
|
|
|
+ this.dtform = {
|
|
|
|
+ id: null,
|
|
|
|
+ grade: null,
|
|
|
|
+ discountWay: null,
|
|
|
|
+ gasoilDiscountLitre: null,
|
|
|
|
+ dieseloilDiscountLitre: null,
|
|
|
|
+ gradeType: null,
|
|
|
|
+ gasoilConsume: null,
|
|
|
|
+ gasoilGrowthValue: null,
|
|
|
|
+ dieseloilConsume: null,
|
|
|
|
+ dieseloilGrowthValue: null,
|
|
|
|
+ growthValue: null,
|
|
|
|
+ date: null,
|
|
|
|
+ deductionGrowthValue: null
|
|
|
|
+ };
|
|
|
|
+ this.resetForm("dtform");
|
|
|
|
+ },
|
|
|
|
|
|
/** 新增按钮操作 */
|
|
/** 新增按钮操作 */
|
|
handleAdd() {
|
|
handleAdd() {
|
|
@@ -359,13 +434,13 @@
|
|
},
|
|
},
|
|
/** 新增按钮操作 */
|
|
/** 新增按钮操作 */
|
|
handleAddDT() {
|
|
handleAddDT() {
|
|
- this.reset();
|
|
|
|
|
|
+ this.resetDT();
|
|
this.opendt = true;
|
|
this.opendt = true;
|
|
this.title = "添加客户优惠等级设置";
|
|
this.title = "添加客户优惠等级设置";
|
|
},
|
|
},
|
|
/** 修改按钮操作 */
|
|
/** 修改按钮操作 */
|
|
handleUpdateDT(row) {
|
|
handleUpdateDT(row) {
|
|
- this.reset();
|
|
|
|
|
|
+ this.resetDT();
|
|
const id = row.id || this.ids
|
|
const id = row.id || this.ids
|
|
getPlan(id).then(response => {
|
|
getPlan(id).then(response => {
|
|
this.dtform = response.data;
|
|
this.dtform = response.data;
|