leisure-core 0.4.6 → 0.4.7

package/index.js

@@ -41,6 +41,7 @@ import LeMpurl from "./le-mpurl/index.js";
 import { LeHelp, LeHelpDetail } from "./le-help/index.js";
 import LeDistribution from "./le-distribution/index.js";
 import LeDistributionCategory from "./le-distribution-category/index.js";
+import LeSelectUser from "./le-select-user/index.js";
 
 const components = [
   LeArea,
@@ -83,6 +84,7 @@ const components = [
   LeHelpDetail,
   LeDistribution,
   LeDistributionCategory,
+  LeSelectUser,
 ];
 
 const install = function (Vue) {
@@ -195,4 +197,5 @@ export default {
   LeHelpDetail,
   LeDistribution,
   LeDistributionCategory,
+  LeSelectUser,
 };

package/le-area/src/main.vue

@@ -1,5 +1,6 @@
 <template>
   <el-cascader
+    ref="elcascader"
     v-model="value"
     clearable
     :props="props"
@@ -37,13 +38,6 @@ export default {
     };
   },
   watch: {
-    initArea: {
-      handler(val) {
-        this.value = val;
-      },
-      deep: true,
-      immediate: true,
-    },
     isAny: {
       handler(val) {
         this.props.checkStrictly = val;
@@ -51,7 +45,9 @@ export default {
       immediate: true,
     },
   },
-  mounted() {},
+  mounted() {
+    this.value = this.initArea;
+  },
   methods: {
     LoadData(node, resolve) {
       let nodes = [];
@@ -67,7 +63,12 @@ export default {
       });
     },
     handleChange(currentValue) {
-      this.$emit("areaChange", JSON.stringify(currentValue));
+      let selectValue = {};
+      selectValue.code = currentValue;
+      if (!selectValue.code || selectValue.code.length <= 0) return;
+      let names = this.$refs["elcascader"].getCheckedNodes()[0].pathLabels;
+      selectValue.name = names.join("");
+      this.$emit("areaChange", selectValue);
     },
   },
 };

package/le-select-user/index.js

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

package/le-select-user/src/main.vue

@@ -0,0 +1,70 @@
+<template>
+  <el-select
+    v-model="value"
+    multiple
+    :multiple-limit="limitNum"
+    filterable
+    remote
+    reserve-keyword
+    placeholder="请输入用户关键字"
+    :remote-method="getUserBack"
+    :loading="loading"
+    @change="onChange"
+  >
+    <el-option
+      v-for="item in userList"
+      :key="item.id"
+      :label="item.account + '-' + (item.nick ? item.nick : '')"
+      :value="item.id"
+    >
+    </el-option>
+  </el-select>
+</template>
+<script>
+import { listBack } from "@/api/user.js";
+export default {
+  name: "le-select-user",
+  props: {
+    limitNum: {
+      type: Number,
+      default: 999,
+    },
+  },
+  data() {
+    return {
+      value: [],
+      userList: [],
+      loading: false,
+    };
+  },
+  watch: {},
+  mounted() {
+    this.value = this.initArea;
+  },
+  methods: {
+    getUserBack(comment) {
+      this.userList = [];
+      let param = {};
+      param.comment = comment;
+      if (param) {
+        this.loading = true;
+        listBack(param)
+          .then((res) => {
+            let data = res.data.data;
+            if (data) {
+              this.userList = data;
+            }
+            this.loading = false;
+          })
+          .catch((err) => {
+            console.log(err);
+            this.loading = false;
+          });
+      }
+    },
+    onChange(value) {
+      console.log(value);
+    },
+  },
+};
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leisure-core",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "leisure-core是leisure-ui-core的简称,是京心数据基于vue2.0开发的一套后台系统框架与js库,包含登录,首页框架等",
   "private": false,
   "author": "北方乐逍遥(zcx7878)",