@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,186 @@
+<!--
+  设备管理
+  @author: 张文
+  @date: 2022-03-09
+-->
+<template>
+  <div class="lw-device-page-box">
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.common.device.title', '设备管理')"/>
+
+    <div class="lw-global-page-box">
+
+      <div
+        class="lw-global-title-left-line lw-global-animation-out"
+        style="padding-bottom: 10px"
+      >
+        {{ hasDevice ?
+          $lwLanguage.get('wms_project.pda.common.device.nowBinding', '当前绑定设备') :
+          $lwLanguage.get('wms_project.pda.common.device.bindingDevice', '绑定设备')
+        }}
+      </div>
+
+      <!-- 绑定新设备输入框 -->
+      <div
+        v-if="!hasDevice"
+        class="lw-global-model-box lw-global-animation-out"
+      >
+        <lw-input
+          v-model="value"
+          :get-focus.sync="focus"
+          :show-bottom-border="false"
+          :title="$lwLanguage.get('wms_project.pda.common.device.barCode', '设备条码')"
+          @confirm="search"
+        />
+      </div>
+
+      <!--信息设备-->
+      <div
+        v-if="deviceInfo.name"
+        class="lw-global-model-box lw-global-animation-out"
+      >
+
+        <div class="lw-global-row">
+          <span class="lw-global-title lw-global-show-colon">
+            {{$lwLanguage.get('wms_project.pda.common.device.name', '设备名称')}}
+          </span>
+          <span class="lw-global-value">{{ deviceInfo.name }}</span>
+        </div>
+
+        <div class="lw-global-row">
+          <span class="lw-global-title lw-global-show-colon">
+            {{$lwLanguage.get('wms_project.pda.common.device.number', '设备编号')}}
+          </span>
+          <span class="lw-global-value">{{ deviceInfo.code }}</span>
+        </div>
+
+        <div class="lw-global-row">
+          <span class="lw-global-title lw-global-show-colon">
+            {{ $lwLanguage.get('wms_project.pda.common.device.topDownType', '高低类型') }}
+          </span>
+          <span class="lw-global-value">{{ deviceInfo.forkliftHightLowTypeLabel }}</span>
+        </div>
+
+        <div style="padding-top: 10px;border-top: solid 1px #f0f0f0">
+          <lw-button
+            v-if="hasDevice"
+            @click="clearDevice"
+            block
+          >{{ $lwLanguage.get('wms_project.pda.common.device.newBinding', '重新绑定') }}</lw-button>
+
+          <lw-button
+            v-else
+            @click="addDevice"
+            block
+          >{{ $lwLanguage.get('wms_project.pda.common.device.binding', '绑定') }}</lw-button>
+        </div>
+      </div>
+
+
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwDevicePage",
+  data() {
+    return {
+      // 设备信息
+      deviceInfo:{
+        name:'',
+        code:'',
+        forkliftHightLowTypeLabel:'',
+        id:''
+      },
+
+      // 当前是否绑定设备
+      hasDevice: false,
+
+      // 新设备条码
+      value:'',
+      // 输入框获取焦点
+      focus: false,
+
+
+    }
+  },
+  mounted() {
+    this.$lwApi.device.get().then(res=>{
+      if (res){
+        this.hasDevice = true
+        this.deviceInfo.name = res.name
+        this.deviceInfo.code = res.code
+        this.deviceInfo.forkliftHightLowTypeLabel = res.forkliftHightLowTypeLabel
+      }else {
+        this.focus = true
+      }
+    })
+  },
+  methods: {
+    // 重新绑定
+    clearDevice(){
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.common.warning', '警告'),
+        message: this.$lwLanguage.get('wms_project.pda.common.device.newBindingDel', '重新绑定将会删除当前设备'),
+      }).then(() => {
+        this.$lwApi.device.del().then(()=>{
+          this.deviceInfo.name = ''
+          this.deviceInfo.code = ''
+          this.deviceInfo.forkliftHightLowTypeLabel = ''
+          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.common.delSuccess', '删除成功'))
+          this.hasDevice = false
+          this.focus = true
+        })
+      }).catch(() => {});
+    },
+
+    // 绑定当前设备
+    addDevice(){
+      this.$dialog.confirm({
+        title:this.$lwLanguage.get('wms_project.pda.common.tip', '提示'),
+        message:this.$lwLanguage.get('wms_project.pda.common.device.confirmBinding','确认绑定')+
+          `：${this.deviceInfo.name}（${this.deviceInfo.code}）?`
+      }).then(()=>{
+        this.$lwApi.device.add({id:this.deviceInfo.id}).then(()=>{
+          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.common.device.success','设备绑定成功'))
+          setTimeout(()=>{
+            history.go(-1)
+          },2000)
+        })
+      }).catch(()=>{})
+    },
+
+    // 搜索设备
+    search(){
+      this.$lwApi.device.search({forkliftCode:this.value}).then(res=>{
+        if (res){
+          this.deviceInfo.name=res.name
+          this.deviceInfo.code=res.code
+          this.deviceInfo.id=res.id
+          this.deviceInfo.forkliftHightLowTypeLabel = res.forkliftHightLowTypeLabel
+        }else {
+          this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.common.device.notDeviceData','没有找到设备数据'))
+          this.value =''
+          this.deviceInfo.name=''
+        }
+      }).catch(() => {
+        this.value =''
+        this.deviceInfo.name=''
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+.lw-device-page-box{
+
+  .lw-global-row{
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+</style>

package/src/components/page/common/Device//350/256/276/345/244/207/347/256/241/347/220/206/351/241/265.md

@@ -0,0 +1 @@
+# 设备管理页  [查看文档](http://note.youdao.com/groupshare/?token=28C6BA4B1DE54CE1935FA0BD0EB95506&gid=136361463K)

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

@@ -0,0 +1,11 @@
+/*
+* 首页
+* @author: 张文
+* @date  2022-03-01
+* */
+
+import lwHomePage from "./index.vue";
+
+lwHomePage.install = Vue => Vue.component(lwHomePage.name, lwHomePage)
+
+export default lwHomePage

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

@@ -0,0 +1,113 @@
+<!--
+  首页
+  @author: 张文
+  @date: 2022-03-01
+-->
+<template>
+  <div :style="{background: pageBg, minHeight: '100vh'}">
+
+    <!-- 顶部导航栏 -->
+    <slot name="nav">
+      <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.common.home.home', '首页')" :left-arrow="false"/>
+    </slot>
+
+    <slot name="top"/>
+
+    <!-- 系统信息 -->
+    <lw-system-info-module
+      v-if="showSystem"
+      v-bind="systemStyle"
+      @click="systemClick"
+    >
+
+      <template #top>
+        <slot name="systemTop"></slot>
+      </template>
+
+      <template #end>
+        <slot name="systemEnd"></slot>
+      </template>
+
+    </lw-system-info-module>
+
+    <slot name="menuTop"/>
+
+    <!-- 菜单 -->
+    <slot name="menu">
+      <lw-menu-module
+        v-if="showMenu"
+        style="padding: 10px"
+        :move="false"
+        v-bind="menuStyle"
+        @click="menuClick"
+      ></lw-menu-module>
+    </slot>
+
+    <!-- 底部 -->
+    <slot name="end"/>
+
+    <slot name="tabBar">
+      <lw-tab-bar :tab-bar-menu="tabBarMenu" :badge="badge"/>
+    </slot>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwHomePage",
+  props:{
+    // 页面背景颜色
+    pageBg:{
+      type: String,
+      default: '#ffffff'
+    },
+
+    // 是否显示系统数据模块
+    showSystem:{
+      type:Boolean,
+      default:true
+    },
+    // 系统信息数据
+    systemStyle: Object,
+
+    // 是否显示菜单模块
+    showMenu: {
+      type: Boolean,
+      default: true
+    },
+    // 菜单样式
+    menuStyle:{
+      type: Object,
+      default:() => {
+        return {
+          background:"#f0f0f0"
+        }
+      }
+    },
+
+    // 底部导航栏的菜单数据
+    tabBarMenu:Object,
+    // 底部导航栏的角标更新
+    badge: Array
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 系统信息下线按钮被点击
+    systemClick(ev){
+      this.$emit('systemClick', ev)
+    },
+    // 菜单项被点击
+    menuClick({item, key}){
+      this.$emit('menuClick', {item, key})
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/common/Home//344/270/273/351/241/265.md

@@ -0,0 +1 @@
+# 主页 [查看文档](http://note.youdao.com/groupshare/?token=693F331CA55C4974AC983FEE580B45AA&gid=136361463)

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

@@ -0,0 +1,11 @@
+/*
+* 语言选择页
+* @author: 张文
+* @date  2022-04-14
+* */
+
+import lwLanguagePage from "./index.vue";
+
+lwLanguagePage.install = Vue => Vue.component(lwLanguagePage.name, lwLanguagePage)
+
+export default lwLanguagePage

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

@@ -0,0 +1,142 @@
+<!--
+  语言选择页
+  @author: 张文
+  @date: 2022-04-14
+-->
+<template>
+  <div>
+    <slot name="nav">
+      <lw-nav-bar
+        :title="$lwLanguage.get('wms_project.pda.common.language.title','语言选择')"
+        :click-left="navBack"
+      />
+    </slot>
+
+    <div class="lw-global-page-box">
+
+      <slot name="top"/>
+
+      <slot name="list">
+        <div v-if="languageList.length" class="lw-global-model-box">
+
+          <van-radio-group v-model="value">
+            <van-cell-group>
+              <van-cell
+                class="lw-global-animation-out"
+                v-for="(w, k) in languageList"
+                :style="{animationDelay: 50 * k + 'ms'}"
+                clickable
+                :key="w.value"
+                :title="w.label"
+                @click="value = w.value"
+              >
+                <template #right-icon>
+                  <van-radio :name="w.value"/>
+                </template>
+              </van-cell>
+            </van-cell-group>
+          </van-radio-group>
+
+        </div>
+        <lw-not-data v-else/>
+      </slot>
+
+      <slot name="end"/>
+
+    </div>
+
+    <slot name="foot">
+      <lw-bottom-bar v-bind="bottomBarObj">
+        <slot name="btnBox">
+
+          <slot name="addBtnTop"/>
+
+          <lw-button
+            v-if="showConfirm"
+            @click="confirmBtn"
+          >
+            <slot name="confirmBtn">
+              {{ $lwLanguage.get('wms_project.pda.common.confirm','确认') }}
+            </slot>
+          </lw-button>
+
+          <slot name="addBtnEnd"/>
+        </slot>
+      </lw-bottom-bar>
+    </slot>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwLanguagePage",
+  props: {
+
+    // 点击导航栏返回按钮
+    back: Function,
+
+    // 底部固定栏
+    bottomBarObj: Object,
+
+
+    // 是否显示确定按钮
+    showConfirm:{
+      type: Boolean,
+      default: true
+    },
+    // 点击确定按钮时执行的方法
+    confirm: Function,
+  },
+  data() {
+    return {
+      // 语言列表
+      languageList:[],
+      // 当前选中的值
+      value:''
+    }
+  },
+  mounted() {
+    this.$lwApi.language.getList().then(res=>{
+      this.languageList = res
+    })
+    this.value = this.$lwLanguage.getKey()
+  },
+  methods: {
+    // 导航栏点击返回
+    navBack(){
+      if (this.back){
+        this.back()
+        return
+      }
+
+      history.go(-1)
+    },
+
+    // 确定按钮点击
+    confirmBtn(){
+      if (!this.value){
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.common.language.select','请选择语言'))
+        return
+      }
+
+      if(this.confirm){
+        this.confirm()
+        return
+      }
+
+      this.$lwLanguage.asyncSetKey(this.value).then(()=>{
+        this.$lwToast.success({
+          message: this.$lwLanguage.get('wms_project.pda.common.language.success','设置成功')
+        })
+
+        history.go(-1)
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/common/Language//350/257/255/350/250/200.md

@@ -0,0 +1 @@
+# 语言页 [查看文档](http://note.youdao.com/groupshare/?token=4168369B64BD494ABDD1BDDA3032F127&gid=136361463)

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

@@ -0,0 +1,11 @@
+/*
+* 登录页面
+* @author: 张文
+* @date  2022-02-23
+* */
+
+import lwLoginPage from "./index.vue";
+
+lwLoginPage.install = Vue => Vue.component(lwLoginPage.name, lwLoginPage)
+
+export default lwLoginPage

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

@@ -0,0 +1,157 @@
+<!--
+  登录模块
+  @author: 张文
+  @date: 2022-02-23
+-->
+<template>
+  <div class="lw-login-page">
+
+    <slot name="top"/>
+
+    <slot name="title">
+      <div
+        class="lw-global-flex-between lw-login-page-head"
+        :style="{ background: background }"
+      >
+        <div>
+          <div class="lw-login-page-title">
+            {{ title || $lwLanguage.get('wms_project.pda.common.login.projectTitle', '售后零部件') }}
+          </div>
+          <div class="lw-login-page-subtitle">
+            {{ subtitle || $lwLanguage.get('wms_project.pda.common.login.projectSubtitle', '智慧物流管理平台')  }}
+          </div>
+        </div>
+        <img :src="logoSrc" alt="" class="lw-login-page-logo">
+      </div>
+    </slot>
+
+    <slot name="titleNext"/>
+
+    <slot name="login">
+      <div class="lw-login-page-model">
+        <lw-login-module
+          v-bind="loginStyle"
+          @confirm="loginConfirm"
+          @success="loginSuccess"
+        >
+          <template #usernameTitle>
+            <slot name="loginUsernameTitle"/>
+          </template>
+          <template #passwordTitle>
+            <slot name="loginPasswordTitle"/>
+          </template>
+          <template #addCheckbox>
+            <slot name="loginAddCheckbox"/>
+          </template>
+          <template #body>
+            <slot name="loginBody"/>
+          </template>
+          <template #button>
+            <slot name="loginButton"/>
+          </template>
+          <template #addButton>
+            <slot name="loginAddButton"/>
+          </template>
+          <template #end>
+            <slot name="loginEnd"/>
+          </template>
+
+        </lw-login-module>
+      </div>
+    </slot>
+
+
+    <slot name="end"/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwLoginPage",
+  props:{
+    // 标题
+    title: String,
+    // 副标题
+    subtitle: String,
+    // logo路径
+    logoSrc: {
+      default: require('../../../../assets/img/logo.png')
+    },
+    // 顶部背景色
+    background:{
+      type: String,
+      default : 'linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%)'
+    },
+
+    // 登录模块参数
+    loginStyle:{
+      type: Object,
+      default: () => {
+        return {
+          path:'/lwWarehouse'
+        }
+      }
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+    // 点击登录
+    loginConfirm(init){
+      this.$emit('confirm', init)
+    },
+
+    // 登录成功
+    loginSuccess(init){
+      this.$emit('success', init)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+/*
+* 登录页面样式
+*/
+
+
+.lw-login-page{
+  background: #fff;
+  min-height: 100vh;
+}
+
+.lw-login-page-head{
+  padding: 20px 20px 60px;
+  color: #fff;
+  letter-spacing: 3px;
+}
+
+.lw-login-page-title{
+  font-size: 26px;
+  margin-bottom: 10px;
+}
+
+.lw-login-page-subtitle{
+  font-size: 16px;
+}
+
+.lw-login-page-logo{
+  width: 100px;
+  transform: translate(10px,30px);
+  opacity: 0.5;
+}
+
+.lw-login-page-model{
+  transform: translateY(-20px);
+  border-radius: 20px 20px 0 0;
+  background: #ffffff;
+  padding: 30px;
+}
+
+
+</style>

package/src/components/page/common/Login//347/231/273/345/275/225/351/241/265.md

@@ -0,0 +1 @@
+# 登录页 [查看文档](http://note.youdao.com/groupshare/?token=7A48860DA73B422DBB96F3B2C6D3AD24&gid=136361463)

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

@@ -0,0 +1,11 @@
+/*
+* 菜单页
+* @author: 张文
+* @date  2022-03-07
+* */
+
+import lwMenuPage from "./index.vue";
+
+lwMenuPage.install = Vue => Vue.component(lwMenuPage.name, lwMenuPage)
+
+export default lwMenuPage