@logwire/logwire-wms-pda-ui 1.1.19 → 1.2.0

package/README.md

@@ -1,134 +1,117 @@
-#logwire-wms-npm 组件库 开发说明
-
-## 描述
->该组件主要用于运匠科技WMS产品手持PDA前端页面，其中部分组件是基于vant进行的二次开发。
-
-##使用
-```js
-// 在项目的main.js中引入
-
-import logwireWMSUI from 'logwire-wms-pda-ui'
-
-import 'logwire-wms-pda-ui/src/assets/css/index.less'
-
-Vue.use(logwireWMSUI)
-```
-
-
-## 主题定制
-```js
-//在项目的vue.config.js中
-
-module.exports = {
-  css: {
-    loaderOptions: {
-      less: {
-        modifyVars: {
-          'normalButtonBackgroundColor': '#49c51a',
-          '@mainButtonBackgroundColor': '#c5a31a'
-        }
-      }
-    }
-  }
-}
-```
-
-## 技术栈
-vue、webpack、vant
-
-## 目录结构
-```text
-├── dist  // 打包后的出口文件
-├── src  // 全部开发都在此
-│   ├── api  // 标准功能需要的接口
-│   │   ├── login.js  // 每个页面应当独立创建一个js文件
-│   │   ├── task.js
-│   ├── assets  // 静态资源
-│   │   ├── css   // 样式    
-│   │   │   ├── var.less   // 固定目录-提供项目样式修改的变量名 
-│   │   │   ├── index.less   // 固定目录-导出的统一目录，所有组件都应当在此处导出
-│   │   │   ├── LwButton.less   // 样式名应当与组件名保持一致  
-│   │   ├── img  // 图片资源 
-│   ├── components // 基础组件    
-│   │   ├── LwButton // 组件，命名方式应当使用大驼峰 
-│   │   │   ├── imgUploadAxios.js // 提供安装方法
-│   │   │   ├── index.vue // 组件 （css样式应当与代码解耦）
-│   ├── model // 标准的公共模块
-│   │   ├── LwButton // 页面，命名方式应当使用大驼峰 
-│   │   │   ├── imgUploadAxios.js // 提供安装方法
-│   │   │   ├── index.vue // 组件 （css样式应当与代码解耦）
-│   ├── utils // 公共方法
-│   │   ├── imgUploadAxios.js // 固定文件 - 方法统一的导出文件
-│   │   ├── date.js // 方法
-│   ├── views // 页面  
-│   │   ├── task // 功能模块的名字    
-│   │   │   ├── LwTab // 页面的名字   
-│   │   │   │   ├── imgUploadAxios.js // 提供安装方法
-│   │   │   │   ├── index.vue // 组件 （css样式应当与代码解耦）
-│   │   │   ├── LwContent.vue // 页面的名字   
-│   │   │   │   ├── imgUploadAxios.js // 提供安装方法
-│   │   │   │   ├── index.vue // 组件 （css样式应当与代码解耦）
-```
-
-
-## 命名规则
-
-**接口（api）** - 文件命名应当和views中业务文件夹名字相同，接口名应当和后端接口名一致
-
-**静态资源（assets-css）** - 文件使用驼峰命名，样式如果注册到全局应当在选择器前加入lw-global前缀 <br>
-Ps：lw-global-xxx
-
-**静态资源（assets-img）** - 文件使用驼峰命名
-
-**组件（components）** - 应当使用驼峰命名且必须以lw开头 <br>
-Ps：lwButton.vue
-
-**模块（model）** - 应当使用驼峰命名且必须以lw开头 <br>
-Ps：lwButton.vue
-
-**公共方法（utils）** - 基于不同的功能创建不同的js文件，方法和文件名应当使用驼峰命名，且方法名前应当加入lw
-
-**页面（views）** - 文件夹表明一个业务类型，使用驼峰命名。且所有的业务应当在此文件夹内形成闭环，尽量避免业务与业务之间的页面嵌套，文件夹内页面命名方式参照组件规则执行
-
-## 开发规范
-
-**所有.vue/.js/.less文件在代码最顶部加入如下内容**
-```html
-<!--
-  组件的名称
-  @author 作者
-  @date: 创建时间（yyyy-MM-dd）
--->
-```
-**所有的function应当加入如下信息**
-```javascript
-/**
- * 方法的名称
- * @author 作者
- * @param {参数类型} key 参数描述
- * @returns [*] 返回数据
- */
-```
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+# logwire-wms-npm 组件库 开发说明
+
+> 点击 [开发文档](https://www.yuque.com/books/share/d73face0-9fbe-42f2-a676-8578a940f77c) 查看组件库文档信息
+
+## 描述
+>该组件主要用于运匠科技WMS产品手持PDA前端页面，其中部分组件是基于vant进行的二次开发。
+
+## 使用
+```js
+// 在项目的main.js中引入
+
+import logwireWMSUI from 'logwire-wms-pda-ui'
+
+import 'logwire-wms-pda-ui/src/assets/css/index.less'
+
+Vue.use(logwireWMSUI)
+```
+
+## 技术栈
+vue、webpack、vant
+
+## 目录结构
+```text
+├── dist  // 打包后的出口文件
+├── src  // 全部开发都在此
+│   ├── api  // 标准功能需要的接口
+│   │   ├── login.js  // 每个页面应当独立创建一个js文件
+│   │   ├── task.js
+│   ├── assets  // 静态资源
+│   │   ├── css   // 样式    
+│   │   │   ├── var.less   // 固定目录-提供项目样式修改的变量名 
+│   │   │   ├── index.less   // 固定目录-导出的统一目录，所有组件都应当在此处导出
+│   │   │   ├── LwButton.less   // 样式名应当与组件名保持一致  
+│   │   ├── img  // 图片资源 
+│   ├── components // 基础组件    
+│   │   ├── LwButton // 组件，命名方式应当使用大驼峰 
+│   │   │   ├── imgUploadAxios.js // 提供安装方法
+│   │   │   ├── index.vue // 组件 （css样式应当与代码解耦）
+│   ├── model // 标准的公共模块
+│   │   ├── LwButton // 页面，命名方式应当使用大驼峰 
+│   │   │   ├── imgUploadAxios.js // 提供安装方法
+│   │   │   ├── index.vue // 组件 （css样式应当与代码解耦）
+│   ├── utils // 公共方法
+│   │   ├── imgUploadAxios.js // 固定文件 - 方法统一的导出文件
+│   │   ├── date.js // 方法
+│   ├── views // 页面  
+│   │   ├── task // 功能模块的名字    
+│   │   │   ├── LwTab // 页面的名字   
+│   │   │   │   ├── imgUploadAxios.js // 提供安装方法
+│   │   │   │   ├── index.vue // 组件 （css样式应当与代码解耦）
+│   │   │   ├── LwContent.vue // 页面的名字   
+│   │   │   │   ├── imgUploadAxios.js // 提供安装方法
+│   │   │   │   ├── index.vue // 组件 （css样式应当与代码解耦）
+```
+
+
+## 命名规则
+
+**接口（api）** - 文件命名应当和views中业务文件夹名字相同，接口名应当和后端接口名一致
+
+**静态资源（assets-css）** - 文件使用驼峰命名，样式如果注册到全局应当在选择器前加入lw-global前缀 <br>
+Ps：lw-global-xxx
+
+**静态资源（assets-img）** - 文件使用驼峰命名
+
+**组件（components）** - 应当使用驼峰命名且必须以lw开头 <br>
+Ps：lwButton.vue
+
+**模块（model）** - 应当使用驼峰命名且必须以lw开头 <br>
+Ps：lwButton.vue
+
+**公共方法（utils）** - 基于不同的功能创建不同的js文件，方法和文件名应当使用驼峰命名，且方法名前应当加入lw
+
+**页面（views）** - 文件夹表明一个业务类型，使用驼峰命名。且所有的业务应当在此文件夹内形成闭环，尽量避免业务与业务之间的页面嵌套，文件夹内页面命名方式参照组件规则执行
+
+## 开发规范
+
+**所有.vue/.js/.less文件在代码最顶部加入如下内容**
+```html
+<!--
+  组件的名称
+  @author 作者
+  @date: 创建时间（yyyy-MM-dd）
+-->
+```
+**所有的function应当加入如下信息**
+```javascript
+/**
+ * 方法的名称
+ * @author 作者
+ * @param {参数类型} key 参数描述
+ * @returns [*] 返回数据
+ */
+```
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

package/package.json

@@ -1,69 +1,43 @@
-{
-  "name": "@logwire/logwire-wms-pda-ui",
-  "version": "1.1.19",
-  "private": false,
-  "author": "zhangwen",
-  "description": "运匠科技wms-PDA基础组件库",
-  "main": "./src/index.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --mode production",
-    "push": "npm publish",
-    "getNPMHttp": "npm get registry",
-    "setLocalHttp": "npm config set registry http://192.168.0.12:8081/repository/npm-hosted/",
-    "recoverHttp": "npm config set registry https://registry.npmjs.org/"
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "keywords": [
-    "logwire-wms",
-    "logwire",
-    "wms"
-  ],
-  "dependencies": {
-    "axios": "^0.21.1",
-    "core-js": "^3.10.2",
-    "lodash": "^4.17.21",
-    "luxon": "^2.4.0",
-    "vant": "^2.12.42",
-    "vue": "^2.6.12"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.3.0",
-    "@vue/cli-plugin-eslint": "^3.1.1",
-    "@vue/cli-service": "^3.12.1",
-    "babel-eslint": "^10.1.0",
-    "css-loader": "^6.5.1",
-    "eslint": "^7.24.0",
-    "eslint-plugin-vue": "^7.9.0",
-    "less": "^4.1.1",
-    "less-loader": "^7.3.0",
-    "style-loader": "^3.3.1",
-    "style-resources-loader": "^1.4.1",
-    "url-loader": "^4.1.1",
-    "vue-cli-plugin-style-resources-loader": "^0.1.5",
-    "vue-template-compiler": "^2.6.12",
-    "webpack-cli": "^4.9.1"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}
+{
+  "name": "@logwire/logwire-wms-pda-ui",
+  "version": "1.2.0",
+  "private": false,
+  "author": "zhangwen",
+  "description": "运匠科技wms-PDA基础组件库",
+  "main": "./src/index.js",
+  "license": "MIT",
+  "scripts": {
+    "build": "vite build",
+    "push": "npm publish",
+    "getNPMHttp": "npm get registry",
+    "setLocalHttp": "npm config set registry http://192.168.0.12:8081/repository/npm-hosted/",
+    "recoverHttp": "npm config set registry https://registry.npmjs.org/"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "keywords": [
+    "logwire-wms",
+    "logwire",
+    "wms"
+  ],
+  "dependencies": {
+    "axios": "^0.27.2",
+    "core-js": "^3.24.1",
+    "lodash": "^4.17.21",
+    "luxon": "^3.0.1",
+    "vant": "^2.12.48",
+    "vue": "^2.7.7"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-legacy": "^2.0.0",
+    "@vitejs/plugin-vue2": "^1.1.2",
+    "eslint": "^8.5.0",
+    "eslint-plugin-vue": "^9.0.0",
+    "less": "^4.1.3",
+    "rollup-plugin-copy": "^3.4.0",
+    "terser": "^5.14.2",
+    "vite": "^3.0.2"
+  }
+}

package/src/api/common/Msg.js

@@ -1,26 +1,34 @@
-/*
-* 消息
-* @author: 张文
-* @date  2022-03-10
-* */
-
-import lwAxios from "../../utils/Axios";
-
-export const msg = {
-
-  // 获取全部消息
-  getList(data) {
-    return lwAxios.action({
-      url: 'mobileGetNotificationMessage',
-      data
-    })
-  },
-
-  // 标记消息已读
-  read(data) {
-    return lwAxios.action({
-      url: 'mobileReadNotificationMessage',
-      data
-    })
-  },
-}
+/*
+* 消息
+* @author: 张文
+* @date  2022-03-10
+* */
+
+import lwAxios from "../../utils/Axios";
+
+export const msg = {
+
+  // 获取全部消息
+  getList(data) {
+    return lwAxios.action({
+      url: 'mobileGetNotificationMessage',
+      data
+    })
+  },
+
+  // 标记消息已读
+  read(data) {
+    return lwAxios.action({
+      url: 'mobileReadNotificationMessage',
+      data
+    })
+  },
+
+  // 获取消息列表
+  getBizType(data) {
+    return lwAxios.action({
+      url: 'mobileGetNotificationMessageBizType',
+      data
+    })
+  },
+}