@kengic/uni 0.6.3-beta.0 → 0.6.3-beta.2

package/dist/component/KgStation/KgStation.vue

@@ -0,0 +1,176 @@
+<template>
+    <UniPopup ref="popupRef" :type="'dialog'">
+        <UniPopupDialog :before-close="true" title="选择工作站" @close="onClose" @confirm="onOk">
+            <div class="row">
+                <div class="label">工作站:</div>
+                <div class="value">
+                    <UniDataSelect :localdata="stationDatas" v-model="currentDevcod" :clear="true" />
+                </div>
+            </div>
+            <div class="row">
+                <div class="label">工作区:</div>
+                <div class="value">
+                    <UniDataSelect :localdata="areaDatas" v-model="currentHmewrkare" :clear="true" />
+                </div>
+            </div>
+        </UniPopupDialog>
+    </UniPopup>
+</template>
+
+<script lang="ts" setup>
+    import { UniDataSelect, UniPopup, UniPopupDialog } from '../../uni';
+    import { computed, ref, watch } from 'vue';
+    import { useKgStation } from './index.hooks';
+    import { WorkstationDTO } from '../../api/WMS/models';
+    import { API } from '../../api';
+
+    const emit = defineEmits(['ok']);
+
+    const kgStation = useKgStation();
+
+    //region DATA
+    // ----------------------------------------------------------------------------------------------------
+    const popupRef = ref<any>(null);
+
+    /** 当前选择的工作站编号. */
+    const currentDevcod = ref<string>('');
+
+    /** 当前选择的工作区编号. */
+    const currentHmewrkare = ref<string>('');
+
+    /** 所有工作站. */
+    const stations = ref<Array<WorkstationDTO>>([]);
+
+    /**
+     * 工作站下拉列表.
+     */
+    const stationDatas = computed<Array<{ value: string; text: string }>>(() => stations.value.map((i) => ({ text: i.devcod ?? '', value: i.devcod ?? '' })));
+
+    /**
+     * 工作区下拉列表.
+     */
+    const areaDatas = computed<Array<{ value: string; text: string }>>(
+        () =>
+            stations.value
+                .find((i) => i.devcod === currentDevcod.value)
+                ?.workstationAreas?.map((i) => ({
+                    text: i.wrkareDsc ?? i.wrkare ?? '',
+                    value: i.wrkare ?? '',
+                })) ?? [],
+    );
+
+    // ----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region WATCH
+    // ----------------------------------------------------------------------------------------------------
+    watch(currentDevcod, (value) => {
+        // 当清空「当前选择的工作站编号」时, 也清空「当前选择的工作区编号」,
+        if (!value) {
+            currentHmewrkare.value = '';
+        } else {
+            console.log('11', value, currentDevcod.value);
+            // 当「当前选择的工作站编号」变更时, 选择它的默认的工作区,
+            const currentStation = stations.value.find((i) => i.devcod === currentDevcod.value);
+            if (currentStation) {
+                currentHmewrkare.value = currentStation.hmewrkare ?? '';
+                console.log('22', currentHmewrkare.value);
+            }
+        }
+    });
+    // ----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region FUNCTION
+    // ----------------------------------------------------------------------------------------------------
+    /**
+     * 取消.
+     */
+    function onClose() {
+        popupRef.value?.close();
+    }
+
+    /**
+     * 确定.
+     */
+    function onOk() {
+        const currentStation = stations.value.find((i) => i.devcod === currentDevcod.value);
+        if (currentStation) {
+            currentStation.hmewrkare = currentHmewrkare.value;
+            kgStation.store.setStation(currentStation);
+        } else {
+            kgStation.store.setStation(null);
+        }
+
+        popupRef.value?.close();
+        emit('ok');
+    }
+
+    /** 打开弹窗. */
+    function open() {
+        popupRef.value?.open();
+
+        currentDevcod.value = kgStation.station.value?.devcod ?? '';
+        currentHmewrkare.value = kgStation.station.value?.hmewrkare ?? '';
+
+        requestStations();
+    }
+
+    /**
+     * 获取所有工作站.
+     */
+    async function requestStations(): Promise<void> {
+        try {
+            stations.value = (await API.WMS.WorkstationController.List({ params: { pageNo: 1, pageSize: 999 } }))?.records ?? [];
+        } catch (e) {
+            console.error(e);
+        }
+    }
+    // ----------------------------------------------------------------------------------------------------
+    //endregion
+
+    defineExpose({ open });
+</script>
+
+<style scoped>
+    :deep(.uni-popup-dialog) {
+        font-size: 13px;
+    }
+
+    :deep(.uni-popup-dialog) .uni-select {
+        padding-right: 4px;
+    }
+
+    :deep(.uni-popup-dialog) .uni-label-pointer {
+        width: 100%;
+        margin: 0 !important;
+        padding: 12px 0 !important;
+    }
+
+    :deep(.uni-popup-dialog) .uni-dialog-content {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    :deep(.uni-popup-dialog) .uni-dialog-content > .row {
+        display: flex;
+        align-items: center;
+        margin-bottom: 3px;
+        width: 100%;
+    }
+
+    :deep(.uni-popup-dialog) .uni-dialog-content > .row:last-child {
+        margin-bottom: 0px;
+    }
+
+    :deep(.uni-popup-dialog) .uni-dialog-content > .row > .label {
+        width: 80px;
+        text-align: right;
+        margin-right: 6px;
+    }
+
+    :deep(.uni-popup-dialog) .uni-dialog-content > .row > .value {
+        flex: 1;
+        min-width: 0;
+    }
+</style>

package/dist/component/KgStation/index.hooks.ts

@@ -0,0 +1,62 @@
+import { computed, ComputedRef } from 'vue';
+import { IKgStationStore, useKgStationStore } from './index.store';
+import { useKgWarehouse } from '../KgWarehouse';
+import { WorkstationAreaDTO, WorkstationDTO } from '../../api/WMS/models';
+
+export type IUseKgStation = {
+    /**
+     * 当前工作区.
+     */
+    area: ComputedRef<WorkstationAreaDTO | null>;
+
+    /**
+     * 当前工作站.
+     */
+    station: ComputedRef<WorkstationDTO | null>;
+
+    /**
+     * 所有工作站.
+     */
+    stations: ComputedRef<IKgStationStore['getStations']>;
+
+    store: IKgStationStore;
+};
+
+export function useKgStation(): IUseKgStation {
+    const store = useKgStationStore();
+
+    const kgWarehouse = useKgWarehouse();
+
+    const station = computed<WorkstationDTO | null>(() => {
+        if (!store.getStation) {
+            return null;
+        }
+
+        //region 如果当前工作站(可能来自浏览器的缓存)不在工作站列表中(比如数据库中的工作站有变更), 或者当前工作站不属于当前仓库,  则返回 null, 表示需要重新选择工作站,
+        // ----------------------------------------------------------------------------------------------------
+
+        // 当前工作站编号
+        const currentDevcod = store.getStation?.devcod;
+
+        // 如果 store.getStations 为 undefined, 表示「所有工作站」尚未完成查询,
+        if (store.getStations !== undefined && !store.getStations?.find((i) => i.devcod === currentDevcod)) {
+            return null;
+        }
+
+        if (store.getStation.whId !== kgWarehouse.warehouse.value?.whId) {
+            return null;
+        }
+
+        // ----------------------------------------------------------------------------------------------------
+        //endregion
+
+        return store.getStation;
+    });
+
+    return {
+        area: computed(() => station.value?.workstationAreas?.find((i) => i.wrkare === station.value?.hmewrkare) ?? null),
+        station: station,
+        stations: computed(() => store.getStations),
+        store: store,
+    };
+}

package/dist/component/KgStation/index.store.ts

@@ -0,0 +1,76 @@
+import { defineStore, StoreDefinition } from 'pinia';
+import { toRaw, unref } from 'vue';
+import { API } from '../../api';
+import { WorkstationDTO } from '../../api/WMS/models';
+
+const LOCAL_STORAGE_KEY = 'KgStation.station';
+
+export interface IKgStationState {
+    /**
+     * 当前工作站.
+     */
+    station: WorkstationDTO | null;
+
+    /**
+     * 所有工作站.
+     */
+    stations: Array<WorkstationDTO> | undefined;
+}
+
+export interface IKgStationGetters {
+    getStation: WorkstationDTO | null;
+
+    getStations: Array<WorkstationDTO> | undefined;
+}
+
+export interface IKgStationActions {
+    /**
+     * 查询所有工作站.
+     */
+    requestStations(): Promise<void>;
+
+    setStation(station?: WorkstationDTO | null): void;
+}
+
+export type IUseKgStationStore = StoreDefinition<'KgStation', IKgStationState, IKgStationGetters, IKgStationActions>;
+
+export type IKgStationStore = ReturnType<IUseKgStationStore>;
+
+export const useKgStationStore = defineStore('KgStation', {
+    actions: {
+        async requestStations(): Promise<void> {
+            // 已经有值, 说明已经查询过了, 不做操作,
+            if (this.stations) {
+                return;
+            }
+
+            this.stations = (await API.WMS.WorkstationController.List({ params: { pageNo: 1, pageSize: 999 } }))?.records ?? [];
+        },
+
+        setStation(station?: WorkstationDTO | null): void {
+            // 未选择工作站
+            if (!station) {
+                this.station = null;
+                uni.setStorageSync(LOCAL_STORAGE_KEY, null);
+            }
+            // 有选择工作站
+            else {
+                this.station = toRaw(unref(station));
+                uni.setStorageSync(LOCAL_STORAGE_KEY, this.station);
+            }
+        },
+    },
+    getters: {
+        getStation(): WorkstationDTO | null {
+            return this.station ?? null;
+        },
+
+        getStations(): Array<WorkstationDTO> | undefined {
+            return this.stations;
+        },
+    },
+    state: (): IKgStationState => ({
+        station: uni.getStorageSync(LOCAL_STORAGE_KEY) || null,
+        stations: undefined,
+    }),
+});

package/dist/component/KgStation/index.ts

@@ -0,0 +1,4 @@
+export { default as KgStation } from './KgStation.vue';
+
+export * from './index.hooks';
+export * from './index.store';

package/dist/component/KgTabBar/KgTabBar.vue

@@ -5,7 +5,7 @@
             <text class="text">首页</text>
         </view>
 
-        <view :class="{ active: page?.route === 'pages/my/index' }" class="item" @tap.stop="goto('pages/my/index')">
+        <view :class="{ active: page?.route === 'pages/my/My' }" class="item" @tap.stop="goto('pages/my/My')">
             <UniIcons :type="'person'" size="24"></UniIcons>
             <text class="text">我的</text>
         </view>
@@ -39,7 +39,7 @@
     const page = Kg.getCurrentPage();
 
     function goto(path: string) {
-        if (path != 'pages/my/index') {
+        if (path != 'pages/my/My') {
             uni.redirectTo({ url: '/' + path });
         } else {
             uni.navigateTo({ url: '/' + path });

package/dist/component/KgWarehouse/KgWarehouse.vue

@@ -1,7 +1,7 @@
 <template>
     <UniPopup ref="popupRef" :type="'dialog'">
         <UniPopupDialog :before-close="true" title="选择仓库" @confirm="onOk">
-            <UniDataCheckbox v-model="whID" :localdata="datas" />
+            <UniDataCheckbox v-model="currentWhId" :localdata="warehouseDatas" />
         </UniPopupDialog>
     </UniPopup>
 </template>
@@ -9,25 +9,30 @@
 <script lang="ts" setup>
     import { UniDataCheckbox, UniPopup, UniPopupDialog } from '../../uni';
     import { API } from '../../api';
-    import { ref } from 'vue';
-    import { WhDTO } from '../../api/WMS/models';
+    import { computed, ref } from 'vue';
+    import { SysUserWarehouseDTO, WhDTO } from '../../api/WMS/models';
     import { useKgWarehouse } from './index.hooks';
+    import { useAppStore } from '../../store/app.store';
+    import { Kg } from '../../util';
 
     const emit = defineEmits(['ok']);
 
+    const appStore = useAppStore();
     const kgWarehouse = useKgWarehouse();
 
     const popupRef = ref<any>(null);
     /** 当前选择的仓库编号. */
-    const whID = ref<string>('');
+    const currentWhId = ref<string>('');
     /** 仓库列表. */
-    let warehouses: Array<WhDTO> = [];
+    const warehouses = ref<Array<WhDTO>>([]);
     /** 选项列表. */
-    const datas = ref<Array<{ value: string; text: string }>>([]);
+    const warehouseDatas = ref<Array<{ text: string; value: string }>>([]);
+    /** 用户仓库列表. */
+    const userWarehouses = computed<Array<SysUserWarehouseDTO>>(() => appStore.getUserWarehouses);
 
     /** 确定. */
     function onOk() {
-        kgWarehouse.store.setWarehouse(warehouses.find((i) => i.whId === whID.value));
+        kgWarehouse.store.setWarehouse(warehouses.value.find((i) => i.whId === currentWhId.value));
         popupRef.value?.close();
         emit('ok');
     }
@@ -35,30 +40,36 @@
     /** 打开弹窗. */
     function open() {
         popupRef.value?.open();
-        read();
+        requestWarehouses();
     }
 
     /** 查询仓库列表. */
-    async function read(): Promise<void> {
+    async function requestWarehouses(): Promise<void> {
         try {
             const { records } = await API.WMS.WhController.ListVO({ params: { pageNo: 1, pageSize: 999 } });
-            warehouses = records ?? [];
-            datas.value = warehouses.map((i: WhDTO) => ({
-                value: i.whId ?? '',
+            warehouses.value = (records ?? []).filter((i) => {
+                // 管理员拥有所有仓库
+                if (Kg.isAdminUser()) {
+                    return true;
+                }
+
+                return userWarehouses.value?.find((j) => j.wh_id === i.whId);
+            });
+
+            warehouseDatas.value = warehouses.value.map((i: WhDTO) => ({
                 text: `${i.whDsc ?? ' '} - ${i.whId ?? ' '}`,
+                value: i.whId ?? '',
             }));
 
-            const currentWarehouse = warehouses.find((i) => kgWarehouse.warehouse.value?.whId === i.whId);
+            const currentWarehouse = warehouses.value.find((i) => i.whId === kgWarehouse.warehouse.value?.whId) ?? null;
             // 如果当前仓库不为空, 且有效(存在于当前仓库列表中), 则继续使用
             if (currentWarehouse) {
-                whID.value = currentWarehouse.whId ?? '';
+                currentWhId.value = currentWarehouse.whId ?? '';
             }
             // 否则, 清空当前仓库, 并默认选中第一个仓库
             else {
                 kgWarehouse.store.setWarehouse(null);
-                if (warehouses.length > 0) {
-                    whID.value = warehouses[0].whId ?? '';
-                }
+                currentWhId.value = warehouses.value[0]?.whId ?? '';
             }
         } catch (e) {
             console.error(e);
@@ -68,20 +79,26 @@
     defineExpose({ open });
 </script>
 
-<style scoped lang="scss">
-    :deep {
-        .uni-dialog-button-group > .uni-dialog-button:first-child {
-            display: none;
-        }
+<style scoped>
+    :deep(.uni-popup-dialog) {
+        font-size: 13px;
+    }
 
-        .uni-dialog-button-group > .uni-dialog-button:last-child {
-            border-left-width: 0px !important;
-        }
+    :deep(.uni-popup-dialog) .uni-dialog-content {
+        padding: 0 6px;
+    }
 
-        .uni-label-pointer {
-            width: 100%;
-            margin: 0 !important;
-            padding: 12px 0 !important;
-        }
+    :deep(.uni-popup-dialog) .uni-dialog-button-group > .uni-dialog-button:first-child {
+        display: none;
+    }
+
+    :deep(.uni-popup-dialog) .uni-dialog-button-group > .uni-dialog-button:last-child {
+        border-left-width: 0px !important;
+    }
+
+    :deep(.uni-popup-dialog) .uni-label-pointer {
+        width: 100%;
+        margin: 0 !important;
+        padding: 6px 0 !important;
     }
 </style>

package/dist/component/KgWarehouse/index.hooks.ts

@@ -1,6 +1,7 @@
 import { computed, ComputedRef } from 'vue';
 import { IKgWarehouseStore, useKgWarehouseStore } from './index.store';
 import { WhDTO } from '../../api/WMS/models';
+import { useAppStore } from '../../store/app.store';
 
 export type IUseKgWarehouse = {
     store: IKgWarehouseStore;
@@ -10,8 +11,30 @@ export type IUseKgWarehouse = {
 
 export function useKgWarehouse(): IUseKgWarehouse {
     const store = useKgWarehouseStore();
+    const appStore = useAppStore();
+
+    const warehouse = computed<WhDTO | null>(() => {
+        if (!store.getWarehouse) {
+            return null;
+        }
+
+        //region 如果当前仓库(可能来自浏览器的缓存)不在仓库列表中, 比如切换登录用户, 或者用户可访问的仓库发生变更, 则返回 null, 表示需要重新选择仓库
+        // ----------------------------------------------------------------------------------------------------
+
+        // 当前仓库编号
+        const currentWarehouseID = store.getWarehouse?.whId;
+
+        // 如果 userWarehouses 为 undefined, 表示 userWarehouses 数据尚未完成初始化,
+        if (appStore.getUserWarehouses !== undefined && !appStore.getUserWarehouses?.find((i) => i.wh_id === currentWarehouseID)) {
+            return null;
+        }
+
+        // ----------------------------------------------------------------------------------------------------
+        //endregion
+
+        return store.getWarehouse;
+    });
 
-    const warehouse = computed(() => store.getWarehouse);
 
     return {
         store,

package/dist/component/KgWarehouse/index.store.ts

@@ -23,14 +23,6 @@ export type IUseKgWarehouseStore = StoreDefinition<
 export type IKgWarehouseStore = ReturnType<IUseKgWarehouseStore>;
 
 export const useKgWarehouseStore = defineStore('KgWarehouse', {
-    state: (): IKgWarehouseState => ({
-        warehouse: null,
-    }),
-    getters: {
-        getWarehouse(): WhDTO | null {
-            return this.warehouse || uni.getStorageSync(LOCAL_STORAGE_KEY) || null;
-        },
-    },
     actions: {
         setWarehouse(warehouse?: WhDTO | null): void {
             if (!warehouse) {
@@ -43,4 +35,12 @@ export const useKgWarehouseStore = defineStore('KgWarehouse', {
             uni.setStorageSync(LOCAL_STORAGE_KEY, this.warehouse);
         },
     },
+    getters: {
+        getWarehouse(): WhDTO | null {
+            return this.warehouse || null;
+        },
+    },
+    state: (): IKgWarehouseState => ({
+        warehouse: uni.getStorageSync(LOCAL_STORAGE_KEY),
+    }),
 });

package/dist/component/index.ts

@@ -1,4 +1,5 @@
 export * from './KgNavBar';
+export * from './KgStation';
 export * from './KgTabBar';
 export * from './KgUpdatePopup';
 export * from './KgWarehouse';

package/dist/index.css

@@ -6,6 +6,11 @@ uni-button {
     padding-bottom: 50px !important;
 }
 
+.uni-simple-toast__text {
+    padding: 6.5px 12px 9.5px 12px;
+    border-radius: 4px;
+}
+
 /* #ifdef H5 */
 
 .uni-nav-bar-text {

package/dist/service/http-client.ts

@@ -74,8 +74,10 @@ type IRequestOptions = Omit<UniApp.RequestOptions, 'url'> & {
     /** 是否处理请求结果. */
     isTransformResponse?: boolean;
 
-    /** 是否使用模拟数据. */
-    mock?: boolean;
+    /**
+     * <p>模拟数据. 如果不为 undefined 则不会发起请求, 而是直接返回该模拟数据.</p>
+     */
+    mock?: any;
 };
 
 /** 请求参数. */
@@ -143,6 +145,11 @@ const _httpClient: IHttpClient = {
         },
         options?: IRequestOptions,
     ) {
+        // 使用模拟数据, 直接返回模拟数据,
+        if (options?.mock !== undefined) {
+            return new Promise((resolve) => resolve(options?.mock));
+        }
+
         const { method, url, params, data } = config;
 
         return new Promise<T>((resolve, reject) => {