|
|
|
@ -1,129 +1,186 @@
|
|
|
|
|
<template> |
|
|
|
|
<div style="padding: 0 10px"> |
|
|
|
|
<div class="content"> |
|
|
|
|
<!-- 配置计价规则 --> |
|
|
|
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> |
|
|
|
|
<el-tab-pane label="商配" name="0"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="市配" name="1"></el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
<el-form :model="formLoad" class="el_pricing"> |
|
|
|
|
<el-form-item label="是否有附加费"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否公里数计费"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="公里计算规则"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">总公里</el-radio> |
|
|
|
|
<el-radio value="0" size="large">点位公里</el-radio> |
|
|
|
|
<el-radio value="0" size="large">最远点位公里数</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否计算返程"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否补贴起步公里数计费"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="补贴公里计算规则"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">总公里数</el-radio> |
|
|
|
|
<el-radio value="0" size="large">点位公里数</el-radio> |
|
|
|
|
<el-radio value="0" size="large">最远点位公里数</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否计算返程"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否超区公里计费"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="超区公里数计算规则"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">总公里数</el-radio> |
|
|
|
|
<el-radio value="0" size="large">点位公里数</el-radio> |
|
|
|
|
<el-radio value="0" size="large">最远点位公里数</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="超区点位计费模式"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">统一计费</el-radio> |
|
|
|
|
<el-radio value="0" size="large">区域计费</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否计算返程"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否点位补贴计费"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否保底费"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否补贴油费"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="补贴油费计算规则"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">总公里数</el-radio> |
|
|
|
|
<el-radio value="0" size="large">点位公里数</el-radio> |
|
|
|
|
<el-radio value="0" size="large">最远点位公里数</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否计算返程"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否附加费"> |
|
|
|
|
<el-radio-group v-model="formLoad.a" class="ml-4"> |
|
|
|
|
<el-radio value="1" size="large">是</el-radio> |
|
|
|
|
<el-radio value="0" size="large">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form :model="form" class="el_pricing"> |
|
|
|
|
<div class="el_row"> |
|
|
|
|
<el-form-item label="是否有附加费"> |
|
|
|
|
<el-radio-group v-model="form.ynSurcharge"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el_row"> |
|
|
|
|
<el-form-item label="是否公里数计费"> |
|
|
|
|
<el-radio-group v-model="form.ynChargedKilometer"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<template v-if="form.ynChargedKilometer"> |
|
|
|
|
<el-form-item label="公里计算规则"> |
|
|
|
|
<el-radio-group v-model="form.kilometerCalculationRule"> |
|
|
|
|
<el-radio :label="1">总公里</el-radio> |
|
|
|
|
<el-radio :label="2">点位公里</el-radio> |
|
|
|
|
<el-radio :label="3">最远点位公里数</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="公里计费是否计算返程"> |
|
|
|
|
<el-radio-group v-model="form.ynKilometerReturn"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el_row"> |
|
|
|
|
<el-form-item label="是否补贴起步公里数计费"> |
|
|
|
|
<el-radio-group v-model="form.ynSubsidyInitKilometerBill"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<template v-if="form.ynSubsidyInitKilometerBill"> |
|
|
|
|
<el-form-item label="补贴公里计算规则"> |
|
|
|
|
<el-radio-group v-model="form.subsidyKilometerRule"> |
|
|
|
|
<el-radio :label="1">总公里数</el-radio> |
|
|
|
|
<el-radio :label="2">点位公里数</el-radio> |
|
|
|
|
<el-radio :label="3">最远点位公里数</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="补贴公里是否计算返程"> |
|
|
|
|
<el-radio-group v-model="form.ynSubsidyKilometerReturn"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el_row"> |
|
|
|
|
<el-form-item label="是否超区公里计费"> |
|
|
|
|
<el-radio-group v-model="form.ynOverZoneKilometer"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<template v-if="form.ynOverZoneKilometer"> |
|
|
|
|
<el-form-item label="超区公里数计算规则"> |
|
|
|
|
<el-radio-group v-model="form.overZoneKilometerRule"> |
|
|
|
|
<el-radio :label="1">总公里数</el-radio> |
|
|
|
|
<el-radio :label="2">点位公里数</el-radio> |
|
|
|
|
<el-radio :label="3">最远点位公里数</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="超区点位计费模式"> |
|
|
|
|
<el-radio-group v-model="form.overZoneSiteMode"> |
|
|
|
|
<el-radio :label="1">统一计费</el-radio> |
|
|
|
|
<el-radio :label="0">区域计费</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el_row"> |
|
|
|
|
<el-form-item label="超区点位是否计算返程"> |
|
|
|
|
<el-radio-group v-model="form.ynOverZoneKilometerReturn"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="el_row"> |
|
|
|
|
<el-form-item label="是否点位补贴计费"> |
|
|
|
|
<el-radio-group v-model="form.ynSiteSubsidy"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_row"> |
|
|
|
|
<el-form-item label="是否保底费"> |
|
|
|
|
<el-radio-group v-model="form.ynMinimumFee"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_row"> |
|
|
|
|
<el-form-item label="是否补贴油费"> |
|
|
|
|
<el-radio-group v-model="form.ynSubsidyFuelCost"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<template v-if="form.ynSubsidyFuelCost"> |
|
|
|
|
<el-form-item label="补贴油费计算规则"> |
|
|
|
|
<el-radio-group v-model="form.subsidyFuelCostRule"> |
|
|
|
|
<el-radio :label="1">总公里数</el-radio> |
|
|
|
|
<el-radio :label="2">点位公里数</el-radio> |
|
|
|
|
<el-radio :label="3">最远点位公里数</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="补贴油费是否计算返程"> |
|
|
|
|
<el-radio-group v-model="form.ynSubsidyFuelCostReturn"> |
|
|
|
|
<el-radio :label="1">是</el-radio> |
|
|
|
|
<el-radio :label="0">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
<div class="footer"> |
|
|
|
|
<el-button type="primary" @click="preservation" |
|
|
|
|
>保存<el-icon><Promotion /></el-icon |
|
|
|
|
></el-button> |
|
|
|
|
<el-button type="primary" @click="nextstep" |
|
|
|
|
>下一步<el-icon><ArrowRightBold /></el-icon |
|
|
|
|
></el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
import { ref } from 'vue'; |
|
|
|
|
const formLoad = ref({}); |
|
|
|
|
const activeName=ref('0') |
|
|
|
|
const handleClick=()=>{ |
|
|
|
|
console.log(activeName.value) |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
import { $_expenseDispatchPriceRulesave } from '@/api/storagecost/index.js'; |
|
|
|
|
const form = ref({ |
|
|
|
|
ynSurcharge: 0, //是否有附加费 |
|
|
|
|
ynChargedKilometer: 0, //是否公里数计费 |
|
|
|
|
kilometerCalculationRule: 1, //公里计算规则 |
|
|
|
|
ynKilometerReturn: 0, //公里计费是否计算返程 |
|
|
|
|
ynSubsidyInitKilometerBill: 0, //是否补贴起步公里数计费 |
|
|
|
|
subsidyKilometerRule: 1, //补贴公里计算规则 |
|
|
|
|
ynSubsidyKilometerReturn: 0, //补贴公里是否计算返程 |
|
|
|
|
ynOverZoneKilometer: 0, //是否超区公里计费 |
|
|
|
|
overZoneKilometerRule: 1, //超区公里数计算规则 |
|
|
|
|
overZoneSiteMode: 0, //超区点位计费模式 |
|
|
|
|
ynOverZoneKilometerReturn: 0, //超区点位是否计算返程 |
|
|
|
|
ynSiteSubsidy: 0, //是否点位补贴计费 |
|
|
|
|
ynMinimumFee: 0, //是否保底费 |
|
|
|
|
ynSubsidyFuelCost: 0, //是否补贴油费 |
|
|
|
|
subsidyFuelCostRule: 1, //补贴油费计算规则 |
|
|
|
|
ynSubsidyFuelCostReturn: 0, //补贴油费是否计算返程 |
|
|
|
|
}); |
|
|
|
|
const activeName = ref('0'); |
|
|
|
|
const handleClick = () => { |
|
|
|
|
console.log(activeName.value); |
|
|
|
|
}; |
|
|
|
|
const preservation = () => { |
|
|
|
|
let data = { |
|
|
|
|
templateId:'1820287812099485698', |
|
|
|
|
...form.value |
|
|
|
|
}; |
|
|
|
|
$_expenseDispatchPriceRulesave(data).then(res => { |
|
|
|
|
console.log(res, '新增成'); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
@ -311,4 +368,27 @@ const handleClick=()=>{
|
|
|
|
|
.SuperAdd { |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
.footer { |
|
|
|
|
position: fixed; |
|
|
|
|
bottom: 10px; |
|
|
|
|
left: 4%; |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
.el-button { |
|
|
|
|
width: 120px; |
|
|
|
|
height: 40px; |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_pricing { |
|
|
|
|
.el_row { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.content { |
|
|
|
|
padding: 0 10px; |
|
|
|
|
padding-bottom: 50px; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|