|
|
@ -386,8 +386,8 @@ |
|
|
|
height="500" |
|
|
|
height="500" |
|
|
|
style="width: 100%" |
|
|
|
style="width: 100%" |
|
|
|
ref="tableRef" |
|
|
|
ref="tableRef" |
|
|
|
@select-all="selectAll" |
|
|
|
@select-all="qsselectAll" |
|
|
|
@select="selectChange" |
|
|
|
@select="qsselectChange" |
|
|
|
> |
|
|
|
> |
|
|
|
<el-table-column type="selection" width="55" fixed /> |
|
|
|
<el-table-column type="selection" width="55" fixed /> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
@ -457,7 +457,7 @@ |
|
|
|
</el-tab-pane> |
|
|
|
</el-tab-pane> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-tabs> |
|
|
|
</el-tabs> |
|
|
|
<span class="gx_num">勾选数量:{{TcTemp.length}}</span> |
|
|
|
<span class="gx_num">勾选数量:{{sptemp.length}}</span> |
|
|
|
</el-collapse-item> |
|
|
|
</el-collapse-item> |
|
|
|
|
|
|
|
|
|
|
|
</el-collapse> |
|
|
|
</el-collapse> |
|
|
@ -465,7 +465,7 @@ |
|
|
|
<el-collapse @change="ServiceChange" style="margin-top: 10px"> |
|
|
|
<el-collapse @change="ServiceChange" style="margin-top: 10px"> |
|
|
|
<el-collapse-item title="增值服务信息" name="2"> |
|
|
|
<el-collapse-item title="增值服务信息" name="2"> |
|
|
|
<el-tabs |
|
|
|
<el-tabs |
|
|
|
v-loading="editLoading" |
|
|
|
v-loading="ZCeditLoading" |
|
|
|
element-loading-text="数据正在更新中..." |
|
|
|
element-loading-text="数据正在更新中..." |
|
|
|
type="border-card" |
|
|
|
type="border-card" |
|
|
|
@tab-click="tabClickB" |
|
|
|
@tab-click="tabClickB" |
|
|
@ -476,7 +476,7 @@ |
|
|
|
<div class="BatchDelete"> |
|
|
|
<div class="BatchDelete"> |
|
|
|
<el-button type="primary" @click="newlyAdded(item.name)"> 新增 </el-button> |
|
|
|
<el-button type="primary" @click="newlyAdded(item.name)"> 新增 </el-button> |
|
|
|
<el-button |
|
|
|
<el-button |
|
|
|
v-if="TcTemp.length > 0" |
|
|
|
v-if="ZCTableData.length > 0" |
|
|
|
type="primary" |
|
|
|
type="primary" |
|
|
|
@click="BatchDelete(item.name)" |
|
|
|
@click="BatchDelete(item.name)" |
|
|
|
> |
|
|
|
> |
|
|
@ -580,6 +580,7 @@ |
|
|
|
</el-tab-pane> |
|
|
|
</el-tab-pane> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-tabs> |
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
<span class="gx_num">勾选数量:{{ZCTableData.length}}</span> |
|
|
|
</el-collapse-item> |
|
|
|
</el-collapse-item> |
|
|
|
</el-collapse> |
|
|
|
</el-collapse> |
|
|
|
<!-- 增值服务弹窗信息 --> |
|
|
|
<!-- 增值服务弹窗信息 --> |
|
|
@ -671,7 +672,7 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<span class="gx_num">勾选数量:{{TcTemp.length}}</span> |
|
|
|
<template #footer> |
|
|
|
<template #footer> |
|
|
|
<!-- 表格翻页功能 --> |
|
|
|
<!-- 表格翻页功能 --> |
|
|
|
<div class="demo-pagination-block"> |
|
|
|
<div class="demo-pagination-block"> |
|
|
@ -738,7 +739,7 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
<script setup lang="ts"> |
|
|
|
import { ref } from 'vue'; |
|
|
|
import { ref ,computed} from 'vue'; |
|
|
|
import { useRoute, useRouter } from 'vue-router'; |
|
|
|
import { useRoute, useRouter } from 'vue-router'; |
|
|
|
import { |
|
|
|
import { |
|
|
|
getDetail, |
|
|
|
getDetail, |
|
|
@ -758,6 +759,7 @@ const RouterId = ref(null); //编辑ID |
|
|
|
const RouterReservationId = ref(null); //编辑参数 |
|
|
|
const RouterReservationId = ref(null); //编辑参数 |
|
|
|
const DoorstepPhoto = ref([]); // 上门照 |
|
|
|
const DoorstepPhoto = ref([]); // 上门照 |
|
|
|
const StackingPhoto = ref([]); // 堆门照 |
|
|
|
const StackingPhoto = ref([]); // 堆门照 |
|
|
|
|
|
|
|
const sptemp=ref([]);//签收表格选中的 |
|
|
|
const FragilePhotos = ref([]); // 易碎照 |
|
|
|
const FragilePhotos = ref([]); // 易碎照 |
|
|
|
const HomePhotos = ref([]); // 家配照 |
|
|
|
const HomePhotos = ref([]); // 家配照 |
|
|
|
const SignForPhotos = ref([]); //签收照 |
|
|
|
const SignForPhotos = ref([]); //签收照 |
|
|
@ -789,6 +791,7 @@ const active = ref(1); //签收状态 |
|
|
|
const route = useRoute(); |
|
|
|
const route = useRoute(); |
|
|
|
const router = useRouter(); //参数ID |
|
|
|
const router = useRouter(); //参数ID |
|
|
|
const dataAdded = ref([]); //增值服务表格渲染参数 |
|
|
|
const dataAdded = ref([]); //增值服务表格渲染参数 |
|
|
|
|
|
|
|
const ZCeditLoading=ref(false);//增值表格渲染 |
|
|
|
const TcDataAdded = ref([]); //弹窗表格渲染的数据 |
|
|
|
const TcDataAdded = ref([]); //弹窗表格渲染的数据 |
|
|
|
// const TabIndex = ref(0); //增值服务标题默认显示 |
|
|
|
// const TabIndex = ref(0); //增值服务标题默认显示 |
|
|
|
const TCeditLoading = ref(false); //弹窗的加载Load |
|
|
|
const TCeditLoading = ref(false); //弹窗的加载Load |
|
|
@ -803,6 +806,7 @@ const TcZcInput = ref({}); //增值服务距离费用包间确认信息 |
|
|
|
const TcTemp = ref([]); //弹窗临时存储 |
|
|
|
const TcTemp = ref([]); //弹窗临时存储 |
|
|
|
const TcData = ref([]); //弹窗要提交的数据 |
|
|
|
const TcData = ref([]); //弹窗要提交的数据 |
|
|
|
const state = ref(false); //状态表格勾选 |
|
|
|
const state = ref(false); //状态表格勾选 |
|
|
|
|
|
|
|
const ZCTableData = ref([]); //增值服务表格数据 |
|
|
|
const ServiceRadioSelection = ref([]); //增值服务单选删除 |
|
|
|
const ServiceRadioSelection = ref([]); //增值服务单选删除 |
|
|
|
const TabInfo = ref(null); //标题栏切换的参数 |
|
|
|
const TabInfo = ref(null); //标题栏切换的参数 |
|
|
|
const addvalueDetailId = ref(null); //增值服务新增必要参数 |
|
|
|
const addvalueDetailId = ref(null); //增值服务新增必要参数 |
|
|
@ -825,15 +829,7 @@ const srcListB=ref([]) |
|
|
|
const srcListC=ref([]) |
|
|
|
const srcListC=ref([]) |
|
|
|
const srcListD=ref([]) |
|
|
|
const srcListD=ref([]) |
|
|
|
const srcListE=ref([]) |
|
|
|
const srcListE=ref([]) |
|
|
|
const srcList = [ |
|
|
|
const srcList = [] |
|
|
|
'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg', |
|
|
|
|
|
|
|
'https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg', |
|
|
|
|
|
|
|
'https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg', |
|
|
|
|
|
|
|
'https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg', |
|
|
|
|
|
|
|
'https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg', |
|
|
|
|
|
|
|
'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg', |
|
|
|
|
|
|
|
'https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg', |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
const Tabs = ref([ |
|
|
|
const Tabs = ref([ |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: '订单列表', |
|
|
|
label: '订单列表', |
|
|
@ -1785,6 +1781,7 @@ const selectable = (row, index) => { |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 新增按钮展开增值服务弹窗 |
|
|
|
// 新增按钮展开增值服务弹窗 |
|
|
|
const newlyAdded = val => { |
|
|
|
const newlyAdded = val => { |
|
|
|
|
|
|
|
TcTemp.value=[];//新增之前先重置勾选的数量防止累加 |
|
|
|
let menData = menuDataB1.value.slice(0, -1); //移除menuDataB1.value数组最后一个下标的值 |
|
|
|
let menData = menuDataB1.value.slice(0, -1); //移除menuDataB1.value数组最后一个下标的值 |
|
|
|
menuDataB.value = menData; //字段切换 |
|
|
|
menuDataB.value = menData; //字段切换 |
|
|
|
dialogBatchDelete.value = true; //开启弹窗 |
|
|
|
dialogBatchDelete.value = true; //开启弹窗 |
|
|
@ -1820,6 +1817,16 @@ const addedSubmission = val => { |
|
|
|
ConfirmationInformation.value = true; //开启确认信息 |
|
|
|
ConfirmationInformation.value = true; //开启确认信息 |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const qsselectAll=(select)=>{ |
|
|
|
|
|
|
|
console.log(select,'商品全选'); |
|
|
|
|
|
|
|
sptemp.value=select |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
const qsselectChange=(select)=>{ |
|
|
|
|
|
|
|
console.log(select,'商品单选'); |
|
|
|
|
|
|
|
sptemp.value=select |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
// 取消增值服务包件函数 |
|
|
|
// 取消增值服务包件函数 |
|
|
|
const cancellation = val => { |
|
|
|
const cancellation = val => { |
|
|
|
if (!Array.isArray(val)) { |
|
|
|
if (!Array.isArray(val)) { |
|
|
@ -1849,7 +1856,7 @@ const cancellation = val => { |
|
|
|
ZcBtnDis.value = true; //禁止使用批量删除按钮 |
|
|
|
ZcBtnDis.value = true; //禁止使用批量删除按钮 |
|
|
|
// 删除成功重置表单结构 |
|
|
|
// 删除成功重置表单结构 |
|
|
|
TcData.value = []; //正式结构 |
|
|
|
TcData.value = []; //正式结构 |
|
|
|
TcTemp.value = []; //临时存储 |
|
|
|
ZCTableData.value = []; //临时存储 |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
}; |
|
|
|
}; |
|
|
@ -1858,7 +1865,7 @@ const cancellation = val => { |
|
|
|
const BatchDelete = row => { |
|
|
|
const BatchDelete = row => { |
|
|
|
ElMessageBox.confirm('是否取消包件数?') |
|
|
|
ElMessageBox.confirm('是否取消包件数?') |
|
|
|
.then(() => { |
|
|
|
.then(() => { |
|
|
|
cancellation(TcTemp.value); |
|
|
|
cancellation(ZCTableData.value); |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
.catch(() => { |
|
|
|
// catch error |
|
|
|
// catch error |
|
|
@ -1868,6 +1875,7 @@ const BatchDelete = row => { |
|
|
|
const TzClose = () => { |
|
|
|
const TzClose = () => { |
|
|
|
menuDataB.value = menuDataB1.value; //字段切换 |
|
|
|
menuDataB.value = menuDataB1.value; //字段切换 |
|
|
|
TcZcInput.value = {}; //清空搜索框数据 |
|
|
|
TcZcInput.value = {}; //清空搜索框数据 |
|
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
}; |
|
|
|
// 增值服务单选删除 |
|
|
|
// 增值服务单选删除 |
|
|
|
const DeleteEvent = row => { |
|
|
|
const DeleteEvent = row => { |
|
|
@ -1888,14 +1896,14 @@ const DataSelectAll = (select, val) => { |
|
|
|
}); |
|
|
|
}); |
|
|
|
ZcBtnDis.value = false; //启用批量删除 |
|
|
|
ZcBtnDis.value = false; //启用批量删除 |
|
|
|
} |
|
|
|
} |
|
|
|
TcTemp.value = select; //把勾选的数据存临时存放表格地方 |
|
|
|
ZCTableData.value = select; //把勾选的数据存临时存放表格地方 |
|
|
|
console.log(select, val); |
|
|
|
console.log(select, val); |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 增值服务表格单选触发 |
|
|
|
// 增值服务表格单选触发 |
|
|
|
const ZcSelectChange = (select, val) => { |
|
|
|
const ZcSelectChange = (select, val) => { |
|
|
|
val.checkbox = !val.checkbox; |
|
|
|
val.checkbox = !val.checkbox; |
|
|
|
TcTemp.value = select; //把勾选的数据存临时存放表格地方 |
|
|
|
ZCTableData.value = select; //把勾选的数据存临时存放表格地方 |
|
|
|
if (select.length > 1) { |
|
|
|
if (select.length > 0) { |
|
|
|
ZcBtnDis.value = false; //可以使用批量删除按钮 |
|
|
|
ZcBtnDis.value = false; //可以使用批量删除按钮 |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
ZcBtnDis.value = true; //禁止用批量删除按钮 |
|
|
|
ZcBtnDis.value = true; //禁止用批量删除按钮 |
|
|
@ -2075,7 +2083,7 @@ function InventoryList() { |
|
|
|
} |
|
|
|
} |
|
|
|
//商品信息切换 |
|
|
|
//商品信息切换 |
|
|
|
const tabClick = val => { |
|
|
|
const tabClick = val => { |
|
|
|
TcTemp.value=[];//切换表头重置选中数组 |
|
|
|
sptemp.value=[];//切换表头重置选中数组 |
|
|
|
switch (val.props.name) { |
|
|
|
switch (val.props.name) { |
|
|
|
case '0': |
|
|
|
case '0': |
|
|
|
console.log(data.value, 'datavalue'); |
|
|
|
console.log(data.value, 'datavalue'); |
|
|
@ -2104,14 +2112,13 @@ const valueAddedServices = val => { |
|
|
|
TabTitle.value[1].value = '暂无数据'; //费用 |
|
|
|
TabTitle.value[1].value = '暂无数据'; //费用 |
|
|
|
TabTitle.value[2].value = '暂无数据'; //楼层 |
|
|
|
TabTitle.value[2].value = '暂无数据'; //楼层 |
|
|
|
TabTitle.value[3].value = '暂无数据'; //件数 |
|
|
|
TabTitle.value[3].value = '暂无数据'; //件数 |
|
|
|
editLoading.value = true; //开启加载 |
|
|
|
ZCeditLoading.value = true; //开启加载 |
|
|
|
addvalueInfoList({ |
|
|
|
addvalueInfoList({ |
|
|
|
addvalueId: val, |
|
|
|
addvalueId: val, |
|
|
|
signforId: RouterId.value, |
|
|
|
signforId: RouterId.value, |
|
|
|
reservationId: RouterReservationId.value, |
|
|
|
reservationId: RouterReservationId.value, |
|
|
|
}).then(res => { |
|
|
|
}).then(res => { |
|
|
|
editLoading.value = false; //关闭加载 |
|
|
|
ZCeditLoading.value = false; //关闭加载效果 |
|
|
|
editLoading.value = false; //关闭加载效果 |
|
|
|
|
|
|
|
console.log(res, '增值服务上楼的返回值'); |
|
|
|
console.log(res, '增值服务上楼的返回值'); |
|
|
|
if (res.data.data) { |
|
|
|
if (res.data.data) { |
|
|
|
if (res.data.data.addvalueDetailId) { |
|
|
|
if (res.data.data.addvalueDetailId) { |
|
|
@ -2140,11 +2147,12 @@ const ServiceChange = val => { |
|
|
|
}; |
|
|
|
}; |
|
|
|
// 增值服务标题栏切换函数 |
|
|
|
// 增值服务标题栏切换函数 |
|
|
|
const TitleBarSwitch = data => { |
|
|
|
const TitleBarSwitch = data => { |
|
|
|
|
|
|
|
ZCTableData.value=[];//切换标签重置勾选数量(重置勾选的内容) |
|
|
|
TcServices.value = data.props.label; //增值服务弹窗标题 |
|
|
|
TcServices.value = data.props.label; //增值服务弹窗标题 |
|
|
|
TcIndex.value = Number(data.props.name); //存储tab栏下标用于重新渲染参数 |
|
|
|
TcIndex.value = Number(data.props.name); //存储tab栏下标用于重新渲染参数 |
|
|
|
TcIndex.value++; |
|
|
|
TcIndex.value++; |
|
|
|
console.log(TcIndex.value, '当前的tab下标'); |
|
|
|
console.log(TcIndex.value, '当前的tab下标'); |
|
|
|
editLoading.value = true; //开启加载效果 |
|
|
|
ZCeditLoading.value = true; //开启加载效果 |
|
|
|
if (data.props.name == 0) { |
|
|
|
if (data.props.name == 0) { |
|
|
|
menuDataB.value = menuDataB1.value; |
|
|
|
menuDataB.value = menuDataB1.value; |
|
|
|
valueAddedServices(1); |
|
|
|
valueAddedServices(1); |
|
|
|