eoss-ui 0.3.97

package/packages/selector-panel/src/selection.vue

@@ -0,0 +1,142 @@
+<template>
+  <div class="es-selection">
+    <el-scrollbar class="es-scrollbar">
+      <el-radio-group
+        v-if="!multiple"
+        v-bind="$attrs"
+        size="small"
+        v-on="$listeners"
+        v-model="selectes"
+      >
+        <el-radio
+          v-for="(item, index) in data"
+          :key="index"
+          v-bind="getprops($attrs, item)"
+          :label="isObject || typeof item == 'string' ? item : item[valKey]"
+          :disabled="typeof item == 'string' ? false : item.disabled"
+          :class="{ 'es-radio-delete': genre === 'delete' }"
+          :value-key="valueKey"
+        >
+          {{ typeof item == 'string' ? item : getLabel(item) }}</el-radio
+        >
+      </el-radio-group>
+      <el-checkbox-group
+        v-else
+        v-bind="$attrs"
+        :max="max"
+        size="small"
+        v-on="$listeners"
+        v-model="selectes"
+        ref="sortable"
+      >
+        <el-checkbox
+          v-for="(item, index) in data"
+          :key="index"
+          v-bind="getprops($attrs, item)"
+          :label="isObject || typeof item == 'string' ? item : item[valKey]"
+          :disabled="typeof item == 'string' ? false : item.disabled"
+          :class="{ 'es-checkbox-delete': genre === 'delete' }"
+          :value-key="valueKey"
+        >
+          {{ typeof item == 'string' ? item : getLabel(item) }}
+          <i v-show="genre === 'delete'" class="el-icon-circle-close"></i>
+        </el-checkbox>
+      </el-checkbox-group>
+    </el-scrollbar>
+  </div>
+</template>
+<script>
+import Sortable from 'sortablejs';
+import util from 'eoss-ui/src/utils/util.js';
+export default {
+  name: 'Selection',
+  props: {
+    value: [String, Array, Object],
+    genre: String,
+    valueKey: {
+      type: String,
+      default: 'showid'
+    },
+    labelKey: {
+      type: String,
+      default: 'showname'
+    },
+    valueType: {
+      type: String,
+      default: 'object'
+    },
+    data: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    max: Number,
+    mix: Boolean
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    isObject() {
+      if (
+        this.selectes &&
+        Array.isArray(this.selectes) &&
+        this.selectes.length > 0 &&
+        util.isObject(this.selectes[0])
+      ) {
+        return true;
+      } else {
+        if (this.valueType === 'object') {
+          return true;
+        } else {
+          return false;
+        }
+      }
+    },
+    selectes: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        return val;
+      }
+    }
+  },
+  mounted() {
+    if (this.multiple && this.genre === 'delete') {
+      this._sortable = new Sortable(this.$refs.sortable.$el, {
+        animation: 150,
+        onUpdate: this.handleSort
+      });
+    }
+  },
+  methods: {
+    getLabel(res) {
+      let tag = '';
+      if (this.mix) {
+        tag = util.getTypeName(res.stype);
+      }
+      return (
+        tag +
+        (res[this.labelKey]
+          ? res[this.labelKey]
+          : res.label || res[this.valueKey])
+      );
+    },
+    handleSort(res) {
+      this.$emit('sort', res);
+    },
+    getprops(attrs, res) {
+      return util.isObject(res) ? { ...attrs, ...res } : attrs;
+    }
+  },
+  beforeDestroy() {
+    if (this._sortable !== undefined) this._sortable.destroy();
+  }
+};
+</script>

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

@@ -0,0 +1,129 @@
+<template>
+  <div class="es-selector-tree">
+    <el-input
+      v-model="seachkey"
+      placeholder="请输入搜索关键字"
+      class="es-selector-tree-search"
+      @change="handleChangeSearch"
+    >
+      <template slot="append">
+        <el-button
+          icon="el-icon-search"
+          type="primary"
+          @click="handleSearch"
+        ></el-button>
+      </template>
+    </el-input>
+    <div
+      v-loading="loading"
+      element-loading-text="加载中..."
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+      class="es-tree-content"
+    >
+      <el-scrollbar class="es-scrollbar">
+        <el-tree
+          ref="tree"
+          class="es-filter-tree"
+          empty-text="暂无数据"
+          node-key="id"
+          :indent="12"
+          :data="contents"
+          :props="props"
+          :filter-node-method="filterNode"
+          :expand-on-click-node="false"
+          :highlight-current="true"
+          @node-expand="handleExpand"
+          @node-click="handleClick"
+        >
+          <el-tooltip
+            :content="node.label"
+            placement="right"
+            :auto="true"
+            slot-scope="{ node, data }"
+          >
+            <div
+              :class="[
+                {
+                  'es-icon-node': icon,
+                  'es-icon-group':
+                    data.attributes && data.attributes.isentity === '0',
+                  'es-icon-open': node.expanded
+                },
+                data.attributes && data.attributes.orgType
+                  ? 'es-icon-' + data.attributes.orgType
+                  : ''
+              ]"
+            >
+              {{ node.label }}
+            </div>
+          </el-tooltip>
+        </el-tree>
+      </el-scrollbar>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Tree',
+  props: {
+    data: {
+      type: [Array, Object],
+      default() {
+        return [];
+      }
+    },
+    icon: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      props: {
+        label: 'name',
+        children: 'children'
+      },
+      seachkey: '',
+      chooseNode: ''
+    };
+  },
+  computed: {
+    contents() {
+      return this.data;
+    }
+  },
+  watch: {},
+  mounted() {},
+  methods: {
+    // 树节点展开
+    handleExpand(data, node) {
+      this.$emit('loadsub', data, node);
+    },
+    handleClick(data, node) {
+      this.$emit('loadsub', data, node, true);
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    loadNode(node, resolve) {
+      this.$emit('load', node, resolve);
+    },
+    handleChangeSearch() {
+      if (this.seachkey === '') {
+        this.$emit('search', '');
+      }
+    },
+    handleSearch() {
+      if (this.seachkey !== '') {
+        this.$emit('search', this.seachkey);
+      }
+    }
+  }
+};
+</script>

package/packages/sizer/index.js

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

package/packages/sizer/src/main.vue

@@ -0,0 +1,254 @@
+<template>
+  <div
+    class="es-sizer"
+    :style="style"
+    v-loading="loading"
+    element-loading-text="处理中..."
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.65)"
+  >
+    <es-tree
+      :param="params"
+      :parseParams="handleParams"
+      ref="sizerTree"
+      show-search
+      show-checkbox
+      check-strictly
+      @check-change="handleChange"
+    ></es-tree>
+    <div class="es-sizer-handle">
+      <es-button size="medium" @click="handleCheckedAll">全选</es-button>
+      <es-button size="medium" @click="handleResetChecked">全清</es-button>
+      <es-button
+        size="medium"
+        @click="handleAllSub"
+        :type="checkType === 'checksubAllTrue' ? 'primary' : ''"
+        >所有下级</es-button
+      >
+      <es-button
+        size="medium"
+        @click="handleSub"
+        :type="checkType === 'checksubTrue' ? 'primary' : ''"
+        >直接下级</es-button
+      >
+    </div>
+    <div class="handleBox">
+      <es-button size="medium" type="primary" @click="handleConfirm"
+        >确认</es-button
+      >
+      <es-button size="medium" @click="handleCancel">取消</es-button>
+    </div>
+  </div>
+</template>
+<script>
+import { getOrgMainTree, getSelectOrgsubids } from 'eoss-ui/src/config/api.js';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsSizer',
+  inject: {
+    esDialog: {
+      default: ''
+    }
+  },
+  props: {
+    method: {
+      type: String,
+      default: 'get'
+    },
+    width: {
+      type: [String, Number],
+      default: '500px'
+    },
+    height: {
+      type: [String, Number],
+      default: '600px'
+    },
+    url: {
+      type: String,
+      default: getOrgMainTree
+    },
+    orgUrl: {
+      type: String,
+      default: getSelectOrgsubids
+    },
+    selectField: {
+      type: String,
+      default: 'creditCode'
+    },
+    businessSubCentercode: String,
+    param: {
+      type: Object,
+      default() {
+        return {
+          showarea: 0,
+          orgType: 'org',
+          nocheck: false,
+          id: 'all',
+          isroot: true,
+          businessSubCentercode: 'business_property',
+          synchro: true,
+          pvd: 'true',
+          levels: 2,
+          showlevelsub: true,
+          selectType: 'orglist'
+        };
+      }
+    }
+  },
+  computed: {
+    style() {
+      if (this.esDialog) {
+        return { height: '100%' };
+      }
+      let width = this.width;
+      let height = this.height;
+      if (typeof this.width === 'number' || this.width.indexOf('px') === -1) {
+        width = this.width + 'px';
+      }
+      if (typeof this.height === 'number' || this.height.indexOf('px') === -1) {
+        height = this.height + 'px';
+      }
+      return { width: width, height: height };
+    },
+    params() {
+      if (this.businessSubCentercode) {
+        return {
+          ...this.param,
+          businessSubCentercode: this.businessSubCentercode
+        };
+      }
+      return this.param;
+    }
+  },
+  watch: {
+    checkeds: {
+      deep: true,
+      handler(val) {
+        this.$emit('change', val);
+      }
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      checkeds: null,
+      checkType: null
+    };
+  },
+  created() {
+    //this.loadsub(this.param);
+  },
+  methods: {
+    handleParams({ data, params }) {
+      let param = JSON.parse(JSON.stringify(params));
+      param.isroot = data.pId === 'root';
+      return param;
+    },
+    handleCheckedAll() {
+      this.$refs.sizerTree.handleCheck();
+      this.checkType = 'checkAllTrue';
+    },
+    handleResetChecked() {
+      this.$refs.sizerTree.setCheckedKeys([]);
+      this.checkType = null;
+    },
+    getCheckedNodes() {
+      this.checkeds = this.$refs.sizerTree.getCheckedNodes();
+      return this.checkeds;
+    },
+    handleChange() {
+      this.getCheckedNodes();
+    },
+    handleAllSub() {
+      if (!this.checkeds || !this.checkeds.length) {
+        this.$alert('请选择组织!', '提示', {
+          type: 'warning'
+        });
+      } else {
+        this.checkType = 'checksubAllTrue';
+      }
+    },
+    handleSub() {
+      if (!this.checkeds || !this.checkeds.length) {
+        this.$alert('请选择组织!', '提示', {
+          type: 'warning'
+        });
+      } else {
+        this.checkType = 'checksubTrue';
+      }
+    },
+    async handleConfirm() {
+      if (!this.checkeds || !this.checkeds.length) {
+        this.$alert('请选择组织!', '提示', {
+          type: 'warning'
+        });
+      } else {
+        let ids = [];
+        let creditCodes = [];
+        let carry = true;
+        if (this.checkType === 'checkAllTrue') {
+          ids = ['all'];
+        } else {
+          this.checkeds.forEach(item => {
+            let data = JSON.parse(item.data.objdata);
+            if (data.creditCode && data.creditCode !== 'undefined') {
+              creditCodes.push(data.creditCode);
+            }
+            if (item.isParent && item.children) {
+              ids.push(item.id);
+            }
+          });
+        }
+        if (this.checkType) {
+          let params = {
+            businessSubCentercode:
+              this.params.businessSubCentercode ||
+              this.params.requestbusinessSubCentercode,
+            selectIds: ids.join(','),
+            selectField: this.selectField,
+            checkType: this.checkType
+          };
+          this.loading = true;
+          await util
+            .ajax({
+              url: this.orgUrl,
+              method: this.method,
+              data: params,
+              params: params
+            })
+            .then(res => {
+              this.loading = false;
+              if (res.rCode === 0) {
+                creditCodes = creditCodes.concat(res.results.split(','));
+              } else {
+                carry = false;
+                this.$alert('查询出错，请联系系统管理员', '提示', {
+                  type: 'error'
+                });
+              }
+            })
+            .catch(err => {
+              this.loading = false;
+              if (err.message && err.message !== 'canceled') {
+                this.$message.error(err.message);
+              }
+            });
+        }
+        if (carry) {
+          this.$emit('confirm', {
+            checkeds: this.checkeds,
+            creditCode: creditCodes.join(','),
+            selectIds: ids,
+            count: creditCodes.length
+          });
+          this.esDialog && this.esDialog.handleClose();
+        }
+      }
+    },
+    handleCancel() {
+      this.$emit('cancel');
+      this.esDialog && this.esDialog.handleClose();
+    }
+  }
+};
+</script>

package/packages/steps/index.js

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

package/packages/steps/src/main.vue

@@ -0,0 +1,175 @@
+<template>
+  <el-steps
+    v-bind="$attrs"
+    :active="defaultActive"
+    class="es-steps"
+    :finishStatus="finishStatus"
+  >
+    <el-step
+      v-for="(item, indexs) in content"
+      v-bind="handleExclAttribute({ data: item, attr: ['title'] })"
+      :key="indexs"
+      :title="
+        typeof item.title === 'string' && (!showNumber || !item.showNumber)
+          ? item.title
+          : undefined
+      "
+      :showNumber="false"
+      :position="position"
+      :class="{
+        'es-line-dotted': indexs === active - 1,
+        'es-is-click': isClick
+      }"
+      @click="
+        () => {
+          handleClick(item, indexs);
+        }
+      "
+    >
+      <template
+        slot="title"
+        v-if="(showNumber || item.showNumber) && typeof item.title === 'string'"
+      >
+        <span class="es-step-title_number">{{
+          (prepose ? prepose : '') + (indexs + 1)
+        }}</span>
+        <span class="es-step-title_text">{{ item.title }}</span>
+      </template>
+      <template v-else-if="typeof item.title === 'object'" slot="title">
+        <template v-if="Array.isArray(item.title)">
+          <span
+            v-for="(ele, index) in item.title"
+            :class="'es-step-title_' + index"
+            >{{ ele }}</span
+          >
+        </template>
+        <template v-else>
+          <span
+            class="es-step-title_number"
+            v-if="Object.prototype.hasOwnProperty.call(item.title, 'number')"
+            >{{ item.title.number }}</span
+          >
+          <span
+            class="es-step-title_text"
+            v-if="Object.prototype.hasOwnProperty.call(item.title, 'text')"
+            >{{ item.title.text }}</span
+          >
+          <span
+            class="es-step-title_icon"
+            v-if="Object.prototype.hasOwnProperty.call(item.title, 'icon')"
+            >{{ item.title.icon }}</span
+          >
+        </template>
+      </template>
+    </el-step>
+  </el-steps>
+</template>
+<script>
+import util from 'eoss-ui/src/utils/util.js';
+export default {
+  name: 'EsSteps',
+  inheritAttrs: false,
+  inject: {
+    esForm: {
+      default: ''
+    }
+  },
+  props: {
+    method: String,
+    prepose: String,
+    active: {
+      type: Number,
+      default: 0
+    },
+    finishStatus: {
+      type: String,
+      default: 'success'
+    },
+    url: String,
+    param: Object,
+    contents: Array,
+    showNumber: {
+      type: Boolean,
+      default: false
+    },
+    position: {
+      type: String,
+      default: 'top'
+    },
+    finish: Boolean,
+    isClick: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      list: null
+    };
+  },
+  computed: {
+    content() {
+      return this.list ? this.list : this.contents;
+    },
+    defaultActive() {
+      return this.finish ? this.content.length : this.active;
+    }
+  },
+  watch: {
+    url() {
+      this.getData();
+    },
+    param: {
+      deep: true,
+      handler() {
+        if (this.url) {
+          this.getData();
+        }
+      }
+    }
+  },
+  created() {
+    this.getData();
+  },
+  mounted() {},
+  methods: {
+    getData() {
+      if (this.url) {
+        let param = this.param ? this.param : {};
+        util
+          .ajax({
+            method: this.method,
+            url: this.url,
+            data: param,
+            params: param
+          })
+          .then(res => {
+            if (res.rCode === 0) {
+              if (this.esForm) {
+                this.esForm.stepContent = JSON.parse(
+                  JSON.stringify(res.results)
+                );
+              } else {
+                this.list = JSON.parse(JSON.stringify(res.results));
+              }
+            }
+          })
+          .catch(err => {
+            if (err.message && err.message !== 'canceled') {
+              this.$message.error(err.message);
+            }
+          });
+      }
+    },
+    handleClick(item, index) {
+      this.$emit('click', { type: 'step', ...item }, index);
+    },
+    handleExclAttribute({ data, attrs }) {
+      return util.exclAttribute({
+        data: data,
+        attrs: attrs
+      });
+    }
+  }
+};
+</script>

package/packages/switch/index.js

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