@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/page/common/My/index.vue

@@ -0,0 +1,477 @@
+<!--
+  我的管理页
+  @author: 张文
+  @date: 2022-03-02
+-->
+<template>
+  <div class="lw-my-page-box">
+    <!-- 顶部 -->
+    <slot name="top"/>
+
+    <!-- 用户信息 -->
+    <div v-if="showUserInfo" class="lw-my-page-user-box">
+      <img class="lw-my-page-user-bg" :src="bgImg" alt="">
+
+      <!-- 用户信息 -->
+      <div class="lw-global-flex-center lw-my-page-user">
+        <div class="lw-my-page-name">{{ userInfo.staffNum }}</div>
+
+        <div style="width: 100%" class="lw-global-flex-start">
+          <img class="lw-my-page-user-photo" :src="userPhoto" alt="">
+
+          <div class="lw-global-animation-out" style="font-size: 14px">
+            <div>{{ userInfo.staffName }}</div>
+            <div style="margin-top: 10px">
+              {{ $lwLanguage.get('wms_project.pda.common.my.oldLogin','上次登录') }}：{{ $lwDate.format(userInfo.lastOnlineTime) }}
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+    <!-- 系统信息 -->
+    <div
+      v-if="showSystem"
+      class="lw-my-page-system-box"
+    >
+      <!-- 系统信息 -->
+      <lw-system-info-module
+        v-bind="systemStyle"
+        @click="systemClick"
+      >
+
+        <template #top>
+          <slot name="systemTop"></slot>
+        </template>
+
+        <template #end>
+          <slot name="systemEnd"></slot>
+        </template>
+
+      </lw-system-info-module>
+    </div>
+
+
+    <!-- 设置项 -->
+    <div class="lw-my-page-set-box">
+
+      <!-- 仓库信息 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 50ms"
+        v-if="showWarehouse"
+        :value="$lwWarehouse.get().name || '-'"
+        @click="cellClick('warehouse')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/warehouse.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.common.my.warehouse','当前仓库') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 设备 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 100ms"
+        v-if="showDevice"
+        :value="device"
+        @click="cellClick('device')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/device.png" alt="">
+            <span class="lw-my-page-set-title">{{ $lwLanguage.get('wms_project.pda.common.my.device','设备') }}</span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 打印设置 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 150ms"
+        v-if="showPrint"
+        :value="printNum"
+        @click="cellClick('print')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/printer.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.common.my.setPrint','打印设置') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 消息 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 200ms"
+        v-if="showMsg"
+        :value="'未读 ' + msgNum"
+        @click="cellClick('msg')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/message.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.common.my.message','消息') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 语言 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 250ms"
+        v-if="showLanguage"
+        :value="language"
+        @click="cellClick('language')"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/language.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('wms_project.pda.common.my.language','语言选择') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+
+      <!-- 版本号 -->
+      <lw-cell
+        class="lw-global-animation-out"
+        style="animation-delay: 300ms"
+        :value="version"
+        :is-link="false"
+      >
+        <template #title>
+          <div class="lw-global-flex-start">
+            <img class="lw-my-page-set-img" src="../../../../assets/img/my/versions.png" alt="">
+            <span class="lw-my-page-set-title">
+              {{ $lwLanguage.get('','版本号') }}
+            </span>
+          </div>
+        </template>
+      </lw-cell>
+
+      <slot name="addSetItem"/>
+
+      <lw-button
+        v-if="showLogout"
+        style="margin-top: 10px;animation-delay: 250ms"
+        block
+        @click="logout"
+      >{{ $lwLanguage.get('wms_project.pda.common.my.logout', '退出登录') }} </lw-button>
+    </div>
+
+    <!-- 底部 -->
+    <slot name="end"/>
+
+    <!-- 底部导航栏 -->
+    <slot name="tabBar">
+      <lw-tab-bar/>
+    </slot>
+  </div>
+</template>
+
+<script>
+import config from "./../../../../../package.json";
+export default {
+  name: "lwMyPage",
+  props:{
+    // 是否显示用户信息
+    showUserInfo:{
+      type: Boolean,
+      default: true
+    },
+    // 用户基础信息背景图
+    bgImg:{
+      default: require('../../../../assets/img/my/myBackground.png')
+    },
+    // 用户头像
+    userPhoto:{
+      default: require('../../../../assets/img/my/user.png')
+    },
+
+    // 是否显示系统信息
+    showSystem:{
+      type:Boolean,
+      default: true
+    },
+    // 系统信息数据
+    systemStyle: Object,
+
+    // 所以跳转额外携带的参数
+    query: {
+      type:Object,
+      default: () => {
+        return {
+          // 仓库数据只有一条时不自动提交
+          lwAutoOver:'no',
+          // 点击确定按钮后，返回上一页而不是跳转到path页
+          lwConfirmBack:'yes'
+        }
+      }
+    },
+
+
+    // 是否显示仓库数据
+    showWarehouse: {
+      type: Boolean,
+      default: true
+    },
+    // 点击仓库跳转的页面
+    warehousePath: {
+      type: String,
+      default: '/lwWarehouse'
+    },
+
+    // 是否显示设备
+    showDevice: {
+      type: Boolean,
+      default: true
+    },
+    // 点击设备跳转的页面
+    devicePath: {
+      type: String,
+      default: '/lwDevice'
+    },
+
+    // 是否显示打印机
+    showPrint: {
+      type: Boolean,
+      default: true
+    },
+    // 点击打印机跳转的页面
+    printPath: {
+      type: String,
+      default: '/lwPrint'
+    },
+
+    // 是否显示消息
+    showMsg: {
+      type: Boolean,
+      default: true
+    },
+    // 点击消息跳转的页面
+    msgPath: {
+      type: String,
+      default: '/lwMsg'
+    },
+
+    // 是否显示语言选择
+    showLanguage: {
+      type: Boolean,
+      default: true
+    },
+    // 点击消息跳转的页面
+    languagePath: {
+      type: String,
+      default: '/lwLanguage'
+    },
+
+    // 是否显示退出按钮
+    showLogout:{
+      type: Boolean,
+      default: true
+    },
+    // 点击后是否自动跳转到登录页
+    goLogin:{
+      type: Boolean,
+      default: true
+    },
+    // 退出后跳转的页面
+    logoutPath: {
+      type: String,
+      default: '/lwLogin'
+    }
+
+  },
+  data() {
+    return {
+
+      // 用户基础信息
+      userInfo:{},
+
+      // 设备信息
+      device:'',
+
+      // 打印机数量
+      printNum: '0',
+
+      // 未读消息数
+      msgNum: 0,
+
+      // 当前语言
+      language:'',
+
+      // 版本号
+      version:''
+    }
+  },
+  mounted() {
+    // 用户信息
+    this.$lwApi.user.userStatus().then(res=>{
+      this.userInfo = res
+    })
+
+    // 设备
+    this.$lwApi.device.get().then(res=>{
+      if (res){
+        this.device = `${res.name} - ${res.code} - ${res.forkliftHightLowTypeLabel}`
+      }
+    })
+
+    // 打印机
+    this.$lwPrint.asyncGet().then(res=>{
+      this.printNum = (res.length || 0).toString()
+    })
+
+    // 消息
+    this.$lwApi.msg.getList({
+      pageNum:0,
+      pageSize:1,
+      flag: 0
+    }).then(res => {
+      this.msgNum = res.messageCount || 0
+    })
+
+    // 语言
+    this.$lwApi.language.getList().then(res=>{
+      const languageKey = this.$lwLanguage.getKey() || 'zh'
+      const data = res.filter(item=>{
+        return item.value === languageKey
+      })
+
+      this.language = data.length ? data[0].label : languageKey
+    })
+
+    this.version = 'v ' + config.version
+  },
+  methods: {
+    // 系统信息下线按钮被点击
+    systemClick(ev){
+      this.$emit('systemClick', ev)
+    },
+
+    // 菜单栏被点击
+    cellClick(name){
+      const key = name + 'Path'
+      if(this[key]){
+        this.$router.push({
+          path: this[key],
+          query: this.query || {}
+        })
+        return
+      }
+
+      this.$emit('cellClick', name)
+
+    },
+
+    // 退出登录
+    async logout(ev){
+      // 解绑UUID
+      await this.$lwApi.uuid.mobileUnbindDevice()
+
+      this.$lwPermissions.set([])
+      this.$lwWarehouse.set({})
+      this.$lwApiUtils.setToken(null)
+      sessionStorage.removeItem('lwWarehouse')
+      sessionStorage.removeItem('lwToken')
+
+      if (this.goLogin){
+        this.$router.push({
+          path:this.logoutPath
+        })
+
+        return
+      }
+
+      this.$emit('logout', ev)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+/*
+* 我的管理页
+*/
+
+.lw-my-page-box{
+  background: #fff;
+}
+
+.lw-my-page-user-box{
+  position: relative;
+}
+
+.lw-my-page-user-bg{
+  width: 100%;
+}
+
+.lw-my-page-user{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  flex-direction: column;
+  padding: 0 15px;
+  box-sizing: border-box;
+}
+
+.lw-my-page-name{
+  font-size: 18px;
+  letter-spacing: 3px;
+  text-align: center;
+  width: 100%;
+  margin-bottom: 15px;
+}
+
+
+
+.lw-my-page-user-photo{
+  width: 60px;
+  max-height: 60px;
+  border-radius: 50%;
+  overflow: hidden;
+  margin-right: 15px;
+}
+
+
+.lw-my-page-system-box{
+  transform: translateY(-40px);
+  padding: 0 15px;
+}
+
+
+.lw-my-page-set-box{
+  transform: translateY(-50px);
+  padding: 10px;
+  background: #fff;
+}
+.lw-my-page-set-img{
+  width: 18px;
+  margin-right: 10px;
+}
+.lw-my-page-set-title{
+  font-weight: 500;
+}
+
+</style>

package/src/components/page/common/My//346/210/221/347/232/204/347/256/241/347/220/206/351/241/265.md

@@ -0,0 +1 @@
+# 我的管理页 [查看文档](http://note.youdao.com/groupshare/?token=66BA72D57D86479FB6878E8D5E2D79B7&gid=136361463)

package/src/components/page/common/Print/index.js

@@ -0,0 +1,11 @@
+/*
+* 打印机设置页
+* @author: 张文
+* @date  2022-03-09
+* */
+
+import lwPrintPage from "./index.vue";
+
+lwPrintPage.install = Vue => Vue.component(lwPrintPage.name, lwPrintPage)
+
+export default lwPrintPage