|
@@ -1,9 +1,6 @@
|
|
|
<template>
|
|
<template>
|
|
|
<!-- 提货查询 -->
|
|
<!-- 提货查询 -->
|
|
|
<div class="platinum_pick_query_tab">
|
|
<div class="platinum_pick_query_tab">
|
|
|
- <Filter @search="updateColumn">
|
|
|
|
|
- </Filter>
|
|
|
|
|
-
|
|
|
|
|
<Filter @search="updateColumn" />
|
|
<Filter @search="updateColumn" />
|
|
|
<a-table :columns="columns"
|
|
<a-table :columns="columns"
|
|
|
class="srcollYTable"
|
|
class="srcollYTable"
|
|
@@ -16,11 +13,8 @@
|
|
|
:data-source="tableList">
|
|
:data-source="tableList">
|
|
|
<!-- 额外的展开行 -->
|
|
<!-- 额外的展开行 -->
|
|
|
<template #expandedRowRender="{ record }">
|
|
<template #expandedRowRender="{ record }">
|
|
|
- <!-- <BtnList :btnList="handleTableList(firstBtn, record)"
|
|
|
|
|
- class="btn-list-sticky"
|
|
|
|
|
- @onClick="btnClick(record)" /> -->
|
|
|
|
|
<mtp-table-button class="btn-list-sticky"
|
|
<mtp-table-button class="btn-list-sticky"
|
|
|
- :buttons="buttons"
|
|
|
|
|
|
|
+ :buttons="handleBtn(record)"
|
|
|
:record="record"
|
|
:record="record"
|
|
|
@click="openComponent" />
|
|
@click="openComponent" />
|
|
|
</template>
|
|
</template>
|
|
@@ -32,7 +26,6 @@
|
|
|
<template #takemode="{ record }">
|
|
<template #takemode="{ record }">
|
|
|
<a>{{ getTakeStateName(record.takemode)}}</a>
|
|
<a>{{ getTakeStateName(record.takemode)}}</a>
|
|
|
</template>
|
|
</template>
|
|
|
-
|
|
|
|
|
<!-- 物流信息 -->
|
|
<!-- 物流信息 -->
|
|
|
<template #expresscompany="{ record }">
|
|
<template #expresscompany="{ record }">
|
|
|
<a>{{ record.expresscompany + "-" + record.expressnum}}</a>
|
|
<a>{{ record.expresscompany + "-" + record.expressnum}}</a>
|
|
@@ -52,12 +45,10 @@
|
|
|
<a>{{ record.userinfotype === 1 ? '个人' : '企业' }}</a>
|
|
<a>{{ record.userinfotype === 1 ? '个人' : '企业' }}</a>
|
|
|
</template>
|
|
</template>
|
|
|
</a-table>
|
|
</a-table>
|
|
|
- <ControlModal :selectedRow="selectedRow"
|
|
|
|
|
- @refresh="getData" />
|
|
|
|
|
<!-- 右键 -->
|
|
<!-- 右键 -->
|
|
|
<contextMenu :contextMenu="contextMenu"
|
|
<contextMenu :contextMenu="contextMenu"
|
|
|
@cancel="closeContext"
|
|
@cancel="closeContext"
|
|
|
- :list="buttons"> </contextMenu>
|
|
|
|
|
|
|
+ :list="handleBtn(selectedRow)"> </contextMenu>
|
|
|
<component :is="componentId"
|
|
<component :is="componentId"
|
|
|
v-if="componentId"
|
|
v-if="componentId"
|
|
|
:selectedRow="selectedRow"
|
|
:selectedRow="selectedRow"
|
|
@@ -66,19 +57,13 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
|
-import { ComposeTableParam, contextMenu, defineAsyncComponent, defineComponent, handleComposeTable, MtpTableButton, queryTableList, useRouteName } from '@/common/export/commonTable';
|
|
|
|
|
-
|
|
|
|
|
-import Filter from '../../compoments/filter/index.vue';
|
|
|
|
|
-import { handleTableList } from './setup';
|
|
|
|
|
-import ControlModal from './compoments/controlModal/index.vue';
|
|
|
|
|
-import { QhjTradeGoodsPickup } from '@/services/go/ermcp/qhj/interface';
|
|
|
|
|
|
|
+import { EnumRouterName } from '@/common/constants/enumRouterName';
|
|
|
import { getPickUpStateName, getTakeStateName } from '@/common/constants/enumsName';
|
|
import { getPickUpStateName, getTakeStateName } from '@/common/constants/enumsName';
|
|
|
-import { TableEventCB } from '@/common/setup/table/interface';
|
|
|
|
|
-import { BtnListType } from '@/common/components/btnList/interface';
|
|
|
|
|
-import { ref } from 'vue';
|
|
|
|
|
-import { queryTradeGoodsPickup } from '@/services/go/ermcp/qhj';
|
|
|
|
|
|
|
+import { ComposeTableParam, contextMenu, defineAsyncComponent, defineComponent, handleComposeTable, MtpTableButton, queryTableList } from '@/common/export/commonTable';
|
|
|
import { getTableButton } from '@/common/setup/table/button';
|
|
import { getTableButton } from '@/common/setup/table/button';
|
|
|
-import { EnumRouterName } from '@/common/constants/enumRouterName';
|
|
|
|
|
|
|
+import { queryTradeGoodsPickup } from '@/services/go/ermcp/qhj';
|
|
|
|
|
+import { QhjTradeGoodsPickup } from '@/services/go/ermcp/qhj/interface';
|
|
|
|
|
+import Filter from '../../compoments/filter/index.vue';
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
|
name: 'platinum_pick_query_tab',
|
|
name: 'platinum_pick_query_tab',
|
|
@@ -93,22 +78,6 @@ export default defineComponent({
|
|
|
confirm_receipt: defineAsyncComponent(() => import('./compoments/query_receipt/index.vue')), // 确认收货
|
|
confirm_receipt: defineAsyncComponent(() => import('./compoments/query_receipt/index.vue')), // 确认收货
|
|
|
},
|
|
},
|
|
|
setup() {
|
|
setup() {
|
|
|
- // 表格权限按钮
|
|
|
|
|
- const buttons = getTableButton(['add'], true);
|
|
|
|
|
-
|
|
|
|
|
- // 表头数据
|
|
|
|
|
- // const { columns, registerColumn, updateColumn } = getTableColumns();
|
|
|
|
|
- // // 表格操作按钮列表
|
|
|
|
|
- // const [firstBtn] = _getBtnList('platinum_pick_query_tab', true).value;
|
|
|
|
|
- // const btnList = ref<BtnListType[]>([]);
|
|
|
|
|
- // const event: TableEventCB = {
|
|
|
|
|
- // contextmenuCB: (record: QhjTradeGoodsPickup) => {
|
|
|
|
|
- // btnList.value = handleTableList(firstBtn, record);
|
|
|
|
|
- // },
|
|
|
|
|
- // };
|
|
|
|
|
- // // 表格事件
|
|
|
|
|
- // const { expandedRowKeys, selectedRow, Rowclick, btnClick } = getTableEvent<QhjTradeGoodsPickup>(event);
|
|
|
|
|
-
|
|
|
|
|
// 表格列表数据
|
|
// 表格列表数据
|
|
|
const { loading, tableList, queryTable } = queryTableList<QhjTradeGoodsPickup>();
|
|
const { loading, tableList, queryTable } = queryTableList<QhjTradeGoodsPickup>();
|
|
|
|
|
|
|
@@ -123,33 +92,33 @@ export default defineComponent({
|
|
|
tableFilterKey: ['reqtime', 'pickupgoodsname', 'takeorderstatus', 'goodsname'],
|
|
tableFilterKey: ['reqtime', 'pickupgoodsname', 'takeorderstatus', 'goodsname'],
|
|
|
isDetail: true,
|
|
isDetail: true,
|
|
|
};
|
|
};
|
|
|
-
|
|
|
|
|
- // function getData() {
|
|
|
|
|
- // // 获取列表数据
|
|
|
|
|
- // queryTable(queryTradeGoodsPickup).then((res) => {
|
|
|
|
|
- // tableList.value = res.map((el) => {
|
|
|
|
|
- // return { ...el, key: String(el.takeorderid) };
|
|
|
|
|
- // });
|
|
|
|
|
- // });
|
|
|
|
|
- // }
|
|
|
|
|
-
|
|
|
|
|
// 1:备货中 完成备货
|
|
// 1:备货中 完成备货
|
|
|
// 2:待取货(自提) 确认取货
|
|
// 2:待取货(自提) 确认取货
|
|
|
// 4:待收货(邮寄) 上传物流信息、确认收货
|
|
// 4:待收货(邮寄) 上传物流信息、确认收货
|
|
|
- // initData(() => {
|
|
|
|
|
- // // 获取列表数据
|
|
|
|
|
- // getData();
|
|
|
|
|
- // // 注册表头信息 过滤
|
|
|
|
|
- // registerColumn('table_pcweb_qhj_pickup_query', ['reqtime', 'pickupgoodsname', 'takeorderstatus', 'goodsname']);
|
|
|
|
|
- // });
|
|
|
|
|
-
|
|
|
|
|
|
|
+ function handleBtn(record: QhjTradeGoodsPickup) {
|
|
|
|
|
+ if (!record) return;
|
|
|
|
|
+ const { takeorderstatus } = record;
|
|
|
|
|
+ const buttons = getTableButton();
|
|
|
|
|
+ if (takeorderstatus === 1) {
|
|
|
|
|
+ // 1:备货中 完成备货
|
|
|
|
|
+ return buttons.filter((e) => e.code === 'complete_stocking' || e.code === 'detail');
|
|
|
|
|
+ } else if (takeorderstatus === 2) {
|
|
|
|
|
+ // 2:待取货(自提) 确认取货
|
|
|
|
|
+ return buttons.filter((e) => e.code === 'confirm_pickup' || e.code === 'detail');
|
|
|
|
|
+ } else if (takeorderstatus === 4) {
|
|
|
|
|
+ // 4:待收货(邮寄) 上传物流信息、确认收货
|
|
|
|
|
+ return buttons.filter((e) => e.code === 'complete_stocking' || e.code === 'detail' || e.code === 'confirm_receipt');
|
|
|
|
|
+ } else {
|
|
|
|
|
+ return [];
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
return {
|
|
return {
|
|
|
...handleComposeTable<QhjTradeGoodsPickup>(param),
|
|
...handleComposeTable<QhjTradeGoodsPickup>(param),
|
|
|
loading,
|
|
loading,
|
|
|
tableList,
|
|
tableList,
|
|
|
getPickUpStateName,
|
|
getPickUpStateName,
|
|
|
getTakeStateName,
|
|
getTakeStateName,
|
|
|
- handleTableList,
|
|
|
|
|
|
|
+ handleBtn,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|