@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/module/Login/index.vue

@@ -0,0 +1,328 @@
+<!--
+  登录模块
+  @author: 张文
+  @date: 2022-02-23
+-->
+<template>
+  <div>
+
+    <!-- 用户名 -->
+    <lw-input
+      v-model="username"
+      v-bind="inputStyle"
+      :placeholder="$lwLanguage.get('wms_project.pda.model.loginModel.username', '请输入用户名')"
+    >
+      <template #title>
+        <slot name="usernameTitle">
+          <img class="lw-login-model-img" :src="usernameSrc" alt="">
+        </slot>
+      </template>
+
+    </lw-input>
+
+    <!-- 密码 -->
+    <lw-input
+      v-model="password"
+      type="password"
+      v-bind="inputStyle"
+      :placeholder="$lwLanguage.get('wms_project.pda.model.loginModel.password', '请输入密码')"
+    >
+      <template #title>
+        <slot name="passwordTitle">
+          <img class="lw-login-model-img" :src="passwordSrc" alt="">
+        </slot>
+      </template>
+    </lw-input>
+
+    <!-- 记住账号密码 -->
+    <div class="lw-global-flex-start lw-login-checkbox">
+      <van-checkbox
+        v-if="showSaveUsername || showSavePassword"
+        v-model="saveUsername"
+        shape="square"
+        icon-size="14px"
+        @change="saveUsernameChange"
+      >{{ $lwLanguage.get('wms_project.pda.model.loginModel.saveUsername', '记住用户名') }}</van-checkbox>
+      <van-checkbox
+        v-if="showSavePassword"
+        v-model="savePassword"
+        shape="square"
+        icon-size="14px"
+        @change="savePasswordChange"
+      >{{ $lwLanguage.get('wms_project.pda.model.loginModel.savePassword', '记住密码') }}</van-checkbox>
+
+      <slot name="addCheckbox"/>
+    </div>
+
+    <!-- 中部插槽 -->
+    <slot name="body"/>
+
+    <!-- 登录按钮 -->
+    <div class="lw-global-flex-start lw-login-btn">
+
+      <lw-button @click="confirm">
+        <template>
+          <slot name="button">{{ $lwLanguage.get('wms_project.pda.model.loginModel.login', '登录') }}</slot>
+        </template>
+      </lw-button>
+
+      <slot name="addButton"/>
+    </div>
+
+    <!-- 切换语言 -->
+    <div class="lw-global-flex-center language" @click="language">
+      <img
+        class="language-img"
+        :src="require('./../../../assets/img/lwLoginModel/language.png')"
+        alt=""
+      >
+      <span>{{ $lwLanguage.get('wms_project.pda.model.loginModel.language', '切换语言') }} > </span>
+    </div>
+
+    <!-- 底部插槽 -->
+    <slot name="end"/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwLoginModule",
+  props: {
+    // 用户名图标
+    usernameSrc: {
+      type: null,
+      default: () => {
+        return require('./../../../assets/img/lwLoginModel/username.png')
+      }
+    },
+    // 密码图标
+    passwordSrc: {
+      type: null,
+      default: () => {
+        return require('./../../../assets/img/lwLoginModel/password.png')
+      }
+    },
+
+
+    // 是否显示记住账号
+    showSaveUsername: {
+      type: Boolean,
+      default: true
+    },
+    // 是否显示记住密码，记住密码开启时将忽略记住账号的值
+    showSavePassword: {
+      type: Boolean,
+      default: true
+    },
+
+
+    // 是否自动完成登录
+    autoLogin: {
+      type: Boolean,
+      default: true
+    },
+    // 登录的接口
+    loginApi:{
+      type: String,
+      default: '/api/auth/app-login/wms/wmsLogin'
+    },
+    // 登录时额外传递的参数
+    loginData:{
+      type: Object,
+      default: ()=>{}
+    },
+
+
+    // 登录成功后跳转的页面，如果为空将不跳转
+    path: String,
+    // 跳转时额外传递的参数
+    query: Object,
+  },
+  data() {
+    return {
+      // 输入框样式
+      inputStyle: {
+        notKeyboard: false,
+        showKeyboard: false,
+        showColon: false,
+      },
+      // 用户名
+      username: '',
+      // 密码
+      password: '',
+      // 记住账号
+      saveUsername: false,
+      // 记住密码
+      savePassword: false
+    }
+  },
+  mounted() {
+    const loginInfo = this.$lwLocalStorag.get('lwLoginInfo') || {}
+    if (Object.keys(loginInfo).length) {
+      loginInfo.password = atob(loginInfo.password)
+      for (const i in loginInfo) {
+        this[i] = loginInfo[i]
+      }
+    }
+  },
+  methods: {
+    // 记住账号复选框值变化
+    saveUsernameChange(data) {
+      !data ? this.savePassword = false : ''
+    },
+
+    // 记住密码复选框值变化
+    savePasswordChange(data) {
+      data ? this.saveUsername = true : ''
+    },
+
+    // 记住账号密码
+    saveNumPsw(){
+      const loginInfo = {
+        username: '',
+        password: '',
+        saveUsername: this.saveUsername,
+        savePassword: this.savePassword
+      }
+
+
+      // 是否需要储存账号密码
+      if ((this.showSaveUsername || this.showSavePassword) && this.saveUsername) {
+        loginInfo.username = this.username
+      } else {
+        loginInfo.saveUsername = false
+      }
+
+      if (this.showSavePassword && this.savePassword) {
+        loginInfo.password = btoa(this.password)
+      } else {
+        loginInfo.savePassword = false
+      }
+
+      // 在本地存入账号密码信息
+      this.$lwLocalStorag.set('lwLoginInfo', loginInfo)
+    },
+
+    // 登录
+    async confirm() {
+      try{
+        if (this.username === '' || this.password === '') {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.model.loginModel.inputError', '用户名或密码输入有误')
+          )
+          return;
+        }
+
+        this.saveNumPsw()
+
+        const loginInfo = {
+          username: this.username,
+          password: this.password,
+          saveUsername: this.saveUsername,
+          savePassword: this.savePassword
+        }
+
+
+        // 如果选择手动控制登录就返回账号密码数据
+        if (!this.autoLogin) {
+          this.$emit('login', loginInfo)
+          return
+        }
+
+        // 调用登录接口
+        const res = await this.$lwAxios({
+          method: 'post',
+          url: this.loginApi,
+          data: {
+            ...this.loginData,
+            ...loginInfo
+          }
+        })
+
+        // 储存token
+        this.$lwApiUtils.setToken(res.token)
+
+        await Promise.all([
+          // 绑定UUID
+          this.$lwUUID.bound(),
+          // 获取字典数据
+          this.$lwDict.asyncGet(),
+          // 获取权限数据
+          this.$lwPermissions.asyncGet(),
+        ])
+
+        // 如果存在跳转页面就自动跳转
+        if (this.path) {
+          this.$router.push({
+            path: this.path,
+            query: this.query || {}
+          })
+
+          return
+        }
+
+        // 登录成功后触发的事件
+        this.$emit('success', res)
+      }catch (err){
+        console.warn('登录出错：', err)
+      }
+    },
+
+    // 语言切换
+    language(){
+      this.$router.push({
+        path:'/lwLanguage'
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+/**
+* 登录模块样式
+*/
+
+@import "../../../assets/css/var.less";
+
+.language{
+  width: 100%;
+  text-align: center;
+  font-size: 14px;
+  color: #999;
+  margin-top: 10px;
+
+
+  .language-img{
+    width: 16px;
+    margin-right: 5px;
+  }
+}
+
+.lw-login-model-img{
+  width: 20px;
+}
+
+.lw-login-checkbox{
+  margin-top: 10px;
+  font-size: 14px;
+  color: @fontColor;
+
+  >div{
+    flex: 1;
+  }
+}
+
+.lw-login-btn{
+  margin-top: 20px;
+
+  >.lw-button{
+    display: block;
+    flex: 1;
+  }
+}
+
+
+</style>

package/src/components/module/Login//347/231/273/345/275/225/346/250/241/345/235/227.md

@@ -0,0 +1 @@
+# 登录功能模块 [查看文档](http://note.youdao.com/groupshare/?token=8D71B17260BC47FE8FA9E102FA32F4DA&gid=136361463)

package/src/components/module/Lot/index.js

@@ -0,0 +1,11 @@
+/*
+* 批次属性
+* @author: 张文
+* @date  2022-03-31
+* */
+
+import lwLotModule from "./index.vue";
+
+lwLotModule.install = Vue => Vue.component(lwLotModule.name, lwLotModule)
+
+export default lwLotModule

package/src/components/module/Lot/index.vue

@@ -0,0 +1,181 @@
+<!--
+  批次属性
+  @author: 张文
+  @date: 2022-03-31
+-->
+<template>
+  <div>
+    <component
+      v-for="(i,k) in list"
+      :key="k"
+      :is="i.component"
+      v-model="i.value"
+      v-bind="i"
+    />
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwLotModule",
+  props:{
+    // 请求批次组件数据接口(完整路径)
+    path: String,
+    // 请求时额外携带的参数
+    query: {
+      type: Object,
+      default: () => {}
+    },
+    // 批次组件的数据(权重高于接口请求)
+    lotList: Array,
+
+    // 是否严格校验必填项
+    mustRequired: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      // 结果
+      list:[],
+      // 映射数据
+      map:{
+        'lw-text': (item) => {
+          return {
+            ...item,
+            component: 'lw-input',
+            value: item.default,
+            disabled: !item.enabled,
+            inputAlign: 'right'
+          }
+        },
+        'lw-number': (item) => {
+          return {
+            ...item,
+            component: 'lw-input',
+            value: item.default,
+            type:'number',
+            disabled: !item.enabled,
+            inputAlign: 'right',
+            decimalScale: Number(item.decimalScale) || 0
+          }
+        },
+        'lw-select': (item) => {
+          return {
+            ...item,
+            component: 'lw-cell-popup-radio',
+            value: item.default,
+            disabled: !item.enabled,
+            dictKey: item.category
+          }
+        },
+        'lw-date': (item) => {
+          return {
+            ...item,
+            component: 'lw-cell-popup-date',
+            value: item.default && this.$lwDate.format(item.default, item.format || 'yyyy-MM-dd'),
+            disabled: !item.enabled
+          }
+        },
+        'lw-time': (item) => {
+          const min = item.pickerStart.split(':')
+          const max = item.pickerEnd.split(':')
+          const step = item.pickerStep.split(':').map(item=>Number(item))
+          return {
+            ...item,
+            component: 'lw-cell-popup-date',
+            value: item.default,
+            type:'time',
+            disabled: !item.enabled,
+            minHour: min[0] || 0,
+            maxHour: max[0] || 23,
+            minMinute: min[1] || 0,
+            maxMinute: max[1] || 59,
+            filter:(type, options)=>{
+              if (type === 'hour'){
+                return options.filter((option) => option % (step[0] || 1) === 0);
+              }
+              if (type === 'minute'){
+                return options.filter((option) => option % (step[1] || 1) === 0);
+              }
+
+              return options
+            }
+          }
+        },
+      },
+    }
+  },
+  mounted() {
+    this.getLotData()
+  },
+  methods: {
+    // 请求数据
+    async getLotData(){
+
+      let res = null
+
+      if (this.lotList && this.lotList.length) {
+
+        res = this.lotList
+
+      } else if (this.path) {
+
+        res = await this.$lwAxios({
+          url: this.path,
+          method: 'post',
+          data: this.query
+        })
+
+      } else {
+        res = await this.$lwApi.lot.get(this.query)
+      }
+
+
+
+      this.list = []
+
+      for (let i of res) {
+        i.attributes.required = i.attributes.enabled && i.attributes.required && this.mustRequired
+
+        this.list.push(this.map[i.use](i.attributes))
+      }
+    },
+
+    // 获取数据
+    getData(){
+      let obj = {}
+      for (let item of this.list) {
+        // 校验必填项，是否已经填写
+        if (
+          this.mustRequired &&
+          !item.disabled &&
+          item.required &&
+          !(item.value === 0 || item.value)
+        ){
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.module.lot.null','批次属性必填项不能为空') + ':' + item.title
+          )
+          return {
+            success:false,
+            data:{}
+          }
+        }
+
+        obj[item.name] = item.value
+      }
+
+      return {
+        success: true,
+        data: obj
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/module/Lot//346/211/271/346/254/241/345/261/236/346/200/247.md

@@ -0,0 +1,2 @@
+# 批次属性 [查看文档](http://note.youdao.com/groupshare/?token=A4BBA1A655844F82B1D4F95617F89777&gid=136361463)
+# 批次属性数据结构 [查看文档](http://note.youdao.com/groupshare/?token=DA1F7C5D34DB4F0CA8616044D69DC198&gid=136361463)

package/src/components/module/LotLook/index.js

@@ -0,0 +1,11 @@
+/*
+* 批次组件数据查看
+* @author: 张文
+* @date  2022-06-09
+* */
+
+import lwLotLookModule from "./index.vue";
+
+lwLotLookModule.install = Vue => Vue.component(lwLotLookModule.name, lwLotLookModule)
+
+export default lwLotLookModule

package/src/components/module/LotLook/index.vue

@@ -0,0 +1,80 @@
+<!--
+  批次组件数据查看
+  @author: 张文
+  @date: 2022-06-09
+-->
+<template>
+  <div
+    :class="[hiddenLastBorder ? 'lw-lot-look-box' : '']"
+  >
+    <lw-cell
+      style="padding: 0 5px"
+      v-for="(i,k) in list"
+      :key="k"
+      :title="i[titleKey]"
+      :value="i[valueKey]"
+      :is-link="false"
+      :border="!hiddenBorder"
+    />
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwLotLookModule",
+  props:{
+    // 提供渲染的数据
+    columns: Array,
+
+    // 标题的key
+    titleKey:{
+      type: String,
+      default: 'displayName'
+    },
+
+    // 值的key
+    valueKey:{
+      type: String,
+      default: 'formatValue'
+    },
+
+    // 通过接口请求数据时传递的参数 TODO 接口暂无
+    query: Object,
+
+    // 不显示下边框
+    hiddenBorder: Boolean,
+
+    // 不显示最后一条数据的边框
+    hiddenLastBorder: Boolean,
+  },
+  computed:{
+    list(){
+      if (this.columns && Array.isArray(this.columns) && this.columns.length){
+        return  this.columns
+      }else {
+        // TODO 调用接口获取数据
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+
+.lw-lot-look-box{
+
+  &>.lw-cell-box:last-child{
+    border-bottom: none;
+  }
+}
+
+</style>

package/src/components/module/Menu/index.js

@@ -0,0 +1,12 @@
+/*
+* 菜单模块
+* @author: 张文
+* @date  2022-03-31
+* */
+
+
+import lwMenuModule from './index.vue'
+
+lwMenuModule.install = Vue => Vue.component(lwMenuModule.name, lwMenuModule)
+
+export default lwMenuModule