meixioacomponent 1.1.49 → 1.1.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "1.1.49",
+  "version": "1.1.51",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/packages/components/base/baseArea/api.js

@@ -0,0 +1,7 @@
+export const GetAreaTree = (params) => {
+    return window[`meixiRequest`]({
+        method: 'get',
+        params: params,
+        url: '/third/lbs/getAreaInfo',
+    })
+}

package/packages/components/base/baseArea/areaConfig.js

@@ -1,6 +1,7 @@
 const areaConfig = [
-  { value: "province" },
-  { value: "city" },
-  { value: "district" },
+    {value: "province"},
+    {value: "city"},
+    {value: "district"},
+    {value: 'town'}
 ];
 export default areaConfig;

package/packages/components/base/baseArea/baseAreaV2.vue

@@ -0,0 +1,157 @@
+<template>
+  <div class="base-area-select-wrap">
+    <el-cascader
+        ref="cascader"
+        :disabled="disable||loading"
+        :props="treeProps" :size="size" @change="onChange"
+        @expand-change="onExpandChange"
+        :placeholder="placeholder"
+        v-model="localValue">
+      <template #empty>
+        <el-empty description="正在加载数据中" v-if="loading"></el-empty>
+        <el-empty v-else description="暂无数据"></el-empty>
+      </template>
+    </el-cascader>
+  </div>
+</template>
+
+<script>
+import baseButtonHandleVue from '../baseButtonHandle/baseButtonHandle.vue'
+import {GetAreaTree} from "./api";
+import areaConfig from "./areaConfig";
+//
+
+export default {
+  name: 'baseArea',
+  data() {
+    return {
+      loading: false,
+      localValue: '',
+      localDetailValue: {},
+      treeProps: {
+        lazy: true,
+        value: 'name',
+        label: 'name',
+        leaf: 'leaf',
+        lazyLoad: (node, resolve) => {
+          const {level, value} = node;
+          this.loading = true;
+          GetAreaTree({
+            keyword: value
+          }).then(res => {
+            if (Array.isArray(res)) {
+              res.forEach(item => {
+                item[`leaf`] = item.level === 4;
+              })
+              this.loading = false;
+              resolve(res);
+            } else {
+              resolve([]);
+            }
+          })
+        }
+      },
+      placeholder: '请选择省市区镇'
+    }
+  },
+  created() {
+  },
+
+  mounted() {
+    if (this.module) {
+      const {province, city, district, town} = this.module;
+      this.localValue = [province, city, district];
+      if (town) {
+        this.localValue.push(town);
+      }
+      this.localDetailValue = {
+        province,
+        city,
+        district,
+        town
+      }
+      this.placeholder = `${province}-${city}-${district}${town ? `-${town}` : ''}`
+    }
+  },
+
+  props: {
+    value: {
+      default: null,
+    },
+    disable: {
+      type: Boolean,
+      default: false,
+    },
+    size: {type: String, default: 'small'}
+  },
+
+  components: {
+    baseButtonHandleVue,
+  },
+  computed: {
+    module: {
+      set(val) {
+        this.$emit('input', val)
+      },
+      get() {
+        return this.$props.value
+      },
+    },
+
+  },
+  methods: {
+    onChange() {
+      this.onAreaChange(this.$refs.cascader.getCheckedNodes(false)[0]);
+      const _value = {
+        ...this.localDetailValue,
+      }
+      this.$emit('confirmAreaValue', _value)
+      this.module = _value;
+    },
+    onExpandChange(value) {
+      // console.log('onExpandChange')
+      // console.log(value);
+    },
+    onAreaChange(value) {
+      try {
+        const {level, label, data} = value;
+        if (!level) return;
+        for (let i = 0; i < level; i++) {
+          this.localDetailValue[`${areaConfig[i].value}`] = null;
+        }
+        if (!this.localDetailValue[`idList`]) {
+          this.localDetailValue[`idList`] = [0, 0, 0, 0];
+        }
+
+        this.localDetailValue[`${areaConfig[level - 1].value}`] = label;
+        this.localDetailValue[`idList`][level - 1] = data.code;
+        if (!value.parent) {
+          return;
+        }
+        this.onAreaChange(value.parent);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
+  watch: {
+    module(newVal, oldVal) {
+
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.base-area-select-wrap {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  border-radius: calc(var(--radius) * 2);
+
+  /deep/ .el-cascader {
+    width: 100% !important;
+  }
+}
+
+</style>

package/packages/components/base/baseArea/index.js

@@ -1,7 +1,8 @@
 import baseArea from "./baseArea.vue";
+import baseAreaV2 from "./baseAreaV2.vue";
 
 baseArea.install = function (Vue) {
-  Vue.component(baseArea.name, baseArea);
+  Vue.component(baseArea.name, baseAreaV2);
 };
 
 export default baseArea;