eoss-mobiles 0.1.13

package/packages/selector/src/selector-tree.vue

@@ -0,0 +1,472 @@
+<template>
+  <div class="em-select-tree-content">
+    <em-nav-bar
+      v-if="showNavBar"
+      :class="isBgColor ? 'em-selector-nav-bar' : ''"
+      @click-left="navigateBack"
+    >
+      <template slot="left">
+        <van-icon name="arrow-left" />
+      </template>
+      <template slot="title">{{ navTitle }}</template>
+    </em-nav-bar>
+    <div class="em-search-box" v-if="showSearch">
+      <em-search
+        v-model="namelike"
+        @input="onSearch"
+        placeholder="请输入搜索关键词"
+      />
+    </div>
+    <div class="em-tree-box">
+      <em-tree
+        v-if="personnel && personnel.length > 0"
+        :model="personnel"
+        :value-key="valueKey"
+        :label-key="labelKey"
+        :enterprise="isEnterprise"
+        @popen="open"
+        @checke="checked"
+        :oldIsSearch="oldIsSearch"
+        :isSearch="isSearch"
+        :isOtherUnit="isOtherUnit"
+        :filid="filid"
+      ></em-tree>
+    </div>
+    <div class="em-btn-group">
+      <div class="select-list">
+        <div v-for="(r, i) in list" :key="i" class="item">
+          <!--    r[labelKey].length > 6
+                ? r[labelKey].slice(0, 6) + '...'
+                : r[labelKey] -->
+          <div class="name" v-if="r[labelKey]">
+            {{ r[labelKey] }}
+          </div>
+          <div class="delte" @click="delteList(i)">
+            <img
+              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAABXxJREFUWEfVWUtIHVcY/v7YjVGSaBpFTAQ3JooLpSg+qxSapF30kY2bVshakNgo1rcmPioxtQSyDqTdZJMmXbSaQtH6RClmEWJ0I8SEEK1PfGxqTvkOM8PM3JnrnauF+sMFvXPmzDff+c/3/+e7giMSckRw4kBAlVJ5AEoAvA/gOIDTxt98/78BrADYMf4eFZHpaImJCqhSqhBAPYDPAz74MYBeEZkIeF8wRpVS+QD6AJQGfZBr/AiAWhGZinSeiBhVSnFZmwwWYyKdfJ9xe2QXQJeIMD3Cxr5AlVJxAP4AQDZDYnd3FwsLC3j58iXevHmjP4yUlBT9SUtLQ3p6OmJjY/2AkNWPRGQ7HNKwQJVS8QCGAHxgn0Qphbdv3+LJkyeYnp7GixcvsLa25vmchIQEXLhwAXl5ebh48SKSk5MhEvLYvwCUi8iWH1hfoEopUkAmC+w3r6+vY3BwEA8ePMDr16+xt8cV3D9iYmKQmpqKiooKXLp0CadOnXLfNGkwu+s1mydQA+TvAIrtNy0uLqKvrw/j4+Mgq9EE2SwqKkJtbS3OnTvnnmIMwMciEgLWD2insXmsiV69eoX29nY8ffo0Gnwh9+Tk5Oj5zp49677GzdXs/jIEqCHi4wDeMwevrq6io6MDY2N84cOL4uJitLW1ITEx0T7pPwCK3MXBC+ifdp3c3NzEjRs3MDw8HPVy+24QEZSVlaG1tRUnTpywDxsRkQ/tXziAGhWHbOpgHnLT3L59+9BBms9gzl6/fl1vMpcakFWrgrmBPrKXRWpiVVWV1kh3xMXFaTaooZQnv83Fh1OeqKVcle3tULmk1t69e1frri0ei8gX1gvZ2GOD4Shp9+/f1xN4SRA18ebNm2D+dnd3Y2SEVTE0SktL0djYqPOwpaVFa687KF0kpLKy0n0p38xVi1GlVA2A782RW1tbqKur04LuFVlZWVqqkpKSsLS0hJ6eHoyOjlrMksmSkhI0NDRYYyhJz58/95yPBeHWrVuIj2eNseIbEennf3agDkl69uwZqqurwc3kFSYQsnXmzBksLy+jq6tLg2UQZFNTk3WNrNtfxD0nN9OdO3eQnZ1tv2RJlR0okV8zRw0MDKC5OUTOQjCbS0uwZJZgGQRJtvkC4VLDPmFnZycuX75s/+oHEeFKOxj9EcBX5qh79+7p/IwkCNZcYuYsgzlppoRf/rrnZp5evXrV/vVPIvK1G+ivAD4xR5GFhw8fRoJTj3GLdzRF4sqVK3rj2eI3Efn0yAI9Mkt/ZDaTQ55mZ2e1PPk1xIctT2ywKU+ZmZn7ypND8Hd2dlBfX4+JCe8D4/nz59Hf3x9I8GtqajA3N+e5QQsLC9Hb24vjx3k8s8JT8AOVUOodW78gJZQtHfXZHYFKKG9WSv0MwGoEwjUlLHX5+fn6ODI/Px+2KcnIyNDHkKmpKbA0u8OnKXkkIl+aY49mm2ew6miceZhj1+OXqxFXBJ+BzE12Ya7DXvjG2QDKXHUcRXioY5c/MzNzUFyO+3Nzc3V37zrkRXYUMcB2A2iwz8pc5K4ks9GeQK18EwGZpKowd13RIyKOOuooofbBhoVD44HsWrGysqLBDg0N4d27d1Gxe+zYMZSXl2uQp0/T/HMEm18aESEWTzgDglbOsNsl2djY0BJzEAOC0nby5Ek3SLolZX7WTiSWDo0Ih1tit3QmJye1iPMFvIKAWBwKCgrCWTp0SWg8BLd0zIf6uSbmdR7WeMCjQeFlktFg4MGOh0Gf8HVH7OP3dfOMzUUfignODXaYtmMPgG4vC8f9UhEBtbH7/zZy3W9nGBXfAvgs4Nb/BcB3/7k17gGYDPPHBupMuB8b+KMDf2yI2Ao/0NIHZO9QhwfK0UN9csDJ/gXzxuhJ8IbhCwAAAABJRU5ErkJggg=="
+            />
+          </div>
+        </div>
+      </div>
+      <div class="btn" @click="dispose">确认（{{ list.length }}）</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import EmTree from './tree.vue';
+import { selectObject } from '../../../src/config/api.js';
+import $ from '../../../src/utils/util.js';
+import request from '../../../src/utils/http.js';
+export default {
+  components: { EmTree },
+  name: 'EmSelectorTree',
+  inheritAttrs: false,
+  props: {
+    isSelectAll: {
+      type: Boolean,
+      default: false
+    },
+    showSearch: {
+      type: Boolean,
+      default: true
+    },
+    multiple: {
+      type: Boolean, // 判断是否多选
+      default: true
+    },
+    selectList: {
+      type: Array, //传入选中数组
+      default: () => []
+    },
+    // pid: {
+    //   type: String, // 父id或者是空
+    //   default: 'root'
+    // },
+    param: {
+      type: Object,
+      default: () => {
+        return { pid: 'root' };
+      }
+    },
+    // depId:{
+    //   type: String, //
+    //   default:''
+    // },
+    isEnterprise: {
+      type: Boolean,
+      default: false
+    },
+    tabs: {
+      type: String, //enterprise：单位，department：部门，employee：用户
+      default: 'employee'
+    },
+    objType: {
+      type: String, // 点击对象类型(enterprise:单位,department:部门,employee:用户,person:人员,persongroup:群组)
+      default: 'enterprise'
+    },
+    isOtherUnit: {
+      //是否是其它单位
+      type: Boolean,
+      default: false
+    },
+    filid: {
+      type: String, // 指定企业
+      default: undefined
+    },
+    type: {
+      type: String, // 组件类型
+      default: 'components'
+    },
+    navTitle: {
+      type: String,
+      default: '请选择'
+    },
+    showNavBar: {
+      type: Boolean,
+      default: true
+    },
+    isBgColor: {
+      type: Boolean,
+      default: true
+    },
+    promptText: {
+      type: String,
+      default: '只能选择一个'
+    },
+    listKey: {
+      type: String,
+      default: ''
+    },
+    valueKey: {
+      type: String,
+      default: 'showid'
+    },
+    labelKey: {
+      type: String,
+      default: 'showname'
+    },
+    nodeList: Array
+  },
+  data() {
+    return {
+      genre: '',
+      personnel: '',
+      label: '',
+      namelike: undefined, //搜索关键字
+      list: [], //选中数组
+      timer: null,
+      isSearch: false,
+      oldIsSearch: false
+    };
+  },
+  watch: {
+    listKey: {
+      handler(val) {
+        this.label = val;
+      },
+      immediate: true
+    },
+    nodeList: {
+      handler(val) {
+        if (this.isSearch != this.oldIsSearch) {
+          this.getNodeList(true);
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      if (this.nodeList) {
+        this.getNodeList();
+      } else {
+        this.getContent();
+      }
+    });
+  },
+  methods: {
+    getNodeList(isSearch) {
+      this.personnel = this.nodeList;
+
+      !isSearch && (this.list = $.deepClone(this.selectList));
+      let _this = this;
+      if (this.list && this.list.length > 0) {
+        this.list.filter(r => {
+          _this.personnel.find(i => {
+            if (i[_this.valueKey] === r[_this.valueKey]) {
+              _this.$set(i, 'checked', true);
+            } else if (i.children) {
+              _this.getActiveChildren(i.children, r[_this.valueKey]);
+            } else {
+              _this.$set(i, 'checked', false);
+            }
+          });
+        });
+      } else {
+        _this.personnel.map(x => {
+          if (x.children && x.children.length > 0) {
+            this.setChecked(x.children);
+          } else {
+            _this.$set(x, 'checked', false);
+          }
+        });
+      }
+    },
+    getActiveChildren(data, id) {
+      const _this = this;
+      data.map(x => {
+        if (x[_this.valueKey] === id) {
+          _this.$set(x, 'checked', true);
+        } else if (x.children) {
+          _this.getActiveChildren(x.children, id);
+        } else {
+          _this.$set(x, 'checked', false);
+        }
+      });
+    },
+    setChecked(list) {
+      list.map(x => {
+        if (x.children && x.children.length > 0) {
+          this.setChecked(x.children);
+        } else {
+          this.$set(x, 'checked', false);
+        }
+      });
+    },
+    /**
+     * delteList
+     * @desc:删除选中的数据
+     * @date 2023年3月6日
+     * @author liufan
+     * @param {String,Number} i  点击数据的下标
+     */
+    delteList(i) {
+      this.oldIsSearch = this.isSearch;
+      let res = this.list[i];
+      this.getArray(this.personnel, res[this.valueKey]);
+      this.list.splice(i, 1);
+    },
+    // 树结构遍历
+    getArray(data, showid) {
+      for (let i in data) {
+        //满足条件
+        if (data[i][this.valueKey] == showid) {
+          this.$set(data[i], 'checked', false);
+          break;
+        } else {
+          //否则  继续遍历子元素
+          this.getArray(data[i].children, showid);
+        }
+      }
+    },
+    /**
+     * onSearch
+     * @desc:条件搜索
+     * @date 2023年3月6日
+     * @author liufan
+     */
+    onSearch() {
+      if (this.timer != null) {
+        clearTimeout(this.timer);
+      }
+      this.timer = setTimeout(() => {
+        if (this.$listeners.search) {
+          this.oldIsSearch = this.isSearch;
+          this.isSearch = !this.isSearch;
+          this.$emit('search', this.namelike);
+        } else {
+          this.getContent();
+        }
+      }, 1000);
+    },
+    /**
+     * getContent
+     * @desc:获取数据
+     * @date 2023年3月6日
+     * @author liufan
+     */
+    getContent(name) {
+      if (name) {
+        this.label = name;
+      }
+      this.list = $.deepClone(this.selectList);
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request({
+        url: selectObject,
+        params: {
+          // pid: this.pid,
+          // depId:this.depId,
+          objType: this.objType,
+          namelike: this.namelike,
+          selecttype: this.tabs,
+          filid: this.filid,
+          ...this.param
+        }
+      }).then(res => {
+        const { rCode, msg } = res;
+        if (rCode == 0) {
+          this.personnel = res.results;
+          let _this = this;
+          this.selectList.filter(r => {
+            _this.personnel.find(i => {
+              if (i[_this.valueKey] === r[_this.valueKey]) {
+                _this.$set(i, 'checked', true);
+              }
+            });
+          });
+          this.genre = res.results;
+        } else {
+          this.$toast(msg);
+        }
+        this.$toast.clear();
+      });
+    },
+    getData(obj) {
+      let params = {
+        pid: obj[this.valueKey],
+        selecttype: obj.selecttype,
+        objType: obj.objType
+      };
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request({ url: selectObject, params: params }).then(res => {
+        if (res.rCode == 0) {
+          this.$set(obj, 'children', res.results);
+          let _this = this;
+          this.selectList.filter(r => {
+            obj.children.find(i => {
+              if (i[_this.valueKey] === r[_this.valueKey]) {
+                _this.$set(i, 'checked', true);
+              }
+            });
+          });
+        }
+        this.$toast.clear();
+      });
+    },
+    open(res, isStart) {
+      const _that = this;
+      _that.oldIsSearch = _that.isSearch;
+      if (this.$listeners['node-click']) {
+        if (!isStart) {
+          if (res.obj.open) {
+            this.$set(res.obj, 'open', false);
+          } else {
+            this.$set(res.obj, 'open', true);
+          }
+        }
+        let newData = res.obj;
+        if (!newData.children) {
+          this.$toast.loading({
+            message: '加载中...',
+            forbidClick: true,
+            loadingType: 'spinner',
+            overlay: true,
+            duration: 0
+          });
+          let data = _that.$listeners['node-click'](res.obj);
+          if (!Array.isArray(data)) {
+            data.then(res => {
+              res.map(x => {
+                !x.subNode && _that.$set(x, 'nocheck', false);
+              });
+              _that.$set(newData, 'children', res);
+              if (_that.selectList && _that.selectList.length > 0) {
+                _that.selectList.filter(r => {
+                  newData.children.find(i => {
+                    if (i[_that.valueKey] === r[_that.valueKey]) {
+                      _that.$set(i, 'checked', true);
+                    }
+                  });
+                });
+              } else {
+                newData.children.find(i => {
+                  _that.$set(i, 'checked', false);
+                });
+              }
+            this.$toast.clear();
+            }).catch(err => {
+              console.log(err,'error')
+              this.$toast('数据返回错误')
+            });
+          } else {
+            data.map(x => {
+              !x.subNode && _that.$set(x, 'nocheck', false);
+            });
+            _that.$set(newData, 'children', data);
+            if (_that.selectList && _that.selectList.length > 0) {
+              _that.selectList.filter(r => {
+                newData.children.find(i => {
+                  if (i[_that.valueKey] === r[_that.valueKey]) {
+                    _that.$set(i, 'checked', true);
+                  }
+                });
+              });
+            } else {
+              newData.children.find(i => {
+                _that.$set(i, 'checked', false);
+              });
+            }
+            this.$toast.clear();
+          }
+        }
+      } else {
+        if (!isStart) {
+          if (res.obj.open) {
+            this.$set(res.obj, 'open', false);
+          } else {
+            this.$set(res.obj, 'open', true);
+          }
+        }
+        if (!res.obj.children) {
+          this.getData(res.obj);
+        }
+      }
+    },
+    checked(res) {
+      this.oldIsSearch = this.isSearch;
+      if (res.obj.checked) {
+        for (let i in this.list) {
+          if (this.list[i][this.valueKey] == res.obj[this.valueKey]) {
+            this.list.splice(i, 1);
+          }
+        }
+
+        this.$set(res.obj, 'checked', false);
+      } else {
+        if (!this.multiple && this.list.length >= 1) {
+          this.$toast(this.promptText);
+          return;
+        }
+        this.$set(res.obj, 'checked', true);
+        this.list.unshift(res.obj);
+      }
+    },
+    dispose() {
+      let obj = {
+        list: this.list,
+        label: this.label ? this.label : undefined
+      };
+      this.oldIsSearch = this.isSearch;
+      this.$emit('dispose', obj);
+      this.$parent.$emit('change', obj);
+    },
+    navigateBack() {
+      this.$emit('close');
+    }
+  }
+};
+</script>

package/packages/selector/src/tree.vue

@@ -0,0 +1,179 @@
+<template>
+  <ul class="em-tree">
+    <li
+      class="em-tree-item"
+      v-for="item in model"
+      :key="item.id"
+      :class="{ active: item.open }"
+    >
+      <div v-if="item.subNode && isShowNode(item[valueKey])">
+        <div v-tap="{ methods: opened, obj: item }" class="title">
+          <div class="text">
+            <div
+              class="label"
+              v-if="item.parentshowid === '' || item.parentshowid === 'root'"
+            >
+              <!-- item[labelKey] && item[labelKey].length > 12
+                ? item[labelKey].slice(0, 12) + '...'
+                : item[labelKey] -->
+            </div>
+            {{ item[labelKey] }}
+          </div>
+          <van-icon name="arrow" class="right" />
+          <i
+            class="iconfont icon-gou select-icon"
+            v-show="enterprise"
+            v-tap.stop="{ methods: checke, obj: item }"
+            v-if="item.checked"
+          ></i>
+          <i
+            class="iconfont icon-quan select-icon"
+            v-show="enterprise"
+            v-tap.stop="{ methods: checke, obj: item }"
+            v-else
+          ></i>
+        </div>
+        <template v-if="item.children && item.children.length > 0">
+          <em-tree
+            :model="item.children"
+            @popen="opened"
+            @checke="checke"
+            :isOtherUnit="isOtherUnit"
+            :filid="filid"
+            :oldIsSearch="oldIsSearch"
+            :isSearch="isSearch"
+            :label-key="labelKey"
+            :value-key="valueKey"
+            :enterprise="enterprise"
+          ></em-tree>
+        </template>
+      </div>
+      <div v-else class="check-box">
+        <div class="title">
+          <div class="text">
+            <div
+              class="label"
+              v-if="item.parentshowid === '' || item.parentshowid === 'root'"
+            ></div>
+            <div
+              class="head"
+              v-if="
+                (item.attr && JSON.parse(item.attr).sex) ||
+                  item.sex ||
+                  item.avatarUrl
+              "
+            >
+              <img
+                :src="
+                  item.avatarUrl
+                    ? item.avatarUrl
+                    : 'data:image/png;base64,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'
+                "
+                v-if="
+                  (item.attr && JSON.parse(item.attr).sex === '0') ||
+                    item.sex == 0
+                "
+              />
+              <img
+                :src="
+                  item.avatarUrl
+                    ? item.avatarUrl
+                    : 'data:image/png;base64,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'
+                "
+                v-else
+              />
+            </div>
+            <!-- item[labelKey].length > 12
+                ? item[labelKey].slice(0, 12) + '...'
+                : item[labelKey] -->
+            {{ item[labelKey] }}
+          </div>
+          <span v-if="!item.nocheck || enterprise">
+            <i
+              class="iconfont icon-gou"
+              v-tap="{ methods: checke, obj: item }"
+              v-if="item.checked"
+            ></i>
+            <i
+              class="iconfont icon-quan"
+              v-tap="{ methods: checke, obj: item }"
+              v-else
+            ></i>
+          </span>
+        </div>
+      </div>
+    </li>
+  </ul>
+</template>
+
+<script>
+export default {
+  name: 'em-tree',
+  inheritAttrs: false,
+  props: {
+    model: Array,
+    enterprise: {
+      type: Boolean,
+      default: false
+    },
+    isOtherUnit: {
+      type: Boolean,
+      default: false
+    },
+    filid: {
+      type: String,
+      default: undefined
+    },
+    valueKey: {
+      type: String,
+      default: 'showid'
+    },
+    labelKey: {
+      type: String,
+      default: 'showname'
+    },
+    oldIsSearch: Boolean,
+    isSearch: Boolean
+  },
+  components: {},
+  watch: {
+    model: {
+      handler(val) {
+        if (this.oldIsSearch != this.isSearch) {
+          this.model.map(x => {
+            if (x.open) {
+              this.opened({ obj: x }, true);
+            }
+          });
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.model.map(x => {
+        if (x.open) {
+          this.opened({ obj: x }, true);
+        }
+      });
+    });
+  },
+  methods: {
+    opened(res, isStart) {
+      this.$emit('popen', res, isStart);
+    },
+    checke(res) {
+      this.$emit('checke', res);
+    },
+    isShowNode(id) {
+      let isShow = true;
+      if (this.isOtherUnit && this.filid === id) {
+        isShow = false;
+      }
+      return isShow;
+    }
+  }
+};
+</script>

package/packages/skeleton/index.js

@@ -0,0 +1,5 @@
+import EmSkeleton from './src/main';
+
+EmSkeleton.install = Vue => Vue.component(EmSkeleton.name, EmSkeleton);
+
+export default EmSkeleton;

package/packages/skeleton/src/main.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <van-skeleton v-bind="$attrs">
+      <slot />
+    </van-skeleton>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EmSkeleton',
+  inheritAttrs:false,
+  mounted() {}
+};
+</script>
+
+<style></style>

package/packages/stepper/index.js

@@ -0,0 +1,5 @@
+import EmStepper from './src/main';
+
+EmStepper.install = Vue => Vue.component(EmStepper.name, EmStepper);
+
+export default EmStepper;