npm - ol-base-components - Versions diffs - 0.1.2 - Mend

ol-base-components 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/.eslintrc +8 -0
package/README.md +2 -0
package/babel.config.js +5 -0
package/dist/css/app.6cd72c4d.css +1 -0
package/dist/css/chunk-vendors.10dd4e95.css +1 -0
package/dist/favicon.ico +0 -0
package/dist/fonts/element-icons.f1a45d74.ttf +0 -0
package/dist/fonts/element-icons.ff18efd1.woff +0 -0
package/dist/index.html +1 -0
package/dist/js/app.f06356ec.js +2 -0
package/dist/js/app.f06356ec.js.map +1 -0
package/dist/js/chunk-vendors.0d051653.js +49 -0
package/dist/js/chunk-vendors.0d051653.js.map +1 -0
package/jsconfig.json +19 -0
package/package.json +51 -0
package/public/favicon.ico +0 -0
package/public/index.html +17 -0
package/src/App.vue +205 -0
package/src/assets/logo.png +0 -0
package/src/assets/nodata.jpg +0 -0
package/src/components/HelloWorld.vue +58 -0
package/src/main.js +12 -0
package/src/package/index.js +22 -0
package/src/package/table/index.js +7 -0
package/src/package/table/src/index.vue +569 -0
package/src/package/table/src/printTable.vue +196 -0
package/vue.config.js +21 -0

package/jsconfig.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}

package/package.json ADDED Viewed

@@ -0,0 +1,51 @@
+{
+  "name": "ol-base-components",
+  "version": "0.1.2",
+  "private": false,
+  "main": "dist/js/app.f06356ec.js",
+  "scripts": {
+    "serve": "vue-cli-service serve --no-verify",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "^3.8.3",
+    "element-ui": "^2.15.14",
+    "eslint": "^8.57.1",
+    "eslint-plugin-vue": "^10.3.0",
+    "vue": "^2.6.14"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "sass": "^1.89.2",
+    "sass-loader": "^16.0.5",
+    "vue-template-compiler": "^2.6.14"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
+  },
+  "keywords": [
+    "ol-base-components"
+  ],
+  "description": "二次封装的通用组件库。table，form",
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

package/public/favicon.ico ADDED Viewed

Binary file

package/public/index.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

package/src/App.vue ADDED Viewed

@@ -0,0 +1,205 @@
+<template>
+  <div id="app">
+    <div>1111</div>
+    <MyTable
+      :paginations="paginations"
+      :empty-img="tableData.emptyImg"
+      :btnlist="[]"
+      :table-data="tableData"
+      :multiple-selection="multipleSelection"
+      @SelectionChange="SelectionChange"
+      @handleSizeChange="handleSizeChange"
+      @handleindexChange="handleindexChange"
+    ></MyTable>
+    <el-button>默认按钮</el-button>
+    <el-button type="primary">主要按钮</el-button>
+    <el-button type="success">成功按钮</el-button>
+    <el-button type="info">信息按钮</el-button>
+    <el-button type="warning">警告按钮</el-button>
+    <el-button type="danger">危险按钮</el-button>
+  </div>
+</template>
+<script>
+// import HelloWorld from "./components/HelloWorld.vue";
+import MyTable from "@/package/table/src/index.vue";
+export default {
+  name: "App",
+  components: {
+    // HelloWorld,
+    MyTable,
+  },
+  data() {
+    return {
+      multipleSelection: [],
+      tableData: {
+        loading: false,
+        emptyImg: true,
+        options: {
+          selection: true, // 多选框
+          index: false, // 序号EmployeeInfoCode
+          headTool: true, // 开启头部工具栏
+          refreshBtn: true, // 开启表格头部刷新按钮
+          downloadBtn: true, // 开启表格头部下载按钮
+        }, // 序号和复选框
+        rows: [], // 表数据
+        columns: [
+          {
+            label: "",
+            minWidth: "",
+            type: "selection",
+            show: true,
+          },
+          {
+            prop: "qualityEnumDesc",
+            label: "状态",
+          },
+          {
+            prop: "stockTypeDesc",
+            label: "类型",
+          },
+          {
+            prop: "productCode",
+            label: "零件编码",
+            minWidth: "200",
+            sortable: false,
+            show: true,
+          },
+          {
+            prop: "productName",
+            label: "零件名称",
+            minWidth: "180",
+            sortable: false,
+            show: true,
+          },
+          {
+            prop: "productBatch",
+            label: "批次",
+            minWidth: "",
+            sortable: false,
+            show: true,
+          },
+          {
+            prop: "receivingTime",
+            label: "收货日期",
+            minWidth: "160",
+            sortable: false,
+            show: true,
+          },
+          {
+            prop: "expireTime",
+            label: "到期时间",
+          },
+          {
+            prop: "projectCode",
+            label: "项目号",
+          },
+          {
+            prop: "boxCode",
+            label: "箱卡号",
+          },
+          {
+            prop: "region",
+            label: "区域",
+          },
+          {
+            prop: "area",
+            label: "库区",
+          },
+          {
+            prop: "carBodyTagNumber",
+            label: "标签号",
+          },
+          {
+            prop: "cargoLocationCode",
+            label: "库位编码",
+            minWidth: "",
+            sortable: false,
+            show: true,
+          },
+          {
+            prop: "containerCode",
+            label: "容器编码",
+            minWidth: "",
+            sortable: false,
+            show: true,
+          },
+          {
+            prop: "totalQty",
+            label: "库存数量",
+            minWidth: "120",
+            sortable: false,
+            show: true,
+          },
+          {
+            prop: "usableQty",
+            label: "可用数量",
+            minWidth: "120",
+            sortable: false,
+            show: true,
+          },
+          {
+            prop: "lockQty",
+            label: "占用数量",
+            minWidth: "120",
+            sortable: false,
+            show: true,
+          },
+          {
+            prop: "stockoutBillNo",
+            label: "出库单号",
+          },
+          {
+            prop: "loadPercent",
+            label: "容器承载百分比",
+          },
+          {
+            prop: "alv",
+            label: "客户件号",
+          },
+        ], // 表头
+        operates: [], // 表格里面的操作按钮
+        tableHeightDiff: 300,
+      },
+      paginations: {
+        page: 1, // 当前位于那页面
+        total: 10, // 总数
+        limit: 30, // 一页显示多少条
+        pagetionShow: true,
+      },
+    };
+  },
+  methods: {
+    SelectionChange(row) {
+      this.multipleSelection = row;
+    },
+    handleSearch(from) {
+      var self = this;
+      self.formSearchData.value = { ...from };
+      self.paginations.page = 1;
+      this.getTable();
+    },
+    handleReset() {},
+    handleSizeChange(val) {
+      this.paginations.page = 1;
+      this.paginations.limit = val;
+      this.getTable();
+    },
+    handleindexChange(val) {
+      this.paginations.page = val;
+      this.getTable();
+    },
+  },
+};
+</script>
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

package/src/assets/logo.png ADDED Viewed

Binary file

package/src/assets/nodata.jpg ADDED Viewed

Binary file

package/src/components/HelloWorld.vue ADDED Viewed

@@ -0,0 +1,58 @@
+<template>
+  <div class="hello">
+    <h1>{{ msg }}</h1>
+    <p>
+      For a guide and recipes on how to configure / customize this project,<br>
+      check out the
+      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
+    </p>
+    <h3>Installed CLI Plugins</h3>
+    <ul>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
+    </ul>
+    <h3>Essential Links</h3>
+    <ul>
+      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
+      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
+      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
+      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
+      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
+    </ul>
+    <h3>Ecosystem</h3>
+    <ul>
+      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
+      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
+      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
+      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
+      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  name: 'HelloWorld',
+  props: {
+    msg: String
+  }
+}
+</script>
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>

package/src/main.js ADDED Viewed

@@ -0,0 +1,12 @@
+import Vue from "vue";
+import ElementUI from "element-ui";
+import "element-ui/lib/theme-chalk/index.css";
+import App from "./App.vue";
+import OldCom from "@/package/table/index";
+Vue.config.productionTip = false;
+Vue.use(ElementUI);
+Vue.use(OldCom);
+new Vue({
+  render: (h) => h(App),
+}).$mount("#app");

package/src/package/index.js ADDED Viewed

@@ -0,0 +1,22 @@
+import OlTable from "./table";
+const components = [OlTable];
+const install = function (Vue) {
+  // 判断是否安装
+  if (install.installed) {
+    return;
+  }
+  // 遍历所有组件
+  components.map((item) => {
+    Vue.component(item.name, item);
+  });
+};
+// 判断是否引入文件
+if (typeof window !== "undefined" && window.Vue) {
+  install(window.Vue);
+}
+export default {
+  install,
+  ...components,
+};

package/src/package/table/index.js ADDED Viewed

@@ -0,0 +1,7 @@
+import OlTable from "./src/index.vue";
+OlTable.install = function (Vue) {
+  Vue.component("OlTable", OlTable);
+};
+export default OlTable;