|
|
|
@ -25,10 +25,70 @@
|
|
|
|
|
</el-form-item> --> |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
<div class="header"> |
|
|
|
|
<h2 class="money">合计费用:999999</h2> |
|
|
|
|
|
|
|
|
|
<!-- 控件模块 --> |
|
|
|
|
<el-row> |
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<h4 class="el_fee">合计费用:999999</h4> |
|
|
|
|
</div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button> |
|
|
|
|
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
|
|
|
|
<el-button icon="Search" @click="searchHide" circle></el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
<div v-loading="loadingObj.list"> |
|
|
|
|
<!-- 首页表格 --> |
|
|
|
|
<el-tabs v-model="tabName" type="border-card" class="el_tab_top" @tab-click="tabchange"> |
|
|
|
|
<el-tab-pane label="上楼费" :name="1"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="装卸费" :name="4"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="平移费" :name="3"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="分货费" :name="5"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="专车费" :name="6"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="超区费" :name="2"></el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
<div class="el_topbtn"> |
|
|
|
|
<div v-if="[1, 3, 4, 5].includes(tabName)" class="el_left"> |
|
|
|
|
<el-button type="primary" @click="AddInfo" |
|
|
|
|
><el-icon><Plus /></el-icon>新增</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" @click="Batchdeletion" |
|
|
|
|
><el-icon><Delete /></el-icon>批量删除</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<el-button type="primary" @click="exportExcel" |
|
|
|
|
><el-icon><Download /></el-icon>导出</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-row v-if="[1, 3, 4, 5].includes(tabName)"> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
class="tableNode" |
|
|
|
|
:columnList="details.columnList" |
|
|
|
|
:tableData="data" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@btnCheck="btnsc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionChange" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<div class="ElBtnClass"> |
|
|
|
|
<el-button @click="deldet(slotProps.scope)">删除</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
</el-row> |
|
|
|
|
<div v-if="[2, 6].includes(tabName)" class="header_content"> |
|
|
|
|
<div class="radio"> |
|
|
|
|
<div v-if="tabName == 6" class="el_box"> |
|
|
|
|
<div class="el_radio"> |
|
|
|
|
<span class="title">是否专车:</span> |
|
|
|
|
<el-radio-group v-model="radio"> |
|
|
|
@ -47,36 +107,10 @@
|
|
|
|
|
:value-on-clear="0" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_radio"> |
|
|
|
|
<span class="title">是否超区:</span> |
|
|
|
|
<el-radio-group v-model="radio"> |
|
|
|
|
<el-radio :value="0">是</el-radio> |
|
|
|
|
<el-radio :value="1">否</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_radio el_money"> |
|
|
|
|
<span class="title">超区公里数:</span> |
|
|
|
|
<el-input-number |
|
|
|
|
v-model="form.num" |
|
|
|
|
:min="0" |
|
|
|
|
@change="handleChange" |
|
|
|
|
:controls="false" |
|
|
|
|
:value-on-clear="0" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_radio el_money"> |
|
|
|
|
<span class="title">超区费用:</span> |
|
|
|
|
<el-input-number |
|
|
|
|
v-model="form.num" |
|
|
|
|
:min="0" |
|
|
|
|
@change="handleChange" |
|
|
|
|
:controls="false" |
|
|
|
|
:value-on-clear="0" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<el-button type="primary" class="el_butn" @click="preservation">保存</el-button> |
|
|
|
|
</div> |
|
|
|
|
<!-- --- --> |
|
|
|
|
<!-- <div class="radio"> |
|
|
|
|
|
|
|
|
|
<div v-if="tabName == 2" class="el_box"> |
|
|
|
|
<div class="el_radio"> |
|
|
|
|
<span class="title">是否超区:</span> |
|
|
|
|
<el-radio-group v-model="radio"> |
|
|
|
@ -104,61 +138,11 @@
|
|
|
|
|
:value-on-clear="0" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 控件模块 --> |
|
|
|
|
<el-row> |
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" @click="AddInfo" |
|
|
|
|
><el-icon><Plus /></el-icon>新增</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" @click="Batchdeletion" |
|
|
|
|
><el-icon><Delete /></el-icon>批量删除</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" @click="exportExcel" |
|
|
|
|
><el-icon><Download /></el-icon>导出</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button> |
|
|
|
|
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
|
|
|
|
<el-button icon="Search" @click="searchHide" circle></el-button> |
|
|
|
|
<el-button type="primary" class="el_butn" @click="preservation">保存</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
<div v-loading="loadingObj.list"> |
|
|
|
|
<!-- 首页表格 --> |
|
|
|
|
<el-tabs v-model="tabName" type="border-card" class="el_tab_top" @tab-click="tabchange"> |
|
|
|
|
<el-tab-pane label="上楼费" name="1"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="装卸费" name="4"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="平移费" name="3"></el-tab-pane> |
|
|
|
|
<el-tab-pane label="分货费" name="5"></el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
<el-row> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
class="tableNode" |
|
|
|
|
:columnList="details.columnList" |
|
|
|
|
:tableData="data" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@btnCheck="btnsc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionChange" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '操作'"> |
|
|
|
|
<div class="ElBtnClass"> |
|
|
|
|
<el-button @click="deldet(slotProps.scope)">删除</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<!-- <el-row class="el-fy"> |
|
|
|
@ -275,9 +259,10 @@ import { ElMessageBox, ElMessage } from 'element-plus';
|
|
|
|
|
import { downloadXls } from '@/utils/util'; |
|
|
|
|
import { useStore } from 'vuex'; |
|
|
|
|
import dayjs from 'dayjs'; |
|
|
|
|
import { postFindCarListByName } from '@/api/distribution/addTripartiteTransfer'; |
|
|
|
|
const $router = useRouter(); //跳转 |
|
|
|
|
const $useStore = useStore(); //权限 |
|
|
|
|
const tabName = ref('1'); |
|
|
|
|
const tabName = ref(1); |
|
|
|
|
const addvalueDetailId = ref(''); |
|
|
|
|
const ConfirmationInformation = ref(false); |
|
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
@ -571,6 +556,33 @@ const ConfirmSubmission = () => {
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
// 超区专车保存 |
|
|
|
|
const preservation = () => { |
|
|
|
|
let data = { |
|
|
|
|
addvalueType: tabName.value, //类型 |
|
|
|
|
deliveryId: $route.query.id, |
|
|
|
|
reservationId: $route.query.reservationId, |
|
|
|
|
}; |
|
|
|
|
console.log(data, '准备提交的数据'); |
|
|
|
|
//超区 |
|
|
|
|
if (tabName.value == 2) { |
|
|
|
|
|
|
|
|
|
} else if (tabName.value == 6) { |
|
|
|
|
//专车 |
|
|
|
|
} |
|
|
|
|
// 表格下面有数据走新增接口 |
|
|
|
|
$_saveSignAddValuePackage(data).then(res => { |
|
|
|
|
console.log(res, '新增成功'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: res.data.msg, |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
packdialog.value = false; //关闭弹窗 |
|
|
|
|
TcZcInput.value.floolNum = ''; //清空楼层 |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
//删除 |
|
|
|
|
const Batchdeletion = () => { |
|
|
|
|
if (!details.selectionList.length) { |
|
|
|
@ -578,7 +590,7 @@ const Batchdeletion = () => {
|
|
|
|
|
message: '请勾选要删除的数据', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
details.loadingObj.list = true; |
|
|
|
|
let data = { |
|
|
|
@ -586,8 +598,9 @@ const Batchdeletion = () => {
|
|
|
|
|
deliveryId: $route.query.id, |
|
|
|
|
reservationId: $route.query.reservationId, |
|
|
|
|
packageEntityList: details.selectionList, //选择的包件 |
|
|
|
|
} |
|
|
|
|
$_cancelSignAddValuePackage(data).then(res=>{ |
|
|
|
|
}; |
|
|
|
|
$_cancelSignAddValuePackage(data) |
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res, '删除成功'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
ElMessage({ |
|
|
|
@ -595,12 +608,14 @@ const Batchdeletion = () => {
|
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}).catch(err=>{ |
|
|
|
|
}) |
|
|
|
|
.catch(err => { |
|
|
|
|
console.log(err, '删除失败'); |
|
|
|
|
}).finally(()=>{ |
|
|
|
|
details.loadingObj.list = false; |
|
|
|
|
onLoad(tabName.value) |
|
|
|
|
}) |
|
|
|
|
.finally(() => { |
|
|
|
|
details.loadingObj.list = postFindCarListByName; |
|
|
|
|
onLoad(tabName.value); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
//导出 |
|
|
|
|
// const exportExcel = () => { |
|
|
|
@ -730,4 +745,38 @@ const Batchdeletion = () => {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.avue-crud__left { |
|
|
|
|
.el_fee { |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.header_content { |
|
|
|
|
.el_box { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: flex-end; |
|
|
|
|
.el_radio { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
width: 15%; |
|
|
|
|
} |
|
|
|
|
.el-radio-group { |
|
|
|
|
background-color: #e7e7e7; |
|
|
|
|
} |
|
|
|
|
.el-input-number { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
.el_money { |
|
|
|
|
margin-left: 10px; |
|
|
|
|
} |
|
|
|
|
.el_butn { |
|
|
|
|
margin-left: 10px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_topbtn { |
|
|
|
|
display: flex; |
|
|
|
|
.el_left { |
|
|
|
|
margin-right: 12px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|