|
|
|
@ -5,11 +5,15 @@
|
|
|
|
|
<el-tab-pane label="市配" name="Municipaldistribution"></el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
<div class="form"> |
|
|
|
|
<div> |
|
|
|
|
<span |
|
|
|
|
>计价规则:<el-button type="primary" plain @click="form.dialogConfigure = true" |
|
|
|
|
>配置</el-button |
|
|
|
|
></span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<div class="top"> |
|
|
|
|
<span class="title">车型配置</span> |
|
|
|
|
<div class="el_add"> |
|
|
|
|
<el-icon><Plus /></el-icon><span>新增车型</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<SurchargeTable |
|
|
|
|
:SurchargeData="form.dispatchSubjoinCategoryData" |
|
|
|
@ -20,12 +24,7 @@
|
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<div class="eml_btn"> |
|
|
|
|
|
|
|
|
|
<span |
|
|
|
|
class="el_btn_a" |
|
|
|
|
@click="newlyadded(slotProps)" |
|
|
|
|
|
|
|
|
|
> |
|
|
|
|
<span class="el_btn_a" @click="newlyadded(slotProps)"> |
|
|
|
|
<el-icon style="color: #409eff"><CirclePlus /></el-icon>新增 |
|
|
|
|
</span> |
|
|
|
|
<span class="el_btn_a"> |
|
|
|
@ -40,12 +39,90 @@
|
|
|
|
|
</SurchargeTable> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 配置计价规则 --> |
|
|
|
|
<el-dialog v-model="form.dialogConfigure" title="配置计价规则" width="70%"> |
|
|
|
|
<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> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogConfigure = false">关闭</el-button> |
|
|
|
|
<el-button type="primary" @click="dialogConfigureFn">确定</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</template> |
|
|
|
|
<script setup> |
|
|
|
|
import { ref } from 'vue'; |
|
|
|
|
import SurchargeTable from '@/components/pric/tablePric.vue'; |
|
|
|
|
const activeName = ref('Commercialdistribution'); |
|
|
|
|
// 配置计价规则 |
|
|
|
|
const formLoad = ref({}); |
|
|
|
|
const form = ref({ |
|
|
|
|
dialogConfigure: false, |
|
|
|
|
dispatchSubjoinCategoryData: [ |
|
|
|
|
{ |
|
|
|
|
index: 0, |
|
|
|
@ -73,24 +150,27 @@ const search = value => {
|
|
|
|
|
console.log(value); |
|
|
|
|
}; |
|
|
|
|
const handleClick = () => {}; |
|
|
|
|
const categoriesduceSurcharge = (row) => { |
|
|
|
|
console.log(row, '要删除的数组下标'); |
|
|
|
|
console.log(form.value.dispatchSubjoinCategoryData, 'form.value.dispatchSubjoinCategoryData'); |
|
|
|
|
const categoriesduceSurcharge = row => { |
|
|
|
|
console.log(row, '要删除的数组下标'); |
|
|
|
|
console.log(form.value.dispatchSubjoinCategoryData, 'form.value.dispatchSubjoinCategoryData'); |
|
|
|
|
|
|
|
|
|
// 删除数组中指定下标的对象 |
|
|
|
|
form.value.dispatchSubjoinCategoryData.splice(row -1, 1); |
|
|
|
|
// 删除数组中指定下标的对象 |
|
|
|
|
form.value.dispatchSubjoinCategoryData.splice(row - 1, 1); |
|
|
|
|
|
|
|
|
|
// 重新排序 |
|
|
|
|
form.value.dispatchSubjoinCategoryData.forEach((item, index) => { |
|
|
|
|
item.index = index + 1; |
|
|
|
|
}); |
|
|
|
|
// 重新排序 |
|
|
|
|
form.value.dispatchSubjoinCategoryData.forEach((item, index) => { |
|
|
|
|
item.index = index + 1; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
console.log(form.value.dispatchSubjoinCategoryData, 'form.value.dispatchSubjoinCategoryData after deletion and reordering'); |
|
|
|
|
console.log( |
|
|
|
|
form.value.dispatchSubjoinCategoryData, |
|
|
|
|
'form.value.dispatchSubjoinCategoryData after deletion and reordering' |
|
|
|
|
); |
|
|
|
|
}; |
|
|
|
|
const newlyadded = row => { |
|
|
|
|
console.log(row, 'row'); |
|
|
|
|
let data = { |
|
|
|
|
index: form.value.dispatchSubjoinCategoryData.length +1, |
|
|
|
|
index: form.value.dispatchSubjoinCategoryData.length + 1, |
|
|
|
|
Warehousecategory: '', |
|
|
|
|
options: [], |
|
|
|
|
loading: false, |
|
|
|
@ -129,4 +209,20 @@ const newlyadded = row => {
|
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_pricing{ |
|
|
|
|
display: flex; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
:deep(.el-form-item){ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
width: 30%; |
|
|
|
|
.el-form-item__content{ |
|
|
|
|
background-color: #f6f6f6; |
|
|
|
|
padding: 0 10px; |
|
|
|
|
.el-radio-group{ |
|
|
|
|
flex-wrap: nowrap; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|