|
|
|
|
@ -276,38 +276,40 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 签收信息 --> |
|
|
|
|
<el-divider content-position="left">商品信息</el-divider> |
|
|
|
|
<el-tabs |
|
|
|
|
v-loading="editLoading" |
|
|
|
|
element-loading-text="数据正在更新中..." |
|
|
|
|
type="border-card" |
|
|
|
|
@tab-click="tabClick" |
|
|
|
|
> |
|
|
|
|
<template v-for="item in Tabs" :key="item.name"> |
|
|
|
|
<el-tab-pane :label="item.label" :name="item.name"> |
|
|
|
|
<div class="el-Cart"> |
|
|
|
|
<!-- 表格列开始 --> |
|
|
|
|
<el-table |
|
|
|
|
:data="data" |
|
|
|
|
row-key="name" |
|
|
|
|
border |
|
|
|
|
height="500" |
|
|
|
|
style="width: 100%" |
|
|
|
|
ref="tableRef" |
|
|
|
|
@select-all="selectAll" |
|
|
|
|
@select="selectChange" |
|
|
|
|
> |
|
|
|
|
<el-table-column type="selection" width="55" fixed /> |
|
|
|
|
<el-table-column |
|
|
|
|
type="index" |
|
|
|
|
fixed |
|
|
|
|
width="50" |
|
|
|
|
height="100" |
|
|
|
|
label="#" |
|
|
|
|
align="center" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<!-- |
|
|
|
|
<el-collapse v-model="activeNames" style="margin-top: 10px"> |
|
|
|
|
<el-collapse-item title="商品信息" name="1"> |
|
|
|
|
<el-tabs |
|
|
|
|
v-loading="editLoading" |
|
|
|
|
element-loading-text="数据正在更新中..." |
|
|
|
|
type="border-card" |
|
|
|
|
@tab-click="tabClick" |
|
|
|
|
> |
|
|
|
|
<template v-for="item in Tabs" :key="item.name"> |
|
|
|
|
<el-tab-pane :label="item.label" :name="item.name"> |
|
|
|
|
<div class="el-Cart"> |
|
|
|
|
<!-- 表格列开始 --> |
|
|
|
|
<el-table |
|
|
|
|
:data="data" |
|
|
|
|
row-key="name" |
|
|
|
|
border |
|
|
|
|
height="500" |
|
|
|
|
style="width: 100%" |
|
|
|
|
ref="tableRef" |
|
|
|
|
@select-all="selectAll" |
|
|
|
|
@select="selectChange" |
|
|
|
|
> |
|
|
|
|
<el-table-column type="selection" width="55" fixed /> |
|
|
|
|
<el-table-column |
|
|
|
|
type="index" |
|
|
|
|
fixed |
|
|
|
|
width="50" |
|
|
|
|
height="100" |
|
|
|
|
label="#" |
|
|
|
|
align="center" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<!-- |
|
|
|
|
Type ===1 普通文本 |
|
|
|
|
Type ===2 图片显示 |
|
|
|
|
Type ===3 操作功能 |
|
|
|
|
@ -315,18 +317,18 @@
|
|
|
|
|
width: 宽度 |
|
|
|
|
prop: 数据字段 |
|
|
|
|
--> |
|
|
|
|
<el-table-column |
|
|
|
|
:prop="item.prop" |
|
|
|
|
:label="item.label" |
|
|
|
|
:width="item.width" |
|
|
|
|
:fixed="item.fixed" |
|
|
|
|
align="center" |
|
|
|
|
v-for="(item, index) in menuData" |
|
|
|
|
:key="item.label" |
|
|
|
|
> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" /> |
|
|
|
|
<!-- <div :class="ElBtnClass" v-if="item.type === 3"> |
|
|
|
|
<el-table-column |
|
|
|
|
:prop="item.prop" |
|
|
|
|
:label="item.label" |
|
|
|
|
:width="item.width" |
|
|
|
|
:fixed="item.fixed" |
|
|
|
|
align="center" |
|
|
|
|
v-for="(item, index) in menuData" |
|
|
|
|
:key="item.label" |
|
|
|
|
> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" /> |
|
|
|
|
<!-- <div :class="ElBtnClass" v-if="item.type === 3"> |
|
|
|
|
<el-button |
|
|
|
|
:link="ElButtonS[0].link" |
|
|
|
|
:class="ElButtonS[0].class" |
|
|
|
|
@ -355,26 +357,26 @@
|
|
|
|
|
>查看</el-button |
|
|
|
|
> |
|
|
|
|
</div> --> |
|
|
|
|
<span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
|
<el-table-column |
|
|
|
|
v-if="item.head" |
|
|
|
|
fixed="right" |
|
|
|
|
label="操作" |
|
|
|
|
width="280" |
|
|
|
|
align="center " |
|
|
|
|
> |
|
|
|
|
<!-- <template #default="scope"> |
|
|
|
|
<template> |
|
|
|
|
<el-table-column |
|
|
|
|
v-if="item.head" |
|
|
|
|
fixed="right" |
|
|
|
|
label="操作" |
|
|
|
|
width="280" |
|
|
|
|
align="center " |
|
|
|
|
> |
|
|
|
|
<!-- <template #default="scope"> |
|
|
|
|
|
|
|
|
|
</template> --> |
|
|
|
|
</el-table-column> |
|
|
|
|
</template> |
|
|
|
|
</el-table> |
|
|
|
|
<!-- 表格翻页功能 --> |
|
|
|
|
<!-- <div class="demo-pagination-block"> |
|
|
|
|
</el-table-column> |
|
|
|
|
</template> |
|
|
|
|
</el-table> |
|
|
|
|
<!-- 表格翻页功能 --> |
|
|
|
|
<!-- <div class="demo-pagination-block"> |
|
|
|
|
<el-pagination |
|
|
|
|
v-model:current-page="currentPage" |
|
|
|
|
v-model:page-size="pageSize" |
|
|
|
|
@ -387,51 +389,60 @@
|
|
|
|
|
@current-change="SizeChange" |
|
|
|
|
/> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</template> |
|
|
|
|
</el-tabs> |
|
|
|
|
<!-- 增值服务信息 --> |
|
|
|
|
<el-divider content-position="left">增值服务信息</el-divider> |
|
|
|
|
<el-tabs |
|
|
|
|
v-loading="editLoading" |
|
|
|
|
element-loading-text="数据正在更新中..." |
|
|
|
|
type="border-card" |
|
|
|
|
@tab-click="tabClickB" |
|
|
|
|
> |
|
|
|
|
<template v-for="(item, indexS) in TabB" :key="item.name"> |
|
|
|
|
<el-tab-pane :label="item.label" :name="item.name"> |
|
|
|
|
<template v-for="(itemT, index) in TabTitle" :key="index"> |
|
|
|
|
<div v-if="index == TabIndex" class="tab-title"> |
|
|
|
|
<span v-for="item in itemT" :key="item.name"> |
|
|
|
|
<el-icon><component :is="item.icon" /></el-icon> {{ item.name }} {{ item.value }} |
|
|
|
|
{{ item.tap }} |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</template> |
|
|
|
|
<div class="el-Cart"> |
|
|
|
|
<!-- 表格列开始 --> |
|
|
|
|
<el-table |
|
|
|
|
:data="dataAdded" |
|
|
|
|
row-key="name" |
|
|
|
|
border |
|
|
|
|
height="500" |
|
|
|
|
style="width: 100%" |
|
|
|
|
ref="tableRef" |
|
|
|
|
@select-all="selectAll" |
|
|
|
|
@select="selectChange" |
|
|
|
|
> |
|
|
|
|
<el-table-column type="selection" width="55" fixed /> |
|
|
|
|
<el-table-column |
|
|
|
|
type="index" |
|
|
|
|
fixed |
|
|
|
|
width="50" |
|
|
|
|
height="100" |
|
|
|
|
label="#" |
|
|
|
|
align="center" |
|
|
|
|
/> |
|
|
|
|
</el-tabs> |
|
|
|
|
</el-collapse-item> |
|
|
|
|
</el-collapse> |
|
|
|
|
<!-- 增值服务信息 --> |
|
|
|
|
<el-collapse @change="ServiceChange" style="margin-top: 10px"> |
|
|
|
|
<el-collapse-item title="增值服务信息" name="2"> |
|
|
|
|
<el-tabs |
|
|
|
|
v-loading="editLoading" |
|
|
|
|
element-loading-text="数据正在更新中..." |
|
|
|
|
type="border-card" |
|
|
|
|
@tab-click="tabClickB" |
|
|
|
|
> |
|
|
|
|
<template v-for="item in TabB" :key="item.name"> |
|
|
|
|
<el-tab-pane :label="item.label" :name="item.name"> |
|
|
|
|
<div class="tab-title"> |
|
|
|
|
<div class="BatchDelete"> |
|
|
|
|
<el-button type="primary" @click="newlyAdded(item.name)"> 新增 </el-button> |
|
|
|
|
<el-button type="primary" @click="BatchDelete(item.name)"> 批量删除 </el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- |
|
|
|
|
<template v-for="(item, index) in TabTitle" :key="index"> |
|
|
|
|
<span> |
|
|
|
|
<el-icon><component :is="item.icon" /></el-icon> {{ item.name }} |
|
|
|
|
{{ item.value }} |
|
|
|
|
{{ item.tap }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
<div class="el-Cart"> |
|
|
|
|
<!-- 表格列开始 --> |
|
|
|
|
<el-table |
|
|
|
|
:data="dataAdded" |
|
|
|
|
row-key="name" |
|
|
|
|
border |
|
|
|
|
height="500" |
|
|
|
|
style="width: 100%" |
|
|
|
|
ref="tableRef" |
|
|
|
|
@select-all="selectAll" |
|
|
|
|
@select="selectChange" |
|
|
|
|
> |
|
|
|
|
<el-table-column type="selection" width="55" fixed /> |
|
|
|
|
<el-table-column |
|
|
|
|
type="index" |
|
|
|
|
fixed |
|
|
|
|
width="50" |
|
|
|
|
height="100" |
|
|
|
|
label="#" |
|
|
|
|
align="center" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<!-- |
|
|
|
|
Type ===1 普通文本 |
|
|
|
|
Type ===2 图片显示 |
|
|
|
|
Type ===3 操作功能 |
|
|
|
|
@ -439,19 +450,19 @@
|
|
|
|
|
width: 宽度 |
|
|
|
|
prop: 数据字段 |
|
|
|
|
--> |
|
|
|
|
<el-table-column |
|
|
|
|
:prop="item.prop" |
|
|
|
|
:label="item.label" |
|
|
|
|
:width="item.width" |
|
|
|
|
:fixed="item.fixed" |
|
|
|
|
align="center" |
|
|
|
|
v-for="(item, index) in menuDataB" |
|
|
|
|
:key="item.label" |
|
|
|
|
> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" /> |
|
|
|
|
<!-- <div :class="ElBtnClass" v-if="item.type === 3"> |
|
|
|
|
<el-button |
|
|
|
|
<el-table-column |
|
|
|
|
:prop="item.prop" |
|
|
|
|
:label="item.label" |
|
|
|
|
:width="item.width" |
|
|
|
|
:fixed="item.fixed" |
|
|
|
|
align="center" |
|
|
|
|
v-for="(item, index) in menuDataB" |
|
|
|
|
:key="item.label" |
|
|
|
|
> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" /> |
|
|
|
|
<div :class="ElBtnClass" v-if="item.type === 3"> |
|
|
|
|
<!-- <el-button |
|
|
|
|
:link="ElButtonS[0].link" |
|
|
|
|
:class="ElButtonS[0].class" |
|
|
|
|
:auto-insert-space="ElButtonS[0].space" |
|
|
|
|
@ -459,46 +470,24 @@
|
|
|
|
|
:icon="ElButtonS[0].icon" |
|
|
|
|
@click="DeleteEvent(scope.row)" |
|
|
|
|
>删除</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
:link="ElButtonS[1].link" |
|
|
|
|
:class="ElButtonS[1].class" |
|
|
|
|
:auto-insert-space="ElButtonS[1].space" |
|
|
|
|
:size="ElButtonS[1].size" |
|
|
|
|
:icon="ElButtonS[1].icon" |
|
|
|
|
@click="EditEvent(scope.row)" |
|
|
|
|
>编辑</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
:link="ElButtonS[2].link" |
|
|
|
|
:class="ElButtonS[2].class" |
|
|
|
|
:auto-insert-space="ElButtonS[2].space" |
|
|
|
|
:size="ElButtonS[2].size" |
|
|
|
|
:icon="ElButtonS[2].icon" |
|
|
|
|
@click="ViewEvent(scope.row)" |
|
|
|
|
>查看</el-button |
|
|
|
|
> |
|
|
|
|
</div> --> |
|
|
|
|
<span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
> --> |
|
|
|
|
</div> |
|
|
|
|
<span v-if="item.type == 6">{{ |
|
|
|
|
props.row[item.prop] == 1 |
|
|
|
|
? '定制品' |
|
|
|
|
: props.row[item.prop] == 2 |
|
|
|
|
? '库存品' |
|
|
|
|
: props.row[item.prop] == 3 |
|
|
|
|
? '零担' |
|
|
|
|
: '/' |
|
|
|
|
}}</span> |
|
|
|
|
<span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
|
<el-table-column |
|
|
|
|
v-if="item.head" |
|
|
|
|
fixed="right" |
|
|
|
|
label="操作" |
|
|
|
|
width="280" |
|
|
|
|
align="center " |
|
|
|
|
> |
|
|
|
|
<!-- <template #default="scope"> |
|
|
|
|
|
|
|
|
|
</template> --> |
|
|
|
|
</el-table-column> |
|
|
|
|
</template> |
|
|
|
|
</el-table> |
|
|
|
|
<!-- 表格翻页功能 --> |
|
|
|
|
<!-- <div class="demo-pagination-block"> |
|
|
|
|
<!-- 表格翻页功能 --> |
|
|
|
|
<!-- <div class="demo-pagination-block"> |
|
|
|
|
<el-pagination |
|
|
|
|
v-model:current-page="currentPage" |
|
|
|
|
v-model:page-size="pageSize" |
|
|
|
|
@ -511,10 +500,79 @@
|
|
|
|
|
@current-change="SizeChange" |
|
|
|
|
/> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</template> |
|
|
|
|
</el-tabs> |
|
|
|
|
</el-collapse-item> |
|
|
|
|
</el-collapse> |
|
|
|
|
<!-- 弹窗信息 --> |
|
|
|
|
<el-dialog v-model="dialogBatchDelete" title="标题" width="60%" :before-close="handleClose"> |
|
|
|
|
<!-- 表格列开始 --> |
|
|
|
|
<el-table |
|
|
|
|
:data="dataAdded" |
|
|
|
|
row-key="name" |
|
|
|
|
border |
|
|
|
|
height="500" |
|
|
|
|
style="width: 100%" |
|
|
|
|
ref="tableRef" |
|
|
|
|
@select-all="selectAll" |
|
|
|
|
@select="selectChange" |
|
|
|
|
> |
|
|
|
|
<el-table-column type="selection" width="55" fixed /> |
|
|
|
|
<el-table-column type="index" fixed width="50" height="100" label="#" align="center" /> |
|
|
|
|
|
|
|
|
|
<!-- |
|
|
|
|
Type ===1 普通文本 |
|
|
|
|
Type ===2 图片显示 |
|
|
|
|
Type ===3 操作功能 |
|
|
|
|
label: 标题 |
|
|
|
|
width: 宽度 |
|
|
|
|
prop: 数据字段 |
|
|
|
|
--> |
|
|
|
|
<el-table-column |
|
|
|
|
:prop="item.prop" |
|
|
|
|
:label="item.label" |
|
|
|
|
:width="item.width" |
|
|
|
|
:fixed="item.fixed" |
|
|
|
|
align="center" |
|
|
|
|
v-for="(item, index) in menuDataB" |
|
|
|
|
:key="item.label" |
|
|
|
|
> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" /> |
|
|
|
|
<div :class="ElBtnClass" v-if="item.type === 3"> |
|
|
|
|
<!-- <el-button |
|
|
|
|
:link="ElButtonS[0].link" |
|
|
|
|
:class="ElButtonS[0].class" |
|
|
|
|
:auto-insert-space="ElButtonS[0].space" |
|
|
|
|
:size="ElButtonS[0].size" |
|
|
|
|
:icon="ElButtonS[0].icon" |
|
|
|
|
@click="DeleteEvent(scope.row)" |
|
|
|
|
>删除</el-button |
|
|
|
|
> --> |
|
|
|
|
</div> |
|
|
|
|
<span v-if="item.type == 6">{{ |
|
|
|
|
props.row[item.prop] == 1 |
|
|
|
|
? '定制品' |
|
|
|
|
: props.row[item.prop] == 2 |
|
|
|
|
? '库存品' |
|
|
|
|
: props.row[item.prop] == 3 |
|
|
|
|
? '零担' |
|
|
|
|
: '/' |
|
|
|
|
}}</span> |
|
|
|
|
<span v-else>{{ props.row[item.prop] ? props.row[item.prop] : '/' }}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
|
|
|
|
|
<template #footer> |
|
|
|
|
<span class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogBatchDelete = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="dialogVisible = false"> 提交 </el-button> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-tabs> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-card> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -530,6 +588,7 @@ import {
|
|
|
|
|
import { getToken } from '@/utils/auth'; |
|
|
|
|
const form = ref({}); //基础信息 |
|
|
|
|
const RouterId = ref('1721707916601487362'); //编辑ID |
|
|
|
|
const RouterReservationId = ref('1721707896171032578'); //编辑参数 |
|
|
|
|
const DoorstepPhoto = ref([]); // 上门照 |
|
|
|
|
const StackingPhoto = ref([]); // 堆门照 |
|
|
|
|
const FragilePhotos = ref([]); // 易碎照 |
|
|
|
|
@ -556,11 +615,14 @@ const dialogVisibleB = ref(false);
|
|
|
|
|
const dialogVisibleC = ref(false); |
|
|
|
|
const dialogVisibleD = ref(false); |
|
|
|
|
const dialogVisibleE = ref(false); |
|
|
|
|
const activeNames = ref(['1']); |
|
|
|
|
const active = ref(1); //签收状态 |
|
|
|
|
const route = useRoute(); |
|
|
|
|
const router = useRouter(); //参数ID |
|
|
|
|
const dataAdded = ref([]); //增值服务表格渲染参数 |
|
|
|
|
const TcDataAdded = ref([]); //弹窗表格渲染的数据 |
|
|
|
|
const TabIndex = ref(0); //增值服务标题默认显示 |
|
|
|
|
const dialogBatchDelete = ref(false); |
|
|
|
|
const enlargeImage = (dialogImageUrl, dialogVisible) => { |
|
|
|
|
return uploadFile => { |
|
|
|
|
console.log(uploadFile, '点击放大的内容'); |
|
|
|
|
@ -617,45 +679,10 @@ const TabB = ref([
|
|
|
|
|
}, |
|
|
|
|
]); |
|
|
|
|
const TabTitle = ref([ |
|
|
|
|
// 上楼 |
|
|
|
|
[ |
|
|
|
|
{ name: '操作人:', value: '汤建军', tap: null, icon: 'Avatar' }, |
|
|
|
|
{ name: '楼层:', value: 5, tap: '层', icon: 'School' }, |
|
|
|
|
{ name: '件数:', value: 13, tap: '件', icon: 'Box' }, |
|
|
|
|
{ name: '费用:', value: 999.9, tap: '￥', icon: 'Coin' }, |
|
|
|
|
// 超区 |
|
|
|
|
], |
|
|
|
|
[ |
|
|
|
|
{ name: '操作人:', value: '曹遇宗', tap: null, icon: 'Avatar' }, |
|
|
|
|
{ name: '公里数:', value: 15, tap: '公里', icon: 'Van' }, |
|
|
|
|
{ name: '件数:', value: 13, tap: '件', icon: 'Box' }, |
|
|
|
|
{ name: '费用:', value: 888.9, tap: '￥', icon: 'Coin' }, |
|
|
|
|
], |
|
|
|
|
// 平移 |
|
|
|
|
[ |
|
|
|
|
{ name: '公里数:', value: 15, tap: '公里', icon: 'Van' }, |
|
|
|
|
{ name: '件数:', value: 13, tap: '件', icon: 'Box' }, |
|
|
|
|
{ name: '费用:', value: 888.9, tap: '￥', icon: 'Coin' }, |
|
|
|
|
], |
|
|
|
|
// 搬运 |
|
|
|
|
[ |
|
|
|
|
{ name: '操作人:', value: '漆标', tap: null, icon: 'Avatar' }, |
|
|
|
|
{ name: '件数:', value: 15, tap: '', icon: 'Box' }, |
|
|
|
|
{ name: '费用:', value: 13, tap: '￥', icon: 'Coin' }, |
|
|
|
|
{ name: '班组:', value: 888.9, tap: null, icon: 'ScaleToOriginal' }, |
|
|
|
|
], |
|
|
|
|
// 分拣 |
|
|
|
|
[ |
|
|
|
|
{ name: '操作人:', value: '小马', tap: null, icon: 'Avatar' }, |
|
|
|
|
{ name: '件数:', value: 15, tap: '公里', icon: 'Box' }, |
|
|
|
|
{ name: '费用:', value: 13, tap: '￥', icon: 'Coin' }, |
|
|
|
|
], |
|
|
|
|
// 专车 |
|
|
|
|
[ |
|
|
|
|
{ name: '操作人:', value: '小东', tap: null, icon: 'Avatar' }, |
|
|
|
|
{ name: '件数:', value: 15, tap: '公里', icon: 'Box' }, |
|
|
|
|
{ name: '费用:', value: 13, tap: '￥', icon: 'Coin' }, |
|
|
|
|
], |
|
|
|
|
{ name: '公里数:', value: '暂无数据', tap: '公里', icon: 'Van', btn: '新增' }, |
|
|
|
|
{ name: '费用:', value: '暂无数据', tap: '￥', icon: 'Coin', btn: '新增' }, |
|
|
|
|
{ name: '楼层:', value: '暂无数据', tap: '层', icon: 'School', btn: '新增' }, |
|
|
|
|
{ name: '件数:', value: '暂无数据', tap: '件', icon: 'Box', btn: '新增' }, |
|
|
|
|
]); |
|
|
|
|
// 订单列表 |
|
|
|
|
const menuData1 = ref([ |
|
|
|
|
@ -1275,7 +1302,6 @@ const ElButtonS = ref([
|
|
|
|
|
// 3.size 按钮尺寸默认小尺寸('large'| 'default'| 'small') |
|
|
|
|
// 4.icon 按钮图标 |
|
|
|
|
// 5.table 按钮名称 |
|
|
|
|
|
|
|
|
|
{ |
|
|
|
|
class: 'el-btn-view', |
|
|
|
|
space: true, |
|
|
|
|
@ -1324,10 +1350,43 @@ const menuDataB1 = ref([
|
|
|
|
|
sortable: true, |
|
|
|
|
head: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'firsts', |
|
|
|
|
label: '一级品', |
|
|
|
|
type: 4, |
|
|
|
|
values: '', |
|
|
|
|
width: '200', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
head: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'second', |
|
|
|
|
label: '二级品', |
|
|
|
|
type: 4, |
|
|
|
|
values: '', |
|
|
|
|
width: '200', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
head: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'thirdProduct', |
|
|
|
|
label: '二级品', |
|
|
|
|
type: 4, |
|
|
|
|
values: '', |
|
|
|
|
width: '200', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
head: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'orderPackageCode', |
|
|
|
|
label: '包条码', |
|
|
|
|
type: 4, |
|
|
|
|
type: 5, |
|
|
|
|
values: '', |
|
|
|
|
width: '200', |
|
|
|
|
checkarr: [], |
|
|
|
|
@ -1349,7 +1408,7 @@ const menuDataB1 = ref([
|
|
|
|
|
{ |
|
|
|
|
prop: 'conditions', |
|
|
|
|
label: '包条类型', |
|
|
|
|
type: 4, |
|
|
|
|
type: 6, |
|
|
|
|
values: '', |
|
|
|
|
width: '200', |
|
|
|
|
checkarr: [], |
|
|
|
|
@ -1374,6 +1433,15 @@ const headers = computed(() => {
|
|
|
|
|
const doubledCount = computed(() => { |
|
|
|
|
return '/api/blade-resource/oss/endpoint/put-file'; |
|
|
|
|
}); |
|
|
|
|
// 新增按钮 |
|
|
|
|
const newlyAdded = val => { |
|
|
|
|
dialogBatchDelete.value = true; |
|
|
|
|
console.log(val, '触发了新增按钮'); |
|
|
|
|
}; |
|
|
|
|
// 批量删除按钮 |
|
|
|
|
const BatchDelete = val => { |
|
|
|
|
console.log(val); |
|
|
|
|
}; |
|
|
|
|
// 获取基础信息 |
|
|
|
|
editLoading.value = true; //表格开始加载 |
|
|
|
|
getDetail(RouterId.value).then(res => { |
|
|
|
|
@ -1412,7 +1480,9 @@ getDetail(RouterId.value).then(res => {
|
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const handleRemove = () => { |
|
|
|
|
console.log('图片移除事件'); |
|
|
|
|
}; |
|
|
|
|
// 包件列表 |
|
|
|
|
function PackageList() { |
|
|
|
|
editLoading.value = true; //表格加载开启 |
|
|
|
|
@ -1454,22 +1524,62 @@ const tabClick = val => {
|
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 上楼 |
|
|
|
|
const goUpstairs = () => { |
|
|
|
|
// 增值服务切换查询函数 |
|
|
|
|
const valueAddedServices = val => { |
|
|
|
|
addvalueInfoList({ |
|
|
|
|
addvalueId: 1, |
|
|
|
|
addvalueId: val, |
|
|
|
|
signforId: RouterId.value, |
|
|
|
|
reservationId: RouterReservationId.value, |
|
|
|
|
}).then(res => { |
|
|
|
|
dataAdded.value = res.data.data.packageEntityList; |
|
|
|
|
editLoading.value = false; //关闭加载效果 |
|
|
|
|
console.log(res, '增值服务上楼的返回值'); |
|
|
|
|
if (!res.data.data) { |
|
|
|
|
dataAdded.value = []; |
|
|
|
|
TabTitle.value[0].value = '暂无数据'; //距离 |
|
|
|
|
TabTitle.value[1].value = '暂无数据'; //费用 |
|
|
|
|
TabTitle.value[2].value = '暂无数据'; //楼层 |
|
|
|
|
TabTitle.value[3].value = '暂无数据'; //件数 |
|
|
|
|
} else { |
|
|
|
|
dataAdded.value = res.data.data.packageEntityList; |
|
|
|
|
TabTitle.value[0].value = res.data.data.distance ? res.data.data.distance : '暂无数据'; //距离 |
|
|
|
|
TabTitle.value[1].value = res.data.data.fee ? res.data.data.fee : '暂无数据'; //费用 |
|
|
|
|
TabTitle.value[2].value = res.data.data.floolNum ? res.data.data.floolNum : '暂无数据'; //楼层 |
|
|
|
|
TabTitle.value[3].value = res.data.data.num ? res.data.data.num : '暂无数据'; //件数 |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
const ServiceChange = val => { |
|
|
|
|
console.log(val, '增值服务点击'); |
|
|
|
|
}; |
|
|
|
|
// 增值服务信息tab切换 |
|
|
|
|
const tabClickB = val => { |
|
|
|
|
console.log(val, 'val当前信息'); |
|
|
|
|
|
|
|
|
|
editLoading.value = true; //开启加载效果 |
|
|
|
|
TabIndex.value = val.props.name; |
|
|
|
|
if (val.props.name == 0) { |
|
|
|
|
menuDataB.value = menuDataB1.value; |
|
|
|
|
goUpstairs(); |
|
|
|
|
valueAddedServices(1); |
|
|
|
|
} |
|
|
|
|
if (val.props.name == 1) { |
|
|
|
|
menuDataB.value = menuDataB1.value; |
|
|
|
|
valueAddedServices(2); |
|
|
|
|
} |
|
|
|
|
if (val.props.name == 2) { |
|
|
|
|
menuDataB.value = menuDataB1.value; |
|
|
|
|
valueAddedServices(3); |
|
|
|
|
} |
|
|
|
|
if (val.props.name == 3) { |
|
|
|
|
menuDataB.value = menuDataB1.value; |
|
|
|
|
valueAddedServices(4); |
|
|
|
|
} |
|
|
|
|
if (val.props.name == 4) { |
|
|
|
|
menuDataB.value = menuDataB1.value; |
|
|
|
|
valueAddedServices(5); |
|
|
|
|
} |
|
|
|
|
if (val.props.name == 5) { |
|
|
|
|
menuDataB.value = menuDataB1.value; |
|
|
|
|
valueAddedServices(6); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
//商品信息切换 |
|
|
|
|
|
13208366016
1 year ago