@kengic/uni 0.7.13-beta.4 → 0.7.13-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kengic/uni",
-    "version": "0.7.13-beta.4",
+    "version": "0.7.13-beta.5",
     "scripts": {
         "postinstall": "node bin/postinstall.mjs"
     },

package/page/PageMy.vue

@@ -0,0 +1,122 @@
+<template>
+    <view class="setting-container">
+        <UniList class="uni-list-setting">
+            <UniListItem :right-text="kgWarehouse.warehouse.value?.whDsc ?? kgWarehouse.warehouse.value?.whId ?? ''" link title="仓库" @click="openKgWarehouse" />
+            <UniListItem link title="工作站  /  工作区" :right-text="stationText" @click="openKgStation" />
+            <UniListItem link title="后端服务地址" :right-text="apiUrl" />
+
+            <!--#ifdef APP-PLUS-->
+            <UniListItem link title="当前版本" :right-text="currentVersion" @click="checkForUpdate" />
+            <UniListItem class="list-item-check-for-update" clickable title="检查更新" @click="checkForUpdate" />
+            <!--#endif-->
+
+            <UniListItem class="list-item-logout" clickable title="退出系统" @click="logout" />
+        </UniList>
+    </view>
+    <KgWarehouse ref="kgWarehouseRef"></KgWarehouse>
+    <KgStation ref="kgStationRef"></KgStation>
+    <!--#ifdef APP-PLUS-->
+    <KgUpdatePopup />
+    <!--#endif-->
+    <KgTabBar />
+</template>
+
+<script setup lang="ts">
+    import { computed, ref } from 'vue';
+    import { useAppStore } from '../store/app.store';
+    import { KgStation, KgTabBar, KgUpdatePopup, KgWarehouse, useKgStation, useKgWarehouse } from '../component';
+    import { UniList, UniListItem } from '../uni-ui';
+    import { KgUtil } from '../util';
+
+    const appStore = useAppStore();
+    const kgWarehouse = useKgWarehouse();
+    const kgStation = useKgStation();
+
+    const kgWarehouseRef = ref<any>(null);
+    const kgStationRef = ref<any>(null);
+
+    //region DATA
+    // ----------------------------------------------------------------------------------------------------
+    /**
+     * 工作站的显示文本.
+     */
+    const stationText = computed<string>(() => {
+        let text = kgStation.station.value?.devcodDsc ?? kgStation.station.value?.devcod ?? '';
+
+        // 如果选择了工作区, 才显示工作区, 否则只显示工作站,
+        if (kgStation.area.value) {
+            text += '  /  ' + ((kgStation.area.value.wrkareDsc || kgStation.area.value.wrkare) ?? '');
+        }
+
+        return text;
+    });
+    // ----------------------------------------------------------------------------------------------------
+    //endregion
+
+    /** 退出登录. */
+    function logout() {
+        uni.showModal({
+            title: '是否退出系统 ?',
+            success: function (res) {
+                if (res.confirm) {
+                    appStore.logout();
+                }
+            },
+        });
+    }
+
+    /**
+     * 打开仓库选择弹窗.
+     */
+    function openKgWarehouse() {
+        kgWarehouseRef.value?.open();
+    }
+
+    /**
+     * 打开工作站选择弹窗.
+     */
+    function openKgStation() {
+        kgStationRef.value?.open();
+    }
+
+    const apiUrl = computed<string>(() => appStore.getApiUrl ?? '');
+
+    /* #ifdef APP-PLUS */
+    /** 当前版本. */
+    const currentVersion = computed<string>(() => plus.runtime.version ?? '');
+
+    /**
+     * 检查更新.
+     */
+    function checkForUpdate() {
+        KgUtil.checkForUpdate(true, false);
+    }
+
+    /* #endif */
+</script>
+
+<style lang="scss" scoped>
+    .uni-list-setting {
+        background-color: #e0e0e0;
+    }
+
+    .list-item-check-for-update {
+        text-align: center;
+    }
+
+    .list-item-check-for-update :deep .uni-list-item__content-title {
+        color: #2979ff;
+    }
+
+    .list-item-logout {
+        text-align: center;
+    }
+
+    .list-item-logout :deep .uni-list-item__content-title {
+        color: red;
+    }
+
+    :deep .uni-list-item__content-title {
+        font-size: 13px;
+    }
+</style>