|
@@ -54,12 +54,31 @@
|
|
|
lastArrow='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> '
|
|
lastArrow='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> '
|
|
|
previousArrow='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>'
|
|
previousArrow='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>'
|
|
|
nextArrow='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>'>
|
|
nextArrow='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>'>
|
|
|
- <template #dob="data">
|
|
|
|
|
- {{ formatDate(data._rawValue.order_time) }}
|
|
|
|
|
|
|
+ <template #order_vo.order_time="data">
|
|
|
|
|
+ {{ formatDate(data.value.order_vo.order_time) }}
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #order_vo.member_id="data">
|
|
|
|
|
+ {{ customerName(data.value.order_vo.member_id) }}
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #warehouse_id="data">
|
|
|
|
|
+ {{ warehouseName(data.value.warehouse_id) }}
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #order_vo.pay_type="data">
|
|
|
|
|
+ {{ collectingAccountName(data.value.order_vo.pay_type) }}
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #order_vo.send_type="data">
|
|
|
|
|
+ {{ deliveryName(data.value.order_vo.send_type) }}
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #order_vo.status="data">
|
|
|
|
|
+ {{ orderTypeName(data.value.order_vo.status) }}
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <!-- 定义操作栏的模板 -->
|
|
|
|
|
+ <template #actions="data">
|
|
|
|
|
+ <button @click="deliveryOrder(data)" class="btn btn-primary">发货</button>
|
|
|
</template>
|
|
</template>
|
|
|
<template #isActive="data">
|
|
<template #isActive="data">
|
|
|
- <span class="capitalize" :class="data.value.isActive ? 'text-success' : 'text-danger'">{{
|
|
|
|
|
- data._rawValue }}</span>
|
|
|
|
|
|
|
+ <!-- <span class="capitalize" :class="data.value.isActive ? 'text-success' : 'text-danger'">{{
|
|
|
|
|
+ data._rawValue }}</span> -->
|
|
|
</template>
|
|
</template>
|
|
|
</vue3-datatable>
|
|
</vue3-datatable>
|
|
|
</div>
|
|
</div>
|
|
@@ -70,550 +89,103 @@
|
|
|
import { ref, onMounted } from 'vue';
|
|
import { ref, onMounted } from 'vue';
|
|
|
import Vue3Datatable from '@bhplugin/vue3-datatable';
|
|
import Vue3Datatable from '@bhplugin/vue3-datatable';
|
|
|
import { useAppStore } from '@/stores/index';
|
|
import { useAppStore } from '@/stores/index';
|
|
|
|
|
+import { useRouter } from 'vue-router';
|
|
|
import { useMeta } from '@/composables/use-meta';
|
|
import { useMeta } from '@/composables/use-meta';
|
|
|
-import { orderApi } from '@/api/api'
|
|
|
|
|
|
|
+import { orderApi, infoApi, dictionaryAPI } from '@/api/api'
|
|
|
import IconBell from '@/components/icon/icon-bell.vue';
|
|
import IconBell from '@/components/icon/icon-bell.vue';
|
|
|
import IconCaretDown from '@/components/icon/icon-caret-down.vue';
|
|
import IconCaretDown from '@/components/icon/icon-caret-down.vue';
|
|
|
|
|
|
|
|
|
|
|
|
|
useMeta({ title: 'Column Chooser Table' });
|
|
useMeta({ title: 'Column Chooser Table' });
|
|
|
|
|
+const router = useRouter();
|
|
|
const store = useAppStore();
|
|
const store = useAppStore();
|
|
|
const search = ref('');
|
|
const search = ref('');
|
|
|
const rows = ref([]); // 初始化rows为响应式引用
|
|
const rows = ref([]); // 初始化rows为响应式引用
|
|
|
|
|
+const customerList = ref([])//初始化客户列表
|
|
|
|
|
+const warehouseList = ref([])//初始化客户列表
|
|
|
|
|
+const collectingAccountList = ref([])//初始化客户列表
|
|
|
|
|
+const deliveryList = ref([])//初始化客户列表
|
|
|
|
|
+const orderTypeList = ref([])//初始化客户列表
|
|
|
const cols = ref([
|
|
const cols = ref([
|
|
|
{ field: 'sn', title: '订单编号', isUnique: true, hide: false },
|
|
{ field: 'sn', title: '订单编号', isUnique: true, hide: false },
|
|
|
- { field: 'member_id', title: '客户', hide: false },
|
|
|
|
|
- { field: 'order_time', title: '下单时间', hide: false },
|
|
|
|
|
|
|
+ { field: 'order_vo.member_id', title: '客户', hide: false },
|
|
|
|
|
+ { field: 'order_vo.order_time', title: '下单时间', hide: false },
|
|
|
{ field: 'warehouse_id', title: '仓库名称', hide: false },
|
|
{ field: 'warehouse_id', title: '仓库名称', hide: false },
|
|
|
- { field: 'send_type', title: '配送方式', hide: false },
|
|
|
|
|
- { field: 'pay_type', title: '付款方式', hide: false },
|
|
|
|
|
- { field: 'pay_price', title: '实付金额', hide: false },
|
|
|
|
|
- { field: 'status', title: '订单状态', type: '', hide: true },
|
|
|
|
|
- { field: 'extension', title: '延期次数', type: '', hide: true },
|
|
|
|
|
- { field: 'type', title: '订单类型', type: '', hide: true },
|
|
|
|
|
|
|
+ { field: 'order_vo.send_type', title: '配送方式', hide: false },
|
|
|
|
|
+ { field: 'order_vo.pay_type', title: '付款方式', hide: false },
|
|
|
|
|
+ /* { field: 'pay_price', title: '实付金额', hide: false }, */
|
|
|
|
|
+ { field: 'order_vo.status', title: '订单状态', type: '', hide: true },
|
|
|
|
|
+ /* { field: 'extension', title: '延期次数', type: '', hide: true },
|
|
|
|
|
+ { field: 'type', title: '订单类型', type: '', hide: true }, */
|
|
|
|
|
+ { field: 'actions', title: '操作', hide: false }
|
|
|
]);
|
|
]);
|
|
|
-/* const rows = ref(
|
|
|
|
|
- [
|
|
|
|
|
- {
|
|
|
|
|
- id: 1,
|
|
|
|
|
- firstName: 'Caroline',
|
|
|
|
|
- lastName: 'Jensen',
|
|
|
|
|
- email: 'carolinejensen@zidant.com',
|
|
|
|
|
- dob: '2004-05-28',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '529 Scholes Street',
|
|
|
|
|
- city: 'Temperanceville',
|
|
|
|
|
- zipcode: 5235,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 23.806115,
|
|
|
|
|
- lng: 164.677197,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (821) 447-3782',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 39,
|
|
|
|
|
- company: 'POLARAX',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 2,
|
|
|
|
|
- firstName: 'Celeste',
|
|
|
|
|
- lastName: 'Grant',
|
|
|
|
|
- email: 'celestegrant@polarax.com',
|
|
|
|
|
- dob: '1989-11-19',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '639 Kimball Street',
|
|
|
|
|
- city: 'Bascom',
|
|
|
|
|
- zipcode: 8907,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 65.954483,
|
|
|
|
|
- lng: 98.906478,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (838) 515-3408',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 32,
|
|
|
|
|
- company: 'MANGLO',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 3,
|
|
|
|
|
- firstName: 'Tillman',
|
|
|
|
|
- lastName: 'Forbes',
|
|
|
|
|
- email: 'tillmanforbes@manglo.com',
|
|
|
|
|
- dob: '2016-09-05',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '240 Vandalia Avenue',
|
|
|
|
|
- city: 'Thynedale',
|
|
|
|
|
- zipcode: 8994,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -34.949388,
|
|
|
|
|
- lng: -82.958111,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (969) 496-2892',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 26,
|
|
|
|
|
- company: 'APPLIDECK',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 4,
|
|
|
|
|
- firstName: 'Daisy',
|
|
|
|
|
- lastName: 'Whitley',
|
|
|
|
|
- email: 'daisywhitley@applideck.com',
|
|
|
|
|
- dob: '1987-03-23',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '350 Pleasant Place',
|
|
|
|
|
- city: 'Idledale',
|
|
|
|
|
- zipcode: 9369,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -54.458809,
|
|
|
|
|
- lng: -127.476556,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (861) 564-2877',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 21,
|
|
|
|
|
- company: 'VOLAX',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 5,
|
|
|
|
|
- firstName: 'Weber',
|
|
|
|
|
- lastName: 'Bowman',
|
|
|
|
|
- email: 'weberbowman@volax.com',
|
|
|
|
|
- dob: '1983-02-24',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '154 Conway Street',
|
|
|
|
|
- city: 'Broadlands',
|
|
|
|
|
- zipcode: 8131,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 54.501351,
|
|
|
|
|
- lng: -167.47138,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (962) 466-3483',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 26,
|
|
|
|
|
- company: 'ORBAXTER',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 6,
|
|
|
|
|
- firstName: 'Buckley',
|
|
|
|
|
- lastName: 'Townsend',
|
|
|
|
|
- email: 'buckleytownsend@orbaxter.com',
|
|
|
|
|
- dob: '2011-05-29',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '131 Guernsey Street',
|
|
|
|
|
- city: 'Vallonia',
|
|
|
|
|
- zipcode: 6779,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -2.681655,
|
|
|
|
|
- lng: 3.528942,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (884) 595-2643',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 40,
|
|
|
|
|
- company: 'OPPORTECH',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 7,
|
|
|
|
|
- firstName: 'Latoya',
|
|
|
|
|
- lastName: 'Bradshaw',
|
|
|
|
|
- email: 'latoyabradshaw@opportech.com',
|
|
|
|
|
- dob: '2010-11-23',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '668 Lenox Road',
|
|
|
|
|
- city: 'Lowgap',
|
|
|
|
|
- zipcode: 992,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 36.026423,
|
|
|
|
|
- lng: 130.412198,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (906) 474-3155',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 24,
|
|
|
|
|
- company: 'GORGANIC',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 8,
|
|
|
|
|
- firstName: 'Kate',
|
|
|
|
|
- lastName: 'Lindsay',
|
|
|
|
|
- email: 'katelindsay@gorganic.com',
|
|
|
|
|
- dob: '1987-07-02',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '773 Harrison Avenue',
|
|
|
|
|
- city: 'Carlton',
|
|
|
|
|
- zipcode: 5909,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 42.464724,
|
|
|
|
|
- lng: -12.948403,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (930) 546-2952',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 24,
|
|
|
|
|
- company: 'AVIT',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 9,
|
|
|
|
|
- firstName: 'Marva',
|
|
|
|
|
- lastName: 'Sandoval',
|
|
|
|
|
- email: 'marvasandoval@avit.com',
|
|
|
|
|
- dob: '2010-11-02',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '200 Malta Street',
|
|
|
|
|
- city: 'Tuskahoma',
|
|
|
|
|
- zipcode: 1292,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -52.206169,
|
|
|
|
|
- lng: 74.19452,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (927) 566-3600',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 28,
|
|
|
|
|
- company: 'QUILCH',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 10,
|
|
|
|
|
- firstName: 'Decker',
|
|
|
|
|
- lastName: 'Russell',
|
|
|
|
|
- email: 'deckerrussell@quilch.com',
|
|
|
|
|
- dob: '1994-04-21',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '708 Bath Avenue',
|
|
|
|
|
- city: 'Coultervillle',
|
|
|
|
|
- zipcode: 1268,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -41.550295,
|
|
|
|
|
- lng: -146.598075,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (846) 535-3283',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 27,
|
|
|
|
|
- company: 'MEMORA',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 11,
|
|
|
|
|
- firstName: 'Odom',
|
|
|
|
|
- lastName: 'Mills',
|
|
|
|
|
- email: 'odommills@memora.com',
|
|
|
|
|
- dob: '2010-01-24',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '907 Blake Avenue',
|
|
|
|
|
- city: 'Churchill',
|
|
|
|
|
- zipcode: 4400,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -56.061694,
|
|
|
|
|
- lng: -130.238523,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (995) 525-3402',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 34,
|
|
|
|
|
- company: 'ZORROMOP',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 12,
|
|
|
|
|
- firstName: 'Sellers',
|
|
|
|
|
- lastName: 'Walters',
|
|
|
|
|
- email: 'sellerswalters@zorromop.com',
|
|
|
|
|
- dob: '1975-11-12',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '978 Oakland Place',
|
|
|
|
|
- city: 'Gloucester',
|
|
|
|
|
- zipcode: 3802,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 11.732587,
|
|
|
|
|
- lng: 96.118099,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (830) 430-3157',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 28,
|
|
|
|
|
- company: 'ORBOID',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 13,
|
|
|
|
|
- firstName: 'Wendi',
|
|
|
|
|
- lastName: 'Powers',
|
|
|
|
|
- email: 'wendipowers@orboid.com',
|
|
|
|
|
- dob: '1979-06-02',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '376 Greenpoint Avenue',
|
|
|
|
|
- city: 'Elliott',
|
|
|
|
|
- zipcode: 9149,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -78.159578,
|
|
|
|
|
- lng: -9.835103,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (863) 457-2088',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 31,
|
|
|
|
|
- company: 'SNORUS',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 14,
|
|
|
|
|
- firstName: 'Sophie',
|
|
|
|
|
- lastName: 'Horn',
|
|
|
|
|
- email: 'sophiehorn@snorus.com',
|
|
|
|
|
- dob: '2018-09-20',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '343 Doughty Street',
|
|
|
|
|
- city: 'Homestead',
|
|
|
|
|
- zipcode: 330,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 65.484087,
|
|
|
|
|
- lng: 137.413998,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (885) 418-3948',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 22,
|
|
|
|
|
- company: 'XTH',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 15,
|
|
|
|
|
- firstName: 'Levine',
|
|
|
|
|
- lastName: 'Rodriquez',
|
|
|
|
|
- email: 'levinerodriquez@xth.com',
|
|
|
|
|
- dob: '1973-02-08',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '643 Allen Avenue',
|
|
|
|
|
- city: 'Weedville',
|
|
|
|
|
- zipcode: 8931,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -63.185586,
|
|
|
|
|
- lng: 117.327808,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (999) 565-3239',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 27,
|
|
|
|
|
- company: 'COMTRACT',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 16,
|
|
|
|
|
- firstName: 'Little',
|
|
|
|
|
- lastName: 'Hatfield',
|
|
|
|
|
- email: 'littlehatfield@comtract.com',
|
|
|
|
|
- dob: '2012-01-03',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '194 Anthony Street',
|
|
|
|
|
- city: 'Williston',
|
|
|
|
|
- zipcode: 7456,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 47.480837,
|
|
|
|
|
- lng: 6.085909,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (812) 488-3011',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 33,
|
|
|
|
|
- company: 'ZIDANT',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 17,
|
|
|
|
|
- firstName: 'Larson',
|
|
|
|
|
- lastName: 'Kelly',
|
|
|
|
|
- email: 'larsonkelly@zidant.com',
|
|
|
|
|
- dob: '2010-06-14',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '978 Indiana Place',
|
|
|
|
|
- city: 'Innsbrook',
|
|
|
|
|
- zipcode: 639,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -71.766732,
|
|
|
|
|
- lng: 150.854345,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (892) 484-2162',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 20,
|
|
|
|
|
- company: 'SUREPLEX',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 18,
|
|
|
|
|
- firstName: 'Kendra',
|
|
|
|
|
- lastName: 'Molina',
|
|
|
|
|
- email: 'kendramolina@sureplex.com',
|
|
|
|
|
- dob: '2002-07-19',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '567 Charles Place',
|
|
|
|
|
- city: 'Kimmell',
|
|
|
|
|
- zipcode: 1966,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 50.765816,
|
|
|
|
|
- lng: -117.106499,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (920) 528-3330',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 31,
|
|
|
|
|
- company: 'DANJA',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 19,
|
|
|
|
|
- firstName: 'Ebony',
|
|
|
|
|
- lastName: 'Livingston',
|
|
|
|
|
- email: 'ebonylivingston@danja.com',
|
|
|
|
|
- dob: '1994-10-18',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '284 Cass Place',
|
|
|
|
|
- city: 'Navarre',
|
|
|
|
|
- zipcode: 948,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 65.271256,
|
|
|
|
|
- lng: -83.064729,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (970) 591-3039',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 33,
|
|
|
|
|
- company: 'EURON',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 20,
|
|
|
|
|
- firstName: 'Kaufman',
|
|
|
|
|
- lastName: 'Rush',
|
|
|
|
|
- email: 'kaufmanrush@euron.com',
|
|
|
|
|
- dob: '2011-07-10',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '408 Kingsland Avenue',
|
|
|
|
|
- city: 'Beaulieu',
|
|
|
|
|
- zipcode: 7911,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 41.513153,
|
|
|
|
|
- lng: 54.821641,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (924) 463-2934',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 39,
|
|
|
|
|
- company: 'ILLUMITY',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 21,
|
|
|
|
|
- firstName: 'Frank',
|
|
|
|
|
- lastName: 'Hays',
|
|
|
|
|
- email: 'frankhays@illumity.com',
|
|
|
|
|
- dob: '2005-06-15',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '973 Caton Place',
|
|
|
|
|
- city: 'Dargan',
|
|
|
|
|
- zipcode: 4104,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 63.314988,
|
|
|
|
|
- lng: -138.771323,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (930) 577-2670',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 31,
|
|
|
|
|
- company: 'SYBIXTEX',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 22,
|
|
|
|
|
- firstName: 'Carmella',
|
|
|
|
|
- lastName: 'Mccarty',
|
|
|
|
|
- email: 'carmellamccarty@sybixtex.com',
|
|
|
|
|
- dob: '1980-03-06',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '919 Judge Street',
|
|
|
|
|
- city: 'Canby',
|
|
|
|
|
- zipcode: 8283,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 9.198597,
|
|
|
|
|
- lng: -138.809971,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (876) 456-3218',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 21,
|
|
|
|
|
- company: 'ZEDALIS',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 23,
|
|
|
|
|
- firstName: 'Massey',
|
|
|
|
|
- lastName: 'Owen',
|
|
|
|
|
- email: 'masseyowen@zedalis.com',
|
|
|
|
|
- dob: '2012-03-01',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '108 Seaview Avenue',
|
|
|
|
|
- city: 'Slovan',
|
|
|
|
|
- zipcode: 3599,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -74.648318,
|
|
|
|
|
- lng: 99.620699,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (917) 567-3786',
|
|
|
|
|
- isActive: false,
|
|
|
|
|
- age: 40,
|
|
|
|
|
- company: 'DYNO',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 24,
|
|
|
|
|
- firstName: 'Lottie',
|
|
|
|
|
- lastName: 'Lowery',
|
|
|
|
|
- email: 'lottielowery@dyno.com',
|
|
|
|
|
- dob: '1982-10-10',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '557 Meserole Avenue',
|
|
|
|
|
- city: 'Fowlerville',
|
|
|
|
|
- zipcode: 4991,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: 54.811546,
|
|
|
|
|
- lng: -20.996515,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (912) 539-3498',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 36,
|
|
|
|
|
- company: 'MULTIFLEX',
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: 25,
|
|
|
|
|
- firstName: 'Addie',
|
|
|
|
|
- lastName: 'Luna',
|
|
|
|
|
- email: 'addieluna@multiflex.com',
|
|
|
|
|
- dob: '1988-05-01',
|
|
|
|
|
- address: {
|
|
|
|
|
- street: '688 Bulwer Place',
|
|
|
|
|
- city: 'Harmon',
|
|
|
|
|
- zipcode: 7664,
|
|
|
|
|
- geo: {
|
|
|
|
|
- lat: -12.762766,
|
|
|
|
|
- lng: -39.924497,
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- phone: '+1 (962) 537-2981',
|
|
|
|
|
- isActive: true,
|
|
|
|
|
- age: 32,
|
|
|
|
|
- company: 'PHARMACON',
|
|
|
|
|
- },
|
|
|
|
|
- ] || []
|
|
|
|
|
-); */
|
|
|
|
|
-
|
|
|
|
|
|
|
+/* 处理订单时间格式 */
|
|
|
const formatDate = (date) => {
|
|
const formatDate = (date) => {
|
|
|
if (date) {
|
|
if (date) {
|
|
|
const dt = new Date(date * 1000);
|
|
const dt = new Date(date * 1000);
|
|
|
const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt.getMonth() + 1;
|
|
const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt.getMonth() + 1;
|
|
|
const day = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
|
|
const day = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
|
|
|
- return day + '/' + month + '/' + dt.getFullYear();
|
|
|
|
|
|
|
+ return dt.getFullYear() + '/' + month + '/' + day;
|
|
|
}
|
|
}
|
|
|
return '';
|
|
return '';
|
|
|
};
|
|
};
|
|
|
|
|
+/* 处理客户名称 */
|
|
|
|
|
+const customerName = (value) => {
|
|
|
|
|
+ if (value && customerList.value && customerList.value.data && customerList.value.data.data) {
|
|
|
|
|
+ const type = customerList.value.data.data.find(type => type.id === value);
|
|
|
|
|
+ return type ? type.name : '';
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+/* 仓库名称 */
|
|
|
|
|
+const warehouseName = (value) => {
|
|
|
|
|
+ if (value && warehouseList.value && warehouseList.value.data) {
|
|
|
|
|
+ const type = warehouseList.value.data.find(type => type.id === value);
|
|
|
|
|
+ return type ? type.name : '';
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+/* 支付列表*/
|
|
|
|
|
+const collectingAccountName = (value) => {
|
|
|
|
|
+ if (value && collectingAccountList.value && collectingAccountList.value.data && collectingAccountList.value.data.data) {
|
|
|
|
|
+ const type = collectingAccountList.value.data.data.find(type => type.id === value);
|
|
|
|
|
+ return type ? type.name : '';
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+/* 配送方式*/
|
|
|
|
|
+const deliveryName = (value) => {
|
|
|
|
|
+ if (value && deliveryList.value && deliveryList.value.data && deliveryList.value.data.data) {
|
|
|
|
|
+ const type = deliveryList.value.data.data.find(type => type.value === value);
|
|
|
|
|
+ return type ? type.label : '';
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+/* 订单状态*/
|
|
|
|
|
+const orderTypeName = (value) => {
|
|
|
|
|
+ if (value && orderTypeList.value && orderTypeList.value.data && orderTypeList.value.data.data) {
|
|
|
|
|
+ const type = orderTypeList.value.data.data.find(type => type.value === value);
|
|
|
|
|
+ return type ? type.label : '';
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
getOrderList()
|
|
getOrderList()
|
|
|
|
|
+ getInforList()
|
|
|
});
|
|
});
|
|
|
|
|
+/* 获取订单列表的值 */
|
|
|
const getOrderList = async () => {
|
|
const getOrderList = async () => {
|
|
|
- orderApi.orderList({ page_no: 1, page_size: 10 }).then((res:any) => {
|
|
|
|
|
- rows.value = res.data.data; // 更新rows的值
|
|
|
|
|
|
|
+ orderApi.orderList({ page_no: 1, page_size: 10, selectType: 'to_be_send' }).then((res: any) => {
|
|
|
|
|
+ rows.value = res.data.records; // 更新rows的值
|
|
|
|
|
+ });
|
|
|
|
|
+};
|
|
|
|
|
+/* 获取仓库,字典,客户信息 */
|
|
|
|
|
+const getInforList = async () => {
|
|
|
|
|
+ warehouseList.value = await infoApi.warehouseList({})//获取仓库列表
|
|
|
|
|
+ customerList.value = await infoApi.customer({})//获取客户列表
|
|
|
|
|
+ collectingAccountList.value = await infoApi.collectingAccount({})//获取支付方式列表
|
|
|
|
|
+ deliveryList.value = await dictionaryAPI.getPage({ dictType: "order_send_type" })//获取配送方式
|
|
|
|
|
+ orderTypeList.value = await dictionaryAPI.getPage({ dictType: "Sale_order_send_status" })//获取订单状态
|
|
|
|
|
+}
|
|
|
|
|
+const deliveryOrder = async (row) => {
|
|
|
|
|
+ router.replace({
|
|
|
|
|
+ name: 'shippingPage',
|
|
|
|
|
+ params: { id: row.value.id }
|
|
|
});
|
|
});
|
|
|
-
|
|
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
</script>
|
|
</script>
|